/* ==========================================================================
   Elocuent 2027 · capa web sobre Newspaper (tagDiv)
   Todo va bajo body.e27: el mu-plugin añade la clase. Sin la clase, la web no cambia.
   ========================================================================== */

@font-face{font-family:'Gotham';src:url(fonts/gotham-book.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Gotham';src:url(fonts/gotham-medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Gotham';src:url(fonts/gotham-bold.woff2) format('woff2');font-weight:700;font-display:swap}
/* Sin cara 900: una familia, tres pesos. Lo que el tema pide en 800 o 900 cae en Bold. */
@font-face{font-family:'Gotham XNarrow';src:url(fonts/gotham-xn-bold.woff2) format('woff2');font-weight:700;font-display:swap}

body.e27{
  --e-bg:#F5F7FA; --e-surface:#FFFFFF; --e-surface-2:#EEF1F7; --e-line:#E3E6EE;
  --e-navy:#031976; --e-heading:#031976; --e-ink:#2B2B36; --e-text-2:#5B6078;
  --e-accent:#BE18D2; --e-accent-text:#9C12AE; --e-electric:#1EA6EE; --e-electric-text:#0B6FA6;
  --e-cyan-text:#017A93; --e-link:#031976;
  --e-sans:'Gotham','Montserrat',Arial,sans-serif;
  --e-xn:'Gotham XNarrow','Gotham','Montserrat',Arial,sans-serif;
  --e-r-sm:8px; --e-r-md:12px; --e-r-lg:16px; --e-r-pill:999px;
  --e-shadow-sm:0 2px 6px rgba(3,25,118,.08),0 1px 2px rgba(3,25,118,.06);
  background:var(--e-surface)!important; color:var(--e-ink);
}

/* ---------- Tipografía: una familia, tres pesos ---------- */
body.e27, body.e27 p, body.e27 li, body.e27 td, body.e27 input, body.e27 textarea, body.e27 select,
body.e27 .td-post-content, body.e27 .td-excerpt, body.e27 .tdm-descr, body.e27 .td_block_wrap,
body.e27 .td-module-meta-info, body.e27 .sf-menu, body.e27 .td-header-top-menu{
  font-family:var(--e-sans)!important;
}
body.e27 p, body.e27 .td-excerpt, body.e27 .tdm-descr, body.e27 .td-post-content{line-height:1.55}
body.e27 .td_module_wrap .td-excerpt{color:var(--e-text-2)!important}

body.e27 h1, body.e27 h2, body.e27 h3, body.e27 h4,
body.e27 .tdm-title, body.e27 .entry-title, body.e27 .td-page-title, body.e27 .tdb-title-text,
body.e27 .td-module-title, body.e27 .td-module-title a{
  font-family:var(--e-sans)!important;
  text-transform:none!important; letter-spacing:-0.01em!important;
}
body.e27 .td-page-title, body.e27 .td-category-header .entry-title, body.e27 h1.entry-title, body.e27 .tdb-title-text{color:var(--e-heading)!important;font-weight:700!important}
body.e27 .td-page-title, body.e27 .td-page-header h1, body.e27 .tdb-title-text,
body.e27 .td-category-header .entry-title, body.e27 h1.entry-title{
  font-size:46px!important; line-height:1!important; letter-spacing:-0.03em!important;
}
body.e27 .tdm-title-md{font-size:32px!important;line-height:1.05!important;letter-spacing:-0.025em!important}
body.e27 .tdm-title-sm{font-size:22px!important;line-height:1.15!important}
body.e27 .td-module-title{line-height:1.2!important}
/* Gotham no tiene 200: los ligeros pasan a Book */
body.e27 [style*="font-weight:200"], body.e27 .tdm-title{font-synthesis:none}

/* ---------- Etiquetas y títulos de bloque: capa de lectura ---------- */
body.e27 .td-block-title, body.e27 .td-block-title a, body.e27 .td-block-title span,
body.e27 .block-title, body.e27 .block-title span, body.e27 .td-pulldown-filter-display-option,
body.e27 .td-subcat-link, body.e27 .td-category a{
  font-family:var(--e-xn)!important; font-weight:700!important; text-transform:uppercase!important;
  letter-spacing:.14em!important; font-size:13px!important; color:var(--e-heading)!important;
  background:transparent!important; border:0!important;
}
body.e27 .td-post-category, body.e27 .td-category a{
  font-family:var(--e-xn)!important; font-weight:700!important; text-transform:uppercase!important;
  letter-spacing:.12em!important; font-size:11px!important; background:var(--e-navy)!important; color:#fff!important;
  border-radius:4px!important; padding:4px 7px 3px!important;
}

/* ---------- Enlaces ---------- */
body.e27 a{color:var(--e-link)}
body.e27 .td-post-content a, body.e27 .tdm-descr a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.e27 a:hover{color:var(--e-cyan-text)!important}

/* ---------- Cabecera ---------- */
body.e27 .td-header-top-menu-full{background:var(--e-surface)!important;border-bottom:1px solid var(--e-line)}
body.e27 .td-header-top-menu a, body.e27 .top-header-menu a{
  font-family:var(--e-xn)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.12em;font-size:11px!important;color:var(--e-text-2)!important}
body.e27 .td-header-top-menu i{display:none!important}
body.e27 .td-header-wrap .td-header-sp-logo img{max-height:44px!important;width:auto!important}
body.e27 .td-header-menu-wrap-full, body.e27 .td-header-menu-wrap{background:var(--e-surface)!important;box-shadow:none!important;border-bottom:1px solid var(--e-line)}
body.e27 .sf-menu > li > a{
  font-family:var(--e-sans)!important;font-weight:500!important;text-transform:none!important;font-size:15px!important;
  letter-spacing:0!important;color:var(--e-heading)!important}
body.e27 .sf-menu > li > a:hover, body.e27 .sf-menu > .current-menu-item > a, body.e27 .sf-menu > .current-menu-ancestor > a{color:var(--e-accent-text)!important}
body.e27 .sf-menu > li > a:after{background:var(--e-accent)!important;height:2px!important}
/* Font Awesome fuera: el set es Tabler (el mu-plugin inyecta los SVG) */
body.e27 .sf-menu i.fa, body.e27 .sf-menu .fa{display:none!important}
body.e27 .sf-menu .e27-ico{width:18px;height:18px;margin-right:6px;vertical-align:-3px;stroke:currentColor;stroke-width:1.75;fill:none}
body.e27 .sf-menu ul{border-radius:var(--e-r-md);box-shadow:0 8px 24px rgba(3,25,118,.10),0 2px 6px rgba(3,25,118,.06)!important;border:0!important;overflow:hidden}
body.e27 .sf-menu ul a{font-family:var(--e-sans)!important;font-size:14px!important;color:var(--e-ink)!important}

/* ---------- Botones: píldora; violeta = la acción ---------- */
body.e27 .tdm-btn, body.e27 .td-btn, body.e27 .wp-block-button__link, body.e27 input[type=submit],
body.e27 .wpcf7-submit, body.e27 .td-load-more-wrap a, body.e27 .convertkit-button a, body.e27 button.formkit-submit{
  font-family:var(--e-sans)!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;
  font-size:15px!important;border-radius:var(--e-r-pill)!important;background:var(--e-accent)!important;color:#fff!important;
  border:0!important;box-shadow:0 1px 2px rgba(3,25,118,.06)!important;padding:12px 22px!important;line-height:1.2!important;height:auto!important}
body.e27 .tdm-btn:hover, body.e27 .wpcf7-submit:hover{background:#A914BB!important;transform:translateY(-1px)}
body.e27 .tds-button3 .tdm-btn, body.e27 a.tds-button3, body.e27 .td-load-more-wrap a{
  background:transparent!important;color:var(--e-heading)!important;box-shadow:inset 0 0 0 1.5px var(--e-heading)!important}
body.e27 .tdm-btn i, body.e27 .tdm-btn .tdm-btn-icon{display:none!important}

/* ---------- Módulos de entradas: imagen en tarjeta r-lg, texto sin caja ---------- */
body.e27 .td-module-thumb, body.e27 .td-image-wrap, body.e27 .td-module-image, body.e27 .td-big-grid-post .td-module-thumb{
  border-radius:var(--e-r-lg)!important;overflow:hidden}
body.e27 .td-module-thumb img{border-radius:var(--e-r-lg)}
body.e27 .td-image-gradient:before, body.e27 .td-big-grid-post .td-image-gradient:before{
  background:linear-gradient(180deg,rgba(3,25,118,0) 40%,rgba(3,25,118,.85) 100%)!important}
body.e27 .td-big-grid-post .entry-title, body.e27 .td-big-grid-post .entry-title a,
body.e27 .td-module-meta-info .entry-title a{color:#fff!important}
body.e27 .td-module-meta-info .td-post-date, body.e27 .td-post-author-name, body.e27 .td-module-comments{
  font-family:var(--e-xn)!important;text-transform:uppercase;letter-spacing:.1em;font-size:11px!important;color:var(--e-text-2)!important}
body.e27 .td-read-more a, body.e27 .td-read-more{
  font-family:var(--e-sans)!important;font-weight:700;font-size:14px!important;color:var(--e-heading)!important;background:transparent!important;border:0!important;padding:0!important}
body.e27 .td-video-play-ico{border-color:#fff!important;background:rgba(3,25,118,.55)!important}

/* ---------- Títulos de archivo (Tu caso, Libros, Métodos) ---------- */
body.e27 .td-category-header, body.e27 .td-page-header{background:var(--e-surface)!important}
body.e27 .entry-crumbs, body.e27 .entry-crumbs a{font-family:var(--e-xn)!important;text-transform:uppercase;letter-spacing:.12em;font-size:11px!important;color:var(--e-text-2)!important}

/* ---------- Formularios ---------- */
body.e27 input[type=text], body.e27 input[type=email], body.e27 input[type=tel], body.e27 textarea, body.e27 select{
  border:1px solid var(--e-line)!important;border-radius:var(--e-r-sm)!important;background:#fff!important;color:var(--e-ink)!important;padding:12px 14px!important}
body.e27 input:focus, body.e27 textarea:focus{outline:2px solid var(--e-accent)!important;outline-offset:2px}

/* ---------- Aviso de cookies ---------- */
body.e27 #cookie-law-info-bar{background:var(--e-navy)!important;color:#fff!important;font-family:var(--e-sans)!important;font-size:13px!important;box-shadow:0 -2px 12px rgba(3,25,118,.2)}
body.e27 #cookie-law-info-bar a{color:#fff!important;text-decoration:underline}
body.e27 #cookie_action_close_header, body.e27 #cookie-law-info-bar .cli-plugin-button, body.e27 #cookie-law-info-bar .cli_action_button{background:#fff!important;color:var(--e-navy)!important;border-radius:var(--e-r-pill)!important;font-weight:700!important;padding:6px 14px!important;text-decoration:none!important}

/* ---------- Pie: navy plano ---------- */
body.e27 .td-footer-wrapper, body.e27 .td-footer-wrap, body.e27 .td-sub-footer-container{background:var(--e-navy)!important}
body.e27 .td-footer-wrapper :is(p,a,li,h4,div,span):not([class*=icon]):not(.fa), body.e27 .td-sub-footer-container :is(p,a,li,div,span):not([class*=icon]):not(.fa){color:#C5CEEA!important;font-family:var(--e-sans)!important}
body.e27 .td-footer-wrapper i.fa, body.e27 .td-sub-footer-container i.fa{display:none!important}
body.e27 .td-footer-wrapper .block-title span, body.e27 .td-footer-wrapper h4, body.e27 .td-footer-wrapper .td-block-title span{color:#fff!important}
body.e27 .td-footer-wrapper a:hover{color:#fff!important}
body.e27 .td-sub-footer-container{border-top:1px solid #2E438A}

/* ---------- Colores heredados que no caben en 2027 ---------- */
/* teal 2018 (#56A4B1) y verde (#4CA533) como texto → tokens de texto 2027 */
body.e27 [style*="#56a4b1" i], body.e27 [style*="rgb(86, 164, 177)"]{color:var(--e-cyan-text)!important}
body.e27 [style*="#4ca533" i]{color:var(--e-ink)!important}

/* ---------- Radios fuera de escala ---------- */
body.e27 .tdm-inline-image-wrap img, body.e27 .td-post-featured-image img{border-radius:var(--e-r-lg)}

/* ---------- Móvil ---------- */
@media (max-width:767px){
  body.e27 .td-page-title, body.e27 h1.entry-title, body.e27 .tdb-title-text{font-size:34px!important}
  body.e27 .tdm-title-md{font-size:26px!important}
}

/* ---------- Títulos de bloque con degradado de texto (p. ej. «soluciones elocuent») ---------- */
body.e27 .td-block-title *, body.e27 .td-block-title{-webkit-text-fill-color:currentColor!important;background-image:none!important}

/* ---------- Landings propias (fc-landing: Labs, Intel, Factoría, Mapa de Poder) ---------- */
body.e27 .fc-landing .fc-hero{background:var(--e-surface-2)!important;border:0!important;border-radius:var(--e-r-lg)!important}
body.e27 .fc-landing .fc-card{border:1px solid var(--e-line)!important;border-radius:var(--e-r-lg)!important;box-shadow:none!important}
body.e27 .fc-landing .fc-note, body.e27 .fc-landing .fc-mail{border-left:0!important;padding-left:0!important}
body.e27 .fc-landing h1, body.e27 .fc-landing h2, body.e27 .fc-landing h3{color:var(--e-heading)!important;font-weight:700!important}
body.e27 .fc-landing h1{letter-spacing:-0.03em!important}
body.e27 .fc-landing .fc-card h3:after{content:'.';color:var(--e-accent)}

/* Etiquetas de categoría dentro de las parrillas con foto: blanco con tinta navy */
body.e27 .td-big-grid-meta .td-post-category, body.e27 .td-module-thumb + .td-post-category,
body.e27 .td-big-grid-post .td-post-category{background:#fff!important;color:var(--e-navy)!important}

/* ---------- Etiqueta de categoría sobre foto en los módulos mx ---------- */
body.e27 [class*="td_module_mx"] .td-post-category, body.e27 .td-module-meta-info .td-editor-date .td-post-category{background:#fff!important;color:var(--e-navy)!important}

/* ---------- Botones: el texto hereda del botón (blanco en la acción, navy en el contorno) ---------- */
body.e27 .tdm-btn .tdm-btn-text{color:inherit!important}

/* ---------- Grises por debajo de AA ---------- */
body.e27 .fc-landing .fc-kicker, body.e27 .fc-landing .fc-eyebrow, body.e27 .fc-landing .fc-note, body.e27 .fc-landing .fc-mail{color:var(--e-text-2)!important}
body.e27 .tdm-client-name{color:var(--e-text-2)!important}

/* ---------- Tema móvil de tagDiv: pie navy plano y menú lateral ---------- */
body.e27 .td-mobile-footer-wrap, body.e27 .td-mobile-sub-footer-wrap{background:var(--e-navy)!important}
body.e27 .td-mobile-footer-wrap *, body.e27 .td-mobile-sub-footer-wrap *{background-color:transparent!important}
body.e27 .td-mobile-footer-wrap :is(p,a,li,h4,div,span,i), body.e27 .td-mobile-sub-footer-wrap :is(p,a,li,div,span){color:#C5CEEA!important;font-family:var(--e-sans)!important}
body.e27 .td-mobile-footer-wrap [class*="td-icon"]{font-family:'newspaper'!important;color:#fff!important}
body.e27 .td-mobile-footer-wrap .block-title span, body.e27 .td-mobile-footer-wrap h4{color:#fff!important}
body.e27 .td-mobile-sub-footer-wrap{border-top:1px solid #2E438A}
body.e27 .td-mobile-footer-wrap img{max-width:220px!important;height:auto!important}
body.e27 .td-menu-background, body.e27 .td-search-background{background:var(--e-navy)!important}
body.e27 .td-menu-background:before, body.e27 .td-search-background:before{background:var(--e-navy)!important;opacity:1!important}
body.e27 .td-mobile-content a, body.e27 .td-mobile-content .td-element-after{color:#fff!important;font-family:var(--e-sans)!important}
body.e27 .td-mobile-content .current-menu-item > a, body.e27 .td-mobile-content .current-menu-ancestor > a, body.e27 .td-mobile-content .current-category-ancestor > a{color:#fff!important;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--e-accent)}
body.e27 .td-mobile-content .fa{display:none!important}

/* ---------- Iconos del tema (no son Font Awesome): navy en cabecera, blanco en el pie ---------- */
body.e27 #td-top-mobile-toggle i, body.e27 .td-header-wrap .td-icon-search, body.e27 #td-header-search-button i, body.e27 #td-header-search-button-mob i,
body.e27 .td-mobile-header-wrap i, body.e27 .td-header-wrap .td-icon-menu-up, body.e27 .td-header-wrap .td-icon-menu-down{color:var(--e-navy)!important}
body.e27 .td-footer-wrapper [class*="td-icon-"], body.e27 .td-footer-wrapper .td-social-icon-wrap i{color:#fff!important}
body.e27 .td-footer-wrapper .td-social-icon-wrap a, body.e27 .td-footer-wrapper .td_social_type a, body.e27 .td-mobile-footer-wrap .td-social-icon-wrap a{background:rgba(255,255,255,.10)!important;border-radius:var(--e-r-sm)}
body.e27 .td-mobile-sub-footer-wrap .fa, body.e27 .td-mobile-footer-wrap .fa{display:none!important}
body.e27 .td-scroll-up{background:var(--e-navy)!important;border-radius:var(--e-r-sm)}