/* =========================================================
   ACTIVIDAD ACADÉMICA — BLOQUE COMPACTO V1
   SOLO afecta #publicaciones.
   Contenido audiovisual / YouTube NO se modifica.
   ========================================================= */

#publicaciones.academic-showcase{
  padding-top:clamp(2.1rem,3.5vw,3.2rem) !important;
  padding-bottom:clamp(2rem,3.5vw,3.1rem) !important;

  background:transparent !important;
}

#publicaciones .academic-showcase-inner{
  width:min(1320px,calc(100% - 48px));
  margin:0 auto;

  display:grid;
  gap:clamp(2.4rem,4vw,3.8rem);
}

/* ---------------------------------------------------------
   BLOQUES
   --------------------------------------------------------- */

#publicaciones .academic-showcase-block{
  min-width:0;
  padding:0;
  margin:0;

  background:transparent;
  border:0;
  box-shadow:none;
}

#publicaciones .academic-showcase-block + .academic-showcase-block{
  padding-top:clamp(2rem,3.5vw,3rem);
  border-top:1px solid rgba(77,48,73,.11);
}

#publicaciones .academic-showcase-heading{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:1rem;
  align-items:start;

  margin-bottom:.8rem;
}

#publicaciones .academic-showcase-index{
  display:block;

  padding-top:.16rem;

  color:#93a691;

  font-family:Georgia,"Times New Roman",serif;
  font-size:1rem;
  font-style:italic;
  line-height:1;
}

#publicaciones .academic-showcase-heading .eyebrow{
  display:block;
  margin-bottom:.42rem;

  color:#d96e58;

  font-size:.67rem;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}

#publicaciones .academic-showcase-heading h3{
  max-width:none;
  margin:0;

  color:#4d3049;

  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2rem,3.4vw,3.35rem);
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.02;
}

#publicaciones .academic-showcase-intro{
  max-width:72ch;
  margin:.8rem 0 1.4rem 68px;

  color:#746b72;

  font-size:clamp(.92rem,1vw,1rem);
  line-height:1.72;
}

/* ---------------------------------------------------------
   EVENTOS — 1, 2 o 3 fotos compactas
   --------------------------------------------------------- */

#publicaciones .academic-events-gallery{
  display:grid;
  gap:.75rem;

  margin-left:68px;
}

#publicaciones .academic-events-gallery.academic-media-count-1{
  grid-template-columns:minmax(0,760px);
}

#publicaciones .academic-events-gallery.academic-media-count-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

#publicaciones .academic-events-gallery.academic-media-count-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#publicaciones .academic-events-gallery figure{
  margin:0;

  aspect-ratio:16 / 10;

  overflow:hidden;

  background:#f2ece7;

  border:1px solid rgba(77,48,73,.09);
  border-radius:15px;
}

#publicaciones .academic-events-gallery img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center;
}

/* ---------------------------------------------------------
   LIBROS — portadas completas + estado
   --------------------------------------------------------- */

#publicaciones .academic-books-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(.8rem,1.5vw,1.2rem);

  max-width:930px;
  margin-left:68px;
}

#publicaciones .academic-book-item{
  min-width:0;
  margin:0;
}

#publicaciones .academic-book-media{
  display:grid;
  place-items:center;

  aspect-ratio:4 / 5;

  padding:.7rem;

  overflow:hidden;

  background:#f5efe9;

  border:1px solid rgba(77,48,73,.09);
  border-radius:15px;
}

#publicaciones .academic-book-media img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;
  object-position:center;
}

#publicaciones .academic-book-item figcaption{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.35rem;

  padding:.65rem .15rem 0;

  color:#80757d;

  font-size:.68rem;
  font-weight:800;
  letter-spacing:.09em;
  line-height:1.35;
  text-transform:uppercase;
}

#publicaciones .academic-book-item figcaption.is-upcoming{
  color:#d96e58;
}

