/* ===========================
   PCU - Styles
   =========================== */

:root{
  --pcu-blueTop: #0D0C39;
  --pcu-blueMid: #1B2250;
  --pcu-blueMid2:#2A3F79;
  --pcu-blueBot: #4B63A5;

  --pcu-white: #ffffff;
  --pcu-softWhite: rgba(255,255,255,.92);
  --pcu-muted: rgba(255,255,255,.70);
  --pcu-muted2: rgba(255,255,255,.58);

  /* Paleta solicitada (PDF): #f4ae17 (amarillo) y #1e3667 (azul) */
  --pcu-accent2:#f4ae17;
  --pcu-royal:#1e3667;

  /* Aliases para compatibilidad con bloques anteriores */
  --pcu-accent: var(--pcu-accent2);
  --pcu-accent-2: var(--pcu-accent2);

  --pcu-container: 1180px;
  --pcu-wrap: 920px;

  --pcu-border: rgba(255,255,255,.12);
  --pcu-border2: rgba(255,255,255,.08);

  --pcu-radius: 18px;
  --pcu-shadow: 0 18px 55px rgba(0,0,0,.35);
  --pcu-shadowSoft: 0 14px 45px rgba(0,0,0,.25);
}

/* ===========================
   Tipografías (PDF)
   - Century Gothic (base)
   - BahamasHeavy (títulos/acentos)
   - Chain Breaker (palabra “educación” / acentos)
   Nota: coloca los .woff2 reales en /fonts/ si deseas que se vean idénticas.
   =========================== */

@font-face{
  font-family: "BahamasHeavy";
  src: url("../fonts/BahamasHeavy.woff2") format("woff2");
  font-display: swap;
}

@font-face{
  font-family: "ChainBreaker";
  src: url("../fonts/ChainBreaker.woff2") format("woff2");
  font-display: swap;
}

/* Century Gothic (Bold) - archivo proporcionado */
@font-face{
  font-family: "Century Gothic";
  src:
    local("Century Gothic Bold"),
    local("CenturyGothic-Bold"),
    url("../fonts/CenturyGothic-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }

body{
  margin:0;
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: var(--pcu-softWhite);
  background: #0B0A34;
}

a{ color: inherit; text-decoration: none; }
img{ display:block; max-width:100%; }

.pcu-container{
  width: min(var(--pcu-container), calc(100% - 32px));
  margin: 0 auto;
}

/* ===========================
   HEADER / MENU (pills)
   =========================== */
.pcu-header{
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 10px 0;
  background: rgba(13,12,57,.25);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.pcu-header__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 14px;
  position: relative;
}

.pcu-brand{
  position:absolute;
  left:0;
  display:flex;
  align-items:center;
  padding-left: 2px;
  min-width: 70px;
}
.pcu-brand__text{
  font-weight: 900;
  letter-spacing: .12em;
  font-size: 13px;
  opacity: .95;
}

.pcu-nav{
  display:flex;
  align-items:center;
  position: relative;
  width: 100%;
  justify-content:center;
}

.pcu-nav__toggle{
  display:none;
  position:absolute;
  right:0;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 10px 12px;
  cursor:pointer;
  backdrop-filter: blur(10px);
}

.pcu-nav__toggleLine{
  display:block;
  width: 18px;
  height: 2px;
  margin: 4px 0;
  border-radius: 2px;
  background: rgba(255,255,255,.9);
}

.pcu-nav__list{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  margin:0;
  padding:0;
  flex-wrap: wrap;
}

.pcu-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.90);
  /* La variante que cargamos es Bold (700) */
  font-weight: 700;
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-size: 12px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: rgba(255,255,255,.96);
  background: transparent;
  transition: background .2s ease, transform .2s ease;
  white-space: nowrap;
}

.pcu-pill:hover{
  background: rgba(255,255,255,.10);
  transform: translateY(-1px);
}

.pcu-pill--active{
  background: rgba(255,255,255,.10);
}

/* ===========================
   HOME / HERO
   =========================== */
.pcu-home{
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 68px);
  padding: 18px 0 0;
  color: var(--pcu-softWhite);
  background:
    radial-gradient(900px 700px at 50% 8%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(180deg, var(--pcu-blueTop) 0%, var(--pcu-blueMid) 35%, var(--pcu-blueMid2) 70%, var(--pcu-blueBot) 100%);
}

.pcu-home__bg{
  position:absolute;
  inset: -60% -30% auto -30%;
  height: 520px;
  background: radial-gradient(closest-side at 50% 50%, rgba(255,255,255,.07), transparent 68%);
  transform: rotate(-8deg);
  pointer-events:none;
  z-index: 0;
}

.pcu-home__wrap{
  position: relative;
  z-index: 1;
  width: min(var(--pcu-wrap), 96vw);
  margin: 0 auto;
  padding: 10px 0 34px;
  text-align: center;
}

.pcu-home__logoBlock{
  display:flex;
  justify-content:center;
  margin-top: 10px;
}

.pcu-home__logoImg{
  width: min(720px, 94vw);
  height:auto;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.28));
  user-select: none;
  -webkit-user-drag: none;
}

/* Línea de niveles (texto real para que no dependa del PNG) */
.pcu-home__levelsLine{
  margin-top: 6px;
  text-align:center;
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 700;
  font-size: 13px;
  color: rgba(255,255,255,.88);
  letter-spacing: .02em;
}

.pcu-home__levelsSep{
  padding: 0 10px;
  opacity: .65;
}

.pcu-home__tagline{
  margin-top: 10px;
  display:flex;
  justify-content:center;
}

/* Texto en curva (Home / Instalaciones) */
.pcu-curveText__svg{
  width: min(860px, 96vw);
  height: auto;
  filter: drop-shadow(0 16px 40px rgba(0,0,0,.30));
}

.pcu-curveText__svg--inst{
  width: min(760px, 94vw);
}
/* Texto en curva pequeño (Instalaciones: "CONSTRUYAMOS JUNTOS TU FUTURO") */
.pcu-curveText__svg--small{
  width: min(560px, 92vw);
  height: auto;
}

.pcu-curveText__text--small{
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 900;
  font-size: 34px;
  letter-spacing: .02em;
  fill: rgba(255,255,255,.92);
}

/* Texto en curva (al pie de fotos) */
.pcu-curveText__svg--footTiny{
  width: min(380px, 92vw);
  height: auto;
}

.pcu-curveText__svg--footMini{
  width: min(560px, 92vw);
  height: auto;
  overflow: visible; /* evita recorte de letras en SVG */
}

