:root{--primary-color: #8B4513;--primary-light: #A0522D;--primary-dark: #654321;--secondary-color: #CD853F;--accent-color: #DEB887;--text-primary: #2c3e50;--text-secondary: #666;--text-light: #999;--background-primary: #ffffff;--background-secondary: #f8f9fa;--background-tertiary: #f0f2f5;--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-light));--gradient-secondary: linear-gradient(135deg, var(--primary-light), var(--secondary-color));--gradient-background: linear-gradient(180deg, #ffffff 0%, #fafafa 50%, #ffffff 100%);--shadow-sm: 0 2px 8px rgba(139, 69, 19, .08);--shadow-md: 0 8px 25px rgba(139, 69, 19, .12);--shadow-lg: 0 15px 50px rgba(139, 69, 19, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--gradient-background);overflow-x:hidden}html{scroll-behavior:smooth}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.service-hero{display:flex;align-items:center;justify-content:center;min-height:60vh;position:relative;padding:var(--spacing-xl) 0;background:url(/assets/gestion-empresarial-bg.jpg) no-repeat center center/cover;text-align:center}.service-hero:before{content:"";position:absolute;inset:0;background:#0000008c;z-index:0}.service-hero .container{text-align:center;position:relative;z-index:1;max-width:900px}.service-title{font-size:clamp(2.5rem,5vw,3.5rem);color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.7);margin-bottom:var(--spacing-sm)}.service-intro{font-size:clamp(1rem,2.5vw,1.2rem);color:#fffffff2;max-width:650px;margin:0 auto}.service-hero-img{width:100%;max-width:450px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:var(--spacing-md) auto}.service-hero{flex-direction:column}.service-list li{font-weight:600}.main-content{padding:var(--spacing-xl) 0}.service-content-section{padding:var(--spacing-2xl) 0;background:var(--background-secondary)}.service-details-grid{display:flex;justify-content:center}.service-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);padding:0;width:100%}.service-list li{background:var(--background-primary);border:1px solid #e0e0e0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center;font-size:var(--font-size-base);transition:transform .3s ease,box-shadow .3s ease;min-height:240px;justify-content:center}.service-list li:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.icon{color:var(--primary-dark);font-size:2.2rem;margin-bottom:var(--spacing-md);background-color:#8b451314;border-radius:50%;width:75px;height:75px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.service-list li:hover .icon{background-color:#8b451326}@media (min-width: 1200px){.service-list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.service-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.service-hero{min-height:50vh}.service-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.container{padding:0 var(--spacing-lg)}.service-hero{min-height:40vh;padding:var(--spacing-lg) 0}.service-content-section{padding:var(--spacing-xl) 0}.service-list{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 480px){.container{padding:0 var(--spacing-md)}.service-hero{min-height:45vh;padding:var(--spacing-lg) 0}.service-title{font-size:clamp(2rem,8vw,2.5rem)}.icon{font-size:1.8rem;width:60px;height:60px}.service-list li{padding:var(--spacing-md);min-height:200px}}