/* buscoalgomas.es · /proposito/ — estilos propios del cuaderno de viaje (solo añaden sobre base.css). */

.contenedor.estrecho{max-width:820px}
.estrecho-texto{max-width:720px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.solo-impresion{display:none}
.icono-linea{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* ---- hero: cuaderno abierto ---- */
.cuaderno-abierto{display:block;margin:4px auto 0;max-width:62vw}
.cuaderno-abierto .pagina-izq,.cuaderno-abierto .pagina-der{fill:#f3eadb;stroke:#c9a227;stroke-width:1.5;stroke-linejoin:round}
.cuaderno-abierto .lomo{stroke:#c9a227;stroke-width:3;stroke-linecap:round}
.cuaderno-abierto .renglones path{fill:none;stroke:#b9a98a;stroke-width:1.2;stroke-linecap:round}
.cuaderno-abierto .billete rect{fill:#fff8e6;stroke:#8a1538;stroke-width:1.4;stroke-dasharray:3 3}
.cuaderno-abierto .billete path{fill:none;stroke:#8a1538;stroke-width:1.4;stroke-linecap:round}
.cuaderno-abierto .cinta{fill:#8a1538}

/* paradas (índice de la página) */
.paradas{margin:26px auto 0;max-width:900px}
.paradas ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.paradas ol::before{content:"";position:absolute;left:10%;right:10%;top:17px;height:2px;background:var(--borde)}
.paradas a{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--texto-2);padding:0 4px 6px;min-height:44px}
.paradas .n{width:36px;height:36px;border-radius:50%;background:var(--fondo);border:2px solid var(--acento);color:var(--acento-2);font-family:var(--serif);font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.paradas a:hover .n,.paradas a:focus-visible .n{background:var(--acento);color:#1a1405}
.paradas .t{font-size:.86rem;text-align:center;line-height:1.3}
@media (max-width:640px){
  .paradas ol{grid-template-columns:1fr;gap:4px}
  .paradas ol::before{left:17px;right:auto;top:8%;bottom:8%;width:2px;height:auto}
  .paradas a{flex-direction:row;gap:14px;padding:4px 0;text-align:left}
  .paradas .t{text-align:left;font-size:.95rem}
}

/* ---- recursos de ayuda (arriba, en duelo y abajo) ---- */
.recursos{border:1px solid var(--verde);background:rgba(95,174,122,.08);border-radius:var(--radio);padding:18px 20px;margin:0 auto 10px;max-width:980px}
.recursos-titulo{margin:0 0 10px;font-family:var(--serif);font-size:1.1rem;color:var(--texto)}
.recursos ul{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.recursos .tel{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--texto);background:var(--fondo);border:1px solid var(--borde);border-radius:12px;padding:10px 14px;min-height:56px;transition:border-color .2s}
.recursos .tel:hover,.recursos .tel:focus-visible{border-color:var(--verde)}
.recursos .tel b{font-family:var(--serif);font-size:1.45rem;color:var(--verde);white-space:nowrap;letter-spacing:.02em}
.recursos .tel span{font-size:.86rem;color:var(--texto-2);line-height:1.3}
.recursos.compacto{padding:12px 16px;margin:6px 0 22px;max-width:none}
.recursos .enlaces-finales{margin:14px 0 0}
.recursos .enlaces-finales a{color:var(--texto)}

/* ---- cuaderno de misión ---- */
.aviso.solo-local{display:flex;gap:12px;align-items:flex-start;margin:14px 0 22px;color:var(--texto-2)}
.aviso.solo-local strong{color:var(--texto)}
.cuaderno{position:relative}
.pestanas{display:flex;gap:6px;padding:0 10px;position:relative;z-index:1;flex-wrap:wrap}
.pestana{border:1px solid var(--borde);border-bottom:0;background:var(--tarjeta);color:var(--texto-2);font-family:var(--serif);font-size:1.02rem;font-weight:600;padding:10px 18px;min-height:44px;border-radius:12px 12px 0 0;cursor:pointer;transition:background .2s,color .2s}
.pestana:hover{color:var(--texto)}
.pestana[aria-selected="true"]{background:#f3eadb;color:#2a2419;border-color:#d9c9a8;transform:translateY(1px)}
.pagina{background:#f3eadb;color:#2a2419;border-radius:6px 16px 16px 6px;padding:26px 28px 28px 34px;box-shadow:var(--sombra);border:1px solid #d9c9a8;position:relative}
.pagina::before{content:"";position:absolute;left:22px;top:0;bottom:0;width:1px;background:rgba(138,21,56,.35)} /* margen del cuaderno */
.pagina h3{color:#2a2419;font-size:1.5rem;margin:0 0 .2em}
.pagina .pagina-sobre{display:block;font-family:var(--sans);font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;color:#8a1538;font-weight:700;margin-bottom:4px}
.pagina .pagina-intro{color:#6b5e49;margin:0 0 14px;font-style:italic;font-family:var(--serif)}
.campo-cuaderno{margin:16px 0 0}
.campo-cuaderno label{color:#2a2419;font-weight:400;font-family:var(--serif);font-size:1.08rem;line-height:1.45;margin:0 0 8px}
.campo-cuaderno .tema{display:block;font-family:var(--sans);font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:#8a1538;font-weight:700;margin-bottom:2px}
.campo-cuaderno textarea{
  background:#fbf6ea;color:#1d1812;border:1px solid #d9c9a8;border-radius:8px;
  font-family:var(--serif);font-weight:400;font-size:1.05rem;line-height:28px;padding:6px 12px;min-height:96px;resize:vertical;overflow:hidden;
  background-image:repeating-linear-gradient(to bottom,transparent 0 27px,rgba(90,60,20,.14) 27px 28px);
  background-attachment:local;background-position:0 6px;background-size:100% 28px;
}
.campo-cuaderno textarea:focus{outline:2px solid var(--acento);outline-offset:1px;background-color:#fffbf1}
.campo-cuaderno .espejo{display:none}
.pie-cuaderno{margin-top:18px;padding:0 6px}
.estado-cuaderno{color:var(--texto-2);font-size:.9rem;margin:0}
.estado-cuaderno[data-tipo="ok"]{color:var(--verde)}
.pie-cuaderno .boton-fila{margin-top:10px}
.confirmar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 0;padding:12px 14px;border:1px solid var(--renfe-2);border-radius:10px;background:rgba(178,30,74,.08);color:var(--texto)}
.confirmar span{flex:1 1 220px}

/* ---- respiración ---- */
.respiracion{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:26px;margin-top:18px}
@media (max-width:760px){.respiracion{grid-template-columns:1fr}}
.circulo-caja{position:relative;width:min(300px,78vw);aspect-ratio:1;margin:0 auto;display:flex;align-items:center;justify-content:center}
.anillos{position:absolute;inset:0;width:100%;height:100%}
.anillo{fill:none;stroke:var(--borde);stroke-width:1.5}
.anillo:nth-child(2){stroke-dasharray:4 8}
.circulo{width:38%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f2d98a,var(--acento) 60%,#8a6a12);box-shadow:0 0 40px rgba(231,198,90,.25);transform:scale(1);transition:transform 1s ease-in-out;will-change:transform}
.respiracion[data-fase="inspira"] .circulo{transform:scale(1.9);transition-duration:4s}
.respiracion[data-fase="manten"] .circulo{transform:scale(1.9);transition-duration:.2s}
.respiracion[data-fase="exhala"] .circulo{transform:scale(1);transition-duration:6s}
.respiracion[data-fase="reposo"] .circulo{transform:scale(1);transition-duration:1s}
.respiracion.solo-texto .circulo-caja{display:none}
.respiracion.solo-texto{grid-template-columns:1fr}
.texto-respiracion{text-align:center}
.fase{font-family:var(--serif);font-size:clamp(1.8rem,5vw,2.6rem);margin:0;color:var(--acento-2);line-height:1.15;min-height:1.2em}
.cuenta-fase{font-family:var(--serif);font-size:clamp(2.4rem,7vw,3.6rem);color:var(--texto);margin:.1em 0 0;line-height:1;min-height:1em}
.cuenta-fase:empty{display:none}
.restante{color:var(--texto-2);margin:.6em 0 0}
.respiracion.solo-texto .fase{font-size:clamp(2.2rem,6vw,3.2rem)}
.controles-respiracion{grid-column:1/-1;border-top:1px dashed var(--borde);padding-top:16px}
.duraciones{margin:0;padding:10px 14px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.duraciones legend{font-size:.95rem}
.duracion{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border:1px solid var(--borde);border-radius:999px;background:var(--fondo);cursor:pointer;font-weight:500;min-height:44px}
.duracion:has(input:checked){border-color:var(--acento);background:rgba(201,162,39,.12)}
.duracion:has(input:focus-visible){outline:2px solid var(--acento-2);outline-offset:2px}
.duracion input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--acento)}
.solo-texto-casilla{margin:12px 0 0;color:var(--texto-2)}
.controles-respiracion .boton-fila{margin-top:14px}

/* ---- reflexión: semana ---- */
.semana{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.dia{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:baseline;padding:12px 16px;border:1px solid var(--borde);border-radius:12px;background:var(--tarjeta)}
.dia .nombre-dia{font-family:var(--serif);font-weight:600;color:var(--texto-2)}
.dia p{margin:0;font-family:var(--serif);font-size:1.08rem}
.dia.hoy{border-color:var(--acento);background:rgba(201,162,39,.09)}
.dia.hoy .nombre-dia{color:var(--acento-2)}
.dia.hoy .nombre-dia::after{content:" · hoy";font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--acento)}
@media (max-width:520px){.dia{grid-template-columns:1fr;gap:4px}}
.t-gestos{margin-top:34px}
.gestos{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:10px}
.gestos li{position:relative;padding:10px 14px 10px 38px;border:1px solid var(--borde);border-radius:10px;background:var(--tarjeta);color:var(--texto)}
.gestos li::before{content:"";position:absolute;left:14px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--acento)}
.gestos li.cargando{padding-left:14px}
.gestos li.cargando::before{display:none}

/* ---- duelo ---- */
.duelo-rejilla{margin-top:6px}
.lista-duelo{margin:0;padding-left:18px}
.lista-duelo li{margin:.45em 0;color:var(--texto-2)}
.lista-duelo strong{color:var(--texto)}
.lista-duelo a{color:var(--texto)}
.duelo-rejilla .tarjeta h3{color:var(--acento-2)}
.duelo-rejilla .tarjeta p.pequeno{margin:14px 0 0}

/* ---- decálogo ---- */
.decalogo{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:18px 0 0;counter-reset:punto}
.punto{position:relative;padding:22px 22px 22px 22px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:start}
.punto .numero{grid-row:1/3;width:44px;height:44px;border-radius:50%;background:var(--fondo);border:2px solid var(--acento);color:var(--acento-2);font-family:var(--serif);font-weight:700;font-size:1.15rem;display:flex;align-items:center;justify-content:center}
.punto .icono-punto{position:absolute;right:18px;top:18px;width:30px;height:30px;fill:none;stroke:var(--acento);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.punto h3{margin:0;font-size:1.12rem;padding-right:34px;display:block}
.punto p{margin:0;color:var(--texto-2);font-size:.95rem}

/* ---- menos movimiento: el círculo no respira, solo el texto ---- */
@media (prefers-reduced-motion:reduce){
  .circulo{transition:none!important}
  .respiracion:not(.con-animacion) .circulo-caja{display:none}
  .respiracion:not(.con-animacion){grid-template-columns:1fr}
}

/* ---- impresión: solo el cuaderno, con todas sus páginas y los textos completos ---- */
@media print{
  body>*:not(main){display:none!important}
  main>*:not(#cuaderno){display:none!important}
  #cuaderno{padding:0}
  .solo-impresion{display:block}
  .encabezado-impresion{font-size:.8rem;color:#555;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}
  .pestanas,.pie-cuaderno,.aviso.solo-local,.paradas{display:none!important}
  .pagina{display:block!important;background:#fff;color:#000;border:1px solid #999;box-shadow:none;border-radius:6px;margin:0 0 16px;padding:18px 22px;break-inside:avoid}
  .pagina::before{display:none}
  .pagina h3,.campo-cuaderno label{color:#000}
  .pagina .pagina-sobre,.campo-cuaderno .tema{color:#444}
  .campo-cuaderno textarea{display:none}
  .campo-cuaderno .espejo{display:block;min-height:3.2em;border-bottom:1px solid #999;padding:4px 0 6px;white-space:pre-wrap;font-family:var(--serif);font-size:1.02rem;line-height:1.6;color:#000}
  .campo-cuaderno .espejo:empty::before{content:"";display:block;height:3em;background:repeating-linear-gradient(to bottom,transparent 0 1.5em,#bbb 1.5em calc(1.5em + 1px))}
}