:root{--green:#e8ff16;--black:#263A69;--white:#fff;--paper:#e4e7eb;--mist:#f4f6f8;--gray:#52617b;--line:#dbe1e9;--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--black);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{background:var(--black);color:#fff;font-size:.76rem;font-weight:800;text-align:center;padding:8px 15px}header{background:var(--black);color:#fff}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:116px;height:auto;display:block}.links{display:flex;align-items:center;gap:22px;font-size:.79rem;font-weight:800}.links a:hover,.links a.active{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--green);border:2px solid var(--green);color:var(--black);border-radius:999px;padding:13px 20px;font-size:.86rem;font-weight:900;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);background:#d7ee00;border-color:#d7ee00}.btn.dark{background:var(--paper);color:var(--black);border-color:var(--paper)}.language{border:0;background:transparent;color:#fff;font-weight:800;cursor:pointer}.nav-actions{display:flex;align-items:center;gap:12px}.hero{padding:100px 0 85px;background:linear-gradient(115deg,rgba(38,58,105,.93),rgba(38,58,105,.42)) center/cover;color:#fff}.home-hero{min-height:650px;display:grid;align-items:end;background-image:linear-gradient(90deg,rgba(38,58,105,.92),rgba(38,58,105,.3)),url('https://yqinaqregxlaljefibco.supabase.co/storage/v1/object/public/skill3-site/index/ca/image.1/1791887167930-skill3-photo.webp');background-position:center;background-size:cover}.hero-inner{padding:90px 0}.eyebrow{color:var(--black);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{letter-spacing:-.065em;text-transform:uppercase}h1{max-width:760px;margin:10px 0;font-size:clamp(3.2rem,8vw,6.6rem);line-height:.88}h1 span{color:var(--green)}h2{margin:8px 0 28px;font-size:clamp(2.5rem,5.5vw,4.8rem);line-height:.88}section{padding:90px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.lead,.intro{max-width:700px;font-size:1.08rem;color:var(--gray)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:38px}.services,.proof,.sponsor-offers{background:var(--mist)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-grid-two{grid-template-columns:repeat(2,1fr)}.service{min-height:340px;border-radius:var(--radius);padding:23px;display:flex;flex-direction:column;justify-content:end;background-position:center;background-size:cover;color:#fff}.service h3{margin:8px 0 2px;font-size:1.45rem}.service-label{color:var(--black);font-weight:900}.service-link{margin-top:18px;color:var(--green);font-size:.8rem;font-weight:900;text-transform:uppercase}.lead-magnet{padding:48px 0;background:var(--black);color:#fff}.lead-magnet-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.lead-magnet h2{margin-bottom:0;font-size:clamp(2rem,4vw,3.7rem)}.lead-magnet p{font-size:1.05rem;font-weight:700}.lead-magnet small,.cta-note small{display:block;margin-top:15px;font-size:.75rem;font-weight:700}.text-link{display:inline-flex;gap:10px;font-weight:900;text-transform:uppercase;font-size:.8rem}.text-link span{color:var(--green);font-size:1.25em}.lead-magnet .text-link span{color:var(--green)}.why{background:var(--black);color:#fff}.intro-light{color:#dce4f3}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border:1px solid rgba(255,255,255,.27);border-radius:var(--radius);overflow:hidden}.benefit-grid article{padding:28px 22px;border-right:1px solid rgba(255,255,255,.27)}.benefit-grid article:last-child{border:0}.benefit-grid strong,.benefit-grid span{display:block}.benefit-grid strong{font-size:1.1rem;text-transform:uppercase}.benefit-grid span{margin-top:10px;color:#dce4f3;font-size:.9rem}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.proof-grid img{width:100%;height:430px;object-fit:cover;border-radius:var(--radius)}.proof-grid p{max-width:510px;color:var(--gray);font-size:1.07rem}.cta{background:var(--black);color:#fff}.cta-grid{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:center}.cta p{font-weight:700;font-size:1.05rem}.cta-note{padding:26px;border:2px solid var(--green);border-radius:var(--radius)}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{color:#dce4f3;font-size:.82rem}.footer-links{display:flex;gap:18px;color:#dce4f3;font-size:.8rem;font-weight:700}footer{background:var(--black);color:#fff;padding:38px 0}.service-list{display:grid;gap:15px}.service-row{display:grid;grid-template-columns:235px 1fr auto;gap:30px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--radius)}.service-row img{width:235px;height:170px;object-fit:cover;border-radius:14px}.service-row h3{margin:8px 0;font-size:1.8rem}.service-row p{margin:0;color:var(--gray);max-width:600px}.row-arrow{font-size:2rem;color:var(--black);font-weight:900;padding:18px}.light-benefits{border-color:var(--line)}.light-benefits article{border-color:var(--line)}.light-benefits span{color:var(--gray)}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.offer{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.offer.featured{background:var(--black);color:#fff;border-color:var(--black)}.offer h3{margin:10px 0;font-size:2rem}.offer p{color:var(--gray)}.offer.featured p{color:#dce4f3}.offer ul{list-style:none;padding:0;margin:25px 0}.offer li{padding:10px 0;border-top:1px solid var(--line);font-weight:700}.offer.featured li{border-color:rgba(255,255,255,.27)}.offer li:before{content:'→ ';color:var(--black)}
@media(max-width:900px){.links{display:none}.intro-grid,.lead-magnet-grid,.proof-grid,.cta-grid{grid-template-columns:1fr;gap:28px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid article:nth-child(2){border-right:0}.benefit-grid article:nth-child(-n+2){border-bottom:1px solid #343934}.light-benefits article:nth-child(-n+2){border-color:var(--line)}.service-row{grid-template-columns:170px 1fr auto;gap:20px}.service-row img{width:170px;height:145px}}
@media(max-width:540px){.wrap{width:min(100% - 28px,1180px)}.nav{min-height:64px}.logo{width:90px}.nav-actions .btn{padding:9px 12px;font-size:.72rem}section{padding:62px 0}.home-hero{min-height:560px}.hero-inner{padding:60px 0}.lead-magnet{padding:48px 0}.service-grid,.benefit-grid,.offer-grid{grid-template-columns:1fr}.benefit-grid article,.benefit-grid article:nth-child(2){border-right:0;border-bottom:1px solid #343934}.benefit-grid article:last-child{border-bottom:0}.light-benefits article,.light-benefits article:nth-child(2){border-color:var(--line)}.proof-grid img{height:300px}.footer{display:block}.footer-links{margin-top:18px;flex-wrap:wrap}.service-row{grid-template-columns:1fr;padding:14px;gap:16px}.service-row img{width:100%;height:190px}.row-arrow{display:none}}

.footer-brand{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px}.footer-brand>a,.footer-brand>.logo,.footer-brand>p{grid-column:1}.footer-brand>a,.footer-brand>.logo{grid-row:1}.footer-brand>p{grid-row:2}.footer-social{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;gap:9px;color:#dce4f3;font-size:.78rem;font-weight:700}.instagram-footer-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:currentColor;transition:color .2s ease,transform .2s ease}.instagram-footer-link svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.instagram-footer-link .instagram-dot{fill:currentColor;stroke:0}.instagram-footer-link:hover{color:var(--green);transform:translateY(-2px)}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;color:#fff}.legal-link{color:#b9c0b9;font-size:.76rem;font-weight:700;white-space:nowrap;text-align:right}.legal-link a{color:inherit}.legal-link a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:540px){.footer{display:block}.footer-links{margin-top:18px;justify-content:flex-start}.legal-link{margin-top:18px;text-align:left;white-space:normal;line-height:1.8}}

/* Contacto: formulario con una zona de escritura amplia, clara y cómoda. */
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}
.contact-form{padding:clamp(24px,4vw,40px);border:1px solid #d5dce7;border-radius:var(--radius);background:linear-gradient(150deg,#fff 0%,#f7f9fc 100%);box-shadow:0 18px 48px rgba(38,58,105,.09)}
.contact-form h3{margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.15rem);color:var(--black)}
.contact-form>.lead{margin:0 0 26px;font-size:.94rem;line-height:1.65;color:var(--gray)}
.contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form .field{display:grid;gap:8px;min-width:0}
.contact-form .field.full{grid-column:1/-1}
.contact-form .field label{font-size:.85rem;font-weight:800;color:var(--black)}
.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;border:1px solid #cbd4e2;border-radius:14px;background:#fff;padding:14px 16px;color:var(--black);font:inherit;line-height:1.55;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.contact-form textarea{min-height:190px;resize:vertical}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#7d899d;opacity:1}
.contact-form input:not([type=checkbox]):focus,.contact-form textarea:focus{outline:0;border-color:#263A69;background:#fff;box-shadow:0 0 0 4px rgba(38,58,105,.15)}
.contact-form .check{display:flex;align-items:flex-start;gap:11px;margin:22px 0;font-size:.79rem;line-height:1.55;color:var(--gray)}
.contact-form .check input{flex:0 0 auto;margin-top:3px;accent-color:var(--black)}
.contact-form>.btn{min-width:190px}
@media(max-width:760px){.contact-layout{grid-template-columns:1fr;gap:30px}}
@media(max-width:540px){.contact-form .form-grid{grid-template-columns:1fr;gap:15px}.contact-form .field.full{grid-column:auto}.contact-form textarea{min-height:170px}.contact-form>.btn{width:100%}}
/* Home services: full-bleed alternating image-and-copy rows. */
.service-feature-list{display:grid;gap:0;margin:32px calc(50% - 50vw) 0;width:100vw}
.service-feature{display:grid;grid-template-columns:1fr 1fr;min-height:400px;overflow:hidden;background:var(--white);color:var(--black);text-decoration:none}
.service-feature:nth-child(even) img{order:2}
.service-feature img{display:block;width:100%;height:100%;min-height:400px;object-fit:cover}
.service-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,88px)}
.service-feature-copy h3{margin:0 0 18px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}
.service-feature-copy p{max-width:460px;margin:0;color:var(--gray);font-size:1.08rem;line-height:1.7}
.service-feature .service-more{display:block;margin-top:24px;color:var(--black);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:700px){.service-feature-list{margin-top:24px}.service-feature{grid-template-columns:1fr;min-height:0}.service-feature:nth-child(even) img{order:0}.service-feature img{height:270px;min-height:270px}.service-feature-copy{padding:30px 24px 36px}.service-feature-copy h3{font-size:2rem}}
.service-feature:first-child{background:var(--black);color:#fff}
.service-feature:first-child .service-label{color:var(--green)}
.service-feature:first-child .service-feature-copy p{color:#e4e7eb}
.service-feature:first-child .service-more{color:var(--green)}
.service-feature img{-webkit-mask-image:linear-gradient(to right,#000 62%,transparent 100%);mask-image:linear-gradient(to right,#000 62%,transparent 100%)}
.service-feature:nth-child(even) img{-webkit-mask-image:linear-gradient(to left,#000 62%,transparent 100%);mask-image:linear-gradient(to left,#000 62%,transparent 100%)}
@media(max-width:700px){.service-feature img,.service-feature:nth-child(even) img{-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}}

/* Full-bleed photo with readable copy overlaid for the home-page experience section. */
.proof{position:relative;padding:0;min-height:520px;overflow:hidden;color:#fff;background:var(--black)}
.proof-grid{position:relative;display:block;min-height:520px}
.proof-grid::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,29,53,.86) 0%,rgba(17,29,53,.60) 45%,rgba(17,29,53,.12) 100%);z-index:1;pointer-events:none}
.proof-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.proof-grid>div{position:relative;z-index:2;width:min(100% - 48px,1180px);margin:0 auto;padding:112px 0}
.proof-grid .eyebrow{color:var(--green)}
.proof-grid h2{max-width:680px;color:#fff}
.proof-grid p{max-width:590px;color:#f0f3f8}
@media(max-width:540px){.proof,.proof-grid{min-height:460px}.proof-grid::after{background:linear-gradient(0deg,rgba(17,29,53,.88),rgba(17,29,53,.34))}.proof-grid>div{width:calc(100% - 40px);padding:82px 0}.proof-grid p{font-size:1rem}}

/* On phones, let both service photos dissolve vertically into their copy panels. */
@media(max-width:700px){
  .service-feature img,
  .service-feature:nth-child(even) img{
    -webkit-mask-image:linear-gradient(to bottom,#000 42%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.58) 78%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 42%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.58) 78%,transparent 100%);
  }
}

/* Mobile vertical service cards: overlap the copy panel into the photo with a clear fade. */
@media(max-width:700px){
  .service-feature img,
  .service-feature:nth-child(even) img{
    -webkit-mask-image:none;
    mask-image:none;
  }
  .service-feature-copy{
    position:relative;
    z-index:1;
    margin-top:-108px;
    padding:132px 24px 36px;
  }
  .service-feature:first-child .service-feature-copy{
    background:linear-gradient(to bottom,transparent 0,rgba(38,58,105,.72) 48px,#263A69 108px);
  }
  .service-feature:nth-child(even) .service-feature-copy{
    background:linear-gradient(to bottom,transparent 0,rgba(255,255,255,.75) 48px,#fff 108px);
  }
}

/* Portrait-oriented service photos on narrow mobile screens. */
@media(max-width:540px){
  .service-feature img,
  .service-feature:nth-child(even) img{
    width:100%;
    height:clamp(420px,115vw,520px);
    min-height:clamp(420px,115vw,520px);
    object-fit:cover;
    object-position:center;
  }
}

/* Armonización con portada: bandas fotográficas a sangre y degradado hacia el contenido. */
.service-list{margin:32px calc(50% - 50vw) 0;width:100vw;gap:0}
.service-row{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:400px;padding:0;border:0;border-radius:0;background:var(--black);color:#fff;overflow:hidden}
.service-row>img{display:block;width:100%;height:100%;min-height:400px;object-fit:cover;border-radius:0;-webkit-mask-image:linear-gradient(to right,#000 58%,transparent 100%);mask-image:linear-gradient(to right,#000 58%,transparent 100%)}
.service-row>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,88px)}
.service-row .service-label{color:var(--green);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.service-row h3{margin:10px 0 14px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}
.service-row p{margin:0;color:#e4e7eb;font-size:1.08rem;line-height:1.7}
.service-row .service-action{align-self:flex-start;margin-top:24px}
.service-row .service-action:disabled{opacity:.68;cursor:not-allowed;transform:none}
.service-row:nth-child(even){background:#fff;color:var(--black)}
.service-row:nth-child(even) .service-label{color:var(--black)}
.service-row:nth-child(even)>img{order:2;-webkit-mask-image:linear-gradient(to left,#000 58%,transparent 100%);mask-image:linear-gradient(to left,#000 58%,transparent 100%)}
.service-row:nth-child(even)>div{order:1}
.service-row:nth-child(even) p{color:var(--gray)}
.service-row .row-arrow{display:none}
.services{display:grid;gap:0;margin:30px calc(50% - 50vw) 0;width:100vw;background:transparent}
.services .service{min-height:clamp(390px,48vw,560px);border-radius:0;padding:clamp(28px,7vw,100px);background-position:center;background-size:cover}
.services .service h3,.services .service p{max-width:640px}
.services .service h3{font-size:clamp(2rem,5vw,4rem)}
.services .service p{font-size:1.08rem}
.services .service:nth-child(even){background-position:center 45%}
.campus .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}
.campus-method-feature{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:480px;width:100vw;margin-left:calc(50% - 50vw);padding:0;border:0;border-radius:0;background:var(--black)!important;color:#fff;overflow:hidden}
.campus-method-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,29,53,.08),rgba(17,29,53,.28) 45%,rgba(17,29,53,.92));pointer-events:none}
.campus-method-feature>img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;display:block}
.campus-method-feature>div{position:relative;z-index:1;width:min(50%,620px);padding:clamp(32px,7vw,100px)}
.campus-method-feature h3{font-size:clamp(2rem,4.5vw,3.7rem)}
@media(max-width:700px){
  .service-row{grid-template-columns:1fr;min-height:0}
  .service-row>img{height:300px;min-height:300px;-webkit-mask-image:none;mask-image:none}
  .service-row>div{position:relative;margin-top:-86px;padding:112px 24px 36px}
  .service-row:nth-child(even)>img{order:0}
  .service-row:nth-child(even)>div{order:0}
  .service-row:first-child>div{background:linear-gradient(to bottom,transparent,rgba(38,58,105,.72) 48px,#263A69 108px)}
  .service-row:nth-child(even)>div{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.78) 48px,#fff 108px)}
  .services .service{min-height:430px}
  .campus .grid{grid-template-columns:1fr;gap:28px}
  .campus-method-feature{min-height:420px;align-items:flex-end}
  .campus-method-feature::after{background:linear-gradient(0deg,rgba(17,29,53,.92),rgba(17,29,53,.15) 85%)}
  .campus-method-feature>div{width:100%;padding:120px 26px 34px}
}

/* Keep the home experience panel inside the viewport at every breakpoint. */
.proof{width:100%;max-width:100%;overflow-x:hidden}
.proof-grid{width:100%;max-width:100%;min-width:0}
.proof-grid img{max-width:100%}
.proof-grid>div{box-sizing:border-box;width:calc(100% - 48px);max-width:1180px}
@media(max-width:540px){.proof-grid>div{width:calc(100% - 40px)}}

/* Home: Tecnificación y Campus en paralelo, con apilado en móvil. */
.service-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;margin:32px 0 0}
.service-feature{grid-template-columns:1fr;grid-template-rows:260px 1fr;min-height:0;border-radius:18px}
.service-feature img,.service-feature:nth-child(even) img{order:0;width:100%;height:260px;min-height:260px;object-fit:cover;-webkit-mask-image:none;mask-image:none}
.service-feature-copy{padding:30px}
@media(max-width:700px){.service-feature-list{grid-template-columns:1fr;gap:16px;margin-top:24px}.service-feature{grid-template-columns:1fr;grid-template-rows:260px 1fr}.service-feature img,.service-feature:nth-child(even) img{height:260px;min-height:260px}.service-feature-copy{margin-top:-88px;padding:112px 24px 32px}}

/* Una panorámica a sangre reúne las dos fotos y superpone el título sobre ambas. */
.services-panorama{position:relative;display:block;width:100%;margin:0;padding:0;overflow:hidden;background:var(--black)}
.services-panorama>h2{position:absolute;z-index:2;top:clamp(34px,7vw,88px);left:50%;width:calc(100% - 40px);margin:0;transform:translateX(-50%);color:#fff;text-align:center;text-shadow:0 3px 22px rgba(0,0,0,.42);pointer-events:none}
.services-panorama .service-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;margin:0}
.services-panorama .service-feature{position:relative;display:block;min-width:0;min-height:clamp(440px,52vw,680px);overflow:hidden;border-radius:0;background:var(--black)}
.services-panorama .service-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,29,53,.92) 0%,rgba(17,29,53,.72) 22%,rgba(17,29,53,.22) 54%,transparent 76%),linear-gradient(180deg,rgba(17,29,53,.56) 0%,rgba(17,29,53,.30) 28%,transparent 55%);pointer-events:none}
.services-panorama .service-feature img,.services-panorama .service-feature:nth-child(even) img{display:block;order:initial;width:100%;height:100%;min-height:clamp(440px,52vw,680px);object-fit:cover;-webkit-mask-image:none;mask-image:none;transition:transform .45s ease}
.services-panorama .service-feature:hover img{transform:scale(1.035)}
.services-panorama .service-feature-copy{position:absolute;z-index:1;right:clamp(20px,5vw,64px);bottom:clamp(24px,4vw,52px);left:clamp(20px,5vw,64px);display:block;padding:0;color:#fff;background:none!important}
.services-panorama .service-feature-copy h3{margin:0 0 10px;color:#fff;font-size:clamp(1.5rem,3vw,2.4rem);text-shadow:0 2px 14px rgba(0,0,0,.5)}
.services-panorama .service-feature-copy p{max-width:480px;margin:0;color:#fff;font-size:clamp(.88rem,1.2vw,1rem);line-height:1.5;text-shadow:0 1px 10px rgba(0,0,0,.65)}
.services-panorama .service-feature-copy .service-more{margin-top:12px;color:var(--green)}
.services-panorama .service-feature-cta{position:relative;z-index:2;display:inline-flex;width:fit-content;max-width:100%;margin-top:16px;gap:.25em;white-space:normal;text-align:center;line-height:1.25;box-shadow:0 3px 18px rgba(0,0,0,.25)}
@media(max-width:700px){.services-panorama>h2{top:32px;font-size:clamp(2rem,8vw,3rem)}.services-panorama .service-feature-list{grid-template-columns:1fr}.services-panorama .service-feature,.services-panorama .service-feature img,.services-panorama .service-feature:nth-child(even) img{min-height:460px;height:clamp(460px,125vw,620px)}.services-panorama .service-feature-copy{right:20px;bottom:20px;left:20px}.services-panorama .service-feature-copy h3{font-size:clamp(1.4rem,5vw,2rem)}.services-panorama .service-feature-copy p{font-size:.95rem;line-height:1.5}.services-panorama .service-feature-cta{margin-top:14px}}


/* Invitación a practicar en casa, colocada inmediatamente después del hero. */
.exercise-invitation{background:#fff;color:var(--black);text-align:center}
.exercise-invitation-inner{width:min(900px,calc(100% - 40px))}
.exercise-invitation .eyebrow{margin:0 0 18px;color:var(--gray)}
.exercise-invitation h2{max-width:850px;margin:0 auto 22px;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.02}
.exercise-invitation .exercise-answer{margin:0 0 20px;color:var(--black);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900}
.exercise-invitation .exercise-question{margin:0 auto 16px;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:800}
.exercise-invitation .exercise-description{max-width:780px;margin:0 auto 26px;color:var(--gray);font-size:1.02rem;line-height:1.75}
.exercise-invitation .exercise-cta{min-height:50px}
@media(max-width:540px){.exercise-invitation-inner{width:calc(100% - 32px)}.exercise-invitation .exercise-description{font-size:.94rem;line-height:1.65}}

/* Keep the statistic headline prominent without overwhelming the home hero. */
.home-hero h1{font-size:clamp(2.8rem,6.8vw,5.6rem)}

/* Frequently asked questions about the current campus. */
.home-faq{padding:clamp(64px,8vw,100px) 0;background:var(--mist);color:var(--black)}
.home-faq-wrap{width:min(980px,calc(100% - 40px));margin:0 auto}
.home-faq-heading{margin:0 0 26px}
.home-faq-eyebrow{margin:0 0 8px;color:var(--gray);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.home-faq-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.04em;line-height:1.08}
.home-faq-list{display:grid;gap:10px}
.home-faq-list details{border:1px solid var(--line);border-radius:14px;background:#fff}
.home-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;color:var(--black);font-weight:800;cursor:pointer;list-style:none}
.home-faq-list summary::-webkit-details-marker{display:none}
.home-faq-list summary::after{flex:0 0 auto;color:var(--black);content:"+";font-size:1.25rem;line-height:1}
.home-faq-list details[open] summary::after{content:"−"}
.home-faq-answer{padding:0 20px 18px;color:var(--gray);line-height:1.65}
@media(max-width:540px){.home-faq-wrap{width:calc(100% - 32px)}.home-faq-list summary{padding:16px;gap:14px}.home-faq-answer{padding:0 16px 16px}}
.home-exercises{background:var(--mist);color:var(--black)}
.home-exercises-card{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(30px,6vw,76px);width:min(1100px,calc(100% - 40px));margin:0 auto;padding:clamp(28px,5vw,62px);border-radius:var(--radius);background:var(--black);color:#fff;box-shadow:0 24px 60px rgba(38,58,105,.16)}
.home-exercises-copy .eyebrow{margin:0 0 16px;color:var(--green)}
.home-exercises-copy h2{margin:0 0 20px;font-size:clamp(2rem,4vw,3.5rem);line-height:.98}
.home-exercises-copy>p:last-child{max-width:560px;margin:0;color:#dce4f3;font-size:1.04rem;line-height:1.7}
.home-exercises-form{display:grid;gap:16px}
.home-exercises-email{display:grid;gap:8px;color:#fff;font-size:.9rem;font-weight:800}
.home-exercises-email input{width:100%;min-height:50px;padding:12px 15px;border:1px solid #dbe1e9;border-radius:10px;background:#fff;color:var(--black);font:inherit}
.home-exercises-email input:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.home-exercises-notice{margin:0;color:#dce4f3;font-size:.75rem;line-height:1.5}
.home-exercises-notice a{text-decoration:underline;text-underline-offset:2px}
.home-exercises-consent{display:flex;align-items:flex-start;gap:10px;color:#dce4f3;font-size:.8rem;line-height:1.5}
.home-exercises-consent input{flex:0 0 auto;margin:3px 0 0;accent-color:var(--green)}
.home-exercises-form .cf-turnstile{min-height:65px}
.home-exercises-submit{justify-self:start;min-height:48px}
.home-exercises-submit:disabled{cursor:wait;opacity:.65}
.home-exercises-status{min-height:1.5em;margin:0;color:#fff;font-size:.82rem;line-height:1.45}
.home-exercises-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:800px){.home-exercises-card{grid-template-columns:1fr;gap:28px}}
@media(max-width:540px){.home-exercises-card{width:calc(100% - 32px);padding:26px 20px}.home-exercises-copy h2{font-size:clamp(1.85rem,9vw,2.5rem)}.home-exercises-submit{width:100%}}
.footer-brand img.logo{background:#fff;padding:8px;border-radius:10px;object-fit:contain}
.legal-link .cookie-preferences-link{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.legal-link .cookie-preferences-link:hover{color:#fff}
.home-exercises-download{width:fit-content;color:#d9f36b;font-size:.85rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.home-exercises-download:focus-visible{outline:2px solid #d9f36b;outline-offset:4px;border-radius:2px}

/* Keep stale CMS text and photos out of the first paint while the published copy loads. */
html.skill3-content-pending :is(.top, main h1, main h2, main h3, main h4, main p, main li, main label, main button, main .eyebrow, main .service-label, main .number, main .date, main .service-more, main .text-link, main .hero-caption, main .price-card small, main .price-card strong, main .quick-facts span:not(.fact-icon), main .home-faq [data-content-key], .why .benefit-grid article, main a.btn),
html.skill3-content-pending main [data-content-key]:is(div, span, small, strong, em, a, button, h1, h2, h3, h4, p, li, label):not([role="img"]):not([data-fixed-copy]) {
  position: relative !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}
html.skill3-content-pending :is(.top, main h1, main h2, main h3, main h4, main p, main li, main label, main button, main .eyebrow, main .service-label, main .number, main .date, main .service-more, main .text-link, main .hero-caption, main .price-card small, main .price-card strong, main .quick-facts span:not(.fact-icon), main .home-faq [data-content-key], .why .benefit-grid article, main a.btn)::after,
html.skill3-content-pending main [data-content-key]:is(div, span, small, strong, em, a, button, h1, h2, h3, h4, p, li, label):not([role="img"]):not([data-fixed-copy])::after {
  content: "";
  position: absolute;
  z-index: 10;
  inset: 0;
  border-radius: .28em;
  pointer-events: none;
  background: linear-gradient(105deg, #ffffff12 8%, #ffffff45 18%, #ffffff12 33%) 0 0 / 220% 100%;
  mask: repeating-linear-gradient(to bottom, #000 0 .72em, transparent .72em 1.42em);
  animation: skill3-content-shimmer 1.25s linear infinite;
}
html.skill3-content-pending main img:not(.logo) {
  filter: blur(24px) grayscale(1) opacity(.18);
  transform: scale(1.025);
  transition: filter .25s ease, transform .25s ease;
}
html.skill3-content-pending main .hero[style*="background-image"] {
  position: relative;
  isolation: isolate;
}
html.skill3-content-pending main .hero[style*="background-image"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, #ffffff12 8%, #ffffff45 18%, #ffffff12 33%) 0 0 / 220% 100%, rgba(38,58,105,.4);
  backdrop-filter: blur(12px) grayscale(1);
  animation: skill3-content-shimmer 1.25s linear infinite;
}
html.skill3-content-pending main .hero[style*="background-image"] > * { position: relative; z-index: 1; }
html.skill3-content-pending main .home-hero {
  position: relative;
  isolation: isolate;
}
html.skill3-content-pending main .home-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, #ffffff12 8%, #ffffff45 18%, #ffffff12 33%) 0 0 / 220% 100%, rgba(38,58,105,.32);
  backdrop-filter: blur(9px) grayscale(.7);
  animation: skill3-content-shimmer 1.25s linear infinite;
}
html.skill3-content-pending main .home-hero > * { position: relative; z-index: 1; }
html.skill3-content-pending main .service {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
html.skill3-content-pending main .service::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: rgba(38,58,105,.25);
  backdrop-filter: blur(9px) grayscale(.7);
}
html.skill3-content-pending main .service > * { position: relative; z-index: 1; }
@keyframes skill3-content-shimmer { to { background-position: -220% 0, 0 0; } }
@media (prefers-reduced-motion: reduce) {
  html.skill3-content-pending :is(.top, main h1, main h2, main h3, main h4, main p, main li, main label, main button, main .eyebrow, main .service-label, main .number, main .date, main .service-more, main .text-link, main .hero-caption, main .price-card small, main .price-card strong, main .quick-facts span:not(.fact-icon), main .home-faq [data-content-key], .why .benefit-grid article, main a.btn)::after,
  html.skill3-content-pending main [data-content-key]:is(div, span, small, strong, em, a, button, h1, h2, h3, h4, p, li, label):not([role="img"]):not([data-fixed-copy])::after,
  html.skill3-content-pending main .home-hero::before,
  html.skill3-content-pending main .hero[style*="background-image"]::before { animation: none; }
}
.contact-cta-content{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.contact-cta .btn{gap:9px}
.contact-whatsapp-icon{width:19px;height:19px;flex:0 0 19px}
.services-intro{display:block;margin-bottom:38px}
.services-intro>div{display:none}
.services-intro>p.intro{width:100%;max-width:none;margin:0;color:var(--black);font-size:clamp(1.25rem,2.25vw,1.8rem);font-weight:800;line-height:1.35}
@media(max-width:900px){.services-intro{grid-template-columns:1fr}}