/*
Theme Name: Content Marketing Latam
Theme URI: https://www.contentmarketinglatam.com/
Description: Tema hijo de OceanWP con el sistema de identidad de Content Marketing Latam (Manual de marca v1.0 - 2026). Portada de medio, plantilla de articulo e inventario publicitario H1-H4 / A1-A3.
Author: Content Marketing Latam
Version: 1.4.0
Template: oceanwp
Text Domain: cml
*/

/* ==========================================================================
   1. TOKENS DE MARCA  (Manual de marca v1.0, lamina 16-19)
   ========================================================================== */
:root{
  --cml-tinta:#14100E;
  --cml-hueso:#F7F3EE;
  --cml-terracota:#E4572E;
  --cml-terracota-txt:#B33A18; /* variante accesible para texto sobre Hueso */
  --cml-savia:#2F5D50;
  --cml-arena:#E5DBCC;

  --cml-texto:#231D18;
  --cml-gris:#5B534C;
  --cml-gris-2:#6B635B;
  --cml-gris-3:#8A817A;
  --cml-linea:#E0D8CE;
  --cml-borde:#C9C1B9;
  --cml-arena-2:#EFE9E1;

  --cml-serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --cml-sans:'Libre Franklin',Helvetica,Arial,sans-serif;

  --cml-ancho:1240px;
  --cml-gutter:clamp(20px,4vw,56px);
}

/* ==========================================================================
   2. BASE
   ========================================================================== */
body,
body.oceanwp-theme{
  font-family:var(--cml-sans);
  font-size:18px;
  line-height:1.66;
  color:var(--cml-texto);
  background:var(--cml-hueso);
  -webkit-font-smoothing:antialiased;
}

#main,
#content-wrap,
.site-content{background:var(--cml-hueso);}

h1,h2,h3,h4,h5,h6,
.entry-title,
.single-post-title{
  font-family:var(--cml-serif);
  color:var(--cml-tinta);
  font-weight:400;
  letter-spacing:-.01em;
  text-wrap:pretty;
}

a{color:var(--cml-terracota-txt);text-decoration:none;}
a:hover,a:focus{color:var(--cml-terracota);}

/* Sin esquinas redondeadas, sin sombras, sin degradados (lamina 20) */
.cml-portada *,
.cml-topbar *,
#site-header .cml-cta,
.cml-ad,
.cml-card,
.cml-tag{border-radius:0 !important;box-shadow:none !important;}

::selection{background:var(--cml-terracota);color:#fff;}

.cml-wrap{max-width:var(--cml-ancho);margin:0 auto;padding-left:var(--cml-gutter);padding-right:var(--cml-gutter);}

/* ==========================================================================
   3. BARRA SUPERIOR
   ========================================================================== */
.cml-topbar{
  background:var(--cml-tinta);
  color:var(--cml-borde);
  font-size:13px;
  letter-spacing:.06em;
}
.cml-topbar .cml-wrap{
  min-height:44px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-top:8px;padding-bottom:8px;
}
.cml-topbar a{color:var(--cml-borde);}
.cml-topbar a:hover{color:var(--cml-hueso);}
.cml-topbar .cml-topbar-links{display:flex;gap:24px;align-items:center;}
.cml-topbar .cml-topbar-links a:first-child{color:var(--cml-hueso);font-weight:600;}
@media (max-width:768px){
  .cml-topbar .cml-topbar-claim{display:none;}
  .cml-topbar .cml-wrap{justify-content:center;}
}

/* ==========================================================================
   4. CABECERA Y NAVEGACION
   ========================================================================== */
#site-header,
#site-header.minimal-header{
  background:var(--cml-hueso);
  border-bottom:2px solid var(--cml-tinta);
  box-shadow:none;
}
#site-header-inner{padding-top:22px;padding-bottom:22px;}

#site-logo img,
#site-logo .custom-logo{max-height:52px;width:auto;}

#site-navigation-wrap .dropdown-menu > li > a,
.oceanwp-mobile-menu-icon a{
  font-family:var(--cml-sans);
  font-size:14px;
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--cml-gris);
  padding:0 16px;
}
#site-navigation-wrap .dropdown-menu > li > a:hover{color:var(--cml-tinta);}
#site-navigation-wrap .dropdown-menu > li.current-menu-item > a,
#site-navigation-wrap .dropdown-menu > li.current-menu-parent > a,
#site-navigation-wrap .dropdown-menu > li.current-post-ancestor > a{
  color:var(--cml-tinta);
  box-shadow:inset 0 -4px 0 var(--cml-terracota);
}

/* CTA Suscribirse dentro del menu */
#site-navigation-wrap .dropdown-menu > li.cml-menu-cta > a,
.cml-cta{
  background:var(--cml-terracota);
  color:#fff !important;
  padding:11px 22px !important;
  letter-spacing:.04em;
  box-shadow:none !important;
}
#site-navigation-wrap .dropdown-menu > li.cml-menu-cta > a:hover{background:var(--cml-tinta);}
#site-navigation-wrap .dropdown-menu > li.cml-menu-cta{display:flex;align-items:center;margin-left:12px;}