.pcu-curveText__text--footTiny{
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 900;
  font-size: 46px;
  letter-spacing: .02em;
  fill: rgba(255,255,255,.94);
}

.pcu-curveText__text--footMini{
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 900;
  font-size: 30px;
  letter-spacing: .03em;
  fill: rgba(255,255,255,.92);
}

.pcu-photoFoot{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -56px; /* deja un pequeño espacio bajo la foto */
  z-index: 6;
  pointer-events: none;
  text-align: center;
  filter: drop-shadow(0 16px 40px rgba(0,0,0,.30));
}

.pcu-photoFoot--i2{
  bottom: -56px;
}

.pcu-photoFoot--center{
  bottom: auto;
  top: 335px;
}

.pcu-underPhoto{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px; /* pequeño espacio entre foto y texto */
}

.pcu-underPhoto__text{
  margin-top: 2px;
}

/* Texto curvo debajo del bloque de laboratorio (centrado y ordenado) */
.pcu-instLabFoot{
  display: flex;
  justify-content: center;
  margin-top: 26px;
  margin-bottom: 18px;
}

.pcu-curveText__text{
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 900;
  font-size: 64px;
  fill: rgba(255,255,255,.96);
}

.pcu-curveText__left,
.pcu-curveText__right{
  fill: rgba(255,255,255,.96);
}

/* “educación” (Chain Breaker) con trazado redondeado */
.pcu-curveText__mid{
  font-family: "ChainBreaker", "BahamasHeavy", "Pacifico", cursive;
  fill: var(--pcu-accent2);
  stroke: rgba(255,255,255,.95);
  stroke-width: 10;
  paint-order: stroke fill;
  stroke-linejoin: round;
}

/* “opción” (Century Gothic) amarillo con trazado blanco */
.pcu-curveText__mid2{
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  fill: var(--pcu-accent2);
  stroke: rgba(255,255,255,.95);
  stroke-width: 10;
  paint-order: stroke fill;
  stroke-linejoin: round;
}

.pcu-tag__left{
  transform: rotate(-10deg) translateY(4px);
  display:inline-block;
  text-shadow: 0 14px 30px rgba(0,0,0,.25);
}

.pcu-tag__right{
  transform: rotate(10deg) translateY(4px);
  display:inline-block;
  text-shadow: 0 14px 30px rgba(0,0,0,.25);
}

.pcu-tag__edu{
  position:relative;
  font-family: "ChainBreaker", "BahamasHeavy", "Pacifico", cursive;
  font-weight: 400;
  font-size: clamp(26px, 4.4vw, 46px);
  line-height: 1;
  color: var(--pcu-accent2);
  transform: rotate(-4deg);
  padding: 0 14px;

  -webkit-text-stroke: 3px rgba(255,255,255,.92);

  text-shadow:
    2px 0 0 rgba(255,255,255,.92),
    -2px 0 0 rgba(255,255,255,.92),
    0 2px 0 rgba(255,255,255,.92),
    0 -2px 0 rgba(255,255,255,.92),
    0 12px 26px rgba(0,0,0,.25);
}

.pcu-tag__edu::before{
  content:"";
  position:absolute;
  inset: 42% -10px 18% -10px;
  background: rgba(244,163,29,.65);
  border-radius: 999px;
  transform: rotate(-2deg);
  z-index: -1;
  box-shadow: 0 12px 26px rgba(244,163,29,.22);
}

.pcu-home__students{
  margin-top: 10px;
  display:flex;
  justify-content:center;
}

/* Imagen recortada en curva inferior (PDF) */
.pcu-home__studentsFrame{
  width: min(940px, 98vw);
  overflow: hidden;
  border-radius: 0 0 360px 360px / 0 0 160px 160px;
}

.pcu-home__studentsImg{
  width: 100%;
  height:auto;
  filter: drop-shadow(0 26px 70px rgba(0,0,0,.50));
  user-select: none;
  -webkit-user-drag: none;
}

.pcu-home__ctaSmall{
  margin-top: 6px;
  font-weight: 900;
  font-size: clamp(18px, 3.2vw, 28px);
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: var(--pcu-royal);
  text-shadow:
    2px 0 0 rgba(255,255,255,.92),
    -2px 0 0 rgba(255,255,255,.92),
    0 2px 0 rgba(255,255,255,.92),
    0 -2px 0 rgba(255,255,255,.92),
    0 14px 30px rgba(0,0,0,.28);
}

.pcu-home__ctaBig{
  margin-top: 6px;
  font-weight: 900;
  font-size: clamp(36px, 6.2vw, 62px);
  letter-spacing: .02em;
  font-family: "BahamasHeavy", "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: var(--pcu-accent2);
  text-shadow:
    2px 0 0 rgba(255,255,255,.92),
    -2px 0 0 rgba(255,255,255,.92),
    0 2px 0 rgba(255,255,255,.92),
    0 -2px 0 rgba(255,255,255,.92),
    0 18px 40px rgba(0,0,0,.30);
}

.pcu-home__footnote{
  margin: 14px auto 0;
  max-width: 860px;
  font-size: 12px;
  line-height: 1.6;
  color: rgba(255,255,255,.70);
}
.pcu-home__footnote p{ margin: 8px 0 0; }

.pcu-home__curve{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height: 120px;
  background:
    radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.07), transparent 58%),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.18));
  border-top-left-radius: 100% 42px;
  border-top-right-radius: 100% 42px;
  z-index: 0;
}

/* ===========================
   FOOTER (PRO + SIMPLE)
   =========================== */
.pcu-footer{
  position: relative;
  background:
    radial-gradient(900px 340px at 12% 0%, rgba(255,255,255,.05), transparent 60%),
    radial-gradient(800px 320px at 88% 10%, rgba(255,255,255,.04), transparent 62%),
    rgba(0,0,0,.18);
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 44px 0 18px;
}

.pcu-footer__grid{
  display:grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
  gap: 18px;
  align-items:start;
}

.pcu-footer__brand{
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.pcu-footer__brandTop{
  display:flex;
  align-items:flex-start;
  gap: 0;
  margin-bottom: 10px;
}

.pcu-footer__mark{
  display:none;
}

.pcu-footer__name{
  font-weight: 900;
  letter-spacing: .08em;
  font-size: 18px;
  color: rgba(255,255,255,.96);
  line-height: 1.1;
}

.pcu-footer__logo{
  height: 38px;
  width: auto;
  display:block;
  filter: drop-shadow(0 10px 26px rgba(0,0,0,.22));
}

@media (max-width: 560px){
  .pcu-footer__logo{ height: 34px; }
}

.pcu-footer__tag{
  margin-top: 4px;
  font-size: 13px;
  color: var(--pcu-muted2);
  line-height: 1.3;
}

.pcu-footer__desc{
  margin: 0;
  color: var(--pcu-muted);
  line-height: 1.75;
  font-size: 13px;
}

.pcu-footer__col{ padding-top: 4px; }

.pcu-footer__title{
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.90);
}

