/* ===== Tuercas Mentales — Estilo base v2 (Mar Caribe tibio) ===== */
:root{
  --turquesa-profundo:#00718f;
  --turquesa:#0097b2;
  --mar:#00b7d1;
  --espuma:#e6f7f9;
  --arena:#f7f3ec;
  --tinta:#17323b;
  --tinta-suave:#49666f;
  --blanco:#ffffff;
  --sombra:0 4px 16px rgba(0,80,100,.14);
  --radio:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:18px}
body{
  font-family:Georgia,'Times New Roman',serif;
  color:var(--tinta);
  background:var(--arena);
  line-height:1.75;
}
.saltar{position:absolute;left:-999px}
.saltar:focus{position:static;padding:.5rem 1rem;background:var(--turquesa-profundo);color:#fff}
img{max-width:100%;height:auto}

/* Cabecera — franja Aston Martin más grande */
.sitio{background:rgba(0,80,100,.96);color:#fff;position:sticky;top:0;z-index:20;box-shadow:var(--sombra);backdrop-filter:blur(4px)}
.envoltura{max-width:1040px;margin:0 auto;padding:1.8rem 1.2rem}
.sitio .envoltura{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem}
.sitio .marca-caja{margin-right:0}
.marca{font-size:1.9rem;font-weight:bold;color:#fff;text-decoration:none;letter-spacing:.5px}
.marca:hover{color:#cdeef5}
.marca-caja{display:flex;flex-direction:column;align-items:center;line-height:1.25}
.marca-caja .lema-cabecera{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:#9fe8f5;margin-top:.1rem;white-space:nowrap;text-align:center}
.menu-boton{display:none;background:none;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:.45rem .55rem;cursor:pointer;flex-direction:column;align-items:center;justify-content:center}
.menu-boton .raya{display:block;width:20px;height:2px;background:#d9f4f8;border-radius:2px;transition:transform .25s ease, opacity .25s ease}
.menu-boton .raya+.raya{margin-top:4px}
.menu-boton:hover{border-color:#7fe0ef}
.menu-boton.abierto .raya:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-boton.abierto .raya:nth-child(2){opacity:0}
.menu-boton.abierto .raya:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
header.sitio nav{display:flex;align-items:center}
header.sitio nav a{font-size:1.125rem;white-space:nowrap;text-decoration:none;padding:.25rem 0;color:#d9f4f8}
header.sitio nav a+a{margin-left:1.5rem}
header.sitio nav a:hover,header.sitio nav a.activo{color:#fff;border-bottom:2px solid #7fe0ef}

/* Hero / portada — pantalla completa, estilo Squarespace */
.portada{
  position:relative;color:#fff;text-align:center;overflow:hidden;
  min-height:100vh;
  min-height:100dvh;
  display:flex;align-items:center;justify-content:center;
  padding:5rem 1.2rem;
  background:
    linear-gradient(180deg, rgba(0,50,65,.68) 0%, rgba(0,100,120,.42) 60%, rgba(20,60,70,.35) 100%),
    url('../img/fondoweb.jpg') center/cover no-repeat;
}
.portada .velo{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg, rgba(4,20,28,.58) 0%, rgba(4,20,28,.38) 55%, rgba(4,20,28,.72) 92%, #f4efe6 100%);
}
.portada .caja{position:relative;z-index:2;max-width:760px;margin:0 auto}
.portada h1{font-size:2.2rem;line-height:1.15;font-weight:normal;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,30,45,.7);text-transform:uppercase;letter-spacing:2px}
.portada .propio{font-size:1.08rem;color:#eefafd;margin:0 auto 1.2rem;max-width:620px;text-shadow:0 1px 4px rgba(0,30,45,.5)}
.portada .epigrafe{font-style:italic;font-size:.95rem;color:#eafbfe;margin:.2rem auto 1.1rem;max-width:540px}

/* Botones / CTA */
.cta{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}
.boton{
  display:inline-block;padding:.75rem 1.5rem;border-radius:999px;
  background:var(--mar);color:#06333f;
  text-decoration:none;font-weight:bold;font-size:.98rem;transition:.2s;
}
.boton:hover{background:#fff;transform:translateY(-2px)}
.boton.suave{background:rgba(255,255,255,.15);color:#fff;border:2px solid rgba(255,255,255,.7)}
.boton.suave:hover{background:rgba(255,255,255,.28)}
button.boton{font-family:inherit;border:none;cursor:pointer}

/* Secciones */
.seccion{padding:3.2rem 1.2rem;scroll-margin-top:112px}
.seccion.alterna{background:var(--espuma)}
.seccion h2{font-size:1.85rem;font-weight:normal;color:var(--turquesa-profundo);margin-bottom:1.6rem;border-bottom:3px solid var(--mar);padding-bottom:.4rem}

/* Carrusel de tarjetas — estilo Squarespace (desplazamiento infinito) */
.destaca{overflow:hidden}
.destaca h2{text-align:center;border-bottom:none}
.destaca .envoltura{max-width:100%;padding:0 1.2rem}.carrusel-vista{overflow:hidden;padding:3.2rem 0 2.4rem}
.carrusel-pista{display:flex;gap:2rem;align-items:center;will-change:transform;transition:transform .8s cubic-bezier(.3,.7,.3,1)}
.carrusel-aviso{text-align:center;font-size:.82rem;color:var(--tinta-suave);margin-top:.9rem;font-style:italic}
.tarjeta{display:flex;flex-direction:row;background:var(--blanco);border-radius:18px;overflow:hidden;text-decoration:none;
  box-shadow:0 6px 24px rgba(0,40,55,.12);border:1px solid #dceef2;
  height:440px;width:680px;flex:0 0 680px;
  transition:transform .6s ease, box-shadow .6s ease;
}
.tarjeta .portada-mini{overflow:hidden;background:#0a1a20;flex:1 1 55%;min-width:0}
.tarjeta .portada-mini.ancha{flex:1 1 55%}
.tarjeta .portada-mini img{width:100%;height:100%;object-fit:cover;display:block}
.tarjeta .portada-mini.ancha img{object-fit:contain;object-position:center;background:#0a1a20}
.tarjeta .cuerpo-mini{padding:1.4rem 1.5rem;flex:1 1 45%;display:flex;flex-direction:column;justify-content:center;min-width:0}
.tarjeta .cuerpo-mini.solo{background:linear-gradient(160deg,#05313f 0%, #0a5a6e 100%);color:#fff}
.tarjeta .etiqueta{display:inline-block;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:var(--mar);font-weight:bold;margin-bottom:.45rem}
.cuerpo-mini.solo .etiqueta{color:#9fe8f5}
.tarjeta h3{font-size:1.5rem;color:var(--turquesa-profundo);margin:.1rem 0 .5rem;line-height:1.2}
.cuerpo-mini.solo h3{color:#fff}
.tarjeta p{font-size:1.02rem;color:var(--tinta-suave);line-height:1.5}
.cuerpo-mini.solo p{color:#d8eef3}
.tarjeta .enlace{display:inline-block;margin-top:.9rem;font-weight:bold;color:var(--mar);font-size:1rem}
.cuerpo-mini.solo .enlace{color:#9fe8f5}

/* Libro */
.libro{display:flex;gap:2.2rem;align-items:flex-start;flex-wrap:wrap}
.portada-libro img{width:230px;border-radius:var(--radio);box-shadow:var(--sombra)}
.texto-libro{flex:1;min-width:260px}
.texto-libro h3{font-size:1.6rem;color:var(--turquesa-profundo)}
.texto-libro .sub{font-style:italic;color:var(--turquesa);margin-bottom:1rem}
.texto-libro p{margin-bottom:.9rem}
.lema{font-style:italic;color:var(--turquesa);font-size:1.05rem}

/* Buscador global — arriba, discreto, en la franja bajo la cabecera */
.franja-buscar{background:#06333f;padding:.7rem 1.2rem}
.franja-buscar .envoltura{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;padding:0}
.franja-buscar .etiqueta{color:#c9edf3;font-size:.95rem}
.buscar-global{position:relative;width:100%;max-width:420px}
.buscar-global input{
  width:100%;padding:.55rem 1rem;border:none;border-radius:999px;
  font-family:inherit;font-size:.95rem;background:rgba(255,255,255,.95);color:var(--tinta);
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.buscar-global input:focus{outline:3px solid #7fe0ef}
.resultados-global{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;
  background:var(--blanco);border-radius:12px;box-shadow:0 8px 24px rgba(0,40,55,.25);overflow:hidden;text-align:left}
.resultados-global a{display:block;padding:.65rem 1rem;text-decoration:none;color:var(--tinta);border-bottom:1px solid #e6f2f5}
.resultados-global a:hover{background:var(--espuma)}
.resultados-global a strong{display:block;font-size:.92rem;color:var(--turquesa-profundo)}
.resultados-global a span{font-size:.8rem;color:var(--tinta-suave)}
.sin-resultado{display:block;padding:.8rem 1rem;font-size:.9rem;color:var(--tinta-suave);font-style:italic}

/* Blog: buscador + listado */
.buscador{margin-bottom:2rem}
.buscador input{
  width:100%;max-width:520px;padding:.7rem 1rem;border:1px solid var(--mar);border-radius:999px;
  font-family:inherit;font-size:1rem;background:var(--blanco);color:var(--tinta);
}
.buscador input:focus{outline:2px solid var(--turquesa)}

/* Layout de dos columnas: contenido + índice lateral del blog */
.dos-columnas{display:grid;grid-template-columns:1fr 300px;gap:2.2rem;align-items:start}
.contenido-principal{min-width:0}
.contenido-principal .post{margin-bottom:1.2rem}
.indice-lateral{position:sticky;top:110px;background:var(--blanco);border:1px solid #d3eef2;border-left:5px solid var(--mar);border-radius:var(--radio);padding:1.2rem 1.3rem;box-shadow:var(--sombra)}
.indice-lateral h3{font-size:1.05rem;color:var(--turquesa-profundo);margin-bottom:.8rem;border-bottom:2px solid var(--espuma);padding-bottom:.4rem}
.indice-lateral .buscador{margin-bottom:1rem}
.indice-lateral .buscar-en-linea{width:100%;padding:.5rem .8rem;border:1px solid var(--mar);border-radius:999px;font-family:inherit;font-size:.92rem}
.indice-lateral .buscar-en-linea:focus{outline:2px solid var(--turquesa)}
.indice ul{list-style:none}
.indice li{margin-bottom:.5rem}
.indice li a{color:var(--tinta);text-decoration:none;font-size:.95rem;line-height:1.4}
.indice li a:hover{color:var(--turquesa);text-decoration:underline}
.indice li .fecha{display:block;font-size:.75rem;color:var(--tinta-suave);font-style:italic}

.lista-posts{display:grid;gap:1.1rem}
.post{
  background:var(--blanco);border:1px solid #d3eef2;border-left:5px solid var(--mar);
  border-radius:var(--radio);padding:1.2rem 1.4rem;box-shadow:var(--sombra);transition:.2s;
}
.post:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,80,100,.18)}
.post h3{font-size:1.25rem;margin-bottom:.3rem}
.post h3 a{color:var(--turquesa-profundo);text-decoration:none}
.post h3 a:hover{color:var(--turquesa);text-decoration:underline}
.post .fecha{font-size:.82rem;color:var(--tinta-suave);font-style:italic;margin-bottom:.5rem}
.post p{font-size:.98rem;color:var(--tinta)}

/* Formulario */
form{max-width:520px;display:grid;gap:1rem}
label{display:grid;gap:.3rem;font-size:.95rem;color:var(--tinta-suave)}
input,textarea{
  padding:.6rem .8rem;border:1px solid var(--mar);border-radius:8px;
  font-family:inherit;font-size:1rem;background:var(--blanco);
}
input:focus,textarea:focus{outline:2px solid var(--turquesa)}

/* Aportes */
.cuadricula{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin:1.6rem 0}
.monto{background:var(--blanco);border:1px solid #d3eef2;border-radius:var(--radio);padding:1.3rem 1.2rem;box-shadow:var(--sombra);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem}
.monto .precio{font-size:1.7rem;font-weight:bold;color:var(--turquesa-profundo)}
.monto .concepto{font-size:1.02rem;font-style:italic;color:var(--tinta-suave)}
.monto .boton{margin-top:.5rem}
.nota-wompi{display:none;margin-top:1rem;padding:.9rem 1.1rem;background:var(--espuma);border-left:4px solid var(--mar);border-radius:var(--radio);color:var(--tinta-suave);font-size:.95rem}
.razones{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}
.razon{background:var(--blanco);border-radius:var(--radio);padding:1.2rem 1.1rem;border-left:4px solid var(--mar);box-shadow:var(--sombra)}
.razon h3{font-size:1.05rem;color:var(--turquesa-profundo);margin-bottom:.3rem}
.razon p{font-size:.95rem;color:var(--tinta-suave)}
.salida{margin-top:2rem;text-align:center;font-style:italic;color:var(--tinta-suave);font-size:1.05rem}

/* Pie */
.pie{background:#06333f;color:#c9edf3;text-align:center;padding:1.4rem 1.2rem 3.2rem;font-size:.92rem}
.pie .contador-pie{margin-top:.8rem;font-size:.8rem;opacity:.6;display:none}

/* Pantallas grandes (PC) — agrandar fuente del hero */
@media(min-width:901px){
  .sitio .envoltura{padding:2.2rem 1.4rem}
  .marca{font-size:2.4rem}
  .portada h1{font-size:3.4rem}
  .portada .propio{font-size:1.35rem;max-width:700px}
  .portada .epigrafe{font-size:1.1rem;max-width:640px}
  .boton{font-size:1.05rem;padding:.85rem 1.8rem}
}

@media(max-width:768px){
  header.sitio .envoltura{flex-direction:row;justify-content:space-between}
  header.sitio .marca-caja{margin-right:.75rem}
  .menu-boton{display:inline-flex}
  header.sitio nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;background:rgba(0,80,100,.98);padding:.4rem 1.2rem 1rem;box-shadow:var(--sombra);z-index:25}
  header.sitio.abierto nav{display:flex}
  header.sitio nav a{font-size:1.05rem;padding:.7rem .3rem;border-bottom:1px solid rgba(255,255,255,.08)}
  header.sitio nav a:last-child{border-bottom:none}
}
@media(max-width:840px){
  .dos-columnas{grid-template-columns:1fr}
  .indice-lateral{position:static}
  .tarjeta{width:500px;height:380px;flex-basis:500px}
  .destaca .envoltura{padding:0 .8rem}
}
@media(max-width:640px){
  .sitio .envoltura{padding:1rem 1rem}
  .marca{font-size:1.35rem}
  .marca-caja .lema-cabecera{font-size:.68rem;letter-spacing:1.2px}
  .seccion{scroll-margin-top:120px}
  .portada{padding:2.4rem 1rem 2.8rem;min-height:72vh}
  .portada{min-height:72dvh}
  .portada h1{font-size:1.35rem;letter-spacing:1px}
  .portada .propio{font-size:.95rem;max-width:92%}
  .portada .epigrafe{font-size:.88rem}
  .portada .caja{padding:.6rem .4rem}
  .boton{font-size:.9rem;padding:.6rem 1.1rem}
  .franja-buscar{padding:.5rem .7rem}
  .franja-buscar .etiqueta{font-size:.8rem}
  .libro{flex-direction:column}
  .portada-libro img{width:100%;max-width:260px}
  .carrusel-pista{align-items:stretch}
  .tarjeta{width:320px;height:460px;flex-basis:320px;flex-direction:column;align-self:stretch}
  .tarjeta .portada-mini{flex:1 1 auto;min-height:0}
  .tarjeta .portada-mini.ancha{flex:0 0 44%}
  .tarjeta .cuerpo-mini{flex:1 1 auto;justify-content:flex-start;padding:1rem}
  .tarjeta .cuerpo-mini.solo{justify-content:center}
  .tarjeta h3{font-size:1.15rem}
  .carrusel-aviso{display:none}
}
@media(max-width:420px){
  .tarjeta{width:280px;flex-basis:280px}
}

/* ===== Página del regalo (PDF a cambio de correo) ===== */
.pagina-regalo{display:grid;grid-template-columns:240px 1fr;gap:2.2rem;align-items:start}
.pagina-regalo .portada-regalo img{width:100%;border-radius:var(--radio);box-shadow:var(--sombra)}
.regalo-form{max-width:560px;background:var(--espuma);padding:1.8rem;border-radius:var(--radio);border:1px solid rgba(0,80,100,.12)}
.regalo-form label{font-weight:600;color:var(--turquesa-profundo)}
.regalo-form .opcional{font-weight:400;font-size:.85rem;color:var(--tinta-suave)}
.nota-priv{font-size:.85rem;color:var(--tinta-suave);margin-top:.8rem}
.aviso-error{background:#fdecea;color:#b3261e;border:1px solid #f5c6c0;border-radius:8px;padding:.7rem 1rem;margin-bottom:1.2rem;font-weight:600}
.confirmacion{max-width:660px;margin:0 auto;text-align:center;padding:3.2rem 1.5rem}
.confirmacion .icono{font-size:3rem;margin-bottom:.6rem}
.confirmacion h2{margin-bottom:1rem}
.confirmacion p{color:var(--tinta-suave);margin-bottom:1rem;line-height:1.7}
.confirmacion p strong{color:var(--tinta)}
.caja-confirm{background:var(--espuma);border:1px solid rgba(0,80,100,.12);border-radius:var(--radio);padding:1.6rem;margin:1.4rem 0;text-align:left}
.caja-confirm a{color:var(--turquesa-profundo)}
@media(max-width:720px){
  .pagina-regalo{grid-template-columns:1fr}
  .pagina-regalo .portada-regalo{max-width:220px;margin:0 auto}
}

/* ===== Página del regalo (PDF a cambio de correo) ===== */
.pagina-regalo{display:grid;grid-template-columns:240px 1fr;gap:2.2rem;align-items:start}
.pagina-regalo .portada-regalo img{width:100%;border-radius:var(--radio);box-shadow:var(--sombra)}
.regalo-form{max-width:560px;background:var(--espuma);padding:1.8rem;border-radius:var(--radio);border:1px solid rgba(0,80,100,.12)}
.regalo-form label{font-weight:600;color:var(--turquesa-profundo)}
.regalo-form .opcional{font-weight:400;font-size:.85rem;color:var(--tinta-suave)}
.nota-priv{font-size:.85rem;color:var(--tinta-suave);margin-top:.8rem}
.aviso-error{background:#fdecea;color:#b3261e;border:1px solid #f5c6c0;border-radius:8px;padding:.7rem 1rem;margin-bottom:1.2rem;font-weight:600}
.confirmacion{max-width:660px;margin:0 auto;text-align:center;padding:3.2rem 1.5rem}
.confirmacion .icono{font-size:3rem;margin-bottom:.6rem}
.confirmacion h2{margin-bottom:1rem}
.confirmacion p{color:var(--tinta-suave);margin-bottom:1rem;line-height:1.7}
.confirmacion p strong{color:var(--tinta)}
.caja-confirm{background:var(--espuma);border:1px solid rgba(0,80,100,.12);border-radius:var(--radio);padding:1.6rem;margin:1.4rem 0;text-align:left}
.caja-confirm a{color:var(--turquesa-profundo)}
@media(max-width:720px){
  .pagina-regalo{grid-template-columns:1fr}
  .pagina-regalo .portada-regalo{max-width:220px;margin:0 auto}
}

/* ===== Hero: fragmento literario + regalo ===== */
.portada .fragmento{max-width:600px;margin:0 auto 1.5rem;padding:1.3rem 1.7rem;background:rgba(4,24,34,.55);border-left:4px solid var(--mar);border-radius:0 var(--radio) var(--radio) 0;text-align:left;backdrop-filter:blur(3px)}
.portada .fragmento p{font-size:1.5rem;font-style:italic;line-height:1.45;color:#fff;text-shadow:0 2px 12px rgba(0,20,30,.8)}
.portada .fragmento cite{display:block;margin-top:.7rem;font-size:.8rem;font-style:normal;letter-spacing:2px;text-transform:uppercase;color:#9fe8f5}
@media(max-width:720px){
  .portada .fragmento{padding:1rem 1.2rem}
  .portada .fragmento p{font-size:1.15rem}
}

/* ===== Hero minimalista + tarjetas flotantes (20 ago) ===== */
.portada{position:relative;z-index:1;min-height:70vh;min-height:70dvh}
.portada .caja{max-width:880px}
.portada h1{font-size:3.4rem;line-height:1.18;max-width:880px;margin:0 auto .6rem;text-transform:none;letter-spacing:1px}
.portada .descubrir{text-transform:uppercase;letter-spacing:3px;font-size:.85rem;padding:.9rem 2.8rem;background:transparent;border:2px solid rgba(255,255,255,.9);color:#fff;border-radius:999px}
.portada .descubrir:hover{background:#fff;color:#06333f}
.destaca{position:relative;z-index:2;padding-top:0;overflow:visible}
.carrusel-vista{margin-top:-10rem;position:relative;z-index:5}
.destaca h2{margin-top:2.6rem}
@media(max-width:720px){
  .portada h1{font-size:1.55rem;letter-spacing:0;max-width:94%}
  .portada .descubrir{font-size:.8rem;padding:.75rem 2rem}
  .carrusel-vista{margin-top:-4.5rem}
}

/* ===== Tarjeta del regalo: título del libro ===== */
.cuerpo-mini.solo .titulo-tarjeta{max-width:260px;margin:.2rem auto .8rem;display:block}

/* ===== Tarjeta del regalo: etiqueta anclada arriba-izquierda ===== */
.tarjeta-regalo .cuerpo-mini.solo{position:relative}
.tarjeta-regalo .etiqueta{position:absolute;top:.95rem;left:1.15rem;margin:0}
@media(max-width:720px){
  .tarjeta-regalo .etiqueta{top:.8rem;left:.9rem}
}

/* ===== Aportes: BreB QR ===== */
.breb-box{max-width:520px;margin:2.2rem auto 0;text-align:center;background:var(--espuma);border:1px solid rgba(0,80,100,.12);border-radius:var(--radio);padding:1.8rem}
.breb-box h3{margin-bottom:.6rem;color:var(--turquesa-profundo)}
.breb-box p{font-size:.95rem;color:var(--tinta-suave);margin-bottom:1.1rem}
.breb-box .qr-breb{width:240px;border-radius:12px;box-shadow:var(--sombra)}
.breb-box .llave{font-size:1.2rem;font-weight:bold;margin-top:.9rem;color:var(--turquesa-profundo);letter-spacing:.5px}
/* ===== Carrusel: botones de navegación ===== */
.carrusel-boton{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(4,24,34,.45);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;backdrop-filter:blur(2px)}
.carrusel-boton:hover{background:var(--mar);border-color:var(--mar);color:#06333f}
.carrusel-prev{left:.9rem}
.carrusel-next{right:.9rem}
@media(max-width:720px){
  .carrusel-boton{width:38px;height:38px;font-size:1.1rem}
  .carrusel-prev{left:.4rem}
  .carrusel-next{right:.4rem}
}

/* ===== Blog: índice arriba en móvil + scroll propio en desktop (20 ago) ===== */
.indice-lateral{max-height:calc(100vh - 140px);overflow-y:auto}
@media(max-width:840px){
  .dos-columnas{display:flex;flex-direction:column}
  .indice-lateral{order:-1;position:static;max-height:none;overflow:visible;margin-bottom:1.5rem}
}

/* ===== Entrada de blog (plantilla nueva) ===== */
.entrada{
  max-width:820px;margin:0 auto;background:var(--blanco);
  border:1px solid #d3eef2;border-radius:18px;
  box-shadow:0 8px 28px rgba(0,40,55,.10);
  padding:2.8rem 3.2rem 3.2rem;
}
.entrada .fecha-entrada{font-size:.92rem;color:var(--tinta-suave);font-style:italic;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.entrada .cat{font-style:normal;font-weight:bold;text-transform:uppercase;letter-spacing:1.5px;font-size:.74rem;color:var(--turquesa-profundo);background:var(--espuma);border:1px solid rgba(0,119,143,.25);border-radius:999px;padding:.28rem .8rem}
.entrada h1{font-size:2.15rem;line-height:1.2;font-weight:normal;color:var(--tinta);margin-bottom:1.2rem}
.entrada .autor-linea{font-size:.98rem;color:var(--tinta-suave);margin-bottom:1.8rem;font-style:italic}
.entrada p{margin-bottom:1.2rem;font-size:1.07rem;line-height:1.8}
.entrada p.primero::first-letter{font-size:3.3em;float:left;line-height:.82;padding-right:.14em;color:var(--turquesa-profundo);font-weight:bold}
.entrada h2{font-size:1.5rem;font-weight:normal;color:var(--turquesa-profundo);margin:2.6rem 0 1rem;border-bottom:2px solid var(--espuma);padding-bottom:.45rem}
.entrada h3{font-size:1.15rem;font-weight:bold;color:var(--tinta);margin:2rem 0 .6rem}
.entrada blockquote{margin:1.8rem 0;padding:1.2rem 1.6rem;background:var(--espuma);border-left:5px solid var(--mar);border-radius:0 var(--radio) var(--radio) 0;font-style:italic;font-size:1.08rem;line-height:1.7}
.entrada blockquote p{margin:0;font-size:1.08rem}
.entrada ul{margin:0 0 1.4rem 1.5rem}
.entrada li{margin-bottom:.5rem;line-height:1.6}
.entrada .firma{margin-top:2.2rem;font-style:italic;color:var(--tinta-suave)}
.entrada .cierre{margin-top:2.6rem;padding-top:1.8rem;border-top:1px solid var(--espuma);display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;align-items:center}
.entrada .volver{display:inline-block;margin-top:.6rem;color:var(--turquesa-profundo);font-weight:bold;text-decoration:none;font-size:1rem}
.entrada .volver:hover{color:var(--turquesa);text-decoration:underline}
.boton-secundario{background:transparent;border:2px solid var(--mar);color:var(--turquesa-profundo)}
.boton-secundario:hover{background:var(--espuma);color:var(--turquesa-profundo);transform:translateY(-2px)}
@media(max-width:640px){
  .entrada{padding:1.8rem 1.4rem}
  .entrada h1{font-size:1.7rem}
  .entrada p{font-size:1.02rem}
}
.entrada blockquote{margin:1.7rem 0;padding:1.1rem 1.5rem;background:var(--espuma);border-left:5px solid var(--mar);border-radius:0 var(--radio) var(--radio) 0;font-style:italic}
.entrada blockquote p{margin:0;font-size:1.02rem}
.entrada ul{margin:0 0 1.3rem 1.5rem}
.entrada li{margin-bottom:.45rem}

/* ===== Índice del blog agrupado por categoría ===== */
.indice h4{margin:1rem 0 .3rem;font-size:.78rem;font-weight:bold;text-transform:uppercase;letter-spacing:1.5px;color:var(--turquesa-profundo)}
.indice h4:first-child{margin-top:0}

/* ===== Presentación del blog ===== */
.presentacion-blog{background:linear-gradient(160deg,#05313f 0%,#0a5a6e 100%);color:#fff;text-align:center;padding:3.2rem 1.8rem 2.8rem;border-radius:18px;margin-bottom:2.2rem;box-shadow:0 8px 28px rgba(0,40,55,.18)}
.presentacion-blog .ruta{font-size:.78rem;letter-spacing:2.5px;text-transform:uppercase;color:#9fe8f5;margin-bottom:.6rem}
.presentacion-blog h1{font-size:2.3rem;font-weight:normal;line-height:1.2;margin-bottom:.8rem}
.presentacion-blog .sub{max-width:640px;margin:0 auto;color:#d8eef3;font-size:1.05rem;line-height:1.6}
.presentacion-blog .autor{margin-top:1rem;font-size:.9rem;color:#9fe8f5;font-style:italic}
@media(max-width:640px){.presentacion-blog{padding:2.4rem 1.2rem}.presentacion-blog h1{font-size:1.7rem}}

/* ===== Filtros por categoría (blog) ===== */
.filtros-blog{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.4rem}
.filtros-blog .chip{background:var(--blanco);border:1px solid #d3eef2;border-radius:999px;padding:.4rem 1rem;font-family:inherit;font-size:.88rem;color:var(--tinta-suave);cursor:pointer;transition:.2s}
.filtros-blog .chip:hover{border-color:var(--mar);color:var(--turquesa-profundo)}
.filtros-blog .chip.activo{background:var(--turquesa-profundo);border-color:var(--turquesa-profundo);color:#fff}

/* ===== Invitación libro físico (página del regalo) ===== */
.invitacion-libro{margin-top:2.8rem;padding-top:2.2rem;border-top:1px solid #d3eef2;text-align:center}
.invitacion-libro h3{font-size:1.35rem;font-weight:normal;color:var(--turquesa-profundo);margin-bottom:.5rem}
.invitacion-libro p{max-width:540px;margin:0 auto 1.3rem;color:var(--tinta-suave);font-size:1rem;line-height:1.6}