/* ==========================================================================
   5. CABECERA DE PAGINA / MIGAS
   ========================================================================== */
.page-header{
  background:var(--cml-hueso);
  border-bottom:1px solid var(--cml-linea);
  padding:18px 0;
}
.page-header .page-header-title{
  font-family:var(--cml-serif);
  font-size:clamp(34px,5vw,48px);
  line-height:1.1;
  color:var(--cml-tinta);
}
.site-breadcrumbs,
.site-breadcrumbs *{
  font-size:13px;
  letter-spacing:.06em;
  color:var(--cml-gris-3);
}
.site-breadcrumbs a{color:var(--cml-gris);}

/* ==========================================================================
   6. ARTICULO  (lamina 19: jerarquia tipografica)
   ========================================================================== */
.single-post #content-wrap{padding-top:48px;}

.single-post-title,
.single .entry-header .entry-title{
  font-size:clamp(36px,5.2vw,60px);
  line-height:1.05;
  margin:0 0 20px;
}

/* Etiqueta de categoria sobre el titular */
.cml-kicker{
  display:inline-block;
  border:2px solid var(--cml-tinta);
  padding:5px 14px;
  font-family:var(--cml-sans);
  font-size:12px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--cml-tinta);
  margin-bottom:18px;
}
.cml-kicker:hover{background:var(--cml-tinta);color:var(--cml-hueso);}

/* Entradilla */
.cml-entradilla{
  font-size:clamp(19px,2.2vw,23px);
  line-height:1.55;
  font-weight:300;
  color:#3D362F;
  margin:0 0 28px;
  max-width:38em;
}

/* Firma */
.single .entry-header + .cml-firma,
.cml-firma{
  display:flex;align-items:center;gap:16px;
  border-top:1px solid var(--cml-linea);
  border-bottom:1px solid var(--cml-linea);
  padding:18px 0;
  margin:0 0 32px;
  font-size:14px;
}
.cml-firma img{width:52px;height:52px;border-radius:50%;object-fit:cover;}
.cml-firma .cml-firma-nombre{font-size:16px;font-weight:600;color:var(--cml-tinta);}
.cml-firma .cml-firma-meta{font-size:14px;color:var(--cml-gris-3);letter-spacing:.04em;}
.cml-firma .cml-compartir{
  margin-left:auto;display:flex;gap:12px;align-items:center;
  font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
}

/* Meta nativa de OceanWP: se oculta porque la sustituye .cml-firma */
.single-post ul.meta.ospm-modern{display:none;}

/* Imagen destacada */
.single-post .thumbnail img{width:100%;height:auto;display:block;}
.single-post .thumbnail{margin-bottom:12px;}
.wp-caption-text,.cml-pie{font-size:14px;color:var(--cml-gris-3);line-height:1.5;margin-bottom:32px;}

/* Cuerpo del articulo: maximo 75 caracteres por linea */
.single-post .entry-content{
  font-size:20px;
  line-height:1.72;
  color:var(--cml-texto);
  max-width:38em;
}
.single-post .entry-content > p{margin:0 0 28px;}
.single-post .entry-content h2{
  font-family:var(--cml-serif);
  font-size:clamp(30px,3.6vw,40px);
  line-height:1.12;
  margin:48px 0 20px;
}
.single-post .entry-content h3{
  font-family:var(--cml-sans);
  font-weight:600;
  font-size:26px;
  line-height:1.25;
  margin:40px 0 16px;
  letter-spacing:0;
}
.single-post .entry-content h4{font-family:var(--cml-sans);font-weight:600;font-size:21px;margin:32px 0 12px;}
.single-post .entry-content ul,
.single-post .entry-content ol{margin:0 0 28px;padding-left:26px;}
.single-post .entry-content li{margin-bottom:12px;line-height:1.7;}
.single-post .entry-content a{text-decoration:underline;text-underline-offset:3px;}
.single-post .entry-content img{height:auto;}

/* Cita destacada (lamina 19: Instrument Serif italica 30/38) */
.single-post .entry-content blockquote{
  margin:36px 0;
  padding:0 0 0 32px;
  border-left:4px solid var(--cml-terracota);
  background:none;
  font-family:var(--cml-serif);
  font-style:italic;
  font-size:clamp(26px,3.2vw,34px);
  line-height:1.28;
  color:var(--cml-terracota-txt);
}
.single-post .entry-content blockquote p{margin:0;font-size:inherit;line-height:inherit;}