.pcu-footer__links{
  display:flex;
  flex-direction:column;
  gap: 10px;
  font-size: 13px;
  color: rgba(255,255,255,.86);
}

.pcu-footer__links a{
  opacity: .92;
  transition: opacity .18s ease, transform .18s ease, text-decoration-color .18s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
}

.pcu-footer__links a:hover{
  opacity: 1;
  transform: translateX(2px);
  text-decoration-color: rgba(255,255,255,.24);
}

.pcu-footer__contact{
  display:flex;
  flex-direction:column;
  gap: 10px;
  font-size: 13px;
  color: rgba(255,255,255,.86);
}

.pcu-footer__contactItem{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  opacity: .92;
  transition: opacity .18s ease, transform .18s ease;
  line-height: 1.5;
}

.pcu-footer__contactItem:hover{
  opacity: 1;
  transform: translateX(2px);
}

.pcu-footer__contactItem--noLink{
  opacity: .92;
  transform: none;
}

.pcu-footer__contactItem--noLink:hover{
  opacity: .92;
  transform: none;
}

.pcu-footer__icon{
  width: 18px;
  height: 18px;
  margin-top: 2px;
  color: rgba(255,255,255,.78);
  flex: 0 0 18px;
}

.pcu-footer__social{
  margin-top: 14px;
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
}

.pcu-socialBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 0;
  border: 0;
  background: transparent;
  font-weight: 800;
  font-size: 12px;
  color: rgba(255,255,255,.78);
  text-decoration: none;
  transition: color .18s ease, opacity .18s ease;
}

.pcu-socialBtn:hover{
  background: transparent;
  border-color: transparent;
  transform: none;
  color: rgba(255,255,255,.95);
}

.pcu-footer__bottom{
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  color: rgba(255,255,255,.62);
  font-size: 12px;
}

.pcu-footer__bottomLinks{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items:center;
}

.pcu-footer__bottomLinks a{
  color: rgba(255,255,255,.74);
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.18);
  text-underline-offset: 4px;
  transition: text-decoration-color .18s ease, color .18s ease;
}

.pcu-footer__bottomLinks a:hover{
  color: rgba(255,255,255,.92);
  text-decoration-color: rgba(255,255,255,.28);
}

.pcu-footer__sep{
  opacity: .55;
}

/* ===========================
   WhatsApp flotante
   =========================== */
.pcu-whatsapp{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 200;
  width: 64px;
  height: 64px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(180deg, #25D366 0%, #1EBE57 100%);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 16px 34px rgba(0,0,0,.26), 0 8px 18px rgba(37,211,102,.24);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.pcu-whatsapp:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 18px 38px rgba(0,0,0,.28), 0 10px 20px rgba(37,211,102,.28);
  filter: saturate(1.03);
}

.pcu-whatsapp__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height: 0;
}

.pcu-whatsapp__icon svg{
  display:block;
  width: 32px;
  height: 32px;
  overflow: visible;
}

/* ===========================
   Responsive
   =========================== */
@media (max-width: 980px){
  .pcu-brand{ display:none; }
}

@media (max-width: 820px){
  .pcu-header__inner{ justify-content:space-between; }
  .pcu-nav{ justify-content:flex-end; }

  .pcu-nav__toggle{
    display:inline-flex;
    position: static;
  }

  .pcu-nav__list{
    position:absolute;
    right: 0;
    top: calc(100% + 10px);
    width: min(360px, calc(100vw - 32px));
    display:none;
    flex-direction:column;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(13,12,57,.92);
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 55px rgba(0,0,0,.40);
  }

  .pcu-nav__list.is-open{ display:flex; }

  .pcu-pill{
    width: 100%;
    padding: 12px 14px;
  }

  .pcu-footer__grid{
    grid-template-columns: 1fr;
  }

  .pcu-footer__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width: 480px){
  .pcu-home__footnote{ font-size: 11px; }
  .pcu-tag__left, .pcu-tag__right{ transform: none; }
  .pcu-tag__edu{ transform: rotate(-2deg); }
}




/* ===========================
   OFERTA EDUCATIVA (PAGE)
   =========================== */

.pcu-ofertaPage{
  background:
    radial-gradient(900px 700px at 50% 8%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(180deg, var(--pcu-blueTop) 0%, var(--pcu-blueMid) 35%, var(--pcu-blueMid2) 70%, var(--pcu-blueBot) 100%);
  min-height: 100vh;
  
}

/* HERO */
.pcu-ofertaHero{
  position: relative;
  overflow: hidden;
  padding: 26px 0 18px;
}

.pcu-ofertaHero__wrap{
  width: min(980px, 96vw);
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.pcu-ofertaHero__title{
  margin: 6px 0 10px;
  line-height: 1;
  position: relative;
}

.pcu-ofertaHero__titleTop{
  display:block;
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: clamp(44px, 9vw, 86px);
  color: rgba(255,255,255,.98);
  text-shadow: 0 18px 40px rgba(0,0,0,.30);
  position: relative;
}

.pcu-ofertaHero__titleScript{
  display:block;
  font-family: "BahamasHeavy", "Pacifico", cursive;
  font-weight: 400;
  font-size: clamp(44px, 10vw, 96px);
  color: #F4A31D;
  margin-top: -12px;
  letter-spacing: .01em;
  -webkit-text-stroke: 2.5px rgba(255,255,255,.92);
  text-shadow:
    0 18px 40px rgba(0,0,0,.22);
  position: relative;
}

/* detalles tipo “rayitas” al lado de la palabra Oferta */
.pcu-ofertaHero__titleTop::after{
  content:"";
  position:absolute;
  right: -26px;
  top: 8px;
  width: 34px;
  height: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.92)) 0 0/16px 2px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.92)) 0 10px/24px 2px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.92)) 0 20px/12px 2px no-repeat;
  opacity: .95;
  transform: rotate(10deg);
}

.pcu-ofertaHero__students{
  display:flex;
  justify-content:center;
  margin-top: 8px;
}

.pcu-ofertaHero__students img{
  width: min(980px, 98vw);
  height: auto;
  filter: drop-shadow(0 26px 70px rgba(0,0,0,.45));
  user-select:none;
  -webkit-user-drag:none;
}