#publicaciones .academic-book-item figcaption strong{
  color:#4d3049;
  font-size:.68rem;
  font-weight:850;
}

/* ---------------------------------------------------------
   Hover escritorio
   --------------------------------------------------------- */

@media(hover:hover) and (pointer:fine){
  #publicaciones .academic-events-gallery figure,
  #publicaciones .academic-book-media{
    transition:
      transform .28s cubic-bezier(.22,1,.36,1),
      border-color .28s ease;
  }

  #publicaciones .academic-events-gallery figure:hover,
  #publicaciones .academic-book-item:hover .academic-book-media{
    transform:translateY(-3px);
    border-color:rgba(217,110,88,.22);
  }
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:900px){
  #publicaciones .academic-events-gallery.academic-media-count-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #publicaciones .academic-events-gallery.academic-media-count-3 figure:first-child{
    grid-column:1/-1;
    aspect-ratio:16 / 8;
  }

  #publicaciones .academic-books-gallery{
    max-width:none;
  }
}

/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media(max-width:600px){
  #publicaciones.academic-showcase{
    padding-top:2rem !important;
    padding-bottom:2rem !important;
  }

  #publicaciones .academic-showcase-inner{
    width:calc(100% - 40px);
    gap:2rem;
  }

  #publicaciones .academic-showcase-block + .academic-showcase-block{
    padding-top:1.8rem;
  }

  #publicaciones .academic-showcase-heading{
    grid-template-columns:34px minmax(0,1fr);
    gap:.6rem;
  }

  #publicaciones .academic-showcase-index{
    font-size:.88rem;
  }

  #publicaciones .academic-showcase-heading h3{
    font-size:clamp(1.75rem,8.4vw,2.45rem);
    line-height:1.03;
  }

  #publicaciones .academic-showcase-intro{
    max-width:none;
    margin:.7rem 0 1rem 0;

    font-size:.9rem;
    line-height:1.65;
  }

  #publicaciones .academic-events-gallery,
  #publicaciones .academic-books-gallery{
    margin-left:0;
  }

  #publicaciones .academic-events-gallery,
  #publicaciones .academic-events-gallery.academic-media-count-1,
  #publicaciones .academic-events-gallery.academic-media-count-2,
  #publicaciones .academic-events-gallery.academic-media-count-3{
    grid-template-columns:1fr;
    gap:.65rem;
  }

  #publicaciones .academic-events-gallery.academic-media-count-3 figure:first-child{
    grid-column:auto;
    aspect-ratio:16 / 10;
  }

  #publicaciones .academic-books-gallery{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.5rem;
  }

  #publicaciones .academic-book-media{
    padding:.35rem;
    border-radius:11px;
  }

  #publicaciones .academic-book-item figcaption,
  #publicaciones .academic-book-item figcaption strong{
    font-size:.56rem;
  }
}

/* Teléfonos muy estrechos: libros siguen juntos pero legibles */
@media(max-width:390px){
  #publicaciones .academic-books-gallery{
    gap:.35rem;
  }

  #publicaciones .academic-book-item figcaption{
    letter-spacing:.055em;
  }
}

@media(prefers-reduced-motion:reduce){
  #publicaciones .academic-events-gallery figure,
  #publicaciones .academic-book-media{
    transition:none !important;
    transform:none !important;
  }
}


/* =========================================================
   ACTIVIDAD ACADÉMICA V2 — ENCABEZADO GENERAL
   Restaura el encabezado editorial que tenía la sección.
   SOLO afecta #actividad-academica.
   ========================================================= */

#actividad-academica.academic-hub{
  --academic-coral:#d96e58;
  --academic-plum:#55364f;
  --academic-sage:#9caf9a;
  --academic-muted:#81777f;
  --academic-line:rgba(85,54,79,.13);

  width:min(1460px,calc(100% - 48px)) !important;
  max-width:1460px !important;

  margin:0 auto !important;
  padding:clamp(4.5rem,7vw,7rem) 0 !important;
}

