/* =========================================================
   SECCIÓN · PORTADA PRINCIPAL
========================================================= */

*{margin:0;padding:0;box-sizing:border-box} 
body{background:#fff;color:#111;font-family:'Inter',sans-serif} 
a{text-decoration:none;color:inherit} 
img{width:100%;display:block} 


/* ===== WRAPPER ===== */
.forbes-home{ 
  width:100%; 
  padding:40px 40px 80px 
} 
 
.forbes-grid{ 
  max-width:1080px; 
  margin:0 auto; 
  display:grid; 
  grid-template-columns:210px 540px 230px; 
  column-gap:20px; 
  row-gap:0; 
  align-items:start; 
  position:relative; 
} 


/* ===== ENFOQUE DEL MEDIO ===== */ 
 
.forbes-intro{ 
  grid-column:1 / -1; 
  width:100%; 
  margin:0; 
  padding:0 0 12px; 
} 
 
.etiqueta-enfoque{ 
  display:inline-flex; 
  align-items:center; 
  gap:6px; 
  margin:0 0 7px; 
  padding:0; 
  border:0; 
  background:none; 
  color:#111; 
  font-family:'Inter',sans-serif; 
  font-size:9px; 
  line-height:1; 
  font-weight:800; 
  letter-spacing:1.8px; 
  text-transform:uppercase; 
} 
 
.etiqueta-medio{ 
  display:inline-flex; 
  align-items:center; 
  padding:3px 5px 2px; 
  background:#111; 
  color:#fff; 
  font-size:7px; 
  line-height:1; 
  font-weight:700; 
  letter-spacing:1.1px; 
  text-transform:uppercase; 
} 
 
.forbes-intro-description{ 
  max-width:600px; 
  margin:0; 
  padding:0; 
  color:#555; 
  font-size:12px; 
  line-height:1.55; 
  font-weight:400; 
} 


/* ===== LÍNEA SUPERIOR CONTINUA ===== */ 
 
.forbes-top-line{ 
  grid-column:1 / -1; 
  width:calc(100% + 60px); 
  height:1px; 
  background:#ececec; 
  margin:0 0 20px; 
  padding:0; 
} 


/* ===== LEFT ===== */ 
.editorial-column{ 
  padding-top:10px 
} 
 
.editorial-label{ 
  font-size:11px; 
  font-weight:700; 
  text-transform:uppercase; 
  letter-spacing:1px; 
  border-bottom:2px solid #111; 
  padding-bottom:8px; 
  display:inline-block; 
} 
 
.editorial-points{ 
  margin-top:28px; 
  display:flex; 
  flex-direction:column; 
} 
 
.editorial-points a{ 
  font-size:16px; 
  line-height:1.4; 
  font-weight:500; 
  color:#111; 
  padding:14px 0; 
  border-bottom:1px solid #ececec; 
  transition:opacity .25s ease; 
} 
 
.editorial-points a:last-child{ 
  border-bottom:none 
} 
 
.editorial-points a:hover{ 
  opacity:.6 
} 


/* ===== CENTER ===== */ 
.hero-main{ 
  width:540px; 
  max-width:540px 
} 
 
.hero-image{ 
  width:540px; 
  max-width:540px; 
  overflow:hidden; 
} 
 
.hero-image img{ 
  width:100%; 
  aspect-ratio:16/9; 
  object-fit:cover; 
} 
 
.hero-content{ 
  margin-top:24px; 
  display:flex; 
  flex-direction:column; 
  align-items:center; 
  text-align:center;
} 
 
.hero-category{ 
  font-size:11px; 
  font-weight:700; 
  text-transform:uppercase; 
  letter-spacing:.8px; 
  color:#666; 
  padding-bottom:0; 
  border-bottom:none; 
  margin-bottom:11px; 
} 
 
.hero-main h1{ 
  font-size:clamp(1.65rem,2.4vw,2.45rem); 
  line-height:1.07; 
  font-weight:800; 
  letter-spacing:-1.1px; 
  max-width:540px; 
  padding-bottom:0; 
  border-bottom:none; 
  margin-bottom:15px; 
} 
 
.hero-content p{ 
  font-size:16px; 
  line-height:1.42; 
  font-weight:500; 
  color:#111; 
  margin-top:0; 
} 


/* ===== CENTER BOTTOM CARDS ===== */ 
.hero-bottom-cards{ 
  display:flex; 
  gap:18px; 
  margin-top:24px; 
  border-top:1px solid #ececec; 
  padding-top:18px; 
} 
 
.hero-bottom-cards .side-article{ 
  flex:1 
} 


/* ===== RIGHT SIDEBAR ===== */ 
.sidebar-news{ 
  width:230px; 
  border-left:1px solid #e5e7eb; 
  padding-left:18px; 
} 
 
.side-article{ 
  padding:18px 0; 
  border-bottom:1px solid #ececec; 
} 
 
.side-article img{ 
  width:100%; 
  aspect-ratio:16/9; 
  object-fit:cover; 
  margin-bottom:11px; 
} 
 
.side-content span{ 
  font-size:9px; 
  text-transform:uppercase; 
  font-weight:700; 
  color:#777; 
  letter-spacing:.7px; 
} 
 
.side-content h3{ 
  margin-top:6px; 
  font-size:16px; 
  line-height:1.18; 
  font-weight:800; 
  transition:opacity .25s ease; 
} 
 
.side-article:hover h3{ 
  opacity:.6 
} 

/* ===== PC: LO MÁS LEÍDO ===== */ 
@media(min-width:1201px){ 
 
  .sidebar-news{ 
    width:290px; 
    min-width:290px; 
    margin-right:-60px; 
  } 
 
  .sidebar-news .side-article{ 
    padding:20px 0; 
  }

  /* MANTENER LAS LÍNEAS DE LOS ARTÍCULOS */
  .sidebar-news .side-article{
    border-bottom:1px solid #ececec;
  }

  /* QUITAR SOLO LA LÍNEA DEL ÚLTIMO ARTÍCULO */
  .sidebar-news .side-article:last-child{
    border-bottom:none;
  }
 
  .sidebar-news .side-article img{ 
    width:272px; 
    max-width:272px; 
    aspect-ratio:16/9; 
    object-fit:cover; 
    margin-bottom:12px; 
  } 
 
  .sidebar-news .side-content{ 
    width:272px 
  } 
 
  .sidebar-news .side-content span{ 
    font-size:10px 
  } 
 
  .sidebar-news .side-content h3{ 
    font-size:17px; 
    line-height:1.2; 
  } 


  /* ===== ARTÍCULOS INFERIORES ===== */ 
 
  .editorial-column .side-article, 
  .hero-bottom-cards .side-article{ 
    border-bottom:none; 
  } 
 
  .hero-bottom-cards{ 
    border-top:1px solid #ececec; 
  } 



}


/* ===== TABLET ===== */ 
@media(max-width:1200px){ 
 
  .forbes-grid{ 
    grid-template-columns:1fr; 
    row-gap:0; 
    max-width:800px; 
  } 
 
  .editorial-column{ 
    display:none 
  } 
 
  .hero-main{ 
    width:100%; 
    max-width:100%; 
  } 
 
  .hero-image{ 
    width:100%; 
    max-width:100%; 
  } 
 
  .sidebar-news{ 
    width:100%; 
    max-width:800px; 
    border-left:none; 
    padding-left:0; 
  } 
 
  .hero-bottom-cards{ 
    flex-direction:column 
  } 
} 


/* ===== MOBILE ===== */ 
@media(max-width:768px){ 
 
  .forbes-home{ 
    padding:20px 20px 60px; 
  } 
 
  /* ENFOQUE PEGADO A LA LÍNEA */ 
 
  .forbes-intro{ 
    width:100%; 
    padding-bottom:8px; 
  } 
 
  .forbes-intro-description{ 
    max-width:100%; 
    font-size:11.5px; 
    line-height:1.45; 
  } 
 
  /* LÍNEA JUSTO ENCIMA DE LA IMAGEN */ 
 
  .forbes-top-line{ 
    width:100%; 
    height:1px; 
    margin:0 0 14px; 
    background:#ececec; 
  } 
 
  .hero-main h1{ 
    font-size:1.9rem 
  } 
 
  .hero-content p{ 
    font-size:17px 
  } 
 
  .side-content h3{ 
    font-size:22px 
  } 
} 


/* =========================================================
   SECCIÓN · ANÁLISIS
========================================================= */

/* ===== ANÁLISIS ===== */

.documentales{
  padding:34px 30px 48px;
  background:#fff;
  overflow:hidden;
  font-family:"Inter", Arial, sans-serif;
}


/* =========================================================
   CONTENEDOR
========================================================= */

.contenedor-documentales{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}


/* =========================================================
   ENCABEZADO
========================================================= */

.encabezado-documentales{
  width:100%;
  text-align:center;
  margin:0 0 25px;
}

.etiqueta-documentales{
  display:block;
  margin:0 0 6px;
  color:#777;
  font-size:7px;
  line-height:1;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
}

.documentales h2{
  margin:0;
  color:#111;
  font-size:16px;
  line-height:1.2;
  letter-spacing:-.2px;
  font-weight:600;
}


/* =========================================================
   SLIDER
========================================================= */

.slider-wrapper{
  position:relative;
  width:100%;
}

.slider-documentales{
  display:flex;
  gap:0;
  width:100%;
  margin:0 auto;
  overflow:hidden;
  scroll-behavior:smooth;
}


/* =========================================================
   TARJETAS
   MÁS EDITORIAL · MENOS "CARD"
========================================================= */

.card-documental{
  min-width:25%;
  max-width:25%;
  flex-shrink:0;
  position:relative;

  padding:0 18px;

  border-left:1px solid #dedede;
}

.card-documental:first-child{
  border-left:none;
}


/* =========================================================
   ENLACE
========================================================= */

.enlace-documental{
  display:flex;
  flex-direction:column;
  height:100%;

  color:inherit;
  text-decoration:none;
}


/* =========================================================
   IMAGEN
========================================================= */

.miniatura-documental{
  width:100%;
  aspect-ratio:16 / 9;

  overflow:hidden;

  background:#f2f2f2;

  margin-bottom:19px;

  flex-shrink:0;
}

.miniatura-documental img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  transition:
    transform .45s ease,
    opacity .35s ease;
}