/* Tablas y bloques de apoyo sobre Arena */
.single-post .entry-content table{width:100%;border-collapse:collapse;font-size:17px;margin-bottom:32px;}
.single-post .entry-content th{background:var(--cml-tinta);color:var(--cml-hueso);text-align:left;padding:12px 16px;font-family:var(--cml-sans);font-size:13px;letter-spacing:.1em;text-transform:uppercase;}
.single-post .entry-content td{border-bottom:1px solid var(--cml-linea);padding:12px 16px;}
.single-post .entry-content tr:nth-child(even) td{background:var(--cml-arena-2);}

.cml-destacado{
  background:var(--cml-arena);
  padding:32px 36px;
  margin:36px 0;
}
.cml-destacado .cml-destacado-label{
  font-family:var(--cml-sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:600;color:var(--cml-terracota-txt);margin-bottom:10px;
}

/* Bloque FAQ de Yoast */
.schema-faq-section{border-bottom:1px solid var(--cml-linea);padding:20px 0;}
.schema-faq-question{font-family:var(--cml-sans);font-weight:600;font-size:19px;color:var(--cml-tinta);display:block;margin-bottom:8px;}
.schema-faq-answer{font-size:18px;color:var(--cml-gris);}

/* Barra de progreso de lectura */
.cml-progress{position:fixed;top:0;left:0;height:4px;width:100%;background:var(--cml-linea);z-index:9990;}
.cml-progress span{display:block;height:100%;width:0;background:var(--cml-terracota);}
.admin-bar .cml-progress{top:32px;}
@media (max-width:782px){.admin-bar .cml-progress{top:46px;}}

/* Caja de autor */
.cml-autor-box{
  border-top:2px solid var(--cml-tinta);
  padding-top:28px;margin-top:48px;
  display:flex;gap:24px;align-items:flex-start;
}
.cml-autor-box img{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none;}
.cml-autor-box .cml-autor-label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--cml-terracota-txt);margin-bottom:6px;}
.cml-autor-box .cml-autor-nombre{font-family:var(--cml-serif);font-size:28px;line-height:1.15;color:var(--cml-tinta);}
.cml-autor-box p{font-size:17px;line-height:1.6;color:var(--cml-gris);margin:6px 0 0;}

/* ==========================================================================
   7. BARRA LATERAL
   ========================================================================== */
#right-sidebar,#left-sidebar{background:transparent;}
#right-sidebar .sidebar-box,
#left-sidebar .sidebar-box{margin-bottom:40px;}
.widget-title,
#right-sidebar .widget-title{
  font-family:var(--cml-sans);
  font-size:13px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--cml-tinta);
  border-bottom:2px solid var(--cml-tinta);
  padding-bottom:12px;
  margin-bottom:18px;
}
#right-sidebar ul{list-style:none;margin:0;padding:0;}
#right-sidebar li{border-bottom:1px solid var(--cml-linea);padding:14px 0;font-size:17px;line-height:1.35;}
#right-sidebar li a{color:var(--cml-tinta);font-weight:500;}
#right-sidebar li a:hover{color:var(--cml-terracota-txt);}

/* Lista numerada "Mas leido" */
.cml-ranking{counter-reset:cml 0;}
.cml-ranking li{display:flex;gap:18px;align-items:baseline;}
.cml-ranking li::before{
  counter-increment:cml;
  content:counter(cml,decimal-leading-zero);
  font-family:var(--cml-serif);
  font-size:34px;line-height:1;color:var(--cml-terracota);flex:none;
}

