/* Turismo Inn — componentes de reportaje. Colores y tamaños salen de theme.json. */
:root{
  --ti-serif: var(--wp--preset--font-family--fraunces, Georgia, serif);
  --ti-linea: rgba(9,54,71,.18);
}

/* Etiqueta pequeña (sello) */
.ti-etiqueta{
  font-size:var(--wp--preset--font-size--small);
  font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--wp--preset--color--petrol); margin:0 0 .6em;
}


/* Caja ABM: implicaciones por perfil */
.ti-abm{
  background:var(--wp--preset--color--crema);
  border-top:4px solid var(--wp--preset--color--dorado);
  padding:var(--wp--preset--spacing--40,1.5rem); margin:2rem 0;
}
.ti-abm__cabecera{
  font-family:var(--ti-serif); font-size:var(--wp--preset--font-size--medium);
  color:var(--wp--preset--color--petrol); margin:0 0 1rem;
}
.ti-abm__perfiles{ gap:0 !important; margin:0; }
.ti-perfil{
  padding:0 1.25rem; border-left:1px solid var(--ti-linea);
}
.ti-perfil:first-child{ padding-left:0; border-left:0; }
.ti-perfil:last-child{ padding-right:0; }
.ti-perfil p{ margin:0 0 .6em; font-size:var(--wp--preset--font-size--small); line-height:1.5; }
.ti-accion{
  font-family:var(--ti-serif); font-size:var(--wp--preset--font-size--cuerpo) !important;
  font-weight:600; line-height:1.35 !important; color:var(--wp--preset--color--petrol);
}

/* Data pull */
.ti-datapull{
  background:var(--wp--preset--color--petrol);
  color:var(--wp--preset--color--crema);
  padding:var(--wp--preset--spacing--40,1.5rem) var(--wp--preset--spacing--50,2rem);
  margin:2rem 0;
}
.ti-datapull .ti-etiqueta{ color:var(--wp--preset--color--crema); opacity:.85; }
.ti-datapull__cifra{
  font-family:var(--ti-serif); font-size:var(--wp--custom--titular--reportaje, 3.5rem);
  line-height:1; margin:0 0 .25em; color:var(--wp--preset--color--crema);
}
.ti-datapull__nota{ font-size:var(--wp--preset--font-size--small); opacity:.85; margin:0; }
.ti-datapull__fila{
  display:flex; justify-content:space-between; gap:1rem;
  padding:.6rem 0; margin:0; border-bottom:1px solid rgba(240,234,214,.25);
  font-size:var(--wp--preset--font-size--small);
}
.ti-datapull__fila strong{ font-family:var(--ti-serif); font-size:var(--wp--preset--font-size--cuerpo); white-space:nowrap; }
.ti-datapull__fuente{ font-size:var(--wp--preset--font-size--small); opacity:.8; margin:.8rem 0 0; }

/* Cita destacada */
blockquote.ti-cita{
  border-left:4px solid var(--wp--preset--color--dorado);
  margin:2.5rem 0; padding:.25rem 0 .25rem 1.5rem;
}
blockquote.ti-cita p{
  font-family:var(--ti-serif); font-size:var(--wp--preset--font-size--x-large);
  line-height:1.25; color:var(--wp--preset--color--petrol); margin:0 0 .5em;
}
blockquote.ti-cita cite{
  font-style:normal; font-size:var(--wp--preset--font-size--small);
  letter-spacing:.08em; text-transform:uppercase; color:var(--wp--preset--color--tinta);
}

/* Caja de contexto sectorial */
.ti-contexto{
  border:1px solid var(--ti-linea); border-top:4px solid var(--wp--preset--color--petrol);
  background:var(--wp--preset--color--papel);
  padding:var(--wp--preset--spacing--40,1.5rem); margin:2rem 0;
}
.ti-contexto__titular{
  font-family:var(--ti-serif); font-size:var(--wp--preset--font-size--large);
  color:var(--wp--preset--color--petrol); margin:0 0 .5em;
}
.ti-tarjeta{
  background:var(--wp--preset--color--crema); padding:1rem 1.25rem;
}
.ti-tarjeta p{ margin:0 0 .4em; font-size:var(--wp--preset--font-size--small); }
.ti-tarjeta p:first-child{ font-weight:600; color:var(--wp--preset--color--petrol); }

/* Fuentes */
.ti-fuentes{
  border-top:1px solid var(--ti-linea); margin-top:3rem; padding-top:1.25rem;
  font-size:var(--wp--preset--font-size--small);
}
.ti-fuentes ol{ padding-left:1.25rem; margin:0; }
.ti-fuentes li{ margin-bottom:.35rem; }