.pcu-ofertaHero__subtitle{
  margin: 16px auto 0;
  max-width: 880px;
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: clamp(14px, 2.4vw, 18px);
  font-weight: 700;
  line-height: 1.35;
  color: rgba(255,255,255,.92);
  text-shadow: 0 12px 26px rgba(0,0,0,.20);
}

.pcu-ofertaPage .pcu-highlight{
  display: inline-block;
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 700;
  color: #18306F;
  background: rgba(255,255,255,.96);
  padding: 2px 10px;
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  text-decoration: none;
  vertical-align: baseline;
}

/* NIVEL (Primaria) */
.pcu-ofertaNivel{
  padding: 26px 0 52px;
}

.pcu-ofertaNivel__grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 20px;
  align-items: start;
}

.pcu-ofertaNivel__info{
  padding-top: 8px;
}

.pcu-ofertaNivel__title{
  margin: 0;
  font-weight: 900;
  font-size: clamp(42px, 7vw, 64px);
  color: rgba(255,255,255,.98);
  letter-spacing: -0.02em;
  text-shadow: 0 18px 40px rgba(0,0,0,.30);
  -webkit-text-stroke: 3px rgba(255,255,255,.40);
}

.pcu-ofertaNivel__cct{
  margin-top: 6px;
  font-size: 13px;
  font-weight: 800;
  color: rgba(255,255,255,.80);
  letter-spacing: .04em;
}

.pcu-ofertaNivel__list{
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  color: rgba(255,255,255,.86);
  font-size: 14px;
  line-height: 1.7;
}

.pcu-ofertaNivel__list li{
  position: relative;
  padding-left: 18px;
  margin: 6px 0;
}

.pcu-ofertaNivel__list li::before{
  content:"";
  position:absolute;
  left: 0;
  top: 0.68em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,189,74,.95);
  box-shadow: 0 10px 24px rgba(255,189,74,.18);
}

/* Polaroids */
.pcu-ofertaNivel__media{
  position: relative;
  min-height: 320px;
}

.pcu-polaroid{
  position: absolute;
  width: min(330px, 78vw);
  background: rgba(255,255,255,.98);
  border-radius: 10px;
  padding: 10px 10px 14px;
  box-shadow: 0 22px 70px rgba(0,0,0,.40);
  border: 1px solid rgba(0,0,0,.08);
}

/* Rayitas blancas en esquinas (PDF) */
.pcu-polaroid::before,
.pcu-polaroid::after{
  content:"";
  position:absolute;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  opacity: .95;
  pointer-events:none;
}

.pcu-polaroid::before{
  left: -8px;
  top: -8px;
  border-top: 3px solid rgba(255,255,255,.95);
  border-left: 3px solid rgba(255,255,255,.95);
}

.pcu-polaroid::after{
  right: -8px;
  bottom: -8px;
  border-bottom: 3px solid rgba(255,255,255,.95);
  border-right: 3px solid rgba(255,255,255,.95);
}

.pcu-polaroid img{
  width: 100%;
  height: auto;
  border-radius: 8px;
  display:block;
}

.pcu-polaroid--a{
  right: 0;
  top: 6px;
  transform: rotate(-6deg);
}

.pcu-polaroid--b{
  right: 22px;
  top: 170px;
  transform: rotate(7deg);
  width: min(270px, 68vw);
}

.pcu-polaroid__caption{
  margin-top: 8px;
  text-align: center;
  line-height: 1.05;
}

.pcu-polaroid__capTop{
  display:block;
  font-weight: 900;
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: var(--pcu-royal);
  font-size: 28px;
  letter-spacing: -0.02em;
  text-shadow:
    2px 0 0 rgba(255,255,255,.92),
    -2px 0 0 rgba(255,255,255,.92),
    0 2px 0 rgba(255,255,255,.92),
    0 -2px 0 rgba(255,255,255,.92),
    0 14px 30px rgba(0,0,0,.22);
}

.pcu-polaroid__capScript{
  display:block;
  font-family: "Century Gothic", "BahamasHeavy", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 900;
  color: var(--pcu-accent2);
  font-size: 26px;
  margin-top: -2px;
  text-shadow:
    2px 0 0 rgba(255,255,255,.92),
    -2px 0 0 rgba(255,255,255,.92),
    0 2px 0 rgba(255,255,255,.92),
    0 -2px 0 rgba(255,255,255,.92),
    0 14px 30px rgba(0,0,0,.22);
}

/* Responsive */
@media (max-width: 900px){
  .pcu-ofertaNivel__grid{
    grid-template-columns: 1fr;
  }

  .pcu-ofertaNivel__media{
    min-height: 420px;
    margin-top: 10px;
  }

  .pcu-polaroid--a{
    position: relative;
    right: auto;
    top: auto;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(-4deg);
  }

  .pcu-polaroid--b{
    position: relative;
    right: auto;
    top: auto;
    margin: 16px auto 0;
    transform: rotate(4deg);
  }
}

@media (max-width: 480px){
  .pcu-ofertaHero__subtitle{
    font-size: 13px;
  }
  .pcu-polaroid__capTop{
    font-size: 24px;
  }
  .pcu-polaroid__capScript{
    font-size: 22px;
  }
}



/* ===========================
   OFERTA EDUCATIVA - EXTENSIÓN (Secundaria, Prepa, Uni)
   =========================== */

.pcu-ofertaNivel{
  padding: 26px 0 52px;
}

.pcu-ofertaNivel__grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 20px;
  align-items: start;
}

.pcu-ofertaNivel__grid--invert{
  grid-template-columns: .85fr 1.15fr;
}

/* Ajustes para cuando el texto está del lado derecho */
.pcu-ofertaNivel__info--right{
  text-align: left;
}

.pcu-ofertaNivel__media{
  position: relative;
  min-height: 320px;
}

/* ===== Polaroids (nuevas posiciones) ===== */
.pcu-polaroid--c{
  left: 0;
  top: 6px;
  transform: rotate(-7deg);
  width: min(320px, 78vw);
}

.pcu-polaroid--d{
  left: 18px;
  top: 170px;
  transform: rotate(6deg);
  width: min(270px, 68vw);
}

.pcu-polaroid--e{
  right: 0;
  top: 10px;
  transform: rotate(-5deg);
  width: min(330px, 78vw);
}

.pcu-polaroid--f{
  right: 24px;
  top: 190px;
  transform: rotate(7deg);
  width: min(280px, 70vw);
}

/* ===== UNIVERSIDAD ===== */
.pcu-ofertaUni{
  padding: 10px 0 40px;
}

.pcu-ofertaUni__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: start;
}

.pcu-ofertaUni__left{
  position: relative;
  padding-top: 8px;
}