/* Dato de la semana */
.cml-dato{background:var(--cml-savia);color:var(--cml-hueso);padding:32px;}
.cml-dato .cml-dato-label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#A8C8BE;margin-bottom:14px;}
.cml-dato .cml-dato-cifra{font-family:var(--cml-serif);font-size:64px;line-height:1;margin-bottom:14px;}
.cml-dato p{font-size:16px;line-height:1.5;color:#D6E4DF;margin:0 0 10px;}
.cml-dato .cml-dato-fuente{font-size:13px;color:#A8C8BE;letter-spacing:.04em;}

/* Ultimo widget del lateral, fijo al hacer scroll (>=1024px) */
@media (min-width:1024px){
  #right-sidebar .sidebar-box:last-child{position:sticky;top:96px;}
}

/* ==========================================================================
   8. INVENTARIO PUBLICITARIO  (H1-H4 portada, A1-A3 articulo)
   ========================================================================== */
.cml-ad{
  margin:32px 0;
  text-align:center;
  background:var(--cml-arena-2);
  border:1px dashed var(--cml-borde);
  padding:14px;
}
.cml-ad::before{
  content:attr(data-label);
  display:block;
  font-family:var(--cml-sans);
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--cml-gris-3);
  margin-bottom:10px;
}
.cml-ad > *{margin-left:auto;margin-right:auto;}
.cml-ad img,.cml-ad iframe,.cml-ad ins{max-width:100%;height:auto;display:block;}
/* Reserva de espacio: evita CLS mientras carga el anuncio (Core Web Vitals) */
.cml-ad-h1 .cml-ad-slot{min-height:250px;}
.cml-ad-h2 .cml-ad-slot,
.cml-ad-a1 .cml-ad-slot{min-height:250px;}
.cml-ad-h4 .cml-ad-slot,
.cml-ad-a3 .cml-ad-slot{min-height:600px;}
.cml-ad-a1 .cml-ad-slot,
.cml-ad-a2 .cml-ad-slot{min-height:90px;}
@media (max-width:782px){
  .cml-ad-h1 .cml-ad-slot,
  .cml-ad-h4 .cml-ad-slot,
  .cml-ad-a3 .cml-ad-slot{min-height:250px;}
}
/* Cuando el hueco esta vacio no se pinta nada en produccion */
.cml-ad:empty{display:none;}

/* Tarjeta nativa patrocinada (H3): usa la retorica de una tarjeta editorial,
   con la etiqueta "Patrocinado" siempre visible y en la tipografia del medio. */
.cml-ad-h3{
  text-align:left;
  background:var(--cml-arena-2);
  border:1px dashed var(--cml-borde);
  padding:28px;
  margin:0 0 32px;
}
.cml-ad-h3::before{
  color:var(--cml-terracota-txt);
  font-size:11px;
  letter-spacing:.2em;
  margin-bottom:14px;
}
.cml-ad-h3 .cml-ad-slot{min-height:0;}
.cml-ad-h3 img{max-width:100%;height:auto;}

/* Lateral de la portada */
.cml-lateral{display:flex;flex-direction:column;gap:40px;}
.cml-lateral .sidebar-box{margin:0;}
.cml-lateral .widget-title{
  font-family:var(--cml-sans);font-size:13px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cml-tinta);
  border-bottom:2px solid var(--cml-tinta);padding-bottom:12px;margin:0 0 16px;
}
.cml-lateral ul{list-style:none;margin:0;padding:0;}
.cml-lateral li{border-bottom:1px solid var(--cml-linea);padding:14px 0;font-size:17px;line-height:1.35;}
.cml-lateral li a{color:var(--cml-tinta);font-weight:500;}
.cml-lateral .cml-ad{margin:0;}
@media (min-width:1024px){
  .cml-lateral .cml-ad-h4{position:sticky;top:96px;}
}

/* ==========================================================================
   9. TARJETAS DE ARTICULO  (lamina 27)
   ========================================================================== */
.cml-tag{
  font-family:var(--cml-sans);
  font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cml-terracota-txt);display:inline-block;
}
.cml-card{display:flex;flex-direction:column;gap:12px;}
.cml-card .cml-card-img{display:block;overflow:hidden;background:var(--cml-arena);aspect-ratio:3/2;}
.cml-card .cml-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.cml-card:hover .cml-card-img img{transform:scale(1.03);}
.cml-card h3,.cml-card h2{margin:0;font-family:var(--cml-serif);line-height:1.15;}
.cml-card h3 a,.cml-card h2 a{color:var(--cml-tinta);}
.cml-card h3 a:hover,.cml-card h2 a:hover{color:var(--cml-terracota-txt);}
.cml-card p{font-size:17px;line-height:1.55;color:var(--cml-gris);margin:0;}
.cml-card .cml-meta{font-size:13px;color:var(--cml-gris-3);letter-spacing:.06em;}

/* Tarjeta tipografica: cuando no hay imagen manda la tipografia (lamina 27) */
.cml-card--tipo{background:var(--cml-arena);padding:36px;gap:16px;}
.cml-card--tipo::before{content:"";display:block;width:120px;height:4px;background:var(--cml-terracota);}

/* ==========================================================================
   10. PORTADA
   ========================================================================== */
.cml-portada{background:var(--cml-hueso);}
.cml-portada section{padding-top:48px;padding-bottom:48px;}

.cml-seccion-cab{
  display:flex;align-items:baseline;justify-content:space-between;gap:24px;
  border-bottom:2px solid var(--cml-tinta);padding-bottom:14px;margin-bottom:32px;
}
.cml-seccion-cab h2{font-family:var(--cml-serif);font-size:clamp(28px,3.4vw,40px);margin:0;}
.cml-seccion-cab a{font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;}

/* Bloque principal */
.cml-hero{display:grid;grid-template-columns:1.55fr 1fr;gap:48px;border-bottom:1px solid var(--cml-linea);}
.cml-hero .cml-hero-main .cml-card-img{aspect-ratio:16/9;margin-bottom:24px;}
.cml-hero .cml-hero-main h2{font-size:clamp(32px,4.6vw,60px);line-height:1.05;margin:0 0 16px;}
.cml-hero .cml-hero-main p{font-size:20px;line-height:1.6;color:var(--cml-gris);max-width:34em;}
.cml-hero .cml-hero-side{display:flex;flex-direction:column;gap:32px;}
.cml-hero .cml-hero-side > article{border-bottom:1px solid var(--cml-linea);padding-bottom:32px;}
.cml-hero .cml-hero-side > article:last-child{border-bottom:0;padding-bottom:0;}
.cml-hero .cml-hero-side h3{font-size:26px;}
.cml-hero .cml-hero-side .cml-side-first h3{font-size:32px;}
.cml-hero .cml-hero-side .cml-side-row{display:flex;gap:20px;}
.cml-hero .cml-hero-side .cml-side-row .cml-card-img{width:150px;flex:none;height:110px;aspect-ratio:auto;}

