/* MAVI MUSIC · Páginas interiores (clases, cursos y herramientas)
   Mismos colores y tipografías de la página de inicio. */
:root{
  --verde:#075e57; --verde2:#0a746b; --teal:#187272; --turq:#17b4aa; --aqua:#20e7df; --menta:#8ce4de;
  --crema:#f7f7f3; --tinta:#1d2f2d; --gris:#5b6b69; --linea:#e3e8e6; --blanco:#fff;
  --oscuro:#0c2523;
  --max:1180px; --radio:22px; --sombra:0 18px 50px -24px rgba(7,52,48,.35);
  --titulos:"Space Grotesk",Arial,sans-serif; --texto:"Manrope","Trebuchet MS",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body.pg{margin:0;background:var(--crema);color:var(--tinta);font-family:var(--texto);font-size:17px;line-height:1.65;overflow-x:hidden}
.pg img{max-width:100%;height:auto;display:block}
.pg a{color:inherit}
.pg svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pg h1,.pg h2,.pg h3{font-family:var(--titulos);line-height:1.15;letter-spacing:-.01em;margin:0}
.pg b{font-weight:800}
.pg-saltar{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--verde);padding:10px 16px;border-radius:10px;z-index:100;font-weight:700}
.pg-saltar:focus{left:12px}
.pg :focus-visible{outline:3px solid var(--aqua);outline-offset:3px;border-radius:8px}
.pg-wrap{width:min(var(--max),100% - 40px);margin-inline:auto}