.pcu-ofertaUni__right{
  position: relative;
  padding-top: 8px;
}

.pcu-ofertaUni__title{
  margin-bottom: 6px;
}

.pcu-ofertaUni__head{
  text-align: left;
}

.pcu-ofertaUni__list{
  margin-top: 14px;
}

.pcu-polaroid--static{
  position: relative !important;
}

.pcu-polaroid--g{
  width: min(360px, 86vw);
  transform: rotate(-5deg);
  margin: 0 auto 16px;
}

.pcu-polaroid--h{
  width: min(360px, 86vw);
  transform: rotate(6deg);
  margin: 18px auto 0;
}

/* Licenciaturas */
.pcu-ofertaUni__licBox{
  margin-top: 8px;
}

.pcu-ofertaUni__licTitle{
  font-weight: 900;
  letter-spacing: .02em;
  color: rgba(255,189,74,.95);
  margin: 10px 0 10px;
  text-transform: uppercase;
  font-size: 14px;
}

.pcu-ofertaUni__licList{
  list-style: none;
  margin: 0;
  padding: 0;
  color: rgba(255,255,255,.86);
  font-size: 14px;
  line-height: 1.75;
}

.pcu-ofertaUni__licList li{
  position: relative;
  padding-left: 18px;
  margin: 6px 0;
}

.pcu-ofertaUni__licList li::before{
  content:"";
  position:absolute;
  left: 0;
  top: 0.68em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,189,74,.95);
  box-shadow: 0 10px 24px rgba(255,189,74,.18);
}

/* Hashtag */
.pcu-ofertaUni__hash{
  margin-top: 26px;
  text-align: center;
  font-weight: 900;
  font-family: "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: rgba(255,255,255,.86);
  letter-spacing: .02em;
  padding-bottom: 6px;
}

.pcu-ofertaUni__hash span{
  color: var(--pcu-accent2);
}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .pcu-ofertaNivel__grid,
  .pcu-ofertaNivel__grid--invert{
    grid-template-columns: 1fr;
  }

  .pcu-ofertaNivel__media{
    min-height: 420px;
    margin-top: 12px;
  }

  /* Polaroids apilados */
  .pcu-polaroid--c,
  .pcu-polaroid--d,
  .pcu-polaroid--e,
  .pcu-polaroid--f{
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    margin: 0 auto;
    transform: rotate(-4deg);
  }

  .pcu-polaroid--d,
  .pcu-polaroid--f{
    margin-top: 16px;
    transform: rotate(4deg);
  }

  .pcu-ofertaUni__grid{
    grid-template-columns: 1fr;
  }

  .pcu-ofertaUni__head{
    text-align: left;
  }
}





/* ===========================
   
/* ===========================
   OFERTA EDUCATIVA - AJUSTES FINOS (según guía)
   =========================== */

/* Título: "Oferta" en Century Gothic + 3 rayas al lado */
.pcu-ofertaHero__titleTop{
  font-family: "Century Gothic","Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight: 700;
  letter-spacing: .01em;
  display: inline-block;
  position: relative;
}

.pcu-ofertaHero__titleTop::after{
  content:"";
  position:absolute;
  right: -42px;
  top: 18px;
  width: 34px;
  height: 30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.92)) 0 0/22px 3px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.92)) 0 11px/30px 3px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.92)) 0 22px/18px 3px no-repeat;
  opacity: .95;
  transform: rotate(8deg);
  pointer-events:none;
}

/* "educativa" en BahamasHeavy (ya estaba, solo afinamos) */
.pcu-ofertaHero__titleScript{
  font-family: "BahamasHeavy","Pacifico",cursive;
}

/* Imagen hero más grande */
.pcu-ofertaHero__students img{
  width: min(920px, 98vw);
}

/* Subtítulo en barra (Century Gothic) + resalte de "cuatro niveles" */
.pcu-ofertaHero__subtitle{
  display: inline-block;
  margin: 16px auto 0;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(14, 32, 86, .55);
  backdrop-filter: blur(8px);

  font-family: "Century Gothic","Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255,255,255,.92);
  text-shadow: 0 14px 30px rgba(0,0,0,.30);
}

.pcu-highlight{
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  color: var(--pcu-royal);
  font-weight: 900;
  text-decoration: none;
}

/* Títulos de niveles en Century Gothic azul + contorno blanco redondeado */
.pcu-ofertaNivel__title,
.pcu-ofertaUni__title{
  font-family: "Century Gothic","Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight: 700;
  color: var(--pcu-royal);

  /* Stroke (WebKit) */
  -webkit-text-stroke: 6px rgba(255,255,255,.95);
  paint-order: stroke fill;

  /* Fallback "stroke" con sombras */
  text-shadow:
    2px 0 0 rgba(255,255,255,.95),
    -2px 0 0 rgba(255,255,255,.95),
    0 2px 0 rgba(255,255,255,.95),
    0 -2px 0 rgba(255,255,255,.95),
    2px 2px 0 rgba(255,255,255,.95),
    -2px 2px 0 rgba(255,255,255,.95),
    2px -2px 0 rgba(255,255,255,.95),
    -2px -2px 0 rgba(255,255,255,.95),
    0 18px 40px rgba(0,0,0,.25);
}

/* CCT en Century Gothic para que se alinee con el diseño */
.pcu-ofertaNivel__cct{
  font-family: "Century Gothic","Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight: 700;
  letter-spacing: .03em;
}

/* Rayitas blancas en esquinas de polaroids (solo en Oferta) */
.pcu-ofertaPage .pcu-polaroid{
  overflow: visible;
}

.pcu-ofertaPage .pcu-polaroid::before,
.pcu-ofertaPage .pcu-polaroid::after{
  content:"";
  position:absolute;
  width: 22px;
  height: 22px;
  top: -10px;
  border-radius: 2px;
  opacity: .95;
  pointer-events:none;
}

.pcu-ofertaPage .pcu-polaroid::before{
  left: -10px;
  border-top: 3px solid rgba(255,255,255,.95);
  border-left: 3px solid rgba(255,255,255,.95);
}

.pcu-ofertaPage .pcu-polaroid::after{
  right: -10px;
  border-top: 3px solid rgba(255,255,255,.95);
  border-right: 3px solid rgba(255,255,255,.95);
}