/* Banda de boletin */
.cml-newsletter{background:var(--cml-tinta);color:var(--cml-hueso);}
.cml-newsletter .cml-wrap{display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap;padding-top:44px;padding-bottom:44px;}
.cml-newsletter .cml-nl-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cml-terracota);font-weight:600;margin-bottom:10px;}
.cml-newsletter h2{font-family:var(--cml-serif);font-size:clamp(26px,3.4vw,38px);line-height:1.15;color:var(--cml-hueso);margin:0 0 8px;}
.cml-newsletter .cml-nl-sub{font-size:16px;color:var(--cml-borde);}
.cml-newsletter form,.cml-newsletter .cml-nl-form{display:flex;gap:0;align-items:stretch;flex-wrap:wrap;}
.cml-newsletter input[type=email]{background:var(--cml-hueso);border:0;color:var(--cml-tinta);padding:16px 24px;font-size:16px;width:320px;max-width:100%;font-family:var(--cml-sans);}
.cml-newsletter button,.cml-newsletter .cml-nl-btn{background:var(--cml-terracota);color:#fff;border:0;padding:16px 32px;font-size:16px;font-weight:600;font-family:var(--cml-sans);cursor:pointer;}
.cml-newsletter button:hover{background:#fff;color:var(--cml-tinta);}

/* Listado "Lo ultimo" */
.cml-grid-main{display:grid;grid-template-columns:1fr 340px;gap:56px;}
.cml-lista > article{display:flex;gap:28px;border-bottom:1px solid var(--cml-linea);padding-bottom:32px;margin-bottom:32px;}
.cml-lista > article .cml-card-img{width:280px;flex:none;height:190px;aspect-ratio:auto;}
.cml-lista > article h3{font-size:clamp(24px,2.6vw,32px);}
.cml-lista > article.cml-card--tipo{display:flex;flex-direction:column;gap:16px;border-bottom:0;}

/* Bloque de categoria sobre Arena */
.cml-cat-block{background:var(--cml-arena);}
.cml-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.cml-cat-grid h3{font-size:25px;}

/* ==========================================================================
   11. ARCHIVO Y CATEGORIA
   ========================================================================== */
.archive .blog-entry.post,
.blog .blog-entry.post{border-bottom:1px solid var(--cml-linea);padding-bottom:32px;margin-bottom:32px;}
.archive .blog-entry .entry-title,
.blog .blog-entry .entry-title{font-family:var(--cml-serif);font-size:clamp(24px,2.6vw,32px);line-height:1.15;}
.archive .blog-entry .entry-title a,
.blog .blog-entry .entry-title a{color:var(--cml-tinta);}
.blog-entry .thumbnail img{width:100%;height:auto;}
.entry-meta,.blog-entry .meta{font-size:13px;letter-spacing:.06em;color:var(--cml-gris-3);}

/* Paginacion */
.page-numbers{font-family:var(--cml-sans);font-weight:600;border:1px solid var(--cml-borde);color:var(--cml-tinta);}
.page-numbers.current{background:var(--cml-tinta);color:var(--cml-hueso);border-color:var(--cml-tinta);}

/* ==========================================================================
   12. PIE DE PAGINA
   ========================================================================== */
#footer-widgets,#footer-bottom,.footer-box{background:var(--cml-tinta);color:var(--cml-borde);}
#footer-widgets{padding:64px 0 40px;border-top:0;}
#footer-widgets .widget-title,
#footer-widgets .footer-widget-title{
  font-family:var(--cml-sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cml-terracota);font-weight:600;border:0;padding:0;margin-bottom:16px;
}
#footer-widgets a,#footer-bottom a{color:var(--cml-borde);}
#footer-widgets a:hover,#footer-bottom a:hover{color:var(--cml-hueso);}
#footer-widgets li{border-bottom:0;padding:7px 0;font-size:16px;}
#footer-bottom{border-top:1px solid #3A342E;color:var(--cml-gris-3);font-size:14px;padding:26px 0;}

/* ==========================================================================
   13. RESPONSIVE
   ========================================================================== */
@media (max-width:1024px){
  .cml-grid-main{grid-template-columns:1fr;gap:48px;}
  .cml-cat-grid{grid-template-columns:repeat(2,1fr);}
  .cml-hero{grid-template-columns:1fr;gap:40px;}
  #right-sidebar .sidebar-box:last-child{position:static;}
}
@media (max-width:768px){
  body{font-size:17px;}
  .single-post .entry-content{font-size:18px;line-height:1.7;}
  .cml-lista > article{flex-direction:column;gap:16px;}
  .cml-lista > article .cml-card-img{width:100%;height:auto;aspect-ratio:3/2;}
  .cml-hero .cml-hero-side .cml-side-row{flex-direction:column;}
  .cml-hero .cml-hero-side .cml-side-row .cml-card-img{width:100%;height:auto;aspect-ratio:3/2;}
  .cml-firma{flex-wrap:wrap;}
  .cml-firma .cml-compartir{margin-left:0;width:100%;padding-top:12px;}
  .cml-autor-box{flex-direction:column;gap:16px;}
  .cml-newsletter .cml-wrap{gap:24px;}
  .cml-newsletter input[type=email]{width:100%;}
  .cml-newsletter .cml-nl-form{width:100%;}
  .cml-newsletter button{flex:1;}
}
@media (max-width:560px){
  .cml-cat-grid{grid-template-columns:1fr;}
}

/* ==========================================================================
   14. ACCESIBILIDAD E IMPRESION
   ========================================================================== */
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:3px solid var(--cml-terracota);outline-offset:2px;
}
@media print{
  .cml-ad,.cml-topbar,#site-navigation-wrap,#footer-widgets,.cml-newsletter{display:none !important;}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important;}
}