/* Móvil: columnas apiladas */
@media (max-width:781px){
  .ti-perfil{ padding:1rem 0 0; margin-top:1rem; border-left:0; border-top:1px solid var(--ti-linea); }
  .ti-perfil:first-child{ padding-top:0; margin-top:0; border-top:0; }
  .ti-datapull__fila{ flex-wrap:wrap; }
}

/* Relleno horizontal de grupos (el layout constrained lo anulaba) */
.wp-block-group.ti-abm,
.wp-block-group.ti-contexto{ padding:1.5rem 2rem !important; }
.wp-block-group.ti-fuentes{ padding:1.25rem 0 0 !important; }
.ti-abm__perfiles.wp-block-columns{ margin-bottom:0; }
@media (max-width:781px){
    .wp-block-group.ti-abm,
  .wp-block-group.ti-contexto{ padding:1.25rem 1.25rem !important; }
}

/* Página de reportaje: hero, crédito, relacionados, CTA */
.ti-hero{ padding:2.5rem 1.25rem 0; }
.ti-eyebrow, .ti-eyebrow a{
  font-size:var(--wp--preset--font-size--small); font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--wp--preset--color--dorado); text-decoration:none;
}
.ti-hero .wp-block-post-title{
  font-size:var(--wp--custom--titular--reportaje); line-height:1.05; margin:.4rem 0 1rem;
  color:var(--wp--preset--color--petrol);
}
.ti-deck{
  font-size:var(--wp--preset--font-size--medium); line-height:1.45;
  color:var(--wp--preset--color--tinta); margin:0 0 1.25rem;
}
.ti-meta{ font-size:var(--wp--preset--font-size--small); color:var(--wp--preset--color--tinta); margin:0 0 1.5rem; }
.ti-hero__imagen img{ width:100%; height:auto; display:block; }
.ti-credito{
  display:flex; flex-wrap:wrap; gap:.25rem 1rem; align-items:baseline;
  font-size:var(--wp--preset--font-size--small); color:var(--wp--preset--color--tinta);
  padding:1rem 1.25rem; margin-top:1.5rem !important;
  border-top:1px solid var(--ti-linea); border-bottom:1px solid var(--ti-linea);
}
.ti-credito p{ margin:0; }
.ti-cuerpo{ padding:0 1.25rem; }
.ti-relacionados{ padding:3rem 1.25rem; }
.ti-relacionados .wp-block-post-title{ font-size:var(--wp--preset--font-size--large); line-height:1.2; }
.ti-relacionados .wp-block-post-title a{ color:var(--wp--preset--color--petrol); text-decoration:none; }
.wp-block-group.ti-cta{
  background:var(--wp--preset--color--petrol); color:var(--wp--preset--color--crema);
  padding:3rem 1.25rem !important; text-align:center;
}
.ti-cta__titular{ color:var(--wp--preset--color--crema); font-size:var(--wp--preset--font-size--x-large); margin:0 0 .5rem; }
.ti-cta p{ color:var(--wp--preset--color--crema); }
.ti-cta .wp-block-button__link{
  background:var(--wp--preset--color--crema); color:var(--wp--preset--color--petrol);
  border-radius:0; font-weight:600;
}

/* ===== Diseño editorial de profundidad (v2) ===== */
/* Portada oscura con imagen que se monta sobre la banda */
.wp-block-group.ti-portada{
  background:var(--wp--preset--color--petrol); color:var(--wp--preset--color--crema);
  padding:3.5rem 1.25rem 7rem !important; margin-top:0;
}
.ti-portada .ti-eyebrow::before{
  content:""; display:block; width:3rem; height:3px;
  background:var(--wp--preset--color--dorado); margin-bottom:1rem;
}
.ti-portada .ti-eyebrow, .ti-portada .ti-eyebrow a{ color:var(--wp--preset--color--crema); }
.ti-portada .wp-block-post-title{ color:var(--wp--preset--color--crema); margin:.6rem 0 1.25rem; }
.ti-portada .ti-deck{ color:var(--wp--preset--color--crema); opacity:.92; }
.ti-portada .ti-meta, .ti-portada .ti-meta p, .ti-portada .ti-meta a{
  color:var(--wp--preset--color--crema); font-size:var(--wp--preset--font-size--small);
  letter-spacing:.06em; text-transform:uppercase; margin:0;
}
.ti-portada .ti-meta{ gap:.5rem; margin-top:1.5rem; }
.wp-block-group.ti-figura{
  margin-top:-4.5rem !important; position:relative; z-index:2; padding:0 1.25rem;
}
.ti-figura img{ box-shadow:0 18px 40px rgba(9,54,71,.28); }