#actividad-academica .academic-hub-heading{
  margin:0 0 clamp(2.7rem,4.5vw,4rem) !important;
  padding:0 0 clamp(1.8rem,2.8vw,2.5rem) !important;

  border-bottom:1px solid var(--academic-line) !important;
}

#actividad-academica .academic-hub-heading>.eyebrow{
  display:block !important;

  margin-bottom:.85rem !important;

  color:var(--academic-coral) !important;

  font-size:.75rem !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

#actividad-academica .academic-hub-heading-grid{
  display:block !important;
}

#actividad-academica .academic-hub-heading h2{
  max-width:17ch !important;

  margin:0 !important;

  color:var(--academic-plum) !important;

  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(3rem,5vw,5rem) !important;
  font-weight:500 !important;
  letter-spacing:-.045em !important;
  line-height:.98 !important;
}

/* El bloque compacto ocupa todo el ancho interior del hub. */
#actividad-academica #publicaciones.academic-showcase{
  width:100% !important;
  max-width:none !important;

  margin:0 !important;
}

/* Textos más anchos para reducir altura y aprovechar escritorio. */
#publicaciones .academic-showcase-intro{
  width:calc(100% - 68px) !important;
  max-width:1080px !important;

  margin:.8rem 0 1.4rem 68px !important;
}

/* En eventos, las imágenes también aprovechan mejor el ancho disponible. */
#publicaciones .academic-events-gallery{
  width:calc(100% - 68px);
  max-width:1180px;
}

/* Libros siguen siendo compactos, pero con mejor presencia. */
#publicaciones .academic-books-gallery{
  width:calc(100% - 68px);
  max-width:980px !important;
}

@media(max-width:980px){
  #actividad-academica.academic-hub{
    width:min(calc(100% - 40px),1460px) !important;
  }

  #actividad-academica .academic-hub-heading h2{
    max-width:19ch !important;
  }

  #publicaciones .academic-showcase-intro,
  #publicaciones .academic-events-gallery,
  #publicaciones .academic-books-gallery{
    width:calc(100% - 52px) !important;
    margin-left:52px !important;
  }
}

@media(max-width:700px){
  #actividad-academica.academic-hub{
    width:calc(100% - 28px) !important;
    padding:3.8rem 0 !important;
  }

  #actividad-academica .academic-hub-heading{
    margin-bottom:2.2rem !important;
    padding-bottom:1.45rem !important;
  }

  #actividad-academica .academic-hub-heading h2{
    max-width:none !important;
    font-size:clamp(2.65rem,11vw,3.6rem) !important;
  }

  #publicaciones .academic-showcase-intro,
  #publicaciones .academic-events-gallery,
  #publicaciones .academic-books-gallery{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
  }
}


/* =========================================================
   ACTIVIDAD ACADÉMICA V3
   Ajustes SOLO dentro de #publicaciones:
   - eventos aceptan fotos verticales u horizontales completas
   - estados de libros más legibles
   - mayor separación antes de Contenido audiovisual
   ========================================================= */

/* Separación clara entre el bloque académico y el video */
#publicaciones.academic-showcase{
  padding-bottom:clamp(4.2rem,6vw,6rem) !important;
  margin-bottom:clamp(3.2rem,5vw,5rem) !important;

  border-bottom:1px solid rgba(85,54,79,.13) !important;
}

/* ---------------------------------------------------------
   EVENTOS — verticales + horizontales sin recorte
   --------------------------------------------------------- */

#publicaciones .academic-events-gallery{
  align-items:stretch;
}

#publicaciones .academic-events-gallery figure,
#publicaciones .academic-events-gallery.academic-media-count-3 figure:first-child{
  display:grid;
  place-items:center;

  min-height:280px;
  height:clamp(280px,22vw,350px);
  aspect-ratio:auto !important;

  padding:.65rem;

  background:#f5efe9;

  overflow:hidden;

  border:1px solid rgba(77,48,73,.09);
  border-radius:15px;
}