/* ==========================================================================
   15. CORRECCIONES SOBRE LA CSS DINAMICA DE OCEANWP
   OceanWP imprime la tipografia del Personalizador en un <style> del <head>,
   posterior a esta hoja. Estas reglas devuelven el sistema del manual.
   ========================================================================== */
h1,h2,h3,h4,h5,h6,
.entry-title,.single-post-title,.page-header-title,
.cml-card h2,.cml-card h3,.cml-seccion-cab h2,.cml-newsletter h2,
.cml-dato .cml-dato-cifra,.cml-autor-box .cml-autor-nombre{
  font-family:var(--cml-serif) !important;font-weight:400 !important;
}
.single-post .entry-content h3,.single-post .entry-content h4,
.widget-title,#right-sidebar .widget-title,.cml-lateral .widget-title,
#footer-widgets .widget-title,#footer-widgets .footer-widget-title{
  font-family:var(--cml-sans) !important;font-weight:600 !important;
}
body,.entry-content,#site-navigation-wrap .dropdown-menu > li > a,
.cml-meta,.cml-tag,.cml-kicker,.cml-firma,.cml-entradilla{font-family:var(--cml-sans) !important;}

.cml-card a,.cml-card h2 a,.cml-card h3 a,.cml-tag,.cml-kicker,
.cml-seccion-cab a,.cml-lateral li a,.cml-topbar a{text-decoration:none !important;}
.cml-card h2 a:hover,.cml-card h3 a:hover{text-decoration:none !important;color:var(--cml-terracota-txt);}

.cml-lista > article{flex-direction:row;align-items:flex-start;}
.cml-lista > article > div{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;}
.cml-lista > article.cml-card--tipo{flex-direction:column;}
.cml-hero .cml-hero-side .cml-side-row{flex-direction:row;align-items:flex-start;}
.cml-hero .cml-hero-side .cml-side-row > div{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;}
@media (max-width:768px){
  .cml-lista > article,.cml-hero .cml-hero-side .cml-side-row{flex-direction:column;}
}

.home .page-header,.home .page-header-title{display:none !important;}
.single-post .page-header .page-header-title{display:none;}
.single-post .page-header{padding:14px 0;background:var(--cml-hueso);}

.cml-topbar .cml-wrap{max-width:var(--cml-ancho);}

#right-sidebar .search-field,#right-sidebar input[type=search],#right-sidebar select{
  width:100%;border:1px solid var(--cml-borde);background:#fff;
  padding:12px 14px;font-family:var(--cml-sans);font-size:15px;border-radius:0;
}
#right-sidebar .sidebar-box{border:0;background:transparent;padding:0;}


/* ==========================================================================
   16. ANUNCIO DE CASA Y BOLETIN LATERAL
   ========================================================================== */
.cml-house{
  display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;
  text-align:center;padding:28px 24px;min-height:inherit;height:100%;
  background:var(--cml-arena);color:var(--cml-tinta);text-decoration:none !important;
}
.cml-house:hover{background:var(--cml-tinta);}
.cml-house:hover .cml-house-t,.cml-house:hover .cml-house-s{color:var(--cml-hueso);}
.cml-house-t{font-family:var(--cml-serif);font-size:26px;line-height:1.15;color:var(--cml-tinta);}
.cml-house-s{font-size:14px;line-height:1.5;color:var(--cml-gris);max-width:34ch;}
.cml-house-c{
  margin-top:6px;background:var(--cml-terracota);color:#fff;
  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:10px 18px;
}
.cml-ad-h1 .cml-house,.cml-ad-a1 .cml-house,.cml-ad-a2 .cml-house{padding:22px;}
.cml-ad-h1 .cml-house-t{font-size:30px;}
.cml-ad-h3 .cml-house{align-items:flex-start;text-align:left;}

