/* Portada · estilos propios de las secciones que no vienen del diseño original
   (cabecera, banda de instituciones, vitrina, testimonios, suscripción, pie).
   Paleta y tipografías tomadas de la página actual (OptimizePress + bloques propios). */

:root{
  --p-salvia:#5F736F;
  --p-salvia-hondo:#2F403B;
  --p-terracota:#BE7255;
  --p-terracota-hondo:#934F39;
  --p-crema:#FBF7EF;
  --p-gris:#F2F2F2;
  --p-tinta:#26332F;
  --p-tinta-suave:#4C4C4C;
  --p-blanco:#fff;
  --p-estrella:#F2B33D;
  --p-titular:"Bricolage Grotesque",sans-serif;
  --p-texto:"IBM Plex Sans",sans-serif;
  --p-mont:"Montserrat",Arial,sans-serif;
}
body.portada{font-family:var(--p-texto);color:var(--p-tinta);background:#fff;margin:0}
body.portada h1,body.portada h2,body.portada h3{font-family:var(--p-titular)}
.p-lienzo{width:min(1180px,calc(100% - 40px));margin:0 auto}

/* ---------- cabecera (sticky, gris claro como la actual) ---------- */
.p-cabecera{position:sticky;top:0;z-index:50;background:#FBFAF7;box-shadow:0 0 34px 6px rgba(0,0,0,.03);padding:14px 20px}
.p-cabecera-in{width:min(1180px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.p-logo img{height:48px;width:auto;display:block}
.p-nav{display:flex;align-items:center;gap:30px}
.p-nav a{font-family:var(--p-texto);font-size:15px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--p-salvia);text-decoration:none;transition:color .2s}
.p-nav a:hover{color:var(--p-terracota)}
.p-nav a.p-acceso{border:1.5px solid var(--p-salvia);border-radius:999px;padding:9px 16px}
.p-nav a.p-acceso:hover{background:var(--p-salvia);color:#fff}
.p-menu{display:none;background:none;border:0;padding:8px;cursor:pointer}
.p-menu span{display:block;width:24px;height:2px;background:var(--p-salvia);margin:5px 0;border-radius:2px}
@media (max-width:900px){
  .p-menu{display:block}
  .p-nav{position:absolute;left:0;right:0;top:100%;background:#FBFAF7;flex-direction:column;align-items:stretch;padding:10px 20px 22px;gap:0;display:none;box-shadow:0 20px 30px rgba(0,0,0,.06)}
  .p-nav.abierto{display:flex}
  .p-nav a{padding:14px 4px;border-bottom:1px solid rgba(95,115,111,.15)}
  .p-nav a.p-acceso{margin-top:12px;text-align:center;border-bottom:1.5px solid var(--p-salvia)}
}

/* ---------- banda de instituciones ---------- */
.p-banda{background:#5F736F;color:#fff;padding:46px 0 44px;overflow:hidden}
.p-banda p{margin:0 0 26px;text-align:center;font-family:var(--p-texto);font-weight:500;font-size:17px}
.p-logos{display:flex;gap:70px;align-items:center;width:max-content;animation:p-ticker 36s linear infinite}
.p-banda:hover .p-logos{animation-play-state:paused}
.p-logos img{height:60px;width:auto;max-width:220px;object-fit:scale-down;display:block}
@keyframes p-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:640px){.p-logos img{height:44px}.p-logos{gap:40px}}

/* ---------- cintas de gráficas (dentro de la sección "sobre nosotros") ---------- */
.te-cinta{display:flex;gap:10px;width:max-content;align-items:center}
.te-cinta img{width:350px;height:auto;border-radius:8px;display:block}
.te-cinta-izq{animation:p-ticker 60s linear infinite}
.te-cinta-der{animation:p-ticker 60s linear infinite reverse}
.tefeatures27-logo-row:hover .te-cinta{animation-play-state:paused}
@media (max-width:720px){.te-cinta img{width:220px}}
@media (prefers-reduced-motion:reduce){.te-cinta,.p-logos{animation:none}}

/* ---------- vitrina de formaciones ---------- */
.p-vitrina{background:#fff;padding:86px 20px}
.p-encabezado{max-width:760px;margin:0 auto 44px;text-align:center}
.p-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;margin-bottom:18px;border-radius:999px;background:rgba(95,115,111,.08);border:1px solid rgba(95,115,111,.16);color:var(--p-salvia-hondo);font-family:var(--p-mont);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.p-kicker::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--p-terracota);box-shadow:0 0 0 6px rgba(191,116,86,.13)}
.p-encabezado h2{margin:0;color:var(--p-salvia);font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.02em}
.p-encabezado h2 span{color:var(--p-terracota)}
.p-encabezado p{margin:16px auto 0;max-width:640px;color:var(--p-tinta-suave);font-size:17px;line-height:1.7}
.p-cursos{display:grid;grid-template-columns:1fr 1fr;gap:26px;width:min(1120px,100%);margin:0 auto}
.p-curso{background:#fff;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(95,115,111,.14);box-shadow:0 24px 58px rgba(63,80,75,.10),0 8px 20px rgba(63,80,75,.06);transition:transform .32s ease,box-shadow .32s ease}
.p-curso:hover{transform:translateY(-8px);box-shadow:0 34px 78px rgba(63,80,75,.16),0 14px 28px rgba(63,80,75,.08)}
.p-curso img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.p-curso-cuerpo{padding:26px 28px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.p-curso .tipo{font-family:var(--p-mont);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--p-salvia);font-weight:700}
.p-curso h3{margin:0;font-size:22px;line-height:1.2;color:var(--p-salvia-hondo);font-weight:700}
.p-curso p{margin:0;color:var(--p-tinta-suave);font-size:15.5px;line-height:1.6}
.p-curso ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:7px;font-size:14.5px;color:var(--p-tinta-suave)}
.p-curso li{display:flex;gap:.5em;align-items:flex-start}
.p-curso li svg{width:16px;height:16px;color:var(--p-terracota);flex:none;margin-top:3px}
.p-curso-pie{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;border-top:1px solid #F2F2F2}
.p-precio{font-family:var(--p-titular);font-weight:800;font-size:28px;color:var(--p-salvia-hondo);line-height:1}
.p-precio s{color:#A8A39B;font-weight:500;font-size:17px;margin-right:.3em}
.p-precio small{display:block;font-family:var(--p-texto);font-weight:500;font-size:12px;color:var(--p-tinta-suave);margin-top:5px}
.p-boton{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border-radius:16px;font-family:var(--p-mont);font-size:14px;font-weight:700;text-decoration:none!important;color:#fff!important;background:linear-gradient(135deg,#cf8162 0%,#be7255 44%,#934f39 100%);box-shadow:0 16px 36px rgba(190,114,85,.3);transition:transform .25s ease,box-shadow .25s ease;white-space:nowrap}
.p-boton:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(190,114,85,.4)}
.p-boton svg{width:16px;height:16px}
@media (max-width:820px){.p-cursos{grid-template-columns:1fr}.p-vitrina{padding:64px 16px}}

/* ---------- testimonios (gris claro como la actual) ---------- */
.p-testimonios{background:#F2F2F2;padding:70px 20px 60px}
.p-testimonios .p-encabezado h2{color:var(--p-salvia)}
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:min(1120px,100%);margin:0 auto}
.p-tarjeta{background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.p-tarjeta .video{aspect-ratio:4/5;background:#1f2a27}
.p-tarjeta video{width:100%;height:100%;object-fit:cover;display:block;background:#1f2a27}
.p-tarjeta .cuerpo{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.p-tarjeta blockquote{margin:0;font-size:15px;line-height:1.6;color:var(--p-tinta-suave)}
.p-tarjeta .estrellas{color:var(--p-estrella);letter-spacing:.1em;font-size:15px;margin-top:auto}
.p-tarjeta .quien{font-weight:700;color:var(--p-salvia-hondo);font-size:15px}
.p-tarjeta .rol{font-size:14px;color:var(--p-salvia)}
.p-mas{text-align:center;margin-top:40px}
.p-boton-claro{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:16px;font-family:var(--p-mont);font-size:14px;font-weight:700;text-decoration:none!important;color:var(--p-salvia-hondo)!important;background:#fff;border:1px solid rgba(96,114,109,.2);box-shadow:0 14px 30px rgba(47,64,59,.08);transition:transform .25s ease}
.p-boton-claro:hover{transform:translateY(-3px)}
.p-boton-claro svg{width:16px;height:16px}
@media (max-width:900px){.p-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.p-grid{grid-template-columns:1fr}.p-testimonios{padding:56px 16px 48px}}

/* ---------- caja de cierre (terracota sobre banda salvia, como la actual) ---------- */
.p-cierre{background:#5F736F;padding:0 20px 44px;position:relative}
.p-cierre::before{content:"";position:absolute;left:0;right:0;top:0;height:120px;background:#F2F2F2}
.p-caja{position:relative;width:min(860px,100%);margin:0 auto;background:#B66A50;border-radius:12px;box-shadow:0 0 35px 1px rgba(0,0,0,.33);padding:42px 40px 36px;color:#fff;text-align:center}
.p-caja h2{margin:0 0 6px;color:#fff;font-size:24px;font-weight:700}
.p-caja p{margin:0 auto 22px;max-width:560px;color:rgba(255,250,233,.9);font-size:15px;line-height:1.6}
.p-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;max-width:760px;margin:0 auto}
.p-form input[type=text],.p-form input[type=email]{width:100%;min-height:50px;padding:0 16px;border:0;border-radius:10px;font:inherit;font-size:15px;background:#fff;color:var(--p-tinta)}
.p-form input:focus{outline:3px solid rgba(255,229,93,.7)}
.p-form button{min-height:50px;padding:0 22px;border:0;border-radius:10px;background:#fff;color:var(--p-salvia);font-family:var(--p-mont);font-weight:700;font-size:15px;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}
.p-form button:hover{background:#FFE55D;color:var(--p-salvia-hondo);transform:translateY(-2px)}
.p-caja small{display:block;margin-top:14px;font-size:12px;color:rgba(255,250,233,.8)}
.p-caja small a{color:#fff}
.p-institucion{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22)}
.p-institucion a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-family:var(--p-texto);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.02em;text-decoration:none}
.p-institucion a:hover{text-decoration:underline}
.p-institucion svg{width:18px;height:18px}
@media (max-width:720px){.p-form{grid-template-columns:1fr}.p-caja{padding:32px 22px 28px}}

/* ---------- pie ---------- */
.p-pie{background:#5F736F;color:#fff;text-align:center;padding:34px 20px 40px}
.p-pie img{height:40px;width:auto;margin:0 auto 14px;display:block}
.p-pie p{margin:0 0 12px;font-size:15px;text-transform:uppercase;font-weight:600;letter-spacing:.02em}
.p-redes{display:flex;justify-content:center;gap:10px}
.p-redes a{width:38px;height:38px;border-radius:50%;background:#F2F2F2;color:#5F736F;display:grid;place-items:center}
.p-redes svg{width:18px;height:18px}
.p-legal{background:#F2F2F2;color:#5F736F;text-align:center;font-size:14px;padding:18px 20px}

/* trampa anti-spam y aviso emergente: vienen de sitio.css */

/* hero a pantalla completa en escritorio */
@media (min-width:1081px){
  body.portada .tehero26{min-height:calc(100vh - 77px);display:flex;align-items:center;padding-top:40px;padding-bottom:40px}
  body.portada .tehero26-shell{width:min(1180px,100%)}
}
/* cintas de gráficas con el mismo fondo de la sección */
.tefeatures27-logo-full{background:transparent!important;border-top:0!important;padding:10px 0 40px!important}
.tefeatures27-logo-full::before{display:none!important}
/* resalte de la fecha de la oferta */
.p-resalte{color:var(--p-terracota);font-weight:700}
/* bloques de cierre (institución y suscripción) */
.p-cierre2{background:#fff;padding:84px 20px}
.p-cierre2 .institucional h2,.p-cierre2 .suscribe h2{font-family:var(--p-titular);font-size:clamp(26px,3vw,36px);margin:0 0 .5em}
.p-cierre2 .suscribe h2{color:var(--p-salvia-hondo)}
.p-cierre2 .formulario input[type=text],.p-cierre2 .formulario input[type=email]{min-height:50px}
@media (max-width:860px){.p-cierre2{padding:56px 16px}}
/* monitores anchos pero bajos (laptops 1280x720/768): el hero se compacta para caber en una pantalla */
@media (min-width:1081px) and (max-height:920px){
  body.portada .tehero26{padding-top:22px;padding-bottom:22px}
  body.portada .tehero26-visual{min-height:auto}
  body.portada .tehero26-photo-frame{max-width:400px;padding:9px}
  body.portada .tehero26-photo{aspect-ratio:4/4.1}
  body.portada .tehero26-title{font-size:clamp(38px,4.1vw,56px)}
  body.portada .tehero26-subtitle{margin-top:16px;font-size:16px}
  body.portada .tehero26-actions{margin-top:22px}
  body.portada .tehero26-microproof{margin-top:18px}
  body.portada .tehero26-badge{margin-bottom:16px}
  body.portada .tehero26-float{min-height:48px;padding:10px 13px;font-size:12px}
}
@media (min-width:1081px) and (max-height:920px) and (min-height:850px){
  body.portada .tehero26-photo-frame{max-width:470px}
  body.portada .tehero26-title{font-size:clamp(40px,4.6vw,64px)}
}

/* decoración sutil de los bloques de cierre */
.p-deco{position:relative;overflow:hidden;isolation:isolate}
.p-deco > div,.p-deco > form{position:relative;z-index:2}
.p-deco-anillo{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.18);right:-140px;top:-190px;z-index:0;pointer-events:none}
.p-deco-anillo::after{content:"";position:absolute;inset:48px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.p-deco-disco{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.07);left:-110px;bottom:-130px;z-index:0;pointer-events:none}
.p-deco-ico{position:absolute;right:38px;top:34px;width:150px;height:150px;color:rgba(255,255,255,.08);z-index:0;pointer-events:none;transform:rotate(-8deg)}
.p-deco-ico svg{width:100%;height:100%;stroke-width:1.2}
.p-deco-crema .p-deco-anillo{border-color:rgba(190,114,85,.18)}
.p-deco-crema .p-deco-anillo::after{border-color:rgba(96,114,109,.16)}
.p-deco-crema .p-deco-disco{background:rgba(190,114,85,.08)}
.p-deco-crema .p-deco-ico{color:rgba(190,114,85,.12);left:38px;right:auto;top:auto;bottom:-30px;transform:rotate(8deg)}
.p-insignia{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;margin-bottom:16px;font-family:var(--p-mont);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.95)}
.p-insignia svg{width:15px;height:15px}
.p-deco-crema .p-insignia{background:rgba(255,255,255,.7);border-color:rgba(96,114,109,.18);color:var(--p-salvia-hondo)}
.p-cierre2 .institucional .boton-primario,.p-cierre2 .formulario .boton-primario{font-family:var(--p-mont);font-weight:700;border-radius:16px;min-height:56px}
.p-cierre2 .institucional .boton-primario svg,.p-cierre2 .formulario .boton-primario svg{width:18px;height:18px}
.p-cierre2 .institucional li svg{color:#CFE3DA}
@media (max-width:860px){
  .p-deco-ico{width:110px;height:110px;right:14px;top:14px}
  .p-deco-crema .p-deco-ico{left:14px;bottom:-20px}
}