/* Turnos: "Turno" azul Century Gothic con contorno blanco + valor en BahamasHeavy amarillo */
.pcu-ofertaPage .pcu-polaroid__capTop{
  font-family: "Century Gothic","Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight: 700;
  color: var(--pcu-royal);
  -webkit-text-stroke: 4px rgba(255,255,255,.95);
  paint-order: stroke fill;
  text-shadow:
    1px 0 0 rgba(255,255,255,.95),
    -1px 0 0 rgba(255,255,255,.95),
    0 1px 0 rgba(255,255,255,.95),
    0 -1px 0 rgba(255,255,255,.95),
    0 14px 30px rgba(0,0,0,.20);
}

.pcu-ofertaPage .pcu-polaroid__capScript{
  font-family: "BahamasHeavy","Pacifico",cursive;
  font-weight: 400;
  color: var(--pcu-accent2);
  -webkit-text-stroke: 3px rgba(255,255,255,.95);
  paint-order: stroke fill;
  text-shadow:
    1px 0 0 rgba(255,255,255,.95),
    -1px 0 0 rgba(255,255,255,.95),
    0 1px 0 rgba(255,255,255,.95),
    0 -1px 0 rgba(255,255,255,.95),
    0 14px 30px rgba(0,0,0,.18);
  font-size: 24px;
}

/* En textos largos de turno, reduce un poco */
.pcu-ofertaPage .pcu-polaroid__capScript{
  white-space: normal;
  word-break: keep-all;
}

/* Responsive: evita que el título y rayas se salgan */
@media (max-width: 480px){
  .pcu-ofertaHero__titleTop::after{
    right: -30px;
    top: 16px;
    transform: rotate(8deg) scale(.9);
  }
  .pcu-ofertaHero__students img{
    width: min(860px, 98vw);
  }
}


CONÓCENOS (PAGE)
   =========================== */

.pcu-conocenosPage{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background: #102154;
}

/* Fondo con overlay como la imagen */
.pcu-conocenosBg{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(15,60,140,.55) 0%, rgba(9,20,70,.72) 58%, rgba(9,12,52,.92) 100%),
    url("../img/conocenos-bg.jpg") center/cover no-repeat;
  filter: saturate(1.05) contrast(1.02);
  z-index: 0;
}

/* Velo suave */
.pcu-conocenosPage::after{
  content:"";
  position:absolute;
  inset: 0;
  background: radial-gradient(900px 560px at 50% 18%, rgba(255,255,255,.08), transparent 62%);
  z-index: 0;
  pointer-events:none;
}

.pcu-conocenos{
  position: relative;
  z-index: 1;
  padding: 26px 0 34px;
}

.pcu-conocenos__wrap{
  width: min(1100px, calc(100% - 32px));
  margin: 0 auto;
}

/* Top cards */
.pcu-conocenos__top{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: start;
  margin-top: 8px;
}

.pcu-conocenosCard{
  text-align: center;
  padding: 10px 8px 0;
}

.pcu-conocenosCard__title{
  /* BahamasHeavy (amarillo) con trazado blanco redondeado */
  font-family: "BahamasHeavy", "Century Gothic", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 800;
  font-size: clamp(34px, 4.6vw, 54px);
  margin: 0 0 8px;
  color: #F4A31D;

  /* Stroke suave (Chrome/Safari) */
  -webkit-text-stroke: 7px rgba(255,255,255,.92);
  paint-order: stroke fill;

  /* Fallback stroke redondeado (Firefox/otros) */
  text-shadow:
    -3px -3px 0 rgba(255,255,255,.92),
     0px -3px 0 rgba(255,255,255,.92),
     3px -3px 0 rgba(255,255,255,.92),
    -3px  0px 0 rgba(255,255,255,.92),
     3px  0px 0 rgba(255,255,255,.92),
    -3px  3px 0 rgba(255,255,255,.92),
     0px  3px 0 rgba(255,255,255,.92),
     3px  3px 0 rgba(255,255,255,.92),
     0 18px 50px rgba(0,0,0,.35);
}

@media (max-width: 520px){
  .pcu-conocenosCard__title{
    -webkit-text-stroke: 6px rgba(255,255,255,.92);
    text-shadow:
      -2px -2px 0 rgba(255,255,255,.92),
       0px -2px 0 rgba(255,255,255,.92),
       2px -2px 0 rgba(255,255,255,.92),
      -2px  0px 0 rgba(255,255,255,.92),
       2px  0px 0 rgba(255,255,255,.92),
      -2px  2px 0 rgba(255,255,255,.92),
       0px  2px 0 rgba(255,255,255,.92),
       2px  2px 0 rgba(255,255,255,.92),
       0 16px 44px rgba(0,0,0,.35);
  }
}

.pcu-conocenosCard__text{
  margin: 0 auto;
  max-width: 520px;
  font-size: 12.5px;
  line-height: 1.65;
  color: rgba(255,255,255,.85);
  text-shadow: 0 10px 24px rgba(0,0,0,.28);
}

/* Body split */
.pcu-conocenos__body{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: start;
}

/* Left block */
.pcu-conocenosLeft__title{
  margin: 0 0 14px;
  font-weight: 900;
  font-size: clamp(28px, 4vw, 44px);
  color: rgba(255,255,255,.96);
  text-shadow: 0 18px 40px rgba(0,0,0,.30);
  letter-spacing: -0.02em;
}

/* Map frame (como póster) */
.pcu-mapBox{
  border-radius: 18px;
  padding: 14px;
  border: 2px solid rgba(255,255,255,.80);
  box-shadow: 0 22px 70px rgba(0,0,0,.35);
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(6px);
}

.pcu-mapBox__inner{
  border-radius: 14px;
  overflow:hidden;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
}

.pcu-mapBox__inner img{
  width: 100%;
  height: auto;
  display:block;
}

/* Right form area */
.pcu-conocenosRight{
  position: relative;
  padding-top: 10px;
}

/* Form */
.pcu-form{
  position: relative;
  z-index: 2;
  display:flex;
  flex-direction:column;
  gap: 10px;
  padding: 8px 0 0;
}

.pcu-form__row{
  display:flex;
  flex-direction:column;
  gap: 6px;
}

.pcu-form__label{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  color: rgba(255,255,255,.88);
  text-shadow: 0 10px 24px rgba(0,0,0,.22);
}

.pcu-form__input,
.pcu-form__textarea{
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.30);
  color: rgba(255,255,255,.96);
  padding: 10px 12px;
  outline: none;
  backdrop-filter: blur(10px);
  box-shadow: 0 14px 40px rgba(0,0,0,.18);
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

.pcu-form__input::placeholder,
.pcu-form__textarea::placeholder{
  color: rgba(255,255,255,.70);
}

.pcu-form__input:focus,
.pcu-form__textarea:focus{
  border-color: rgba(255,255,255,.42);
  background: rgba(255,255,255,.34);
}

