/* Blog: soiono.com/blog/ (fuera de site.css, solo se carga en el blog) */
.bl-portada,.bl-articulo{padding-top:84px;padding-bottom:28px}
.bl-articulo{max-width:860px}
.bl-cabecera h1{font-size:clamp(30px,4.2vw,44px);line-height:1.15;font-weight:500;color:#2B2018;margin:6px 0 10px}
.bl-intro{font-size:19px;line-height:1.55;color:#5C4B3A;max-width:720px;margin:0 0 28px}
.bl-datos{font-size:14px;color:#5C4B3A;margin:0 0 22px}
.bl-gancho{font-size:22px;line-height:1.45;font-weight:500;color:#2B2018;border-left:4px solid #FF9900;padding:2px 0 2px 18px;margin:0 0 26px}
.bl-foto{margin:0 0 28px}
.bl-foto img,.bl-texto img{display:block;width:100%;height:auto;border-radius:10px}
.bl-foto figcaption,.bl-texto figcaption{font-size:13px;color:#5C4B3A;margin-top:6px}
.bl-texto{font-size:18px;line-height:1.75;color:#2B2018}
.bl-texto p{margin:0 0 16px}
.bl-texto h2{font-size:clamp(28px,3.4vw,34px);line-height:1.2;font-weight:600;letter-spacing:-.01em;margin:52px 0 16px}
.bl-texto h2::before{content:"";display:block;width:44px;height:4px;border-radius:2px;background:#FF9900;margin:0 0 14px}
.bl-texto h3{font-size:22px;line-height:1.3;font-weight:600;color:#2B2018;margin:32px 0 8px}
.bl-texto figure{margin:26px 0}
.bl-texto ul,.bl-texto ol{margin:0 0 16px;padding-left:22px}
.bl-texto li{margin:4px 0}
/* Citas: recuadro arena (un detalle, no una sección) con comillas grandes y texto mayor */
.bl-texto blockquote{position:relative;margin:36px 0;padding:26px 30px 26px 78px;border:0;border-radius:14px;background:#F7F0E4;font-size:clamp(21px,2.6vw,25px);line-height:1.42;font-weight:500;color:#2B2018}
.bl-texto blockquote::before{content:"\201C";position:absolute;left:24px;top:14px;font-size:76px;line-height:1;font-weight:600;color:#FF9900}
.bl-texto blockquote p{margin:0 0 8px}
.bl-texto blockquote p:last-child{margin-bottom:0}
.bl-texto a{text-decoration:underline;text-underline-offset:2px}
/* Viajes del país del artículo, con el formato de «Sigue leyendo» */
.bl-relacionados.bl-viajes>h2{margin-bottom:4px}
.bl-viajes-sub{margin:0 0 20px;font-size:17px;color:#5C4B3A}
.bl-viajes-todos{margin:20px 0 0}
.bl-viajes-todos a{color:#8A5100;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bl-boton{display:inline-block;background:#FF9900;color:#2B2018;font-weight:600;border-radius:8px;padding:11px 20px;text-decoration:none;white-space:nowrap}
.bl-boton:hover{background:#2B2018;color:#fff}
.bl-relacionados{padding-top:24px;padding-bottom:40px}
.bl-relacionados>h2{font-size:clamp(24px,3vw,30px);font-weight:500;color:#2B2018;margin:0 0 20px}
.bl-rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.bl-tarjeta{display:flex;flex-direction:column}
.bl-tarjeta-foto{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:10px;background:#F5F5F5}
.bl-tarjeta-foto img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.bl-tarjeta-foto:hover img{transform:scale(1.03)}
.bl-tarjeta-texto{padding-top:12px}
.bl-etiqueta{display:inline-block;font-size:12px;font-weight:600;color:#8A5100;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
/* Encima del título del artículo: lleva a la página del país */
.bl-cabecera .bl-etiqueta{font-size:13px;margin-bottom:0;text-decoration:none}
a.bl-etiqueta:hover,a.bl-etiqueta:focus-visible{text-decoration:underline;text-underline-offset:3px}
.bl-tarjeta-titulo{font-size:20px;line-height:1.3;font-weight:500;margin:0 0 8px}
.bl-tarjeta-titulo a{color:#2B2018;text-decoration:none}
.bl-tarjeta-titulo a:hover{color:#8A5100}
.bl-tarjeta-texto p{font-size:15px;line-height:1.55;color:#5C4B3A;margin:0}
.bl-paginas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:36px 0 0}
.bl-paginas a,.bl-paginas span{display:inline-block;min-width:40px;padding:8px 12px;border-radius:8px;text-align:center;text-decoration:none;border:1px solid #e8e4dc;color:#2B2018}
.bl-paginas span[aria-current]{background:#2B2018;color:#fff;border-color:#2B2018}
@media(max-width:991px){.bl-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  .bl-rejilla{grid-template-columns:minmax(0,1fr)}
  .bl-gancho{font-size:19px}
  .bl-texto{font-size:17px}
  .bl-texto blockquote{padding:58px 20px 22px}
  .bl-texto blockquote::before{left:18px;top:6px;font-size:64px}
}
@media(max-width:767px){.bl-portada,.bl-articulo{padding-top:70px}}
/* Alta en el resumen semanal */
.bl-alta{background:#F7F0E4;border-radius:12px;padding:26px 24px;margin:34px 0 10px}
.bl-alta h2{font-size:clamp(22px,2.6vw,26px);font-weight:500;color:#2B2018;margin:0 0 6px}
.bl-alta>p{font-size:16px;line-height:1.5;color:#5C4B3A;margin:0 0 14px}
.bl-alta-fila{display:flex;gap:10px;flex-wrap:wrap}
.bl-alta-fila input{flex:1 1 240px;min-width:0;border:1px solid #d8cdbd;border-radius:8px;padding:11px 14px;font-size:16px;background:#fff;color:#2B2018}
.bl-alta-fila .bl-boton{border:0;cursor:pointer}
.bl-alta-check{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.45;color:#2B2018;margin:12px 0 4px;font-weight:400}
.bl-alta-check input{margin-top:3px;flex:none}
.bl-alta-msg{font-size:15px;margin:8px 0 0;min-height:1px}
.bl-alta-ok{color:#14532D;font-weight:500}
.bl-alta-error{color:#8F2518}
.bl-alta-legal{font-size:12px;line-height:1.45;color:#7a6a58;margin:10px 0 0}
.bl-oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bl-oculto-lector{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bl-portada .bl-alta{margin-top:40px}
/* Filtro por destino en la portada del blog */
.bl-filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.bl-filtros a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 14px;border:1px solid #E8E4DF;border-radius:999px;font-size:15px;color:#2B2018;text-decoration:none;background:#fff}
.bl-filtros a span{font-size:12px;color:#8A5100}
.bl-filtros a:hover{border-color:#2B2018}
.bl-filtros a.activo{background:#2B2018;border-color:#2B2018;color:#fff}
.bl-filtros a.activo span{color:#FF9900}
@media(max-width:767px){.bl-filtros{flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 4px;scrollbar-width:none}.bl-filtros::-webkit-scrollbar{display:none}.bl-filtros a{flex:none}}