#publicaciones .academic-events-gallery img{
  display:block;

  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;

  object-fit:contain !important;
  object-position:center !important;

  border-radius:10px;
}

/* ---------------------------------------------------------
   LIBROS — estados más visibles
   --------------------------------------------------------- */

#publicaciones .academic-book-item figcaption{
  gap:.45rem;

  padding:.8rem .15rem 0;

  font-size:.82rem !important;
  font-weight:850 !important;
  letter-spacing:.075em !important;
  line-height:1.4 !important;
}

#publicaciones .academic-book-item figcaption span{
  font-size:inherit !important;
}

#publicaciones .academic-book-item figcaption strong{
  color:#4d3049;

  font-size:.82rem !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
}

#publicaciones .academic-book-item figcaption.is-upcoming span{
  color:#d96e58;
}

#publicaciones .academic-book-item figcaption.is-upcoming strong{
  color:#4d3049;
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:900px){
  #publicaciones .academic-events-gallery figure,
  #publicaciones .academic-events-gallery.academic-media-count-3 figure:first-child{
    min-height:250px;
    height:clamp(250px,34vw,320px);
  }

  #publicaciones.academic-showcase{
    padding-bottom:3.8rem !important;
    margin-bottom:3rem !important;
  }
}

/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media(max-width:600px){
  #publicaciones .academic-events-gallery figure,
  #publicaciones .academic-events-gallery.academic-media-count-3 figure:first-child{
    min-height:240px;
    height:330px;
    padding:.5rem;
  }

  #publicaciones .academic-book-item figcaption{
    padding-top:.62rem;

    font-size:.68rem !important;
    letter-spacing:.055em !important;
  }

  #publicaciones .academic-book-item figcaption strong{
    font-size:.68rem !important;
  }

  #publicaciones.academic-showcase{
    padding-bottom:3.2rem !important;
    margin-bottom:2.6rem !important;
  }
}

@media(max-width:390px){
  #publicaciones .academic-events-gallery figure,
  #publicaciones .academic-events-gallery.academic-media-count-3 figure:first-child{
    height:300px;
  }

  #publicaciones .academic-book-item figcaption,
  #publicaciones .academic-book-item figcaption strong{
    font-size:.63rem !important;
  }
}


/* =========================================================
   ACTIVIDAD ACADÉMICA V4
   Corrección de zoom amplio + separación real del video.
   ========================================================= */

/*
 * IMPORTANTE:
 * section-experience.css aplica padding horizontal dinámico a
 * .section.publications usando --layout-edge. Cuando el navegador
 * está muy alejado (viewport CSS enorme), ese padding puede superar
 * el ancho del contenedor académico y comprimir el contenido.
 *
 * Este bloque neutraliza SOLO ese padding heredado.
 */
#actividad-academica #publicaciones.academic-showcase{
  display:block !important;

  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;

  margin-left:0 !important;
  margin-right:0 !important;

  padding-left:0 !important;
  padding-right:0 !important;

  box-sizing:border-box !important;
}

#actividad-academica #publicaciones .academic-showcase-inner{
  display:grid !important;

  width:100% !important;
  min-width:0 !important;
  max-width:1320px !important;

  margin-left:auto !important;
  margin-right:auto !important;

  padding-left:0 !important;
  padding-right:0 !important;

  box-sizing:border-box !important;
}

#actividad-academica #publicaciones .academic-showcase-block,
#actividad-academica #publicaciones .academic-showcase-heading,
#actividad-academica #publicaciones .academic-showcase-heading>div,
#actividad-academica #publicaciones .academic-showcase-intro,
#actividad-academica #publicaciones .academic-events-gallery,
#actividad-academica #publicaciones .academic-books-gallery{
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* Evita títulos comprimidos letra por letra en zoom extremo. */
#actividad-academica #publicaciones .academic-showcase-heading h3{
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;

  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