.pcu-form__textarea{
  resize: vertical;
  min-height: 110px;
}

/* Honeypot anti-spam (oculto, no afecta el diseño) */
.pcu-honey{
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.pcu-form__btn{
  margin-top: 6px;
  border: none;
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 900;
  cursor:pointer;
  color: #0B0A34;
  background: linear-gradient(180deg, rgba(255,189,74,1) 0%, rgba(244,163,29,1) 100%);
  box-shadow: 0 18px 55px rgba(244,163,29,.28);
  transition: transform .18s ease, filter .18s ease;
}

.pcu-form__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
}

/* Alumnos esquina inferior derecha */
.pcu-conocenosStudents{
  position: relative;
  right: auto;
  bottom: auto;
  width: min(360px, 100%);
  margin: 16px auto 0;
  z-index: 1;
  opacity: 1;
  pointer-events: none;
  filter: drop-shadow(0 22px 70px rgba(0,0,0,.42));
}

.pcu-conocenosStudents img{
  width: 100%;
  height: auto;
  display: block;
}


/* Social bar */
.pcu-socialBar{
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.14);
}

.pcu-socialBar__items{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 24px;
  align-items:start;
}

.pcu-socialItem{
  position: relative;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 4px 0 10px;
  border-radius: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  transition: opacity .18s ease;
}

.pcu-socialItem:hover{
  transform: none;
  background: transparent;
  border-color: transparent;
  opacity: 1;
}

.pcu-socialItem::after{
  content: "";
  position: absolute;
  left: 44px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0));
}

.pcu-socialItem__icon{
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.86);
  flex: 0 0 30px;
}

.pcu-socialItem__text{
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,.84);
  line-height: 1.2;
}

.pcu-socialBar__cta{
  margin-top: 16px;
  text-align:center;
  font-weight: 800;
  color: rgba(255,255,255,.84);
  letter-spacing: .02em;
}

.pcu-socialBar__cta span{
  color: rgba(255,189,74,.95);
  text-decoration: underline;
  text-decoration-color: rgba(255,189,74,.38);
  text-underline-offset: 4px;
}

.pcu-socialBar__arrow{
  margin-left: 6px;
  opacity: .9;
}

/* Responsive */
@media (max-width: 980px){
  .pcu-socialBar__items{
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
  }
}

@media (max-width: 900px){
  .pcu-conocenos__top{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .pcu-conocenos__body{
    grid-template-columns: 1fr;
  }

  .pcu-conocenosStudents{
    position: relative;
    right: auto;
    bottom: auto;
    width: min(380px, 70vw);
    margin: 14px auto 0;
  }
}

@media (max-width: 520px){
  .pcu-socialBar__items{
    grid-template-columns: 1fr;
  }
}



/* ===========================
   INSTALACIONES (PAGE)
   =========================== */

.pcu-instPage{
  background:
    radial-gradient(1100px 650px at 50% 8%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(180deg, var(--pcu-blueTop) 0%, var(--pcu-blueMid) 35%, var(--pcu-blueMid2) 70%, var(--pcu-blueBot) 100%);
  min-height: 100vh;

}

.pcu-instHero{
  padding: 26px 0 36px;
}

.pcu-instTitle{
  text-align:center;
  margin: 10px 0 20px;
  position: relative;
}

.pcu-instTitle__top{
  display:block;
  font-weight: 900;
  font-size: clamp(34px, 6vw, 58px);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
  text-shadow: 0 18px 55px rgba(0,0,0,.35);
}

.pcu-instTitle__script{
  display:inline-block;
  font-family: "BahamasHeavy", "Pacifico", cursive;
  font-weight: 400;
  font-size: clamp(40px, 6vw, 64px);
  color: var(--pcu-accent);
  margin-top: -8px;
  position: relative;
  padding-right: 36px;
  text-shadow:
    2px 0 0 rgba(255,255,255,.85),
    -2px 0 0 rgba(255,255,255,.85),
    0 2px 0 rgba(255,255,255,.85),
    0 -2px 0 rgba(255,255,255,.85),
    0 18px 55px rgba(0,0,0,.35);
}

/* Tres rayas al costado (PDF) */
.pcu-instTitle__script::after{
  content:"";
  position:absolute;
  right: 0;
  top: 56%;
  width: 30px;
  height: 22px;
  transform: translateY(-50%) rotate(8deg);
  opacity: .95;
  background:
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,255,255,.90)) 0 0/18px 2px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,255,255,.90)) 0 10px/24px 2px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,255,255,.90)) 0 20px/14px 2px no-repeat;
}

.pcu-instTitle__spark{
  position:absolute;
  right: 18%;
  top: 64%;
  width: 28px;
  height: 28px;
  border-radius: 999px;
}
.pcu-instTitle__spark::before,
.pcu-instTitle__spark::after{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.85);
  transform: rotate(18deg);
}
.pcu-instTitle__spark::after{
  inset: 6px;
  transform: rotate(-12deg);
}

/* Polaroid base */
.pcu-polaroid{
  position:absolute;
  background: rgba(255,255,255,.96);
  border-radius: 4px;
  padding: 10px 10px 18px;
  box-shadow: 0 22px 70px rgba(0,0,0,.35);
  border: 1px solid rgba(0,0,0,.06);
}
.pcu-polaroid img{
  border-radius: 2px;
  width: 100%;
  height: auto;
}

/* Ribbon (etiqueta naranja tipo cinta) */
.pcu-ribbon{
  position:absolute;
  bottom: -14px;
  left: 14px;
  background: linear-gradient(180deg, rgba(255,189,74,1) 0%, rgba(244,163,29,1) 100%);
  color: rgba(10,10,52,.96);
  font-weight: 900;
  font-size: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
  transform: rotate(-2deg);
}
.pcu-ribbon--right{ left:auto; right: 14px; transform: rotate(2deg); }
.pcu-ribbon--center{ left:50%; transform: translateX(-50%) rotate(-2deg); }
.pcu-ribbon--badge{
  position:absolute;
  left: 12px;
  bottom: 18px;
  transform: rotate(-6deg);
}

/* Curved text imitation */
.pcu-instCurveText{
  z-index: 2;
  position:absolute;
  left: 50%;
  /* Colocar justo debajo de la foto central */
  top: 300px;
  transform: translateX(-50%) rotate(-10deg);
  width: 340px;
  text-align: center;
  font-weight: 900;
  font-size: 12px;
  color: rgba(255,255,255,.92);
  opacity: .95;
  text-shadow: 0 16px 40px rgba(0,0,0,.30);
}

/* Sections */
.pcu-instSection{ padding: 22px 0 44px; }