.cml-nl-box{background:var(--cml-tinta);color:var(--cml-hueso);padding:28px;display:flex;flex-direction:column;gap:14px;}
.cml-nl-box .cml-nl-label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--cml-terracota);}
.cml-nl-box .cml-nl-titulo{font-family:var(--cml-serif) !important;font-size:26px;line-height:1.2;color:var(--cml-hueso);}
.cml-nl-box .cml-nl-btn{background:var(--cml-terracota);color:#fff !important;padding:12px 16px;font-size:15px;font-weight:600;text-align:center;text-decoration:none !important;}
.cml-nl-box .cml-nl-btn:hover{background:var(--cml-hueso);color:var(--cml-tinta) !important;}


/* ==========================================================================
   17. PIE DE PAGINA DEL MEDIO
   ========================================================================== */
.cml-footer{background:var(--cml-tinta);color:var(--cml-borde);padding:64px 0 48px;}
.cml-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;}
.cml-footer-nombre{font-family:var(--cml-serif) !important;font-size:32px;line-height:1.1;color:var(--cml-hueso);margin-bottom:16px;}
.cml-footer p{font-size:16px;line-height:1.6;color:var(--cml-borde);margin:0 0 16px;max-width:36ch;}
.cml-footer-t{
  font-family:var(--cml-sans) !important;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cml-terracota);font-weight:600;margin-bottom:16px;
}
.cml-footer ul,.cml-footer .menu{list-style:none;margin:0;padding:0;}
.cml-footer li{padding:7px 0;font-size:16px;border:0;}
.cml-footer a{color:var(--cml-borde);text-decoration:none !important;}
.cml-footer a:hover{color:var(--cml-hueso);}
.cml-footer-cta{
  display:inline-block;background:var(--cml-terracota);color:#fff !important;
  padding:12px 22px;font-size:14px;font-weight:600;letter-spacing:.04em;margin-top:4px;
}
.cml-footer-cta:hover{background:var(--cml-hueso);color:var(--cml-tinta) !important;}
#footer-bottom{border-top:1px solid #3A342E;}
@media (max-width:1024px){ .cml-footer-grid{grid-template-columns:1fr 1fr;gap:40px;} }
@media (max-width:600px){ .cml-footer-grid{grid-template-columns:1fr;gap:32px;} }


/* ==========================================================================
   18. ARCHIVO Y CATEGORIA: tarjeta en linea, imagen 3:2
   ========================================================================== */
.archive .blog-entry.post,
.blog .blog-entry.post,
.search .blog-entry.post{
  display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start;
  border-bottom:1px solid var(--cml-linea);padding-bottom:32px;margin-bottom:32px;
  float:none !important;width:100% !important;
}
.archive .blog-entry .thumbnail,
.blog .blog-entry .thumbnail,
.search .blog-entry .thumbnail{margin:0;width:100%;aspect-ratio:3/2;overflow:hidden;background:var(--cml-arena);}
.archive .blog-entry .thumbnail img,
.blog .blog-entry .thumbnail img,
.search .blog-entry .thumbnail img{width:100%;height:100%;object-fit:cover;display:block;}
.archive .blog-entry-header,
.blog .blog-entry-header{margin-bottom:10px;}
.archive .blog-entry .entry-title,
.blog .blog-entry .entry-title{margin:0 0 10px;}
.archive .blog-entry .entry-summary p,
.blog .blog-entry .entry-summary p{font-size:17px;line-height:1.55;color:var(--cml-gris);}
.archive .blog-entry .blog-entry-readmore,
.blog .blog-entry .blog-entry-readmore{margin-top:12px;}
.archive .blog-entry .blog-entry-readmore a,
.blog .blog-entry .blog-entry-readmore a{
  font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;text-decoration:none !important;
}
.archive .page-header,.blog .page-header{padding:28px 0;}
.archive .page-header-title,.blog .page-header-title{display:block !important;}
@media (max-width:768px){
  .archive .blog-entry.post,
  .blog .blog-entry.post,
  .search .blog-entry.post{grid-template-columns:1fr;gap:16px;}
}


/* 18b. La retícula va en .blog-entry-inner, que es el único hijo de .blog-entry */
.archive .blog-entry.post,
.blog .blog-entry.post,
.search .blog-entry.post{display:block;}
.archive .blog-entry-inner,
.blog .blog-entry-inner,
.search .blog-entry-inner{
  display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start;
}
.archive .blog-entry-inner > .thumbnail,
.blog .blog-entry-inner > .thumbnail,
.search .blog-entry-inner > .thumbnail{grid-row:1 / span 4;}
@media (max-width:768px){
  .archive .blog-entry-inner,
  .blog .blog-entry-inner,
  .search .blog-entry-inner{grid-template-columns:1fr;gap:16px;}
  .archive .blog-entry-inner > .thumbnail,
  .blog .blog-entry-inner > .thumbnail,
  .search .blog-entry-inner > .thumbnail{grid-row:auto;}
}


