/* Pasatiempos con letra grande. Sin dependencias externas. Colores de las portadas de Ediciones Brasero. */
@font-face{font-family:'Open Sans';font-weight:400;font-display:swap;src:url('/fuentes/open-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Open Sans';font-weight:800;font-display:swap;src:url('/fuentes/open-sans-latin-800-normal.woff2') format('woff2')}
:root{--fondo:#fbf6ea;--papel:#fff;--tinta:#1d1610;--suave:#4a3d31;--granate:#8e1f1a;--granate-osc:#6e1611;--verde:#1d4d3a;--borde:#d8c9a8;--crema:#fbefd5}
*{box-sizing:border-box}
html{font-size:22px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:'Open Sans',Arial,sans-serif;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:var(--granate);text-underline-offset:.15em}
a:hover{color:var(--granate-osc)}
:focus-visible{outline:4px solid #1a4fa0;outline-offset:3px}
strong,b,h1,h2,h3{font-weight:800}
.saltar{position:absolute;left:-999px;top:0;background:var(--tinta);color:#fff;padding:.5rem 1rem}
.saltar:focus{left:.5rem;z-index:9}

.barra{background:var(--crema);border-bottom:4px solid var(--granate);padding:.7rem 1rem}
.marca{display:inline-block;font-weight:800;font-size:1.15rem;color:var(--granate);text-decoration:none;line-height:1.2;margin-bottom:.4rem}
.marca span{color:var(--tinta)}
.barra nav{display:flex;flex-wrap:wrap;gap:.4rem .5rem}
.barra nav a{display:inline-flex;align-items:center;min-height:2.3rem;padding:.2rem .7rem;border:2px solid var(--granate);border-radius:999px;color:var(--granate);text-decoration:none;font-size:.92rem;font-weight:800;background:var(--papel)}
.barra nav a:hover{background:var(--granate);color:#fff}

main{max-width:46rem;margin:0 auto;padding:1.2rem 1rem 2rem}
.migas{font-size:.92rem;color:var(--suave);margin:0 0 .6rem}
.migas a{color:var(--suave)}
h1{font-size:1.6rem;line-height:1.15;margin:.2rem 0 .8rem;color:var(--granate)}
h2{font-size:1.35rem;line-height:1.2;margin:2rem 0 .6rem}
h3{font-size:1.15rem;line-height:1.25;margin:0 0 .3rem}
p{margin:0 0 .9rem}
ul,ol{padding-left:1.3rem;margin:0 0 1rem}
li{margin-bottom:.5rem}
.entrada{font-size:1.1rem}
.nota{font-size:.95rem;color:var(--suave)}

.boton{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 .4rem;min-height:3.2rem;padding:.55rem 1.2rem;border-radius:12px;background:var(--granate);color:#fff;font-weight:800;font-size:1.05rem;text-decoration:none;border:3px solid var(--granate);text-align:center;line-height:1.25}
.boton:hover{background:var(--granate-osc);border-color:var(--granate-osc);color:#fff}
.boton .peso{font-weight:400;font-size:.92rem}
.boton.claro{background:var(--papel);color:var(--granate)}
.boton.claro:hover{background:var(--crema);color:var(--granate-osc)}

.imp{background:var(--papel);border:2px solid var(--borde);border-radius:14px;padding:1rem;margin:0 0 1.2rem;display:grid;gap:1rem}
.imp img{border:1px solid #bbb;width:100%;max-width:340px;margin:0 auto;box-shadow:0 3px 10px rgba(60,40,20,.12)}
.imp .det{color:var(--suave);font-size:.95rem}
.imp .acciones{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}

.secciones{list-style:none;padding:0;display:grid;gap:.8rem}
.secciones li{margin:0}
.secciones a{display:block;background:var(--papel);border:2px solid var(--borde);border-left:8px solid var(--granate);border-radius:12px;padding:.8rem 1rem;text-decoration:none;color:var(--tinta)}
.secciones a:hover{border-color:var(--granate)}
.secciones strong{display:block;color:var(--granate);font-size:1.1rem}
.secciones span{font-size:.95rem;color:var(--suave)}

.caja{background:var(--crema);border:2px solid var(--borde);border-radius:14px;padding:1rem 1.1rem;margin:1.5rem 0}
.caja > :last-child{margin-bottom:0}

.libros{border-top:4px solid var(--granate);margin-top:2.4rem;padding-top:.4rem}
.libro{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;align-items:start;background:var(--papel);border:2px solid var(--borde);border-radius:14px;padding:1rem;margin:0 0 1rem}
.libro img{width:7.5rem;border:1px solid #bbb;box-shadow:0 3px 10px rgba(60,40,20,.18)}
.libro h3{margin-bottom:.4rem}
.libro .precio{font-size:.95rem;color:var(--suave)}
.libro .precio strong{color:var(--tinta);font-size:1.05rem}
.aviso-libros{font-size:.95rem;color:var(--suave)}

.ideas{list-style:none;padding:0}
.ideas li{background:var(--papel);border:2px solid var(--borde);border-radius:12px;padding:.9rem 1rem;margin-bottom:.9rem}
.ideas li > :last-child{margin-bottom:0}

.pie{background:var(--crema);border-top:4px solid var(--granate);padding:1.2rem 1rem 2rem;font-size:.95rem}
.pie p{max-width:46rem;margin:0 auto .6rem}

@media (max-width:420px){
  .libro{grid-template-columns:1fr}
  .libro img{width:9rem}
}
@media (min-width:760px){
  html{font-size:22px}
  .barra{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.5rem}
  .marca{margin:0}
  h1{font-size:2.1rem}
  .imp{grid-template-columns:15rem 1fr;align-items:center}
  .imp img{max-width:15rem}
}
@media print{.barra,.pie,.libros,.boton{display:none}}