:root{--accent-orange: #F26522;--accent-orange-hover: #d95315;--bg-mine-black: #0A0A0A;--bg-secondary: #0F0F0F;--card-night-blue: #1A365D;--text-subtle-gray: #CBD5E0;--text-white: #FFFFFF;--border-subtle: rgba(255, 255, 255, .1);--success-green: #22C55E;--pricing-popular-bg: rgba(26, 54, 93, .3);--header-bg: rgba(10, 10, 10, .7);--header-bg-scrolled: rgba(10, 10, 10, .95);--hero-bg-dark-opacity: 1;--hero-bg-light-opacity: 0;--hero-overlay-start: rgba(10, 10, 10, .95);--hero-overlay-mid: rgba(10, 10, 10, .7);--hero-overlay-end: rgba(10, 10, 10, .2);--hero-blob-bg: transparent;--hero-blob-blur: none;--card-gradient-start: rgba(30, 30, 30, .4);--card-gradient-end: rgba(10, 10, 10, .8);--phone-frame-bg: #111111;--phone-frame-border: #1a1a1a;--phone-notch-bg: #1a1a1a;--shadow-subtle: rgba(0, 0, 0, .3);--imp-bg-color: #f8f9fa;--imp-text-color: #1a1a1a;--logo-faena-color: #FFFFFF;--input-bg: rgba(0, 0, 0, .45);--input-bg-focus: rgba(0, 0, 0, .65);--input-border: var(--border-subtle);--btn-outline-border: rgba(255, 255, 255, .2);--btn-outline-hover-bg: rgba(255, 255, 255, .05)}[data-theme=light]{--accent-orange: #F26522;--accent-orange-hover: #d95315;--bg-mine-black: #F3F4F6;--bg-secondary: rgba(226, 232, 240, .6);--card-night-blue: #1A365D;--text-subtle-gray: #4B5563;--text-white: #0A192F;--border-subtle: rgba(10, 25, 47, .15);--success-green: #16A34A;--pricing-popular-bg: rgba(10, 25, 47, .05);--header-bg: rgba(255, 255, 255, .5);--header-bg-scrolled: rgba(255, 255, 255, .85);--hero-bg-dark-opacity: 0;--hero-bg-light-opacity: 1;--hero-overlay-start: transparent;--hero-overlay-mid: transparent;--hero-overlay-end: transparent;--hero-blob-bg: rgba(255, 255, 255, .9);--hero-blob-blur: blur(50px);--card-gradient-start: rgba(248, 250, 252, .6);--card-gradient-end: rgba(226, 232, 240, .6);--phone-frame-bg: #FFFFFF;--phone-frame-border: #0A192F;--phone-notch-bg: #0A192F;--shadow-subtle: rgba(10, 25, 47, .15);--imp-bg-color: #E5E7EB;--imp-text-color: #0A192F;--logo-faena-color: #0A192F;--input-bg: #FFFFFF;--input-bg-focus: #FFFFFF;--input-border: rgba(10, 25, 47, .25);--btn-outline-border: rgba(10, 25, 47, .3);--btn-outline-hover-bg: rgba(10, 25, 47, .05)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Inter,sans-serif;background-color:var(--bg-mine-black);color:var(--text-white);min-height:100vh;scroll-behavior:smooth;line-height:1.6;overflow-x:hidden;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none}.text-accent{color:var(--accent-orange)}.text-gray{color:var(--text-subtle-gray)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}@media (max-width: 768px){.container{padding:0 1rem}}.section{padding:clamp(6rem,15vh,12rem) 0}.btn-primary{background-color:var(--accent-orange);color:var(--bg-mine-black);padding:1rem 2rem;border-radius:9999px;font-weight:700;font-size:1.125rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #ff6b0066}.btn-primary:hover{background-color:var(--accent-orange-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0099}.btn-outline{border:1px solid var(--accent-orange);color:var(--accent-orange);padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:all .3s ease;background:#ff6b000d}.btn-outline:hover{background-color:var(--accent-orange);color:var(--bg-mine-black)}.animate-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);will-change:opacity,transform}.reveal-left{transform:translate(-50px)}.reveal-right{transform:translate(50px)}.reveal-up{transform:translateY(50px)}.animate-on-scroll.is-visible{opacity:1;transform:translate(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) forwards}[data-theme=light] .quienes-somos .section-title{color:#000!important}[data-theme=light] .quienes-somos .quienes-text,[data-theme=light] .quienes-somos p,[data-theme=light] .quienes-somos strong{color:#111!important}
