.elementor-kit-85{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#121624;}.elementor-kit-85 button:hover,.elementor-kit-85 button:focus,.elementor-kit-85 input[type="button"]:hover,.elementor-kit-85 input[type="button"]:focus,.elementor-kit-85 input[type="submit"]:hover,.elementor-kit-85 input[type="submit"]:focus,.elementor-kit-85 .elementor-button:hover,.elementor-kit-85 .elementor-button:focus{background-color:#FFE08626;}.elementor-kit-85 e-page-transition{background-color:#FFBC7D;}.elementor-kit-85 a{color:#FFCF86;}.elementor-kit-85 a:hover{color:#FFBD59;}.elementor-kit-85 h1{font-family:"Libre Baskerville", Sans-serif;font-weight:800;}.elementor-kit-85 h2{font-family:"Libre Baskerville", Sans-serif;font-weight:800;}.elementor-kit-85 h3{color:#FFBA50EB;font-family:"Libre Baskerville", Sans-serif;font-weight:600;}.elementor-kit-85 h4{color:#F8F8F2;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Tipografías (cárgalas lo antes posible) ===== */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&family=Montserrat:wght@400;500;600;700&display=swap');

/* ===== Tokens de diseño ===== */
:root {
  /* Colores de marca */
  --ad-blue:    #242C44;  /* azul petróleo */
  --ad-mustard: #FFBD59;  /* mostaza */
  --ad-gold:    #D49942;  /* dorado */

  /* Neutros */
  --ad-white:   #FFFFFF;
  --ad-ink:     #E8ECF6;
  --ad-bg:      #0B0F19;
  --ad-surface: #101629;

  /* Efectos */
  --ad-radius: 16px;
  --ad-shadow: 0 10px 30px rgba(0,0,0,.25);

  /* Tipografías */
  --ad-font-title: "Libre Baskerville", serif;
  --ad-font-text:  "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
/* ======= ESTILO DE ACENTO (GLOBAL) ======= */
.ad-hero__accent {
  background: linear-gradient(90deg, var(--ad-mustard, #FFBD59), var(--ad-gold, #D49942));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/* ====== TIPOGRAFÍA BASE Y SANEADO ====== */
/* Fuerza Montserrat como tipografía base del documento */
html { 
  font-family: var(--ad-font-text, "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  font-synthesis-weight: none; /* evita "falso bold" si falta el peso */
  text-rendering: optimizeLegibility;
}
body { font-family: inherit; }

/* Encabezados: Libre Baskerville con el peso realmente cargado */
:where(h1,h2,h3,h4,h5,h6){
  font-family: var(--ad-font-title, "Libre Baskerville", serif);
  font-weight: 700; /* <-- antes pedías 800 sin tenerlo */
}

/* Corrige pesos concretos en tus componentes que pedían 800 */
.ad-resources__title,
.ad-resource-detail__title {
  font-weight: 700; /* en lugar de 800 */
}

/* ==== SECCIÓN: HUB DE RECURSOS ==== */
.ad-section-resources-hub { color: var(--ad-ink, #E8ECF6); background: var(--ad-bg, #0B0F19); padding: clamp(20px, 4.5vw, 56px) clamp(20px, 4vw, 40px); padding-top: 130px; }
.ad-resources { max-width: 1300px; margin-inline: auto; }
.ad-resources__head { margin-bottom: clamp(24px, 5vw, 40px); }
.ad-resources__breadcrumbs { margin-bottom: 24px; }
.ad-resources__breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0; margin: 0; list-style: none; font: 500 .85rem/1.4 var(--ad-font-text, sans-serif); }
.ad-resources__breadcrumbs li:not(:last-child)::after { content: '›'; margin-left: 6px; color: color-mix(in oklab, var(--ad-ink, #E8ECF6) 40%, transparent); }
.ad-resources__breadcrumbs a { color: color-mix(in oklab, var(--ad-ink, #E8ECF6) 70%, transparent); text-decoration: none; transition: color .2s ease; }
.ad-resources__breadcrumbs a:hover { color: var(--ad-mustard, #FFBD59); }
.ad-resources__breadcrumbs [aria-current="page"] { color: var(--ad-ink, #E8ECF6); font-weight: 600; }
.ad-resources__kicker { letter-spacing: .18em; text-transform: uppercase; font: 600 12px/1 var(--ad-font-text, sans-serif); color: color-mix(in oklab, var(--ad-ink, #E8ECF6) 72%, transparent); margin: 0 0 10px; }
.ad-resources__title { font: 800 clamp(28px, 5.2vw, 46px)/1.1 var(--ad-font-title, serif); margin: 0 0 12px; text-wrap: balance; }
.ad-resources__sub { font: 500 clamp(16px, 2.2vw, 20px)/1.6 var(--ad-font-text, sans-serif); color: #DCE3EE; margin: 0; max-width: 65ch; }
.ad-resources__filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: clamp(22px, 4.6vw, 36px); }
.ad-chip { --bd: color-mix(in oklab, var(--ad-ink,#E8ECF6) 24%, transparent); background: rgba(255,255,255,.03); border: 1px solid var(--bd); color: var(--ad-ink,#E8ECF6); padding: 10px 14px; border-radius: 999px; font: 700 13px/1 var(--ad-font-text, sans-serif); letter-spacing: .02em; cursor: pointer; transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease; }
.ad-chip:hover { transform: translateY(-2px); border-color: color-mix(in oklab, var(--ad-ink,#E8ECF6) 40%, transparent); }
.ad-chip.is-active { background: var(--ad-mustard,#FFBD59); color: var(--ad-blue,#242C44); border-color: transparent; }
.ad-resources__grid { display: grid; gap: clamp(16px, 3vw, 24px); grid-template-columns: 1fr; }
@media (min-width: 768px) { .ad-resources__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .ad-resources__grid { grid-template-columns: repeat(3, 1fr); } }
.ad-resource-card__link { display: flex; flex-direction: column; height: 100%; text-decoration: none; border-radius: var(--ad-radius, 16px); background: var(--ad-surface, #101629); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 4px 12px rgba(0,0,0,.15); overflow: hidden; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.ad-resource-card__link:hover { transform: translateY(-5px); border-color: rgba(255,189,89,.5); box-shadow: var(--ad-shadow, 0 12px 36px rgba(0,0,0,.3)); }
.ad-resource-card__media { aspect-ratio: 4/3; margin: 0; overflow: hidden; }
.ad-resource-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.ad-resource-card__link:hover .ad-resource-card__media img { transform: scale(1.05); }
.ad-resource-card__body { padding: clamp(16px, 3vw, 20px); display: flex; flex-direction: column; flex-grow: 1; }
.ad-resource-card__cat { display: inline-block; align-self: flex-start; padding: 6px 10px; margin-bottom: 12px; border-radius: 999px; font: 700 11px/1 var(--ad-font-text, sans-serif); background: rgba(255,189,89,.1); border: 1px solid rgba(255,189,89,.2); color: var(--ad-mustard, #FFBD59); }
.ad-resource-card__title { font: 700 clamp(16px, 2.2vw, 18px)/1.3 var(--ad-font-text, sans-serif); color: var(--ad-white, #fff); margin: 0 0 8px; }
.ad-resource-card__excerpt { font: 400 15px/1.6 var(--ad-font-text, sans-serif); color: color-mix(in oklab, var(--ad-ink, #E8ECF6) 80%, transparent); margin: 0; flex-grow: 1; }
.ad-resource-card__cta { margin-top: 16px; color: var(--ad-ink, #E8ECF6); font: 600 14px/1 var(--ad-font-text, sans-serif); transition: color .2s ease; }
.ad-resource-card__link:hover .ad-resource-card__cta { color: var(--ad-mustard, #FFBD59); }
.ad-resource-card__cta .ad-arrow { display: inline-block; transition: transform .25s ease; }
.ad-resource-card__link:hover .ad-resource-card__cta .ad-arrow { transform: translateX(4px); }
.ad-resource-card { transition: opacity .4s ease, transform .4s ease, height .3s ease, margin .3s ease, padding .3s ease; }
.ad-resource-card.is-hidden { opacity: 0; transform: scale(0.95); pointer-events: none; height: 0; margin: 0; padding: 0; overflow: hidden; border: none; }
.ad-resources__no-results { color: #DCE3EE; font-size: 1.1rem; text-align: center; background: var(--ad-surface); padding: 40px; border-radius: var(--ad-radius); border: 1px dashed rgba(255,255,255,0.1); grid-column: 1 / -1; }
.ad-section-resources-hub :is(a, button):focus-visible { outline: 2px solid var(--ad-mustard, #FFBD59); outline-offset: 2px; border-radius: 12px; }
@media (prefers-reduced-motion: reduce) { .ad-section-resources-hub, .ad-section-resources-hub * { transition: none !important; animation: none !important; } }
/* ==== PLANTILLA: DETALLE DE RECURSO ==== */
.ad-section-resource-detail {
  padding: clamp(20px, 4.5vw, 56px) clamp(20px, 4vw, 40px);
  padding-top: 130px; /* Espacio para header fijo */
}
.ad-resource-detail {
  max-width: 1300px;
  margin-inline: auto;
}

/* Header */
.ad-resource-detail__header {
  margin-bottom: clamp(24px, 5vw, 40px);
  opacity: 0; transform: translateY(14px);
}
.ad-resource-detail__breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0; margin: 0; list-style: none; font: 500 .85rem/1.4 var(--ad-font-text, sans-serif); }
.ad-resource-detail__breadcrumbs li:not(:last-child)::after { content: '›'; margin-left: 6px; color: color-mix(in oklab, var(--ad-ink, #E8ECF6) 40%, transparent); }
.ad-resource-detail__breadcrumbs a { color: color-mix(in oklab, var(--ad-ink, #E8ECF6) 70%, transparent); text-decoration: none; transition: color .2s ease; }
.ad-resource-detail__breadcrumbs a:hover { color: var(--ad-mustard, #FFBD59); }
.ad-resource-detail__breadcrumbs [aria-current="page"] { color: var(--ad-ink, #E8ECF6); font-weight: 600; }
.ad-resource-detail__title {
  font: 800 clamp(32px, 6vw, 52px)/1.15 var(--ad-font-title, serif);
  margin: 16px 0 0;
  text-wrap: balance;
  color: var(--ad-white);
}

/* Grid Layout */
.ad-resource-detail__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(32px, 5vw, 64px);
}
@media(min-width: 1024px) {
  .ad-resource-detail__grid {
    grid-template-columns: 1fr 380px; /* Contenido flexible, sidebar fija */
  }
}

/* Contenido Principal */
.ad-resource-detail__content {
  color: var(--ad-ink);
  line-height: 1.7;
  font-size: 1.05rem;
  opacity: 0; transform: translateY(14px);
}
.ad-resource-detail__featured-image {
  margin: 0 0 2rem 0;
  border-radius: var(--ad-radius);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.1);
}
.ad-resource-detail__featured-image img {
  width: 100%; height: auto; display: block;
}
.ad-resource-detail__content h2,
.ad-resource-detail__content h3 {
  font-family: var(--ad-font-title);
  color: var(--ad-white);
  margin: 2.5em 0 1em;
  text-wrap: balance;
}
.ad-resource-detail__content p { margin: 0 0 1.5em; }
.ad-resource-detail__content a { color: var(--ad-mustard); text-decoration: underline; text-underline-offset: 3px; }
.ad-resource-detail__content ul { padding-left: 20px; }

/* Sidebar CTA */
.ad-resource-detail__sidebar {
  opacity: 0; transform: translateY(14px);
}
@media(min-width: 1024px) {
  .ad-resource-detail__sidebar {
    position: sticky;
    top: 120px; /* Offset para el header fijo */
    align-self: start;
  }
}
.ad-sidebar__cta-card {
  background: var(--ad-surface);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--ad-radius);
  padding: clamp(20px, 4vw, 28px);
  box-shadow: var(--ad-shadow);
  text-align: center;
}
.ad-sidebar__title { font: 700 1.5rem/1.2 var(--ad-font-text); color: var(--ad-white); margin: 0 0 8px; }
.ad-sidebar__sub { font-size: .95rem; color: #DCE3EE; margin: 0 0 20px; line-height: 1.6; }
.ad-sidebar__preview { margin: 0 0 24px; border-radius: 12px; overflow:hidden; }
.ad-sidebar__preview img { width: 100%; height: auto; display: block; }
.ad-sidebar__btn { display: flex; justify-content: center; width: 100%; }
.ad-sidebar__meta {
  list-style: none; padding: 0; margin: 24px 0 0;
  font-size: .9rem; color: #DCE3EE;
  display: flex; justify-content: center; gap: 20px;
}

/* Animaciones */
.ad-section-resource-detail.is-inview .ad-resource-detail__header { transition: opacity .6s ease .1s, transform .6s ease .1s; }
.ad-section-resource-detail.is-inview .ad-resource-detail__content { transition: opacity .6s ease .2s, transform .6s ease .2s; }
.ad-section-resource-detail.is-inview .ad-resource-detail__sidebar { transition: opacity .6s ease .3s, transform .6s ease .3s; }
.ad-section-resource-detail.is-inview > * { opacity: 1; transform: none; }/* End custom CSS */