:root{--bg:#05090d;--bg2:#0a1218;--ink:#e5e8eb;--muted:#b8c0c6;--line:rgba(200,215,224,.15);--blue:#263641;--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid #d5e0e5;outline-offset:5px}.wrap{width:min(var(--max),calc(100% - 13.6%));margin-inline:auto}
header{position:absolute;z-index:10;inset:0 0 auto;background:linear-gradient(180deg,rgba(3,8,12,.7),transparent)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:19px;letter-spacing:.34em;font-weight:400;white-space:nowrap;display:inline-flex;align-items:center;gap:13px;text-shadow:0 0 18px rgba(220,232,238,.12)}.brand:before{content:"";display:inline-block;width:24px;height:15px;border:1px solid rgba(211,226,233,.78);border-radius:50%;transform:rotate(-24deg) perspective(80px) rotateX(24deg);box-shadow:inset 0 1px 2px rgba(235,245,249,.55),0 1px 5px rgba(177,204,217,.2)} .links{display:flex;align-items:center;gap:34px;font-size:16px;color:#d2d8dc}.links a{transition:opacity .2s}.links a:hover{opacity:.65}
.hero{min-height:390px;height:31.2vw;max-height:500px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 55%,#15232c 0,#091116 48%,#03070a 82%);display:flex;align-items:center;border-bottom:1px solid rgba(210,224,231,.05)}.hero-copy{position:relative;z-index:3;padding-top:50px}.hero:after{content:"";position:absolute;z-index:1;right:5%;bottom:8%;font-size:clamp(38px,5.2vw,76px);font-weight:200;letter-spacing:.28em;color:rgba(224,234,239,.20);white-space:nowrap;pointer-events:none;text-shadow:0 0 22px rgba(180,207,220,.08)} .eyebrow{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:#c5cdd2}.hero h1{font-size:clamp(39px,3.8vw,54px);line-height:1.08;letter-spacing:-.045em;font-weight:300;margin:17px 0 16px;max-width:440px}.hero p{font-size:14px;line-height:1.55;color:#d1d8dc;margin:0}.hero .cta{display:inline-flex;align-items:center;gap:18px;margin-top:22px;font-size:16px}.cta .arrow{font-size:19px;font-weight:200;transition:transform .25s}.cta:hover .arrow{transform:translateX(5px)}
.liquid-hero{position:absolute;inset:-10% -3% -5% 30%;pointer-events:none;opacity:.95}.liquid-hero svg{width:100%;height:100%;display:block}.silk{transform-origin:50% 50%;animation:silk 17s ease-in-out infinite alternate}.silk2{transform-origin:50% 50%;animation:silk2 21s ease-in-out infinite alternate}.spark{animation:glow 8s ease-in-out infinite alternate}
.businesses{position:relative;overflow:hidden;padding:38px 0 41px;background:linear-gradient(180deg,#05090d 0%,#060b0f 100%);isolation:isolate}.businesses:before,.businesses:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:1%;right:1%;height:310px;top:-15px;border:1px solid rgba(182,202,212,.23);border-radius:50%;transform:rotate(-9deg) scaleY(.83);box-shadow:0 -1px 2px rgba(220,235,240,.14),inset 0 2px 3px rgba(205,224,232,.12),0 12px 35px rgba(53,82,98,.08);background:linear-gradient(180deg,rgba(196,215,222,.035),transparent 28%,rgba(36,56,67,.07) 68%,transparent)}.businesses:after{left:3%;right:3%;top:7px;height:285px;transform:rotate(-9deg) scaleY(.83);border-color:rgba(165,188,200,.09);box-shadow:inset 0 1px 2px rgba(225,235,239,.08)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;z-index:1}.card{position:relative;min-width:0;min-height:385px;background:#080e13;border:1px solid rgba(175,199,211,.15);overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}.card:hover{border-color:rgba(204,222,231,.35);transform:translateY(-3px)}.photo{height:clamp(190px,19vw,260px);position:relative;overflow:hidden;background:#101a21}.photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(32%) saturate(.65) brightness(.82);transition:transform .8s,filter .8s}.card:hover .photo img{transform:scale(1.035);filter:grayscale(15%) saturate(.78) brightness(.9)}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,9,13,.7) 100%)}.card-copy{position:relative;z-index:2;margin-top:-22px;padding:0 25px 25px;background:linear-gradient(180deg,rgba(5,10,14,.06),#070d12 24%);flex:1} .label{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#c5ced3;margin-bottom:14px}.card h2{font-size:clamp(19px,1.7vw,25px);font-weight:300;line-height:1.23;letter-spacing:-.025em;margin:0 0 17px} .card p{font-size:16px;line-height:1.65;color:#b7c0c6;margin:0;max-width:350px}.card .cta{margin-top:21px;font-size:15px;gap:14px}
.vision{position:relative;isolation:isolate;overflow:hidden;min-height:275px;padding:54px 0 48px;background:radial-gradient(ellipse at 22% 60%,#14212a 0,#0b1319 48%,#060b0f 100%);border-top:1px solid rgba(202,218,225,.09);border-bottom:1px solid rgba(202,218,225,.08)}.vision:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:66vw;height:250px;left:38%;top:12%;border-radius:50%;border:1px solid rgba(190,211,220,.25);transform:perspective(800px) rotateX(60deg) rotateZ(-12deg);box-shadow:0 1px 2px rgba(230,240,243,.15),inset 0 2px 3px rgba(217,230,235,.15),inset 0 -3px 7px rgba(0,0,0,.65);background:linear-gradient(125deg,rgba(210,224,230,.07),transparent 35%,rgba(87,111,124,.12) 70%,transparent)}.vision:after{content:"";position:absolute;z-index:-1;right:5%;bottom:20%;font-size:clamp(42px,4vw,62px);font-weight:200;letter-spacing:.34em;color:rgba(225,232,235,.18);white-space:nowrap;pointer-events:none}.vision-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;position:relative}.vision h2{font-size:clamp(25px,2.3vw,34px);font-weight:300;line-height:1.25;letter-spacing:-.025em;margin:16px 0 15px}.vision-copy{max-width:390px;font-size:17px;line-height:1.75;color:#c1c9ce}.vision-copy p{margin:0 0 10px}.vision-copy .cta{margin-top:7px;font-size:15px}
footer{background:#05090d;padding:25px 0 20px}.sound-toggle{position:fixed;z-index:20;left:22px;bottom:20px;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(205,222,230,.28);border-radius:30px;background:rgba(5,10,14,.88);color:#dbe3e7;font:500 14px "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.03em;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 5px 24px rgba(0,0,0,.25)}.sound-toggle:hover{border-color:rgba(225,239,245,.55)}.sound-toggle .sound-icon{font-size:15px;line-height:1}.sound-toggle[aria-pressed="true"]{background:rgba(25,42,52,.94);border-color:rgba(210,230,239,.55)}.footer-top{display:grid;grid-template-columns:1fr;align-items:center;gap:25px}.footer-brand{font-size:15px;letter-spacing:.35em}.footer-tag{font-size:14px;color:#aeb8be;margin-top:10px}.footer-links{display:flex;justify-content:center;gap:24px;font-size:14px;color:#b9c2c7}.footer-legal{display:flex;justify-content:flex-end;gap:18px;font-size:14px;color:#aeb8be}.copyright{font-size:12px;color:#758087;text-align:right;margin-top:13px}
@keyframes silk{0%{transform:translate(-1%,1%) scale(1)}100%{transform:translate(1.2%,-1.5%) scale(1.025)}}@keyframes silk2{0%{transform:translate(1%,0) rotate(-.5deg)}100%{transform:translate(-1%,1%) rotate(.7deg)}}@keyframes glow{from{opacity:.45}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1500px){.hero{height:470px}.card{min-height:420px}.photo{height:270px}}
@media(max-width:800px){footer{padding-bottom:78px}.wrap{width:calc(100% - 48px)}.nav{height:72px}.links{gap:17px;font-size:15px}.hero{height:410px}.liquid-hero{inset:-5% -25% 0 15%;opacity:.75}.hero-copy{padding-top:60px}.cards{gap:14px}.card{min-height:350px}.photo{height:170px}.card-copy{padding:0 16px 20px}.card h2{font-size:19px}.card p{font-size:15px}.businesses:before{left:-15%;right:-15%}.vision:after{right:-10%;font-size:42px}.footer-top{grid-template-columns:1fr 1.4fr}.footer-legal{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:15px 0 0;justify-content:flex-start}.copyright{text-align:left}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.nav{height:66px}.brand{font-size:15px;letter-spacing:.28em;gap:9px}.brand:before{width:20px;height:13px}.links{gap:0}.links a:not(:last-child){display:none}.links a{font-size:14px}.hero{height:540px;min-height:0;align-items:flex-end;padding-bottom:42px}.hero-copy{padding-top:200px}.liquid-hero{inset:0 -65% 28% -12%;opacity:.72}.hero h1{font-size:43px}.hero p{font-size:15px}.businesses{padding:28px 0 32px}.businesses:before,.businesses:after{top:120px;height:420px;left:-45%;right:-45%}.cards{grid-template-columns:1fr;gap:18px}.card{min-height:0;display:grid;grid-template-columns:42% 58%;align-items:stretch}.photo{height:100%;min-height:235px}.photo:after{background:linear-gradient(90deg,transparent 40%,rgba(4,9,13,.65))}.card-copy{margin:0;padding:25px 16px 20px;background:linear-gradient(90deg,#070d12,#070d12)}.card h2{font-size:20px}.card p{font-size:14px;line-height:1.55}.label{font-size:12px;letter-spacing:.15em}.card .cta{font-size:14px;margin-top:16px}.vision{padding:42px 0 45px}.vision-grid{grid-template-columns:1fr;gap:12px}.vision h2{font-size:29px}.vision-copy{max-width:330px;font-size:14px}.vision:before{width:130vw;left:12%;top:5%}.vision:after{font-size:33px;letter-spacing:.22em;right:-12%;bottom:8%}.hero:after{font-size:32px;right:3%;bottom:7%;letter-spacing:.2em}.sound-toggle{left:12px;bottom:12px;padding:11px 13px;font-size:13px}.footer-top{grid-template-columns:1fr;gap:22px}.footer-links{justify-content:flex-start;flex-wrap:wrap;gap:16px}.footer-legal{grid-column:auto;flex-wrap:wrap}.copyright{line-height:1.6;font-size:12px}}

/* Páginas interiores */
.inner-hero{position:relative;min-height:340px;padding:145px 0 68px;overflow:hidden;background:radial-gradient(ellipse at 78% 30%,#15232c 0,#091116 48%,#03070a 82%);border-bottom:1px solid rgba(210,224,231,.08)}
.inner-hero:after{content:"";position:absolute;right:4%;bottom:4%;font-size:clamp(40px,6vw,82px);font-weight:200;letter-spacing:.28em;color:rgba(224,234,239,.13);white-space:nowrap;pointer-events:none}
.inner-hero .eyebrow{position:relative;z-index:2}.inner-hero h1{position:relative;z-index:2;font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1.12;letter-spacing:-.04em;max-width:800px;margin:18px 0}.inner-hero .lead{position:relative;z-index:2;font-size:19px;line-height:1.7;color:#c8d0d5;max-width:760px}
.content-section{padding:62px 0;background:#070d12;border-bottom:1px solid rgba(200,215,224,.08)}.content-section.alt{background:#0a1218}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);gap:9%;align-items:start}.content-section h2{font-size:clamp(25px,2.4vw,34px);font-weight:300;line-height:1.25;letter-spacing:-.025em;margin:0 0 20px}.content-section h3{font-size:20px;font-weight:400;margin:28px 0 10px}.content-section p,.content-section li{font-size:17px;line-height:1.8;color:#c0c9ce}.content-section p{margin:0 0 18px}.content-section ul{padding-left:22px}.side-note{padding:25px;border:1px solid rgba(175,199,211,.17);background:rgba(255,255,255,.015)}.side-note p{font-size:16px}.eyebrow{line-height:1.5}.contact-card{border:1px solid rgba(175,199,211,.2);padding:28px;background:rgba(255,255,255,.02)}.contact-card label{display:block;font-size:15px;color:#d5dde1;margin:0 0 8px}.contact-card input,.contact-card textarea{display:block;width:100%;margin-bottom:18px;padding:13px 14px;border:1px solid rgba(175,199,211,.3);background:#05090d;color:#eef2f4;font:16px Arial,sans-serif}.contact-card textarea{min-height:130px;resize:vertical}.contact-card .cta{background:transparent;border:0;color:#e5e8eb;cursor:pointer}.legal-note{padding:16px;border:1px solid rgba(220,180,100,.35);background:rgba(140,100,35,.08);color:#e8d5ae;font-size:14px;line-height:1.6;margin-bottom:25px}.sound-toggle{font-size:14px}
@media(max-width:800px){.content-grid{grid-template-columns:1fr;gap:25px}.inner-hero{padding:125px 0 55px}.content-section{padding:44px 0}.content-section p,.content-section li{font-size:16px}}
@media(max-width:560px){.inner-hero{min-height:0;padding:115px 0 44px}.inner-hero .lead{font-size:17px}.inner-hero:after{font-size:30px;right:-8%;bottom:2%}.content-section{padding:36px 0}.content-section p,.content-section li{font-size:16px}.side-note{padding:20px}}

/* ===== Tema claro (versión alternativa) ===== */
:root{--bg:#ffffff;--bg2:#f3f5f7;--ink:#161d22;--muted:#55606a;--line:rgba(15,25,35,.12)}
a:focus-visible{outline:1px solid #3d4850}
header{background:linear-gradient(180deg,rgba(255,255,255,.82),transparent)}
.brand{text-shadow:none}
.brand:before{border-color:rgba(30,42,52,.75);box-shadow:inset 0 1px 2px rgba(255,255,255,.6),0 1px 4px rgba(30,42,52,.18)}
.links{color:#3d4850}
.hero{background:radial-gradient(ellipse at 75% 55%,#f4f7f9 0,#e9eef1 48%,#d9e1e6 82%);border-bottom:1px solid rgba(20,30,40,.08)}
.eyebrow{color:#6a747d}
.hero p{color:#445059}
.businesses{background:linear-gradient(180deg,#ffffff 0%,#f6f8f9 100%)}
.businesses:before,.businesses:after{border-color:rgba(25,38,50,.16);box-shadow:0 -1px 2px rgba(255,255,255,.7),inset 0 2px 3px rgba(255,255,255,.6),0 12px 35px rgba(30,50,65,.10);background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 28%,rgba(120,140,155,.10) 68%,transparent)}
.businesses:after{border-color:rgba(25,38,50,.08);box-shadow:inset 0 1px 2px rgba(255,255,255,.5)}
.card{background:#ffffff;border:1px solid rgba(20,30,40,.14)}
.card:hover{border-color:rgba(20,30,40,.32)}
.photo{background:#dfe5e9}
.photo img{filter:grayscale(32%) saturate(.7) brightness(1)}
.card:hover .photo img{filter:grayscale(15%) saturate(.82) brightness(1.02)}
.photo:after{background:linear-gradient(180deg,transparent 45%,rgba(255,255,255,.72) 100%)}
.card-copy{background:linear-gradient(180deg,rgba(255,255,255,.06),#ffffff 24%)}
.label{color:#6a747d}
.card p{color:#4c5760}
.vision{background:radial-gradient(ellipse at 22% 60%,#f1f4f6 0,#e8edf0 48%,#dde4e8 100%);border-top:1px solid rgba(20,30,40,.08);border-bottom:1px solid rgba(20,30,40,.07)}
.vision:before{border-color:rgba(25,38,50,.20);box-shadow:0 1px 2px rgba(255,255,255,.6),inset 0 2px 3px rgba(255,255,255,.55),inset 0 -3px 7px rgba(255,255,255,.4);background:linear-gradient(125deg,rgba(255,255,255,.5),transparent 35%,rgba(120,140,155,.14) 70%,transparent)}
.vision-copy{color:#3d4850}
footer{background:#f6f8f9;border-top:1px solid rgba(20,30,40,.07)}
.footer-tag{color:#6a747d}
.footer-links{color:#4c5760}
.footer-legal{color:#4c5760}
.copyright{color:#8a939a}
.sound-toggle{background:rgba(255,255,255,.92);color:#232c33;border-color:rgba(20,30,40,.28);box-shadow:0 5px 24px rgba(20,30,40,.15)}
.sound-toggle:hover{border-color:rgba(20,30,40,.5)}
.sound-toggle[aria-pressed="true"]{background:rgba(233,240,244,.95);border-color:rgba(20,30,40,.5)}
.inner-hero{background:radial-gradient(ellipse at 78% 30%,#f4f7f9 0,#e9eef1 48%,#d9e1e6 82%);border-bottom:1px solid rgba(20,30,40,.08)}
.inner-hero .lead{color:#445059}
.content-section{background:#ffffff;border-bottom:1px solid rgba(20,30,40,.08)}
.content-section.alt{background:#f3f5f7}
.content-section p,.content-section li{color:#3d4850}
.side-note{border-color:rgba(20,30,40,.16);background:rgba(20,30,40,.025)}
.contact-card{border-color:rgba(20,30,40,.18);background:rgba(20,30,40,.02)}
.contact-card label{color:#3d4850}
.contact-card input,.contact-card textarea{background:#ffffff;color:#161d22;border-color:rgba(20,30,40,.28)}
.contact-card .cta{color:#161d22}
.legal-note{border-color:rgba(160,120,40,.4);background:rgba(190,145,50,.10);color:#7a5a1a}
@media(max-width:560px){
.photo:after{background:linear-gradient(90deg,transparent 40%,rgba(255,255,255,.65))}
.card-copy{background:linear-gradient(90deg,#ffffff,#ffffff)}
}
.label.proper,.eyebrow.proper{text-transform:none}

/* Formulario de contacto */
.form-status{padding:14px 16px;border-radius:6px;margin:0 0 18px;font-size:15px;line-height:1.5}
.form-status.ok{border:1px solid rgba(46,110,64,.35);background:rgba(70,140,90,.10);color:#2c5c3a}
.form-status.err{border:1px solid rgba(150,60,50,.4);background:rgba(170,75,60,.10);color:#7c352b}
.contact-card .cta:hover .arrow{transform:translateX(5px)}
.small-note{font-size:13px;color:var(--muted);margin-top:16px}

/* Legibilidad: tamaños y contraste (sin cambios de estructura) */
.links{font-size:17px;font-weight:500;color:#232c33;text-shadow:0 1px 2px rgba(255,255,255,.55)}
.eyebrow{color:#4d5860;font-weight:500}
.hero p{font-size:15px;color:#333d45}
.label{color:#4d5860;font-weight:500}
.card-copy{margin-top:0;padding-top:18px;background:#ffffff}
.photo:after{background:linear-gradient(180deg,transparent 55%,rgba(255,255,255,.35) 100%)}
.card p{color:#3d4850}
.card .cta{font-size:16px}
.footer-tag{font-size:15px;color:#4d5860}
.footer-links{font-size:15px;color:#2f3941}
.footer-legal{font-size:15px;color:#2f3941}
.footer-brand{color:#232c33}
.copyright{font-size:13px;color:#5c666d}
.inner-hero .lead{color:#333d45}
.content-section p,.content-section li{color:#333d45}
.side-note p{color:#3d4850}
.vision-copy{color:#2f3941}
.small-note{font-size:14px;color:#4d5860}
.contact-card label{font-weight:500;color:#232c33}
@media(max-width:800px){.links{font-size:15px}}
@media(max-width:560px){.links a{font-size:15px}}

/* Fotos clicables de actividades */
.card a.photo-link{display:contents}
.card a.photo-link img{transition:transform .4s ease}
.card a.photo-link:hover img{transform:scale(1.03)}