.enlace-documental:hover .miniatura-documental img{
  transform:scale(1.018);
  opacity:.94;
}


/* =========================================================
   CONTENIDO
========================================================= */

.contenido-documental{
  padding:0;
}


/* =========================================================
   CATEGORÍA
========================================================= */

.categoria-documental{
  display:block;

  margin:0 0 10px;

  color:#777;

  font-size:8px;
  line-height:1;

  font-weight:700;

  letter-spacing:1.6px;

  text-transform:uppercase;
}


/* =========================================================
   TÍTULO
========================================================= */

.contenido-documental h3{
  margin:0 0 14px;

  color:#111;

  font-family:Georgia, "Times New Roman", serif;

  font-size:19px;
  line-height:1.18;

  letter-spacing:-.3px;

  font-weight:700;

  transition:color .2s ease;
}

.enlace-documental:hover .contenido-documental h3{
  color:#333;
}


/* =========================================================
   DESCRIPCIÓN
========================================================= */

.contenido-documental p{
  margin:0;

  color:#555;

  font-size:14px;
  line-height:1.52;

  font-weight:400;
}


/* =========================================================
   LEER ANÁLISIS
========================================================= */

.leer-analisis{
  display:block;

  margin-top:auto;

  padding-top:31px;
  padding-bottom:15px;

  color:#777;

  font-size:8px;
  line-height:1.2;

  font-weight:600;

  letter-spacing:1.3px;

  text-transform:uppercase;
}