/* Collage container */
.pcu-instCollage{
  position: relative;
  width: 100%;
  margin: 0 auto;
}

/* ===== Collage 1 ===== */
.pcu-instCollage--one{
  height: 620px;
}

.pcu-polaroid--i1{ width: 260px; left: 0; top: 40px; transform: rotate(-7deg); }
.pcu-polaroid--i2{ width: 240px; left: 50%; top: 110px; transform: translateX(-50%) rotate(2deg); }
.pcu-polaroid--i3{ width: 270px; right: 0; top: 55px; transform: rotate(7deg); }

.pcu-polaroid--i4{ width: 260px; left: 6%; bottom: -4px; transform: rotate(-6deg); }
.pcu-polaroid--i5{ width: 290px; left: 50%; bottom: -20px; transform: translateX(-50%) rotate(4deg); }
.pcu-polaroid--i6{ width: 260px; right: 4%; bottom: 4px; transform: rotate(6deg); }

/* ===== Section 2 ===== */
.pcu-instTwo{
  position: relative;
  display:grid;
  grid-template-columns: 320px 1fr;
  gap: 18px;
  align-items:start;
}

.pcu-instTwo__left{
  position: relative;
  min-height: 280px;
}

.pcu-cutout{
  width: 100%;
  max-width: 320px;
  filter: drop-shadow(0 22px 70px rgba(0,0,0,.42));
}

.pcu-instCollage--two{
  height: 320px;
}

.pcu-polaroid--a1{ width: 290px; left: 10%; top: 12px; transform: rotate(-6deg); }
.pcu-polaroid--a2{ width: 290px; right: 8%; top: 120px; transform: rotate(4deg); }

.pcu-instTwo__bottom{
  grid-column: 1 / -1;
  position: relative;
  margin-top: 18px;
  min-height: auto;
  padding-bottom: 6px;
}

.pcu-cutoutGroup{
  width: min(620px, 95%);
  margin: 0 auto;
  filter: drop-shadow(0 22px 70px rgba(0,0,0,.42));
}

.pcu-instPhrase{
  position:absolute;
  left: 50%;
  /* Pegadito debajo de la foto del grupo */
  bottom: 18px;
  transform: translateX(-50%) rotate(-6deg);
  font-weight: 900;
  font-size: clamp(18px, 3vw, 26px);
  color: rgba(255,255,255,.92);
}
.pcu-instPhrase__accent{ color: var(--pcu-accent-2); }

/* ===== Section 3 ===== */
.pcu-instCollage--threeTop{
  height: 220px;
  margin-bottom: 26px;
}

.pcu-polaroid--sa1{ width: 360px; left: 6%; top: 10px; transform: rotate(-6deg); }
.pcu-polaroid--sa2{ width: 360px; right: 6%; top: 48px; transform: rotate(5deg); }

.pcu-instCollage--lab{
  height: 430px;
  margin-bottom: 24px;
}

.pcu-polaroid--lc1{ width: 320px; left: 0; top: 150px; transform: rotate(-7deg); }
.pcu-polaroid--lc2{ width: 340px; left: 50%; top: 120px; transform: translateX(-50%) rotate(2deg); }
.pcu-polaroid--lc3{ width: 320px; right: 0; top: 160px; transform: rotate(6deg); }

.pcu-instSmallCurve{
  z-index: 2;
  position:absolute;
  left: 50%;
  /* Debajo de las fotos del laboratorio */
  bottom: 58px;
  transform: translateX(-50%) rotate(-6deg);
  width: min(560px, 92vw);
  text-align:center;
  filter: drop-shadow(0 16px 40px rgba(0,0,0,.30));
}

.pcu-instCollage--threeBottom{
  height: 250px;
}

.pcu-polaroid--cp1{ width: 360px; left: 10%; top: 14px; transform: rotate(-5deg); }
.pcu-polaroid--cp2{ width: 360px; right: 10%; top: 54px; transform: rotate(5deg); }

/* ===== Section 4 ===== */
.pcu-instCollage--juicios{
  height: 380px;
  margin-bottom: 26px;
}

.pcu-polaroid--j1{ width: 330px; left: 0; top: 20px; transform: rotate(-6deg); }
.pcu-polaroid--j2{ width: 360px; left: 50%; top: 40px; transform: translateX(-50%) rotate(2deg); }
.pcu-polaroid--j3{ width: 330px; right: 0; top: 26px; transform: rotate(6deg); }

.pcu-instHashtag{
  position:absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) rotate(-10deg);
  font-weight: 900;
  font-size: 18px;
  color: rgba(255,255,255,.86);
}
.pcu-instHashtag span{ color: var(--pcu-accent-2); }

.pcu-instCollage--cafes{
  height: 260px;
}

.pcu-polaroid--c1{ width: 360px; left: 12%; top: 16px; transform: rotate(-5deg); }
.pcu-polaroid--c2{ width: 360px; right: 12%; top: 56px; transform: rotate(5deg); }

/* ===========================
   RESPONSIVE (stack)
   =========================== */
@media (max-width: 980px){
  .pcu-instCollage--one{ height: auto; }
  .pcu-instCollage--two,
  .pcu-instCollage--threeTop,
  .pcu-instCollage--lab,
  .pcu-instCollage--threeBottom,
  .pcu-instCollage--juicios,
  .pcu-instCollage--cafes{ height: auto; }

  .pcu-instCollage{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap: 16px;
  }

  .pcu-polaroid{
    position: relative;
    left:auto; right:auto; top:auto; bottom:auto;
    width: min(520px, 96%) !important;
    transform: rotate(-2deg);
  }
  .pcu-photoFoot{
    position: relative;
    left: auto;
    bottom: auto;
    top: auto;
    transform: none;
    width: 100%;
    margin-top: 10px;
  }
  .pcu-photoFoot--center{ top: auto; }

  .pcu-instLabFoot{
    margin-top: 10px;
  }



  .pcu-instCurveText,
  .pcu-instSmallCurve,
  .pcu-instHashtag{
    position: relative;
    left:auto; bottom:auto; top:auto;
    transform: none;
    text-align:center;
    margin: 6px 0 2px;
  }

  .pcu-instTwo{
    grid-template-columns: 1fr;
  }

  .pcu-instTwo__left{
    display:flex;
    justify-content:center;
  }

  .pcu-ribbon--badge{
    left: 50%;
    transform: translateX(-50%) rotate(-6deg);
  }

  .pcu-instPhrase{
    position: relative;
    left:auto; bottom:auto;
    transform: none;
    text-align:center;
    margin-top: 8px;
  }
}