@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════
   SuperEscuela — prensa y material (/prensa/)
   Sits on top of /assets/css/style.css (barra, botones, pie,
   tokens, .seccion, .bandas). Only what this page adds.
   ═══════════════════════════════════════════════════════════ */

.btn--claro{ background:transparent; color:#fff; border-color:rgba(255,255,255,.55); }
.btn--claro:hover{ border-color:#fff; }

.p-kicker, .seccion__intro .p-kicker, .contacto__intro .p-kicker{ font-size:.85rem; color:var(--rojo); font-variation-settings:"wght" 600; text-transform:uppercase; letter-spacing:.07em; margin:0 0 10px; }
.p-kicker--claro{ color:var(--amarillo); }
.p-h2{ font-size:clamp(1.9rem,4vw,3rem); letter-spacing:-.03em; max-width:22ch; }
.p-h2--s{ font-size:clamp(1.5rem,2.8vw,2.1rem); }
.p-intro{ margin-top:14px; max-width:58ch; color:var(--texto); }
.p-ancho{ max-width:calc(var(--ancho) - 64px); margin:0 auto; }
.seccion--nieve{ background:var(--nieve); max-width:none; }

/* ───────── Hero ───────── */
.p-hero{
  max-width:var(--ancho); margin:0 auto;
  padding:clamp(30px,5vw,64px) clamp(18px,4vw,32px) clamp(30px,4.6vw,56px);
  display:grid; grid-template-columns:1.35fr .9fr; gap:clamp(26px,4vw,56px); align-items:center;
}
.p-hero__saludo{ font-size:.95rem; color:var(--rojo); font-variation-settings:"wght" 600; margin-bottom:12px; }
.p-hero h1{ font-size:clamp(2.6rem,6.6vw,5rem); font-variation-settings:"wdth" 124,"wght" 800; letter-spacing:-.045em; max-width:12ch; }
.p-hero__bajada{ margin-top:20px; max-width:50ch; font-size:1.08rem; color:var(--texto); }
.p-hero__botones{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

.p-tarjeta{
  background:var(--azul); color:#fff; border-radius:26px;
  padding:clamp(24px,3.4vw,38px); position:relative; overflow:hidden;
}
.p-tarjeta::after{
  content:""; position:absolute; right:-40px; top:-40px; width:150px; height:150px;
  border-radius:50%; border:22px solid var(--amarillo); opacity:.9;
}
.p-tarjeta__kicker{ color:var(--celeste); font-size:.85rem; font-variation-settings:"wght" 600; text-transform:uppercase; letter-spacing:.07em; }
.p-tarjeta__correo{
  position:relative; z-index:1; display:inline-block; margin:12px 0 14px; color:#fff; text-decoration:none;
  font-size:clamp(1.15rem,1.9vw,1.42rem); font-variation-settings:"wdth" 100,"wght" 800; letter-spacing:-.01em;
  border-bottom:4px solid var(--amarillo); overflow-wrap:anywhere;
}
.p-tarjeta p{ color:#D3E2F7; position:relative; }
.p-tarjeta__pie{ margin-top:12px; font-size:.88rem; color:var(--celeste) !important; }

/* ───────── Solar ───────── */
.p-solar{ padding:clamp(36px,5vw,64px) clamp(18px,4vw,32px) 0; }
.p-solar__caja{
  max-width:var(--ancho); margin:0 auto; background:#05070F; color:#fff;
  border-radius:30px; overflow:hidden;
  display:grid; grid-template-columns:1.15fr 1fr; align-items:stretch;
}
.p-solar__foto{ margin:0; }
.p-solar__foto img{ width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.p-solar__texto{ padding:clamp(26px,3.8vw,48px); }
.p-solar__kicker{ font-size:.88rem; color:var(--celeste); font-variation-settings:"wght" 600; display:flex; gap:10px; align-items:center; }
.nuevo{ background:var(--amarillo); color:var(--azul); border-radius:999px; padding:2px 11px; font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; }
.p-solar h2{ margin-top:14px; font-size:clamp(1.7rem,3.2vw,2.5rem); letter-spacing:-.03em; }
.p-solar__texto > p:not(.p-solar__kicker){ margin-top:14px; color:#C9D6EC; }
.p-cifras{ margin:24px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.p-cifras li{ font-size:.88rem; color:#C9D6EC; line-height:1.35; border-top:2px solid rgba(116,172,223,.35); padding-top:10px; }
.p-cifras strong{ display:block; color:var(--amarillo); font-size:1.7rem; line-height:1.1; font-variation-settings:"wdth" 112,"wght" 800; }
.p-solar__botones{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

/* ───────── Textos ───────── */
.p-textos{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.p-texto{ background:var(--nieve); border-radius:var(--radio); padding:22px 24px 24px; display:flex; flex-direction:column; }
.p-texto--ancho{ grid-column:1 / -1; }
.p-texto header{ display:flex; justify-content:space-between; align-items:center; gap:12px; }
.p-texto h3{ font-size:1.05rem; font-variation-settings:"wdth" 108,"wght" 800; }
.p-texto p{ margin-top:12px; color:var(--texto); font-size:.95rem; }
.p-copiar{
  font:inherit; font-size:.82rem; cursor:pointer; flex:none;
  font-variation-settings:"wght" 600; padding:6px 14px; border-radius:999px;
  border:2px solid var(--azul); background:#fff; color:var(--azul);
}
.p-copiar:hover{ background:var(--azul); color:#fff; }
.p-copiar.ok{ background:var(--verde); border-color:var(--verde); color:#fff; }

/* ───────── Comunicados ───────── */
.p-piezas{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.p-pieza{
  --tono:var(--azul);
  display:flex; flex-direction:column; background:#fff; border-radius:var(--radio);
  padding:24px 24px 22px; text-decoration:none; color:var(--azul);
  border-top:10px solid var(--tono);
  transition:transform .14s ease, box-shadow .14s ease;
}
.p-pieza:hover{ transform:translateY(-4px); box-shadow:0 18px 34px -22px rgba(0,43,127,.55); }
.p-pieza--destacada{ grid-column:1 / -1; background:var(--azul); color:#fff; }
.p-pieza--destacada h3{ font-size:clamp(1.6rem,3vw,2.2rem) !important; }
.p-pieza--destacada p{ color:#D3E2F7 !important; max-width:60ch; }
.p-pieza--destacada .p-pieza__que, .p-pieza--destacada .p-pieza__url{ color:var(--celeste) !important; }
.p-pieza--destacada .p-pieza__leer{ color:var(--amarillo) !important; }
.p-pieza--rojo{ --tono:var(--rojo); }
.p-pieza--amarillo{ --tono:var(--amarillo); }
.p-pieza--verde{ --tono:var(--verde); }
.p-pieza--celeste{ --tono:var(--celeste); }
.p-pieza--marino{ --tono:var(--azul-hondo); }
.p-pieza__que .nuevo{ margin-right:6px; }
.p-pieza__que{ font-size:.78rem; color:var(--gris); font-variation-settings:"wght" 600; text-transform:uppercase; letter-spacing:.06em; }
.p-pieza h3{ margin-top:8px; font-size:1.3rem; font-variation-settings:"wdth" 110,"wght" 800; }
.p-pieza p{ margin-top:10px; font-size:.92rem; color:var(--texto); }
.p-pieza__url{ margin-top:14px; font-size:.82rem; color:var(--gris); overflow-wrap:anywhere; }
.p-pieza__leer{ margin-top:auto; padding-top:14px; font-size:.88rem; font-variation-settings:"wght" 600; color:var(--rojo); }

/* ───────── Imágenes ───────── */
.p-galeria{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.p-galeria a{ display:block; text-decoration:none; color:var(--azul); border-radius:var(--radio-s); overflow:hidden; background:#05070F; }
.p-galeria img{ width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .25s ease, opacity .2s ease; }
.p-galeria a:hover img{ transform:scale(1.03); opacity:.92; }
.p-galeria__movil img{ object-fit:contain; }
.p-galeria__pie{ display:flex; flex-direction:column; gap:2px; padding:12px 14px 14px; background:var(--nieve); position:relative; }
.p-galeria__pie strong{ font-size:.94rem; font-variation-settings:"wght" 700; }
.p-galeria__pie span{ font-size:.8rem; color:var(--gris); }
.p-galeria__pie::after{ content:"↓"; position:absolute; right:14px; top:50%; transform:translateY(-50%); font-size:1.2rem; color:var(--rojo); font-variation-settings:"wght" 800; }
.p-credito{ margin-top:18px; font-size:.88rem; color:var(--gris); max-width:72ch; }
.p-credito strong{ color:var(--azul); }
.p-sub{ margin-top:clamp(48px,6vw,80px); }

.p-marca{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.p-marca li{ border:2px solid var(--borde); border-radius:var(--radio); overflow:hidden; display:flex; flex-direction:column; }
.p-marca__lienzo{ background:var(--nieve); border-bottom:1px solid var(--borde); padding:14px; height:170px; display:flex; align-items:center; justify-content:center; }
.p-marca__lienzo img{ max-height:140px; width:auto; border-radius:6px; box-shadow:0 6px 18px -10px rgba(0,43,127,.6); }
.p-marca__lienzo--logo img{ box-shadow:none; }
.p-marca__cuerpo{ padding:16px 18px 18px; display:flex; flex-direction:column; flex:1; }
.p-marca h3{ font-size:1.05rem; font-variation-settings:"wdth" 108,"wght" 800; }
.p-marca__cuerpo > p:not(.p-chips){ margin-top:6px; font-size:.86rem; color:var(--texto); }
.p-chips{ margin:12px 0 0; display:flex; flex-wrap:wrap; gap:6px; }
.p-chips span{ font-size:.74rem; padding:3px 10px; border-radius:999px; background:var(--nieve); color:var(--gris); font-variation-settings:"wght" 600; }
.p-chips span:first-child{ background:var(--azul); color:#fff; }
.p-marca .btn{ margin-top:auto; align-self:flex-start; padding:8px 18px; font-size:.88rem; }
.p-marca__cuerpo .p-chips{ margin-bottom:16px; }

/* ───────── Quiénes ───────── */
.p-quienes{ padding:0 clamp(18px,4vw,32px); }
.p-quienes__caja{
  max-width:var(--ancho); margin:0 auto; background:var(--azul); color:#fff;
  border-radius:30px; padding:clamp(30px,5vw,64px);
  display:grid; grid-template-columns:1.2fr 1fr; gap:clamp(28px,4vw,56px); align-items:center;
}
.p-quienes__caja p{ margin-top:16px; color:#D3E2F7; max-width:56ch; }
.p-quienes__caja .p-kicker{ margin-top:0; color:var(--amarillo); }
.p-quienes__cita{ margin:0; padding:clamp(22px,3vw,32px); border-radius:var(--radio); background:rgba(255,255,255,.07); border-left:8px solid var(--amarillo); }
.p-quienes__cita blockquote{ margin:0; }
.p-quienes__cita p{ margin:0 !important; color:#fff !important; font-size:clamp(1.15rem,2.2vw,1.4rem); line-height:1.4; font-variation-settings:"wdth" 104,"wght" 600; }
.p-quienes__cita figcaption{ margin-top:14px; color:var(--celeste); font-size:.9rem; font-variation-settings:"wght" 600; }

/* ───────── Contacto ───────── */
.p-contacto{ padding-top:var(--paso); }
.p-contacto h2{ font-size:clamp(1.9rem,4vw,3rem); letter-spacing:-.03em; }
.p-contacto .contacto__intro .p-contacto__datos{ margin-top:26px; }
.contacto__fila{ grid-column:1 / -1; margin-top:0 !important; }
.p-contacto__datos{ display:grid; }
.p-contacto__datos > div{ display:grid; grid-template-columns:110px 1fr; gap:14px; padding:14px 0; border-top:1px solid var(--borde); }
.p-contacto__datos dt{ color:var(--gris); font-size:.9rem; font-variation-settings:"wght" 600; }
.p-contacto__datos dd{ margin:0; }
.p-contacto__datos a, .p-aviso a{ color:var(--azul); text-decoration-color:var(--amarillo); text-decoration-thickness:3px; text-underline-offset:3px; }
.p-aviso{
  margin-top:clamp(36px,5vw,56px); padding:22px 26px; border-radius:var(--radio);
  border-left:6px solid var(--amarillo); background:#FFFCEF;
  font-size:.94rem; color:var(--texto); max-width:80ch;
}

/* ───────── Responsive ───────── */
@media (max-width:1000px){
  .p-hero, .p-solar__caja, .p-quienes__caja{ grid-template-columns:1fr; }
  .p-solar__foto img{ aspect-ratio:16/9; height:auto; }
  .p-textos{ grid-template-columns:1fr 1fr; }
  .p-piezas{ grid-template-columns:1fr 1fr; }
  .p-galeria{ grid-template-columns:1fr 1fr; }
  .p-marca{ grid-template-columns:1fr 1fr; }
}
@media (max-width:620px){
  .p-textos, .p-piezas, .p-galeria, .p-marca{ grid-template-columns:1fr; }
  .p-hero__botones .btn, .p-solar__botones .btn{ width:100%; text-align:center; }
  .p-contacto__datos > div{ grid-template-columns:1fr; gap:2px; }
  .p-tarjeta::after{ width:84px; height:84px; border-width:13px; right:-28px; top:-28px; }
}