.leer-analisis strong{
  color:#111;
  font-weight:800;
}


/* =========================================================
   BOTONES
   MÁS EDITORIALES · MENOS APP
========================================================= */

.btn-slider{
  position:absolute;

  top:34%;

  transform:translateY(-50%);

  z-index:5;

  width:30px;
  height:30px;

  border:1px solid #cfcfcf;

  border-radius:0;

  background:#fff;

  color:#333;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;

  font-size:13px;

  line-height:1;

  box-shadow:none;

  transition:
    background .2s ease,
    border-color .2s ease;
}

.btn-slider.prev{
  left:-15px;
}

.btn-slider.next{
  right:-15px;
}

.btn-slider:hover{
  background:#f7f7f7;
  border-color:#999;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){

  .card-documental{
    min-width:50%;
    max-width:50%;
  }

  .contenido-documental h3{
    font-size:18px;
  }

  .contenido-documental p{
    font-size:14px;
  }

}


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

@media(max-width:600px){

  .documentales{
    padding:30px 18px 38px;
  }

  .encabezado-documentales{
    margin-bottom:20px;
  }

  .documentales h2{
    font-size:15px;
  }

  .slider-documentales{
    overflow-x:auto;
    scrollbar-width:none;
  }

  .slider-documentales::-webkit-scrollbar{
    display:none;
  }

  .card-documental{
    min-width:82%;
    max-width:82%;

    padding:0 14px;
  }

  .card-documental:first-child{
    padding-left:0;
  }

  .miniatura-documental{
    aspect-ratio:16 / 9;
    margin-bottom:16px;
  }

  .contenido-documental h3{
    font-size:19px;
    line-height:1.2;
    margin-bottom:14px;
  }

  .contenido-documental p{
    font-size:14px;
    line-height:1.52;
  }

  .leer-analisis{
    margin-top:auto;
    padding-top:30px;
    padding-bottom:14px;
  }

  .btn-slider{
    display:none;
  }

}


/* =========================================================
   MÓVIL PEQUEÑO
========================================================= */

@media(max-width:400px){

  .card-documental{
    min-width:88%;
    max-width:88%;
  }

}



/* =========================================================
   SECCIÓN · GUÍAS
========================================================= */

/* ===== GUÍAS ===== */


/* =========================================================
   SECCIÓN · GUÍAS PRINCIPALES
========================================================= */

.guias-principales{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  padding:0 40px;
  font-family:'Inter',sans-serif;
}


/* =========================================================
   HEADER
========================================================= */

.guias-header{
  width:100%;
  max-width:700px;
  margin:0 auto 28px;
  text-align:center;
}