/* Apertura como entradilla */
.ti-cuerpo .ti-abm + p,
.ti-cuerpo .ti-tension + p{
  font-family:var(--ti-serif); font-size:var(--wp--preset--font-size--medium);
  line-height:1.5; color:var(--wp--preset--color--petrol);
}
/* Secciones numeradas automáticamente */
.ti-cuerpo{ counter-reset:ti-seccion; }
.ti-cuerpo > h2.wp-block-heading{
  counter-increment:ti-seccion; margin-top:3.25rem;
  padding-top:1.25rem; border-top:1px solid var(--ti-linea);
}
.ti-cuerpo > h2.wp-block-heading::before{
  content:counter(ti-seccion, decimal-leading-zero); display:block;
  font-size:var(--wp--preset--font-size--small); font-weight:600;
  letter-spacing:.14em; color:var(--wp--preset--color--dorado); margin-bottom:.5rem;
}
/* Cita de gran formato */
blockquote.ti-cita{
  border-left:0 !important; border-top:3px solid var(--wp--preset--color--dorado);
  border-bottom:1px solid var(--ti-linea); padding:1.5rem 0 1.25rem; margin:3rem 0;
}
blockquote.ti-cita p{ line-height:1.2; }
blockquote.ti-cita p::before{
  content:"\201C"; display:block; font-size:4rem; line-height:.6;
  color:var(--wp--preset--color--dorado); margin-bottom:.5rem;
}
@media (max-width:781px){
  .wp-block-group.ti-portada{ padding:2.5rem 1.25rem 5.5rem !important; }
  .wp-block-group.ti-figura{ margin-top:-3.5rem !important; }
}

/* Cajas anchas: su contenido usa todo el ancho de la caja */
.wp-block-group.ti-abm > *,
.wp-block-group.ti-contexto > *{ max-width:none; }


/* ===== v3 (14 oct 2026) ===== */
/* Tensión central: texto tipográfico, sin caja ni etiqueta */
.ti-tension{
  font-family:var(--ti-serif); font-weight:500; font-size:var(--wp--preset--font-size--large);
  line-height:1.3; color:var(--wp--preset--color--petrol);
  margin:2.5rem auto !important; position:relative;
}

/* Caja por perfil: etiquetas de perfil más pequeñas */
.ti-perfil .ti-etiqueta{
  font-size:.6875rem; letter-spacing:.1em; line-height:1.35; margin:0 0 .75em; min-height:2.7em;
}
/* Variante en petrol */
.wp-block-group.ti-abm--petrol{ --ti-linea:rgba(240,234,214,.28); background:var(--wp--preset--color--petrol); color:var(--wp--preset--color--crema); }
.ti-abm--petrol .ti-etiqueta,
.ti-abm--petrol .ti-accion,
.ti-abm--petrol .ti-perfil p{ color:var(--wp--preset--color--crema); }
.ti-abm--petrol .ti-perfil .ti-etiqueta{ opacity:.78; }

/* Portada clara (reportaje de edición mensual) */
.wp-block-group.ti-figura-plana{ padding:0 1.25rem; margin-top:.5rem; }
.ti-figura-plana img{ box-shadow:none; }

/* Banner largo entre textos (21:9) */
.wp-block-image.ti-banner{ margin:3rem auto !important; }
.ti-banner img{ width:100%; aspect-ratio:21/9; object-fit:cover; display:block; height:auto; }
.ti-banner figcaption{
  font-size:var(--wp--preset--font-size--small); color:var(--wp--preset--color--tinta);
  opacity:.75; margin-top:.6rem; text-align:left;
}

/* Cintillo sobre el encabezado */
.wp-block-group.ti-cintillo{
  background:var(--wp--preset--color--petrol); color:var(--wp--preset--color--crema);
  padding:.55rem 1.25rem !important; gap:.25rem 1rem; font-size:.8125rem; letter-spacing:.02em; text-align:center;
}
.ti-cintillo p{ margin:0; color:var(--wp--preset--color--crema); }
.ti-cintillo a{ color:var(--wp--preset--color--crema); font-weight:600; text-decoration:underline; text-underline-offset:3px; }

/* Tensión central: monograma a un lado de la primera letra, fuera de la columna */
.ti-tension::before{
  content:""; position:absolute; left:-4rem; top:.25rem; width:2.1rem; height:2.9rem;
  background:var(--wp--preset--color--petrol);
  -webkit-mask:url("../img/monograma-simbolo.svg") center/contain no-repeat;
          mask:url("../img/monograma-simbolo.svg") center/contain no-repeat;
}
@media (max-width:960px){
  .ti-tension::before{ position:static; display:block; width:1.5rem; height:2.1rem; margin-bottom:.9rem; }
}