/* Textos aprovechan el ancho sin depender de vw externos. */
#actividad-academica #publicaciones .academic-showcase-intro{
  width:auto !important;
  max-width:1080px !important;
}

/* =========================================================
   SEPARACIÓN PUBLICACIONES → CONTENIDO AUDIOVISUAL
   No modifica la composición interna del video.
   ========================================================= */

/* Evita el espacio excesivo creado por acumulación de margin + padding. */
#actividad-academica #publicaciones.academic-showcase{
  margin-bottom:0 !important;
  padding-bottom:clamp(3rem,4.5vw,4.2rem) !important;

  border-bottom:0 !important;
}

/*
 * El video conserva su layout actual, pero su capítulo recibe
 * un fondo ligeramente distinto y un borde superior visible.
 */
#actividad-academica #video-destacado{
  position:relative !important;

  margin-top:0 !important;
  padding-top:clamp(3.8rem,5.2vw,5rem) !important;

  background:#f5f2ee !important;

  border-top:1px solid rgba(85,54,79,.16) !important;

  box-shadow:
    0 -24px 0 #f5f2ee,
    0 24px 0 #f5f2ee !important;
}

/* Extiende visualmente el tono del capítulo hasta los bordes del hub. */
#actividad-academica #video-destacado::after{
  content:"";
  position:absolute;
  z-index:-1;

  top:-24px;
  bottom:-24px;
  left:-24px;
  right:-24px;

  background:#f5f2ee;

  pointer-events:none;
}

/* Línea editorial corta en la transición. */
#actividad-academica #video-destacado::before{
  content:"";
  position:absolute;

  top:-1px;
  left:0;

  width:84px;
  height:3px;

  background:#d96e58;

  pointer-events:none;
}

/* =========================================================
   TABLET / MÓVIL
   ========================================================= */

@media(max-width:900px){
  #actividad-academica #publicaciones .academic-showcase-inner{
    max-width:none !important;
  }

  #actividad-academica #video-destacado{
    padding-top:3.5rem !important;
  }
}

@media(max-width:700px){
  #actividad-academica #publicaciones.academic-showcase{
    padding-bottom:2.8rem !important;
  }

  #actividad-academica #video-destacado{
    padding-top:3rem !important;
  }

  #actividad-academica #video-destacado::after{
    left:-14px;
    right:-14px;
  }

  #actividad-academica #video-destacado::before{
    width:64px;
  }
}


/* =========================================================
   ACTIVIDAD ACADÉMICA V5
   SOLO separación visual entre Publicaciones y Video.
   No modifica contenido ni layout interno del video.
   ========================================================= */

/* Publicaciones termina como capítulo propio */
#actividad-academica #publicaciones.academic-showcase{
  margin-bottom:clamp(3.2rem,5vw,4.8rem) !important;
  padding-bottom:clamp(3rem,4.5vw,4.2rem) !important;

  background:transparent !important;

  border-bottom:1px solid rgba(85,54,79,.10) !important;
}

/* Contenido audiovisual se convierte visualmente en otro capítulo */
#actividad-academica #video-destacado{
  position:relative !important;

  margin-top:0 !important;
  margin-bottom:0 !important;

  padding:
    clamp(3.4rem,5vw,4.7rem)
    clamp(2rem,3.5vw,3rem)
    clamp(3rem,4.5vw,4.2rem) !important;

  background:#efe9e3 !important;

  border:1px solid rgba(85,54,79,.10) !important;
  border-radius:28px !important;

  box-shadow:0 14px 34px rgba(67,48,61,.045) !important;
}

/* Línea editorial superior */
#actividad-academica #video-destacado::before{
  content:"";
  position:absolute;

  top:0;
  left:clamp(2rem,3.5vw,3rem);

  width:84px;
  height:3px;

  background:#d96e58;

  border-radius:0 0 999px 999px;

  pointer-events:none;
}