/* =========================================================
   H2
========================================================= */

.guias-header h2{
  width:100%;
  margin:0;
  padding:0;
  border:0;
  font-size:16px;
  line-height:1.2;
  letter-spacing:-.2px;
  font-weight:600;
  color:#111;
  text-align:center;
}


/* =========================================================
   GRID
========================================================= */

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


/* =========================================================
   GUÍAS
========================================================= */

.guia{
  min-width:0;
  padding:0;
  border:0;
}

.guia a{
  display:block;
  color:inherit;
  text-decoration:none;
}


/* =========================================================
   IMAGEN
========================================================= */

.guia-imagen{
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  margin-bottom:13px;
}

.guia-imagen img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .4s ease;
}

.guia:hover .guia-imagen img{
  transform:scale(1.025);
}


/* =========================================================
   CONTENIDO
========================================================= */

.guia-contenido{
  width:100%;
}

.guia-category{
  display:block;
  margin:0 0 7px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:#777;
}

.guia h3{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.18;
  letter-spacing:-.45px;
  font-weight:800;
  color:#111;
  transition:opacity .25s ease;
}

.guia p{
  margin:0;
  font-size:12px;
  line-height:1.5;
  font-weight:400;
  color:#666;
}

.guia:hover h3{
  opacity:.65;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

  .guias-principales{
    padding:0 30px;
  }

  .guias-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:28px 20px;
  }

}


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

@media(max-width:600px){

  .guias-principales{
    margin:0 auto;
    padding:0 20px;
  }

  .guias-header{
    width:100%;
    max-width:700px;
    margin:0 auto 24px;
    text-align:center;
  }

  .guias-header h2{
    width:100%;
    margin:0;
    padding:0;
    font-size:16px;
    text-align:center;
  }

  .guias-grid{
    grid-template-columns:1fr;
    gap:32px;
  }

  .guia h3{
    font-size:20px;
  }

}


/* =========================================================
   SECCIÓN · MÉTODO EDITORIAL
========================================================= */

/* ===== MÉTODO EDITORIAL ===== */


.cm-analisis{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  padding:0 40px;
  font-family:'Inter',sans-serif;
  color:#111;
}


/* =========================================================
   ENCABEZADO
========================================================= */

.cm-analisis-header{
  max-width:720px;
  margin:0 0 26px;
}

.cm-analisis-kicker{
  display:block;
  margin:0 0 9px;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.7px;
  text-transform:uppercase;
  color:#111;
}

.cm-analisis-header h2{
  margin:0 0 9px;
  font-family:'Inter',sans-serif;
  font-size:clamp(1.8rem,2.7vw,2.45rem);
  line-height:1.04;
  letter-spacing:-1.5px;
  font-weight:800;
  color:#111;
}

.cm-analisis-header p{
  max-width:620px;
  margin:0;
  font-size:12px;
  line-height:1.55;
  color:#666;
}


/* =========================================================
   BLOQUE PRINCIPAL
========================================================= */

.cm-analisis-main{
  display:grid;
  grid-template-columns:1fr 1.12fr;
  gap:36px;
  align-items:center;
  margin:0;
  padding:0;
}

.cm-analisis-copy{
  max-width:455px;
}

.cm-analisis-label{
  display:block;
  margin:0 0 8px;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#888;
}

.cm-analisis-copy h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.17;
  letter-spacing:-.65px;
  font-weight:750;
  color:#111;
}

.cm-analisis-copy p{
  margin:0 0 9px;
  font-size:11.5px;
  line-height:1.58;
  color:#666;
}

.cm-analisis-copy p:last-child{
  margin-bottom:0;
}


/* =========================================================
   IMAGEN
========================================================= */

.cm-analisis-visual{
  position:relative;
  width:100%;
  margin:0;
}

.cm-analisis-visual img{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  filter:saturate(.88);
}

.cm-analisis-visual figcaption{
  position:absolute;
  left:0;
  bottom:0;
  padding:7px 10px;
  background:#171717;
  color:#fff;
  font-size:7px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.3px;
}


/* =========================================================
   NUESTRO MÉTODO
========================================================= */

.cm-analisis-method{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:34px;
  margin:27px 0 0;
  padding:0;
}

.cm-analisis-method-intro{
  padding-top:2px;
}

.cm-analisis-method-intro>span{
  display:block;
  margin:0 0 7px;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#8b6d20;
}

.cm-analisis-method-intro h3{
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:21px;
  line-height:1.15;
  letter-spacing:-.4px;
  font-weight:400;
  color:#111;
}


/* =========================================================
   PASOS
========================================================= */

.cm-analisis-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #dedede;
}

.cm-analisis-step{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  padding:14px 14px 0 0;
  border-right:1px solid #e5e5e5;
}

.cm-analisis-step:not(:first-child){
  padding-left:14px;
}