/* Caja por perfil: título como cintillo de color en la cabecera de la caja */
.wp-block-group.ti-abm{ border-top:0; }
.wp-block-group.ti-abm > .ti-etiqueta:first-child{
  background:var(--wp--preset--color--petrol); color:var(--wp--preset--color--crema);
  margin:-1.5rem -2rem 1.5rem !important; padding:.7rem 2rem; max-width:none; font-size:.75rem;
}
.wp-block-group.ti-abm--petrol > .ti-etiqueta:first-child{
  background:var(--wp--preset--color--crema); color:var(--wp--preset--color--petrol);
}
@media (max-width:781px){
  .wp-block-group.ti-abm > .ti-etiqueta:first-child{ margin:-1.25rem -1.25rem 1.25rem !important; padding:.7rem 1.25rem; }
}

/* Cintillo: anuncio + registro */
.ti-cintillo__interior{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
  gap:.5rem 1.5rem; width:100%; max-width:1200px; margin:0 auto; text-align:left;
}
.ti-cintillo__interior > p{ flex:1 1 320px; }
.ti-mini-form{ display:flex; gap:0; flex:0 1 380px; }
.ti-mini-form input{
  flex:1; min-width:0; padding:.4rem .7rem; border:1px solid var(--wp--preset--color--crema);
  background:var(--wp--preset--color--papel); color:var(--wp--preset--color--tinta); font:inherit; border-radius:0;
}
.ti-mini-form button{
  background:var(--wp--preset--color--crema); color:var(--wp--preset--color--petrol);
  border:0; padding:.4rem 1rem; font:inherit; font-weight:600; border-radius:0; cursor:pointer;
}
@media (max-width:781px){ .ti-mini-form{ flex-basis:100%; } }
.ti-datapull + .ti-datapull { margin-top: var(--wp--preset--spacing--40, 2rem); }
.ti-fuentes summary { cursor: pointer; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--wp--preset--color--dorado); }
.ti-fuentes[open] summary { margin-bottom: 1rem; }

/* ===== v4 · Home y encabezado ===== */
.wp-block-group.ti-encabezado{padding:.9rem 1.25rem;border-bottom:1px solid var(--ti-linea);}
.ti-encabezado .ti-logo,.ti-encabezado .ti-logo img{width:150px !important;height:auto;}
.ti-menu{font-family:var(--wp--preset--font-family--inter,inherit);}
.ti-menu a:hover{text-decoration:underline;text-decoration-color:var(--wp--preset--color--dorado);text-underline-offset:6px;}
.wp-block-group.ti-home{padding:2.5rem 1.25rem !important;}
.ti-home-cols{gap:2rem;}
.ti-home-portada{border-top:3px solid var(--wp--preset--color--petrol);}
.ti-home-destacada .wp-block-post-title{margin:.4rem 0 .6rem;line-height:1.15;}
.ti-home-lista .wp-block-post-template>li{padding:1rem 0;border-bottom:1px solid var(--ti-linea);}
.ti-home-lista .wp-block-post-title{margin:.25rem 0;line-height:1.25;}
.ti-home-reportajes{background:var(--wp--preset--color--crema);}
.ti-home-reportajes .ti-eyebrow,.ti-home-nl .ti-eyebrow,.ti-home-conv .ti-eyebrow{color:var(--wp--preset--color--petrol);}
.ti-home-insights{background:var(--wp--preset--color--petrol);color:var(--wp--preset--color--crema);}
.ti-home-insights .ti-eyebrow,.ti-home-insights h3,.ti-home-insights a{color:var(--wp--preset--color--crema);}
.ti-home-insights .wp-block-button__link{background:var(--wp--preset--color--crema);color:var(--wp--preset--color--petrol);border-radius:0;}
.ti-home-pulso{border:1px solid rgba(240,234,214,.28);padding:1.5rem;}
.ti-home-conv{background:var(--wp--preset--color--papel);}
.ti-home-nl{background:var(--wp--preset--color--crema);text-align:left;}
.ti-home-nl__h1{line-height:1.1;margin:.4rem 0 1rem;}
.ti-home .wp-block-button__link{border-radius:0;}
@media (max-width:781px){
  .ti-home-nl .wp-block-button,.ti-home-nl .wp-block-button__link{width:100%;text-align:center;}
}
@media (min-width:782px){
  .wp-block-group.ti-home{padding:3.5rem 2.5rem !important;}
  .wp-block-group.ti-encabezado{padding:1rem 2.5rem;}
  .ti-encabezado .ti-logo,.ti-encabezado .ti-logo img{width:236px !important;}
}
/* ===== v1.5 · Nota informativa (15 oct 2026) ===== */
/* Titular de nota: usa la escala de nota, no la de reportaje */
.ti-hero.ti-hero--nota .wp-block-post-title{
  font-size:var(--wp--custom--titular--nota); line-height:1.1;
}