/* Neutraliza el pseudo fondo extendido de V4 para que ahora
   el bloque se lea como panel independiente */
#actividad-academica #video-destacado::after{
  content:none !important;
}

/* Mantiene el encabezado del video respirando dentro del panel,
   sin cambiar su composición */
#actividad-academica #video-destacado .academic-video-heading{
  margin-top:0 !important;
}

/* Tablet */
@media(max-width:900px){
  #actividad-academica #publicaciones.academic-showcase{
    margin-bottom:2.8rem !important;
    padding-bottom:3rem !important;
  }

  #actividad-academica #video-destacado{
    padding:
      3.2rem
      1.7rem
      2.8rem !important;

    border-radius:24px !important;
  }

  #actividad-academica #video-destacado::before{
    left:1.7rem;
    width:72px;
  }
}

/* Móvil */
@media(max-width:700px){
  #actividad-academica #publicaciones.academic-showcase{
    margin-bottom:2.2rem !important;
    padding-bottom:2.5rem !important;
  }

  #actividad-academica #video-destacado{
    padding:
      2.8rem
      1rem
      2.4rem !important;

    background:#f0ebe5 !important;

    border-radius:20px !important;
  }

  #actividad-academica #video-destacado::before{
    left:1rem;
    width:58px;
  }
}


/* =========================================================
   ACTIVIDAD ACADÉMICA V6
   SOLO separación full-bleed del bloque audiovisual.
   El contenido interno del video NO cambia.
   ========================================================= */

/* Publicaciones termina sin caja */
#actividad-academica #publicaciones.academic-showcase{
  margin-bottom:0 !important;
  padding-bottom:clamp(3.2rem,4.8vw,4.5rem) !important;

  background:transparent !important;

  border-bottom:0 !important;
}

/*
 * Contenido audiovisual:
 * se elimina la apariencia de tarjeta/recuadro centrado.
 * El propio section conserva el contenido alineado,
 * mientras ::after pinta una banda de 100vw detrás.
 */
#actividad-academica #video-destacado{
  position:relative !important;
  isolation:isolate;

  margin-top:0 !important;
  margin-bottom:0 !important;

  padding:
    clamp(4rem,5.5vw,5.2rem)
    0
    clamp(3.8rem,5vw,4.8rem) !important;

  background:transparent !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}

/* Banda de color a todo el ancho del viewport */
#actividad-academica #video-destacado::after{
  content:"" !important;

  position:absolute !important;
  z-index:-2 !important;

  top:0 !important;
  bottom:0 !important;

  left:50% !important;

  width:100vw !important;

  transform:translateX(-50%) !important;

  background:#efe9e3 !important;

  pointer-events:none !important;
}

/* Separador superior full-width */
#actividad-academica #video-destacado::before{
  content:"" !important;

  position:absolute !important;
  z-index:-1 !important;

  top:0 !important;
  left:50% !important;

  width:100vw !important;
  height:1px !important;

  transform:translateX(-50%) !important;

  background:rgba(85,54,79,.14) !important;

  pointer-events:none !important;
}

/* Pequeño acento coral, pero sin encerrar la sección */
#actividad-academica #video-destacado .academic-video-heading{
  position:relative;
}

#actividad-academica #video-destacado .academic-video-heading::before{
  content:"";

  position:absolute;

  top:calc(-1 * clamp(4rem,5.5vw,5.2rem));
  left:0;

  width:84px;
  height:3px;

  background:#d96e58;

  pointer-events:none;
}

/* Móvil */
@media(max-width:700px){
  #actividad-academica #publicaciones.academic-showcase{
    padding-bottom:2.8rem !important;
  }

  #actividad-academica #video-destacado{
    padding:
      3.2rem
      0
      3rem !important;
  }

  #actividad-academica #video-destacado .academic-video-heading::before{
    top:-3.2rem;
    width:60px;
  }
}