.cm-analisis-step:last-child{
  padding-right:0;
  border-right:0;
}

.cm-analisis-number{
  font-size:8px;
  line-height:1.5;
  font-weight:800;
  letter-spacing:.7px;
  color:#9a7b1f;
}

.cm-analisis-step h4{
  margin:0 0 5px;
  font-size:13px;
  line-height:1.2;
  font-weight:750;
  color:#111;
}

.cm-analisis-step p{
  margin:0;
  font-size:10px;
  line-height:1.52;
  color:#707070;
}


/* =========================================================
   PRINCIPIO EDITORIAL
========================================================= */

.cm-analisis-principle{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:17px;
  max-width:820px;
  margin:32px auto 0;
  padding:22px 0 0;
  border-top:1px solid #111;
}

.cm-analisis-principle-mark{
  font-family:Georgia,'Times New Roman',serif;
  font-size:45px;
  line-height:.7;
  color:#9a7b1f;
}

.cm-analisis-principle-content>span{
  display:block;
  margin:0 0 8px;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#888;
}

.cm-analisis-principle blockquote{
  max-width:690px;
  margin:0 0 8px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:19px;
  line-height:1.3;
  letter-spacing:-.3px;
  color:#222;
}

.cm-analisis-principle p{
  max-width:650px;
  margin:0;
  font-size:10.5px;
  line-height:1.55;
  color:#777;
}


/* =========================================================
   CIERRE
========================================================= */

.cm-analisis-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:0;
  padding:14px 0 0;
}

.cm-analisis-footer span{
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.6px;
  color:#111;
}

.cm-analisis-footer p{
  margin:0;
  font-size:9.5px;
  line-height:1.3;
  color:#999;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

  .cm-analisis{
    padding:0 30px;
  }

  .cm-analisis-main{
    grid-template-columns:1fr 1fr;
    gap:25px;
  }

  .cm-analisis-method{
    grid-template-columns:185px 1fr;
    gap:25px;
  }

  .cm-analisis-steps{
    grid-template-columns:1fr;
  }

  .cm-analisis-step{
    padding:13px 0;
    border-right:0;
    border-bottom:1px solid #e5e5e5;
  }

  .cm-analisis-step:not(:first-child){
    padding-left:0;
  }

  .cm-analisis-step:last-child{
    border-bottom:0;
  }

}


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

@media(max-width:600px){

  .cm-analisis{
    padding:0 20px;
  }

  .cm-analisis-header{
    margin-bottom:22px;
  }

  .cm-analisis-kicker{
    margin-bottom:8px;
    font-size:8px;
  }

  .cm-analisis-header h2{
    margin-bottom:8px;
    font-size:1.8rem;
    line-height:1.05;
    letter-spacing:-1.1px;
  }

  .cm-analisis-header p{
    font-size:11px;
    line-height:1.52;
  }

  .cm-analisis-main{
    grid-template-columns:1fr;
    gap:19px;
  }

  .cm-analisis-copy{
    max-width:none;
  }

  .cm-analisis-label{
    margin-bottom:7px;
  }

  .cm-analisis-copy h3{
    margin-bottom:10px;
    font-size:20px;
  }

  .cm-analisis-copy p{
    margin-bottom:8px;
    font-size:11px;
    line-height:1.55;
  }

  .cm-analisis-visual{
    order:-1;
  }

  .cm-analisis-visual img{
    aspect-ratio:16 / 9;
  }

  .cm-analisis-method{
    display:block;
    margin-top:22px;
  }

  .cm-analisis-method-intro{
    margin-bottom:17px;
  }

  .cm-analisis-method-intro h3{
    font-size:20px;
  }

  .cm-analisis-step{
    grid-template-columns:28px 1fr;
    padding:12px 0;
  }

  .cm-analisis-step p{
    font-size:10px;
    line-height:1.5;
  }

  .cm-analisis-principle{
    grid-template-columns:30px 1fr;
    gap:10px;
    margin-top:25px;
    padding-top:19px;
  }

  .cm-analisis-principle-mark{
    font-size:37px;
  }

  .cm-analisis-principle-content>span{
    margin-bottom:7px;
  }

  .cm-analisis-principle blockquote{
    margin-bottom:7px;
    font-size:17px;
    line-height:1.34;
  }

  .cm-analisis-principle p{
    font-size:10px;
    line-height:1.5;
  }

  .cm-analisis-footer{
    display:block;
    padding-top:12px;
  }

  .cm-analisis-footer p{
    margin-top:6px;
  }

}



/* =========================================================
   SECCIÓN · LA MIRADA DE CÓDIGO MILLONARIO — EDITORIAL
========================================================= */

/* ===== LA MIRADA DE CÓDIGO MILLONARIO ===== */

/* =========================================================
   LA MIRADA DE CÓDIGO MILLONARIO
========================================================= */