/* Lede como entradilla (primer bloque del cuerpo) */
.ti-cuerpo--nota > p:first-child{
  font-family:var(--ti-serif); font-size:var(--wp--preset--font-size--medium);
  line-height:1.5; color:var(--wp--preset--color--petrol);
}

/* En la nota las secciones no se numeran */
.ti-cuerpo--nota > h2.wp-block-heading{
  counter-increment:none; border-top:0; padding-top:0; margin-top:2.25rem;
}
.ti-cuerpo--nota > h2.wp-block-heading::before{ content:none; }

/* Claves estratégicas: regular = papel, hairline y filete superior dorado.
   Los colores de fondo y texto salen de atributos nativos del bloque. */
.wp-block-group.ti-claves{
  padding:0 !important; margin:1.75rem 0;
  border:1px solid var(--ti-linea); border-top:3px solid var(--wp--preset--color--dorado);
}
.wp-block-group.ti-claves--pulso{
  border:0; border-left:3px solid var(--wp--preset--color--petrol);
}
.wp-block-group.ti-claves--evento{ border:0; }
.ti-claves > *{ max-width:none; }
.ti-claves__eyebrow{ margin:0 !important; padding:.9rem 1rem 0; }
.wp-block-group.ti-clave{ padding:.75rem 1rem; margin:0 !important; }
.wp-block-group.ti-clave + .wp-block-group.ti-clave{ border-top:1px solid var(--ti-linea); }
.ti-claves--evento .ti-clave + .ti-clave{ border-top-color:rgba(240,234,214,.28); }
.ti-clave .ti-etiqueta{
  font-size:.6875rem; letter-spacing:.08em; line-height:1.35; margin:0 0 .35em;
}
.ti-clave p:not(.ti-etiqueta){
  margin:0; font-size:var(--wp--preset--font-size--small); line-height:1.5;
}

/* Cajas anchas de la nota no se montan sobre la lateral */
.ti-cuerpo--nota .ti-contexto,
.ti-cuerpo--nota .ti-fuentes{ clear:both; }

/* ===== v1.5.1 · Nota informativa: claves en horizontal y ajustes (15 oct 2026) ===== */
/* Claves: tres recuadros en fila dentro del ancho de la columna (sustituye al bloque flotante de v1.5) */
.wp-block-group.ti-claves{
  display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr));
  float:none; width:auto;
  margin-top:1.75rem !important; margin-bottom:1.75rem !important;
  margin-left:auto !important; margin-right:auto !important;
}
.wp-block-group.ti-claves > .ti-claves__eyebrow{
  grid-column:1 / -1; margin:0 !important; max-width:none; text-align:left;
}
.wp-block-group.ti-claves > .wp-block-group.ti-clave{
  margin:0 !important; max-width:none; padding:.75rem 1rem 1rem;
}
.wp-block-group.ti-claves > .wp-block-group.ti-clave + .wp-block-group.ti-clave{
  border-top:0; border-left:1px solid var(--ti-linea);
}
@media (max-width:781px){
  .wp-block-group.ti-claves{ grid-template-columns:1fr; }
  .wp-block-group.ti-claves > .wp-block-group.ti-clave + .wp-block-group.ti-clave{
    border-left:0; border-top:1px solid var(--ti-linea);
  }
}

/* Línea de crédito alineada a la columna de texto */
.ti-hero--nota + .ti-credito{
  justify-content:flex-start; gap:.25rem 1.5rem;
  padding-left:max(1.25rem, calc((100% - 720px) / 2));
  padding-right:max(1.25rem, calc((100% - 720px) / 2));
}
.ti-hero--nota + .ti-credito > *{
  margin-left:0 !important; margin-right:0 !important; max-width:none;
}
/* Respiro entre la línea de crédito y la imagen */
.wp-block-group.ti-figura-plana--nota{ margin-top:1.5rem !important; }

/* Leyenda de foto dentro de Fuentes */
.ti-fuentes .ti-leyenda{ margin:.75rem 0 0; font-size:.8125rem; opacity:.85; }