/* ==========================================================================
   19. CREATIVIDADES DE ANUNCIANTE: WAC IA (We Are Content)
   Estilos compartidos por las siete piezas creadas en Advanced Ads.
   La tipografia Nunito se carga junto con las fuentes del medio.
   ========================================================================== */
.wacia{
  font-family:'Nunito',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  display:block;text-decoration:none !important;overflow:hidden;position:relative;
  box-sizing:border-box;line-height:1.3;letter-spacing:0;
  -webkit-font-smoothing:antialiased;max-width:100%;
}
.wacia *{box-sizing:border-box;}
.wacia img{display:block;height:auto;max-width:100%;}
.wacia .w-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;}
.wacia .w-h{font-weight:800;letter-spacing:-.01em;margin:0;}
.wacia .w-p{font-weight:400;margin:0;opacity:.92;}
.wacia .w-btn{
  display:inline-block;border-radius:8px !important;font-weight:700;font-size:15px;
  padding:13px 22px;white-space:nowrap;transition:transform .15s ease;
}
.wacia:hover .w-btn{transform:translateY(-2px);}
.wacia .w-dot{width:8px;height:8px;border-radius:50%;display:inline-block;}
.cml-ad .wacia{margin:0 auto;}
@media (max-width:600px){
  .wacia{height:auto !important;min-height:0 !important;}
  .wacia .w-in{flex-direction:column !important;align-items:flex-start !important;gap:16px !important;text-align:left !important;}
  .wacia .w-h{font-size:24px !important;}
  .wacia .w-p{font-size:15px !important;}
}


/* 19b. El sistema tipografico del medio no debe invadir la creatividad del anunciante */
.wacia .w-h,
.wacia h1,.wacia h2,.wacia h3,.wacia h4,
.wacia .w-p,.wacia .w-eyebrow,.wacia .w-btn,.wacia div,.wacia span,.wacia p{
  font-family:'Nunito',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif !important;
}
.wacia .w-h,.wacia h1,.wacia h2,.wacia h3,.wacia h4{
  font-weight:800 !important;letter-spacing:-.01em !important;
}
.wacia .w-p{font-weight:400 !important;}
.wacia .w-eyebrow,.wacia .w-btn{font-weight:700 !important;}
.cml-ad .wacia,.cml-ad .wacia *{text-align:left;}
.cml-ad .wacia [style*="text-align:center"]{text-align:center !important;}
.cml-ad-h1 .cml-ad-slot,.cml-ad-a1 .cml-ad-slot,.cml-ad-a2 .cml-ad-slot{min-height:0;}


/* ==========================================================================
   20. FORMULARIO DEL BOLETIN (plugin Newsletter)
   ========================================================================== */
.cml-newsletter .tnp,
.cml-newsletter .tnp-widget,
.cml-newsletter .tnp-subscription{max-width:none;margin:0;}
.cml-newsletter .tnp form{display:flex;gap:0;align-items:stretch;flex-wrap:wrap;margin:0;}
.cml-newsletter .tnp-field{margin:0;flex:1;min-width:240px;}
.cml-newsletter .tnp-field-email input,
.cml-newsletter input[type=email],
.cml-newsletter input[type=text]{
  background:var(--cml-hueso) !important;border:0 !important;border-radius:0 !important;
  color:var(--cml-tinta) !important;padding:16px 22px !important;font-size:16px !important;
  font-family:var(--cml-sans) !important;width:100% !important;height:auto !important;margin:0 !important;
}
.cml-newsletter .tnp-field-button{flex:none;min-width:0;}
.cml-newsletter .tnp-submit,
.cml-newsletter input[type=submit],
.cml-newsletter button[type=submit]{
  background:var(--cml-terracota) !important;color:#fff !important;border:0 !important;border-radius:0 !important;
  padding:16px 32px !important;font-size:16px !important;font-weight:600 !important;
  font-family:var(--cml-sans) !important;cursor:pointer;margin:0 !important;width:auto !important;height:auto !important;
}
.cml-newsletter .tnp-submit:hover{background:#fff !important;color:var(--cml-tinta) !important;}
.cml-newsletter .tnp-field-privacy,
.cml-newsletter .tnp-privacy-field{
  flex-basis:100%;margin-top:12px !important;font-size:13px;color:var(--cml-borde);
}
.cml-newsletter .tnp-field-privacy a{color:#fff;text-decoration:underline;}

/* Caja del lateral del articulo */
.cml-nl-box .tnp form{flex-direction:column;gap:10px;}
.cml-nl-box .tnp-field{width:100%;}
.cml-nl-box .tnp-submit{width:100% !important;text-align:center;}

@media (max-width:768px){
  .cml-newsletter .tnp form{flex-direction:column;}
  .cml-newsletter .tnp-submit{width:100% !important;}
}