.cm-identidad{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  padding:0 40px;
  font-family:'Inter',sans-serif;
  color:#111;
}


/* =========================================================
   ENCABEZADO
========================================================= */

.cm-identidad-header{
  max-width:720px;
  margin:0 0 26px;
}

.cm-identidad-category{
  display:block;
  margin:0 0 9px;
  padding:0;
  border:0;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.7px;
  text-transform:uppercase;
  color:#777;
}

.cm-identidad-header h2{
  margin:0 0 9px;
  font-size:clamp(1.8rem,2.7vw,2.45rem);
  line-height:1.04;
  letter-spacing:-1.5px;
  font-weight:800;
  color:#111;
}

.cm-identidad-header p{
  max-width:620px;
  margin:0;
  font-size:12px;
  line-height:1.55;
  color:#666;
}


/* =========================================================
   BLOQUE PRINCIPAL
========================================================= */

.cm-identidad-feature{
  display:grid;
  grid-template-columns:1fr 1.12fr;
  gap:36px;
  align-items:center;
  margin:0;
  padding:0;
}

.cm-identidad-content{
  max-width:455px;
}

.cm-identidad-label{
  display:block;
  margin:0 0 8px;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#777;
}

.cm-identidad-content h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.17;
  letter-spacing:-.65px;
  font-weight:750;
  color:#111;
}

.cm-identidad-content p{
  margin:0 0 9px;
  font-size:11.5px;
  line-height:1.58;
  color:#666;
}

.cm-identidad-content p:last-child{
  margin-bottom:0;
}


/* =========================================================
   IMAGEN
========================================================= */

.cm-identidad-image{
  width:100%;
  margin:0;
  aspect-ratio:16 / 9;
  overflow:hidden;
}

.cm-identidad-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .4s ease;
}

.cm-identidad-image:hover img{
  transform:scale(1.025);
}


/* =========================================================
   DATOS DEL MEDIO
========================================================= */

.cm-identidad-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin:27px 0 0;
  padding:0;
}

.cm-identidad-item{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}

.cm-identidad-item-category{
  display:block;
  margin:0 0 7px;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:#888;
}

.cm-identidad-item h3{
  margin:0 0 7px;
  font-size:20px;
  line-height:1.12;
  letter-spacing:-.55px;
  font-weight:800;
  color:#111;
}

.cm-identidad-item p{
  margin:0;
  font-size:10.5px;
  line-height:1.52;
  color:#666;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

  .cm-identidad{
    padding:0 30px;
  }

  .cm-identidad-feature{
    grid-template-columns:1fr 1fr;
    gap:25px;
  }

  .cm-identidad-grid{
    grid-template-columns:1fr 1fr;
    gap:22px 20px;
    margin-top:25px;
  }

}


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

@media(max-width:600px){

  .cm-identidad{
    padding:0 20px;
  }

  .cm-identidad-header{
    margin-bottom:22px;
  }

  .cm-identidad-category{
    margin-bottom:8px;
    font-size:8px;
  }

  .cm-identidad-header h2{
    margin-bottom:8px;
    font-size:1.8rem;
    line-height:1.05;
    letter-spacing:-1.1px;
  }

  .cm-identidad-header p{
    font-size:11px;
    line-height:1.52;
  }

  .cm-identidad-feature{
    grid-template-columns:1fr;
    gap:19px;
  }

  .cm-identidad-content{
    max-width:none;
  }

  .cm-identidad-label{
    margin-bottom:7px;
  }

  .cm-identidad-content h3{
    margin-bottom:10px;
    font-size:20px;
  }

  .cm-identidad-content p{
    margin-bottom:8px;
    font-size:11px;
    line-height:1.55;
  }

  .cm-identidad-image{
    order:-1;
    aspect-ratio:16 / 9;
  }

  .cm-identidad-grid{
    grid-template-columns:1fr;
    gap:19px;
    margin-top:23px;
  }

  .cm-identidad-item-category{
    margin-bottom:6px;
  }

  .cm-identidad-item h3{
    margin-bottom:6px;
    font-size:19px;
  }

  .cm-identidad-item p{
    font-size:10.5px;
    line-height:1.5;
  }

}




/* =========================================================
    SECCIÓN UNA PERSPECTIVA DE CÓDIGO MILLONARIO — EDITORIAL
========================================================= */

/* ===== PERSPECTIVA DE CÓDIGO MILLONARIO ===== */


/* =========================================================
   UNA PERSPECTIVA DE CÓDIGO MILLONARIO
========================================================= */

.cm-filosofia{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  padding:0 40px;
  font-family:'Inter',sans-serif;
  color:#111;
}


/* =========================================================
   ENCABEZADO
========================================================= */

.cm-filosofia-header{
  max-width:720px;
  margin:0 0 25px;
}