/* ---------- Botones ---------- */
.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;background:linear-gradient(135deg,var(--turq),var(--verde2));color:#fff!important;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 12px 26px -12px rgba(23,180,170,.75);transition:transform .2s,box-shadow .2s,filter .2s;border:0;cursor:pointer;text-align:center}
.pg-btn:hover{transform:translateY(-2px);box-shadow:0 18px 32px -14px rgba(23,180,170,.85);filter:brightness(1.05)}
.pg-btn svg{font-size:20px;stroke-width:2.2;transition:transform .2s}
.pg-btn:hover svg{transform:translateX(3px)}
.pg-btn-luz{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.55);box-shadow:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pg-btn-luz:hover{background:rgba(255,255,255,.22);box-shadow:none}
.pg-btn-borde{background:transparent;color:var(--verde)!important;border:2px solid var(--verde2);box-shadow:none}
.pg-btn-borde:hover{background:var(--verde2);color:#fff!important;box-shadow:none}
.pg-btn-wa{background:#25d366;box-shadow:0 12px 26px -12px rgba(37,211,102,.8)}
.pg-btn-wa svg{fill:currentColor;stroke:none;font-size:22px}
.pg-link{display:inline-flex;align-items:center;gap:8px;color:var(--verde2)!important;font-weight:800;text-decoration:none;margin-top:6px}
.pg-link svg{stroke-width:2.2;transition:transform .2s}.pg-link:hover svg{transform:translateX(4px)}

/* ---------- Encabezado ---------- */
.pg-head{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s,padding .3s;padding:14px 0}
.pg-head.solido{background:rgba(6,82,75,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.18);padding:6px 0}
.pg-head-in{width:min(1320px,100% - 40px);margin-inline:auto;display:flex;align-items:center;gap:20px}
.pg-logo{flex:none;display:block}
.pg-logo img{width:160px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.pg-nav{margin-left:auto;display:flex;align-items:center;gap:22px;color:#fff}
.pg-nav>a,.pg-drop-btn{font-size:14px;font-weight:800;text-decoration:none;color:#fff;position:relative;padding:10px 0;letter-spacing:.2px}
.pg-nav>a:not(.pg-cta-nav):not(.pg-mavirtual):after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--aqua);transition:right .25s}
.pg-nav>a:not(.pg-cta-nav):not(.pg-mavirtual):hover:after,.pg-nav>a[aria-current]:after{right:0}
.pg-drop{position:relative}
.pg-drop-btn{background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:4px;font-family:inherit}
.pg-drop-btn svg{font-size:16px;stroke-width:2.4;transition:transform .25s}
.pg-drop.abierto .pg-drop-btn svg{transform:rotate(180deg)}
.pg-drop-lista{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px);width:340px;background:#fff;color:var(--tinta);border-radius:18px;padding:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:.22s}
.pg-drop-lista:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.pg-drop.abierto .pg-drop-lista,.pg-drop:hover .pg-drop-lista{opacity:1;visibility:visible;transform:translate(-50%,0)}
.pg-drop-lista a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;text-decoration:none;transition:background .15s}
.pg-drop-lista a:hover,.pg-drop-lista a[aria-current]{background:#eef8f6}
.pg-drop-lista b{display:block;font-size:15px;font-family:var(--titulos)}
.pg-drop-lista small{display:block;color:var(--gris);font-size:13px;line-height:1.3}
.pg-drop-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#e2f7f4,#c9efea);color:var(--verde2);font-size:22px;flex:none}
.pg-idioma{display:flex;border:1.5px solid rgba(255,255,255,.45);border-radius:999px;overflow:hidden}
.pg-idioma a{font-size:12px;font-weight:800;padding:5px 10px;text-decoration:none;color:#fff}
.pg-idioma a[aria-current]{background:#fff;color:var(--verde)}
/* Botones del menú: MAVIRTUAL (acceso de estudiantes) y Clase gratis (llamado principal) */
.pg-nav>a.pg-mavirtual,.pg-nav>a.pg-cta-nav{position:relative;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;height:42px;border-radius:999px;text-decoration:none;line-height:1;padding:0 16px 0 6px;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.pg-nav .nb-ico{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;transition:background .22s,color .22s,transform .3s}
.pg-nav .nb-ico svg{width:16px;height:16px;stroke-width:2.1}
.pg-nav>a.pg-mavirtual{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pg-mavirtual .nb-ico{background:#fff;color:var(--verde)}
.pg-nav .nb-txt{display:flex;flex-direction:column;gap:2px;text-align:left}
.pg-nav .nb-txt small{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.72}
.pg-nav .nb-txt b{font-size:13px;font-weight:800;letter-spacing:.08em}
.pg-nav>a.pg-mavirtual:hover{background:#fff;color:var(--verde);border-color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(0,0,0,.45)}
.pg-mavirtual:hover .nb-ico{background:var(--verde);color:#fff;transform:translateX(2px)}
.pg-nav>a.pg-cta-nav{padding-right:20px;overflow:hidden;color:#05302c;font-size:14px;font-weight:800;background:linear-gradient(135deg,#7ff5ee 0%,var(--aqua) 42%,var(--turq) 100%);box-shadow:0 10px 24px -10px rgba(32,231,223,.85),inset 0 1px 0 rgba(255,255,255,.65)}
.pg-cta-nav .nb-ico{background:#05302c;color:#7ff5ee}
.pg-cta-nav::before{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:nbBrillo 5s ease-in-out 1.5s infinite;pointer-events:none}
.pg-nav>a.pg-cta-nav:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(32,231,223,.95),inset 0 1px 0 rgba(255,255,255,.65)}
.pg-cta-nav:hover .nb-ico{transform:rotate(-12deg) scale(1.06)}
@keyframes nbBrillo{0%,72%{left:-70%}100%{left:140%}}
@media (prefers-reduced-motion:reduce){.pg-cta-nav::before{display:none}}
.pg-menu{display:none;margin-left:auto;width:46px;height:46px;border:0;border-radius:14px;background:rgba(255,255,255,.14);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.pg-menu span{width:22px;height:2.4px;background:#fff;border-radius:2px;transition:.25s}
.pg-menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7.4px) rotate(45deg)}
.pg-menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.pg-menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.4px) rotate(-45deg)}

/* ---------- Portada ---------- */
.pg-hero{position:relative;min-height:min(820px,100svh);display:flex;align-items:center;color:#fff;background-color:#0b2a27;background-position:center;background-size:cover;background-repeat:no-repeat;padding:140px 0 170px;isolation:isolate}
.pg-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(4,26,24,.88) 0%,rgba(5,40,37,.72) 45%,rgba(5,40,37,.25) 100%),linear-gradient(0deg,rgba(7,94,87,.35),transparent 50%)}
.pg-hero-in{width:min(var(--max),100% - 40px);margin-inline:auto;max-width:var(--max)}
.pg-hero-in>*{max-width:700px}
.pg-migas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:rgba(255,255,255,.75);margin-bottom:22px}
.pg-migas a{text-decoration:none;color:#fff;font-weight:700}
.pg-migas a:hover{color:var(--aqua)}
.pg-promo{display:inline-block;background:rgba(32,231,223,.16);border:1px solid rgba(32,231,223,.55);color:#bff8f4;padding:6px 14px;border-radius:999px;font-weight:800;font-size:14px;margin-bottom:16px}
.pg-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:800;color:var(--turq)}
.pg-hero .pg-eyebrow{color:var(--aqua);display:block}
.pg-hero h1{font-size:clamp(38px,5.4vw,66px);margin:12px 0 18px;text-wrap:balance}
.pg-hero h1 b{color:var(--aqua);font-weight:700}
.pg-lead{font-size:clamp(17px,1.6vw,20px);color:rgba(255,255,255,.88);margin:0 0 30px}
.pg-lead b{color:#fff}
.pg-hero-btns{display:flex;flex-wrap:wrap;gap:14px}
.pg-confianza{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;max-width:820px!important}
.pg-confianza li{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:rgba(255,255,255,.92)}
.pg-confianza svg{font-size:22px;color:var(--aqua)}
.pg .pg-ola{position:absolute;left:0;bottom:-1px;width:100%;height:120px;stroke:none}

/* ---------- Secciones ---------- */
.pg-sec{padding:clamp(70px,9vw,110px) 0}
.pg-titulo{text-align:center;max-width:760px;margin:0 auto 52px}
.pg-titulo h2,.pg-ruta-texto h2,.pg-tool-texto h2{font-size:clamp(30px,3.6vw,46px);margin:10px 0 16px;text-wrap:balance;color:var(--oscuro)}
.pg-titulo p,.pg-ruta-texto p{color:var(--gris);margin:0;font-size:18px}
.pg-titulo-izq{text-align:left;margin:0}
.pg-ico{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--turq),var(--verde));color:#fff;font-size:28px;box-shadow:0 12px 24px -12px rgba(7,94,87,.7);flex:none}

/* Beneficios */
.pg-intro{background:var(--crema)}
.pg-beneficios{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pg-beneficio{background:#fff;border-radius:var(--radio);padding:30px 26px;box-shadow:var(--sombra);border:1px solid var(--linea);transition:transform .25s,box-shadow .25s}
.pg-beneficio:hover{transform:translateY(-6px);box-shadow:0 26px 60px -26px rgba(7,52,48,.45)}
.pg-beneficio h3{font-size:20px;margin:20px 0 8px;color:var(--oscuro)}
.pg-beneficio p{margin:0;color:var(--gris);font-size:16px}

/* Ruta */
.pg-ruta-sec{background:#fff}
.pg-ruta-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,6vw,80px);align-items:start}
.pg-ruta-texto{position:sticky;top:110px}
.pg-ruta-foto{margin:30px 0 0;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);aspect-ratio:16/10}
.pg-ruta-foto img{width:100%;height:100%;object-fit:cover}
.pg-ruta{list-style:none;margin:0;padding:0;position:relative}
.pg-ruta:before{content:"";position:absolute;left:27px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--turq),var(--menta))}
.pg-ruta li{position:relative;display:flex;gap:22px;padding:0 0 26px}
.pg-ruta-n{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--turq);color:var(--verde);font-family:var(--titulos);font-weight:700;font-size:18px;display:grid;place-items:center;flex:none;position:relative;z-index:1;box-shadow:0 0 0 6px #fff}
.pg-ruta li>div{background:var(--crema);border-radius:18px;padding:18px 22px;flex:1;border:1px solid var(--linea)}
.pg-ruta h3{font-size:20px;color:var(--oscuro);margin-bottom:4px}
.pg-ruta p{margin:0;color:var(--gris);font-size:16px}

/* Cursos */
.pg-cursos-sec{background:linear-gradient(160deg,#0a3c37,#062b28 60%,#08332f);color:#fff;position:relative;overflow:hidden}
.pg-cursos-sec:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(32,231,223,.18),transparent 65%);top:-260px;right:-180px}
.pg-titulo-claro h2{color:#fff}.pg-titulo-claro p{color:rgba(255,255,255,.75)}.pg-titulo-claro .pg-eyebrow{color:var(--aqua)}
.pg-titulo-claro p b{color:#fff}
.pg-cursos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;position:relative}
.pg-cursos-n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-curso{background:#fff;color:var(--tinta);border-radius:var(--radio);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px -30px rgba(0,0,0,.6);transition:transform .25s}
.pg-curso:hover{transform:translateY(-6px)}
.pg-curso-foto{position:relative;aspect-ratio:16/9;background:#0c2523}
.pg-curso-foto img{width:100%;height:100%;object-fit:cover}
.pg-curso-nivel{position:absolute;left:14px;top:14px;background:rgba(7,94,87,.92);color:#fff;font-size:13px;font-weight:800;padding:5px 12px;border-radius:999px}
.pg-curso-cinta{position:absolute;right:14px;top:14px;background:#ffcf4a;color:#3b2c00;font-size:13px;font-weight:800;padding:5px 12px;border-radius:999px}
.pg-curso-cuerpo{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.pg-curso h3{font-size:24px;color:var(--oscuro)}
.pg-curso-dato{display:flex;align-items:center;gap:8px;margin:0;font-weight:800;color:var(--verde2);font-size:14px}
.pg-curso-dato svg{font-size:18px}
.pg-curso-cuerpo>p{margin:0;color:var(--gris);font-size:16px}
.pg-curso .pg-link{margin-top:auto;padding-top:6px}
.pg-cursos-nota{text-align:center;margin:34px auto 0;color:rgba(255,255,255,.8);position:relative}
.pg-cursos-nota b{color:var(--aqua)}

/* Listas con check */
.pg-check{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:9px}
.pg-check li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.5}
.pg-check svg{font-size:20px;color:#fff;background:var(--turq);border-radius:50%;padding:3px;stroke-width:3;margin-top:1px}

/* Herramientas */
.pg-tools-sec{background:#fff}
.pg-tool{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;padding:30px 0}
.pg-tool+.pg-tool{margin-top:40px}
.pg-tool-inv .pg-tool-foto{order:2}
.pg-tool-foto{margin:0;border-radius:var(--radio);overflow:hidden;background:linear-gradient(135deg,#0d3a36,#0b2a27);padding:clamp(14px,2.4vw,26px);box-shadow:var(--sombra);display:grid;place-items:center;max-height:560px}
.pg-tool-foto img{border-radius:12px;box-shadow:0 20px 40px -20px rgba(0,0,0,.7);max-height:510px;width:auto;object-fit:contain}
.pg-tool-texto>p{color:var(--gris);font-size:17px}
.pg-tool-para{background:var(--crema);border-left:4px solid var(--turq);padding:12px 16px;border-radius:0 12px 12px 0;margin-top:18px!important;color:var(--tinta)!important}

/* Mosaico de instrumentos */
.pg-mosaico-sec{background:#fff}
.pg-mosaico{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.pg .pg-mos{color:#fff}
.pg-mos{grid-column:span 2;position:relative;border-radius:var(--radio);overflow:hidden;aspect-ratio:4/3.3;text-decoration:none;box-shadow:var(--sombra);isolation:isolate}
.pg-mos:nth-child(-n+2){grid-column:span 3;aspect-ratio:16/9.5}
.pg-mos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.pg-mos:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,30,27,.94) 8%,rgba(4,30,27,.55) 42%,rgba(4,30,27,.08) 75%)}
.pg-mos:hover img{transform:scale(1.06)}
.pg-mos-txt{position:absolute;left:0;right:0;bottom:0;padding:24px;display:flex;flex-direction:column;gap:2px}
.pg-mos-ico{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);display:grid;place-items:center;font-size:24px;margin-bottom:10px}
.pg-mos b{font-family:var(--titulos);font-size:26px;line-height:1.1}
.pg-mos small{font-size:15px;color:rgba(255,255,255,.82)}
.pg-mos-ver{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:var(--aqua);margin-top:8px}
.pg-mos-ver svg{stroke-width:2.4;transition:transform .2s}.pg-mos:hover .pg-mos-ver svg{transform:translateX(4px)}

/* Pasos */
.pg-pasos-sec{background:linear-gradient(180deg,#eaf6f4,var(--crema))}
.pg-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:paso}
.pg-pasos li{background:#fff;border-radius:var(--radio);padding:34px 28px 30px;box-shadow:var(--sombra);position:relative;counter-increment:paso}
.pg-pasos li:after{content:counter(paso);position:absolute;right:22px;top:12px;font-family:var(--titulos);font-size:70px;font-weight:700;color:#e5f3f1;line-height:1}
.pg-pasos h3{font-size:21px;margin:20px 0 6px;color:var(--oscuro);position:relative;z-index:1}
.pg-pasos p{margin:0;color:var(--gris);font-size:16px;position:relative;z-index:1}

/* Testimonios */
.pg-testi-sec{background:#fff}
.pg-testis{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pg-testi{margin:0;background:var(--crema);border-radius:var(--radio);padding:30px 28px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--linea)}
.pg-estrellas{display:flex;gap:3px;color:#f5b301;font-size:18px}
.pg-estrellas svg{fill:currentColor;stroke:none}
.pg-testi blockquote{margin:0;font-size:16.5px;line-height:1.6;flex:1;position:relative}
.pg-testi blockquote:before{content:"“";font-family:Georgia,serif;font-size:60px;line-height:0;color:var(--turq);position:relative;top:22px;margin-right:4px}
.pg-testi figcaption{display:flex;align-items:center;gap:12px}
.pg-testi figcaption img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.pg-testi figcaption b{display:block;font-size:15.5px}
.pg-testi figcaption small{color:var(--gris);font-size:13.5px}

/* Galería */
.pg-galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.pg-galeria figure{margin:0;aspect-ratio:16/10;overflow:hidden}
.pg-galeria img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.pg-galeria figure:hover img{transform:scale(1.05)}

/* Planes */
.pg-planes-sec{background:var(--crema)}
.pg-planes{display:grid;grid-template-columns:repeat(2,minmax(0,460px));justify-content:center;gap:26px;align-items:stretch}
.pg-planes-uno{grid-template-columns:minmax(0,560px)}
.pg-plan{background:#fff;border-radius:26px;padding:36px 32px 32px;box-shadow:var(--sombra);border:1px solid var(--linea);display:flex;flex-direction:column;gap:12px;position:relative}
.pg-plan-dest{background:linear-gradient(160deg,#0b4842,#063330);color:#fff;border:0;box-shadow:0 30px 70px -30px rgba(7,94,87,.9)}
.pg-plan-cinta{position:absolute;top:-14px;right:26px;background:linear-gradient(135deg,#ffd75e,#ffb938);color:#3b2c00;font-weight:800;font-size:13px;padding:6px 14px;border-radius:999px;box-shadow:0 8px 16px -8px rgba(0,0,0,.4)}
.pg-plan-eti{font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--turq)}
.pg-plan-dest .pg-plan-eti{color:var(--aqua)}
.pg-plan h3{font-size:30px}
.pg-plan-sub{margin:0 0 6px;color:var(--gris);font-weight:600}
.pg-plan-dest .pg-plan-sub{color:rgba(255,255,255,.8)}
.pg-plan .pg-check{margin-bottom:14px;flex:1;align-content:start}
.pg-plan-dest .pg-check svg{background:var(--aqua);color:var(--verde)}
.pg-plan .pg-btn{width:100%}
.pg-plan-dest .pg-btn{background:#fff;color:var(--verde)!important}
.pg-planes-nota{text-align:center;color:var(--gris);margin:30px auto 0;max-width:760px;font-size:15.5px}
.pg-planes-nota a{color:var(--verde2);font-weight:800}

/* Preguntas */
.pg-faq-sec{background:#fff}
.pg-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,80px);align-items:start}
.pg-faq-grid .pg-titulo{position:sticky;top:110px}
.pg-faq-grid .pg-titulo p{margin-bottom:24px}
.pg-faq details{border-bottom:1px solid var(--linea)}
.pg-faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-family:var(--titulos);font-weight:600;font-size:19px;position:relative;color:var(--oscuro)}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary:after{content:"";position:absolute;right:6px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#e6f5f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a746b' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s}
.pg-faq details[open] summary:after{transform:rotate(45deg)}
.pg-faq details>div{padding:0 0 22px;color:var(--gris)}
.pg-faq details>div p{margin:0}

/* Relacionadas */
.pg-rel-sec{background:var(--crema);padding-top:clamp(60px,7vw,90px)}
.pg-rel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pg-rel-item{display:flex;align-items:center;gap:14px;background:#fff;border-radius:18px;padding:18px;text-decoration:none;border:1px solid var(--linea);transition:transform .2s,box-shadow .2s,border-color .2s}
.pg-rel-item:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:var(--menta)}
.pg-rel-item .pg-ico{width:48px;height:48px;border-radius:14px;font-size:24px}
.pg-rel-item b{display:block;font-family:var(--titulos);font-size:17px;line-height:1.2}
.pg-rel-item small{display:block;color:var(--gris);font-size:13.5px;line-height:1.35;margin-top:2px}
.pg-rel-item>svg{margin-left:auto;color:var(--turq);font-size:20px;stroke-width:2.2}

/* Llamado final */
.pg-final{position:relative;color:#fff;text-align:center;padding:clamp(90px,11vw,140px) 0;background-color:#0b2a27;background-position:center;background-size:cover;background-repeat:no-repeat;isolation:isolate}
.pg-final:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(7,94,87,.93),rgba(6,40,37,.88))}
.pg-final-in{max-width:760px}
.pg-final h2{font-size:clamp(34px,4.6vw,56px);margin-bottom:14px}
.pg-final p{font-size:19px;color:rgba(255,255,255,.88);margin:0 0 30px}
.pg-final p b{color:#fff}
.pg-final .pg-hero-btns{justify-content:center}
.pg-final small{display:block;margin-top:18px;color:rgba(255,255,255,.7)}
.pg-final small a{color:#fff}

/* Pie */
.pg-pie{background:#061f1d;color:rgba(255,255,255,.75);padding:70px 0 0;font-size:15px}
.pg-pie-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.pg-pie-marca img{width:170px;margin-bottom:16px}
.pg-pie-marca p{margin:0 0 18px;max-width:340px}
.pg-pie h3{color:#fff;font-size:16px;margin-bottom:14px;text-transform:uppercase;letter-spacing:.12em}
.pg-pie ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pg-pie a{text-decoration:none;transition:color .2s}
.pg-pie a:hover{color:var(--aqua)}
.pg-pie-redes{display:flex;flex-wrap:wrap;gap:8px}
.pg-pie-redes a{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:700}
.pg-pie-fin{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.1);margin-top:50px!important;padding:22px 0 26px;font-size:13.5px}

/* Botón flotante de WhatsApp */
.pg-flotante{position:fixed;right:20px;bottom:20px;z-index:40;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.45);transition:transform .2s}
.pg-flotante:hover{transform:scale(1.08)}
.pg-flotante svg{width:32px;height:32px;fill:#fff;stroke:none}

/* Animación de entrada */
.pg-anim{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.pg-anim.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pg-anim{opacity:1;transform:none;transition:none}.pg *{transition:none!important}}

/* ---------- Tablet ---------- */
@media (max-width:1180px){
  .pg-nav{gap:16px}
  .pg-nav .nb-txt small{display:none}
  .pg-beneficios{grid-template-columns:repeat(2,1fr)}
  .pg-rel{grid-template-columns:repeat(2,1fr)}
  .pg-pie-grid{grid-template-columns:1fr 1fr}
}
/* ---------- Menú móvil ---------- */
@media (max-width:1020px){
  .pg-menu{display:flex}
  .pg-nav{position:fixed;inset:0 0 0 auto;width:min(380px,88vw);background:#0a3c37;flex-direction:column;align-items:stretch;gap:0;padding:90px 22px 30px;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease;box-shadow:-20px 0 60px rgba(0,0,0,.35)}
  .pg-nav.abierto{transform:none}
  .pg-head{z-index:60}
  .pg-head.solido{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(6,72,66,.97)}
  .pg-menu{position:relative;z-index:2}
  .pg-nav>a,.pg-drop-btn{font-size:17px;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.1);width:100%;text-align:left}
  .pg-nav>a:after{display:none}
  .pg-drop-btn{justify-content:space-between}
  .pg-drop-lista{position:static;transform:none;width:auto;opacity:1;visibility:visible;display:none;background:rgba(255,255,255,.06);box-shadow:none;margin:6px 0 10px;color:#fff}
  .pg-drop:hover .pg-drop-lista{transform:none}
  .pg-drop.abierto .pg-drop-lista{display:block;transform:none}
  .pg-drop-lista small{color:rgba(255,255,255,.65)}
  .pg-drop-lista a:hover,.pg-drop-lista a[aria-current]{background:rgba(255,255,255,.08)}
  .pg-idioma{align-self:flex-start;margin:18px 0 6px}
  .pg-nav>a.pg-mavirtual,.pg-nav>a.pg-cta-nav{width:100%;height:54px;justify-content:center;margin-top:12px;padding:0 20px;border-bottom:0}
  .pg-nav .nb-txt small{display:block}
  .pg-nav .nb-txt{text-align:center}
  .pg-nav .nb-txt b{font-size:15px}
  .pg-nav .nb-txt small{font-size:10px}
  .pg-nav>a.pg-mavirtual .nb-ico,.pg-nav>a.pg-cta-nav .nb-ico{position:absolute;left:8px;width:40px;height:40px}
  .pg-nav>a.pg-cta-nav{font-size:16px;order:5}
  body.menu-abierto{overflow:hidden}
  .pg-ruta-grid,.pg-faq-grid{grid-template-columns:1fr}
  .pg-ruta-texto,.pg-faq-grid .pg-titulo{position:static}
  .pg-tool,.pg-tool-inv{grid-template-columns:1fr}
  .pg-tool-inv .pg-tool-foto{order:0}
  .pg-testis,.pg-pasos{grid-template-columns:1fr 1fr}
  .pg-mosaico{grid-template-columns:1fr 1fr}
  .pg-mos,.pg-mos:nth-child(-n+2){grid-column:span 1;aspect-ratio:4/3.4}
}
/* ---------- Celular ---------- */
@media (max-width:640px){
  body.pg{font-size:16px}
  .pg-wrap,.pg-hero-in{width:calc(100% - 32px)}
  .pg-head-in{width:calc(100% - 32px)}
  .pg-logo img{width:128px}
  .pg-hero{padding:118px 0 130px;min-height:auto}
  .pg-hero:before{background:linear-gradient(180deg,rgba(4,26,24,.55) 0%,rgba(4,26,24,.78) 45%,rgba(4,26,24,.9) 100%)}
  .pg-hero-btns{flex-direction:column}
  .pg-hero-btns .pg-btn{width:100%}
  .pg-confianza{flex-direction:column;gap:10px}
  .pg .pg-ola{height:70px}
  .pg-beneficios,.pg-testis,.pg-pasos,.pg-rel,.pg-mosaico,.pg-pie-grid{grid-template-columns:1fr}
  .pg-mos,.pg-mos:nth-child(-n+2){aspect-ratio:16/10.5}
  .pg-planes,.pg-planes-uno,.pg-cursos-n4{grid-template-columns:1fr}
  .pg-plan{padding:32px 22px 26px}
  .pg-galeria{grid-template-columns:1fr 1fr}
  .pg-galeria figure:first-child{grid-column:span 2}
  .pg-ruta:before{left:21px}
  .pg-ruta-n{width:44px;height:44px;font-size:15px}
  .pg-ruta li{gap:14px}
  .pg-ruta li>div{padding:14px 16px}
  .pg-faq summary{font-size:17px}
  .pg-titulo{margin-bottom:36px}
  .pg-flotante{width:54px;height:54px;right:14px;bottom:14px}
  .pg-pie-fin{flex-direction:column}
}

/* Menú en pantallas medianas (1021–1180 px): más compacto para que quepa «Herramientas» con su desplegable */
@media (min-width:1021px) and (max-width:1180px){
  .pg-head-in{gap:12px}
  .pg-logo img{width:124px}
  .pg-nav{gap:11px}
  .pg-nav>a,.pg-drop-btn{font-size:13px}
  .pg-nav>a.pg-mavirtual,.pg-nav>a.pg-cta-nav{padding-right:12px}
}