.cm-filosofia-category{
  display:block;
  margin:0 0 9px;
  padding:0;
  border:0;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.7px;
  text-transform:uppercase;
  color:#777;
}

.cm-filosofia-header h2{
  margin:0 0 9px;
  font-size:clamp(1.8rem,2.7vw,2.45rem);
  line-height:1.04;
  letter-spacing:-1.5px;
  font-weight:800;
  color:#111;
}

.cm-filosofia-header p{
  max-width:620px;
  margin:0 0 7px;
  font-size:12px;
  line-height:1.55;
  color:#666;
}

.cm-filosofia-header p:last-child{
  margin-bottom:0;
}


/* =========================================================
   BLOQUE PRINCIPAL
========================================================= */

.cm-filosofia-feature{
  display:grid;
  grid-template-columns:1fr 1.12fr;
  gap:36px;
  align-items:center;
  margin:0;
  padding:0;
}

.cm-filosofia-main{
  max-width:455px;
}

.cm-filosofia-label{
  display:block;
  margin:0 0 8px;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#777;
}

.cm-filosofia-main h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.17;
  letter-spacing:-.65px;
  font-weight:750;
  color:#111;
}

.cm-filosofia-main p{
  margin:0 0 9px;
  font-size:11.5px;
  line-height:1.58;
  color:#666;
}

.cm-filosofia-main p:last-child{
  margin-bottom:0;
}

.cm-filosofia-main strong{
  color:#222;
  font-weight:700;
}


/* =========================================================
   IMAGEN
========================================================= */

.cm-filosofia-image{
  width:100%;
  margin:0;
  aspect-ratio:16 / 9;
  overflow:hidden;
}

.cm-filosofia-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .4s ease;
}

.cm-filosofia-image:hover img{
  transform:scale(1.025);
}


/* =========================================================
   BLOQUES EDITORIALES
========================================================= */

.cm-filosofia-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin:26px 0 0;
  padding:0;
}

.cm-filosofia-item{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}

.cm-filosofia-item-category{
  display:block;
  margin:0 0 7px;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:#888;
}

.cm-filosofia-item h3{
  margin:0 0 7px;
  font-size:17px;
  line-height:1.18;
  letter-spacing:-.4px;
  font-weight:800;
  color:#111;
}

.cm-filosofia-item p{
  margin:0;
  font-size:10.5px;
  line-height:1.52;
  color:#666;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

  .cm-filosofia{
    padding:0 30px;
  }

  .cm-filosofia-feature{
    grid-template-columns:1fr 1fr;
    gap:25px;
  }

  .cm-filosofia-grid{
    grid-template-columns:1fr 1fr;
    gap:22px 20px;
    margin-top:24px;
  }

  .cm-filosofia-item:last-child{
    grid-column:1 / -1;
    max-width:50%;
  }

}


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

@media(max-width:600px){

  .cm-filosofia{
    padding:0 20px;
  }

  .cm-filosofia-header{
    margin-bottom:21px;
  }

  .cm-filosofia-category{
    margin-bottom:8px;
    font-size:8px;
  }

  .cm-filosofia-header h2{
    margin-bottom:8px;
    font-size:1.8rem;
    line-height:1.05;
    letter-spacing:-1.1px;
  }

  .cm-filosofia-header p{
    font-size:11px;
    line-height:1.52;
    margin-bottom:6px;
  }

  .cm-filosofia-feature{
    grid-template-columns:1fr;
    gap:19px;
  }

  .cm-filosofia-main{
    max-width:none;
  }

  .cm-filosofia-label{
    margin-bottom:7px;
  }

  .cm-filosofia-main h3{
    margin-bottom:10px;
    font-size:20px;
  }

  .cm-filosofia-main p{
    margin-bottom:8px;
    font-size:11px;
    line-height:1.55;
  }

  .cm-filosofia-image{
    order:-1;
    aspect-ratio:16 / 9;
  }

  .cm-filosofia-grid{
    grid-template-columns:1fr;
    gap:19px;
    margin-top:23px;
  }

  .cm-filosofia-item:last-child{
    grid-column:auto;
    max-width:none;
  }

  .cm-filosofia-item-category{
    margin-bottom:6px;
  }

  .cm-filosofia-item h3{
    margin-bottom:6px;
    font-size:19px;
  }

  .cm-filosofia-item p{
    font-size:10.5px;
    line-height:1.5;
  }

}



/* =========================================================
    SECCIÓN ÁREAS DE ANÁLISIS — 
========================================================= */

/* ===== ÁREAS DE ANÁLISIS ===== */

.cm-areas{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  padding:0 40px;
  font-family:'Inter',sans-serif;
  color:#111;
}


/* =========================================
   ENCABEZADO
========================================= */

.cm-areas-header{
  max-width:720px;
  margin:0 0 25px;
}

.cm-areas-category{
  display:block;
  margin:0 0 9px;
  padding:0;
  border:0;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.7px;
  text-transform:uppercase;
  color:#777;
}

.cm-areas-header h2{
  margin:0 0 9px;
  font-size:clamp(1.8rem,2.7vw,2.45rem);
  line-height:1.04;
  letter-spacing:-1.5px;
  font-weight:800;
  color:#111;
}

.cm-areas-header p{
  max-width:620px;
  margin:0;
  font-size:12px;
  line-height:1.55;
  color:#666;
}


/* =========================================
   ÁREAS
========================================= */

.cm-areas-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.cm-area{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}

.cm-area-label{
  display:block;
  margin:0 0 7px;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:#888;
}

.cm-area h3{
  margin:0 0 10px;
  font-size:19px;
  line-height:1.16;
  letter-spacing:-.5px;
  font-weight:800;
  color:#111;
}

.cm-area p{
  margin:0 0 9px;
  font-size:11px;
  line-height:1.55;
  color:#666;
}

.cm-area p:last-child{
  margin-bottom:0;
}


/* =========================================
   CIERRE EDITORIAL
========================================= */

.cm-areas-closing{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  max-width:700px;
  margin:25px auto 0;
  padding:0;
  border:0;
}

.cm-areas-closing span{
  width:24px;
  height:1px;
  flex-shrink:0;
  background:#c49b63;
}

.cm-areas-closing p{
  margin:0;
  font-size:10.5px;
  line-height:1.5;
  font-style:italic;
  color:#777;
}


/* =========================================
   PARTICIPA
========================================= */

.cm-areas-participa{
  max-width:700px;
  margin:28px auto 0;
  padding:22px 0 0;
  border-top:1px solid #ececec;
  text-align:center;
}

.cm-areas-participa-content{
  max-width:620px;
  margin:0 auto;
}

.cm-areas-participa-label{
  display:block;
  margin:0 0 8px;
  color:#9a7b1f;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

.cm-areas-participa h3{
  margin:0 0 9px;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.4px;
  font-weight:750;
  color:#111;
}

.cm-areas-participa p{
  max-width:560px;
  margin:0 auto;
  font-size:11px;
  line-height:1.55;
  color:#666;
}

.cm-areas-participa-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:14px;
  color:#111;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
  text-decoration:none;
  transition:opacity .2s ease;
}

.cm-areas-participa-link:hover{
  opacity:.55;
}

.cm-areas-participa-link span{
  font-size:13px;
  line-height:1;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:900px){

  .cm-areas{
    padding:0 30px;
  }

  .cm-areas-grid{
    grid-template-columns:1fr 1fr;
    gap:22px 20px;
  }

}


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

@media(max-width:600px){

  .cm-areas{
    margin:0 auto;
    padding:0 20px;
  }

  .cm-areas-header{
    margin-bottom:21px;
  }

  .cm-areas-category{
    margin-bottom:8px;
    font-size:8px;
  }

  .cm-areas-header h2{
    margin-bottom:8px;
    font-size:1.8rem;
    line-height:1.05;
    letter-spacing:-1.1px;
  }

  .cm-areas-header p{
    font-size:11px;
    line-height:1.52;
  }

  .cm-areas-grid{
    grid-template-columns:1fr;
    gap:19px;
  }

  .cm-area-label{
    margin-bottom:7px;
  }

  .cm-area h3{
    margin-bottom:9px;
    font-size:19px;
  }

  .cm-area p{
    margin-bottom:8px;
    font-size:11px;
    line-height:1.55;
  }

  .cm-areas-closing{
    margin-top:22px;
    gap:10px;
  }

  .cm-areas-closing p{
    font-size:10px;
    line-height:1.5;
  }

  .cm-areas-participa{
    margin-top:25px;
    padding-top:20px;
  }

  .cm-areas-participa h3{
    font-size:18px;
  }

  .cm-areas-participa p{
    font-size:10.5px;
    line-height:1.5;
  }

  .cm-areas-participa-link{
    margin-top:13px;
  }

}





/* =========================================================
   SECCION · SOBRE EL MEDIO 
========================================================= */

.seccion-label{
  width:100%;
  margin:0 auto 18px;
  text-align:center;
  color:#1d0808;
  font-family:'Inter',sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:700;
  letter-spacing:1.8px;
  text-transform:uppercase;
}




/* =========================================================
   SECCIONES · DISEÑOS 
========================================================= */

/* =========================================================
   SEPARADOR EDITORIAL · PUNTOS
========================================================= */

.separador-editorial{
  width:100%;
  max-width:1180px;
  height:9px;
  margin:0 auto;
  padding:0;

  background-image:radial-gradient(
    circle,
    #999 1px,
    transparent 1px
  );

  background-size:5px 3px;
}

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

@media(max-width:600px){

  .separador-editorial{
    width:100%;
    height:9px;
  }

}