/* Os nosos 313 — estilo «caderno de viaxe».
   Un só aspecto (papel claro) a propósito: é un caderno, non unha app de oficina. */
:root{
  color-scheme: light;
  --papel:#efe5cf; --papel-2:#f7f0df; --folla:#fbf6ea; --gris-papel:#e2d5b8;
  --tinta:#2f4b45; --tinta-suave:#5e5546; --texto:#3b2f24; --liña:#b9a582;
  --selo:#b5523a; --vivido:#6fa58f; --paso:#e3bd5c; --quero:#c46b78; --ceo:#8fb3c7;
  --f-man:"Caveat", "Segoe Print", "Comic Sans MS", cursive;
  --f-tit:"Fraunces", Georgia, serif;
  --f-txt:"Nunito Sans", "Segoe UI", system-ui, sans-serif;
  --nav-h:62px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--papel);color:var(--texto);font-family:var(--f-txt);font-size:16px;line-height:1.4;
  background-image:radial-gradient(rgba(120,90,50,.07) 1px,transparent 1px);background-size:5px 5px;
  -webkit-tap-highlight-color:transparent}
#app{min-height:100%;display:flex;flex-direction:column;max-width:760px;margin:0 auto}
button,input,textarea,select{font:inherit;color:inherit}
a{color:var(--tinta)}
:focus-visible{outline:2px dashed var(--selo);outline-offset:3px}
[hidden]{display:none!important}

/* Cabeceira */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;
  padding:calc(env(safe-area-inset-top,0px) + 10px) max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));
  background:var(--papel)}
.marca{font-family:var(--f-man);font-weight:700;font-size:30px;line-height:1;color:var(--tinta);text-decoration:none}
.contador{margin-left:auto;font-family:var(--f-man);font-size:20px;white-space:nowrap}
.contador b{font-size:28px;color:var(--selo)}
.axustes-btn{color:var(--tinta-suave);display:grid;place-items:center;width:36px;height:36px}
.aviso{margin:0 16px 6px;padding:6px 10px;font-size:14px;background:#f6dfb0;border-radius:6px}

main{flex:1;padding:4px max(16px,env(safe-area-inset-right,0px)) calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 24px) max(16px,env(safe-area-inset-left,0px));outline:none}

/* Navegación de abaixo */
.abaixo{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;
  background:var(--papel-2);border-top:1.5px dashed var(--liña);
  padding:6px max(8px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 6px) max(8px,env(safe-area-inset-left,0px))}
.abaixo a{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--tinta-suave);font-family:var(--f-man);font-size:19px;line-height:1}
.abaixo .ic{font-size:20px;line-height:1.1;font-family:var(--f-tit)}
.abaixo a.on{color:var(--selo)}
.abaixo a.on .t{text-decoration:underline wavy}

/* Tipografía común */
h1,h2,h3{font-family:var(--f-tit);color:var(--tinta);margin:0;text-wrap:balance}
h1{font-size:28px} h2{font-size:22px} h3{font-size:18px}
.man{font-family:var(--f-man);font-size:20px;line-height:1.15}
.suave{color:var(--tinta-suave)}
.peq{font-size:14px}
.sec{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.fila{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Botóns */
.btn{border:1.5px solid var(--tinta);background:transparent;color:var(--tinta);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:15px}
.btn.cheo{background:var(--tinta);color:var(--folla)}
.btn.selo{border-color:var(--selo);color:var(--selo)}
.btn.selo.cheo{background:var(--selo);color:#fff}
.btn.peq{padding:5px 11px;font-size:14px}
.btn:disabled{opacity:.5}
.enlace{background:none;border:none;padding:0;color:var(--tinta);text-decoration:underline;cursor:pointer;font-size:15px}

/* Folla / tarxeta pegada co adhesivo */
.folla{background:var(--folla);padding:14px 14px 16px;box-shadow:0 2px 6px rgba(60,40,20,.16);position:relative}
.folla.cinta:before{content:"";position:absolute;top:-9px;left:calc(50% - 35px);width:70px;height:18px;background:rgba(214,190,140,.7);transform:rotate(-3deg)}
.folla + .folla{margin-top:14px}

/* Mapa */
.mapa-caixa{position:relative;margin:0 -6px;touch-action:none;user-select:none;-webkit-user-select:none}
.mapa-caixa svg{width:100%;height:auto;max-height:calc(100dvh - 250px);min-height:260px;display:block;margin:0 auto;overflow:hidden}
.mapa-caixa .con{stroke:#6b5843;stroke-width:.7;fill:transparent;vector-effect:non-scaling-stroke;cursor:pointer}
.mapa-caixa .con.paso{fill:var(--paso)}
.mapa-caixa .con.quero{fill:url(#raia)}
.mapa-caixa .con.sel{stroke:var(--selo);stroke-width:2.4}
.mapa-caixa .acuarela path{fill:var(--vivido);stroke:none}
.mapa-caixa .contorno path{fill:none;stroke:#3d4e48;stroke-width:1.1;vector-effect:non-scaling-stroke;pointer-events:none}
.mapa-ctrl{position:absolute;right:6px;bottom:6px;display:flex;flex-direction:column;gap:6px}
.mapa-ctrl button{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--tinta);background:var(--folla);font-size:20px;line-height:1;cursor:pointer;color:var(--tinta)}
.lenda{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--f-man);font-size:18px;margin-top:4px}
.lenda i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:5px;vertical-align:-1px;border:1px solid #6b5843}
.etiqueta-mapa{min-height:28px;font-family:var(--f-man);font-size:21px;color:var(--tinta)}
.etiqueta-mapa a{font-weight:700}

/* Tal día coma hoxe */
.taldia{display:flex;gap:12px;align-items:center}
.taldia img{width:64px;height:64px;object-fit:cover;flex:none;transform:rotate(-3deg);border:4px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}

/* Ficha do concello */
.ficha-cab{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.ficha-cab .selo-g{width:96px;height:96px;flex:none}
.estados{display:flex;gap:6px;flex-wrap:wrap}
.estados button{border:1.5px solid var(--liña);background:var(--papel-2);border-radius:999px;padding:6px 12px;font-weight:700;cursor:pointer;color:var(--tinta-suave)}
.estados button[aria-pressed="true"][data-e="vivido"]{background:var(--vivido);border-color:var(--vivido);color:#fff}
.estados button[aria-pressed="true"][data-e="paso"]{background:var(--paso);border-color:var(--paso);color:#3a2b00}
.estados button[aria-pressed="true"][data-e="quero"]{background:var(--quero);border-color:var(--quero);color:#fff}
.visita .cab{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.visita .data{font-family:var(--f-man);font-size:20px;color:var(--tinta-suave)}
.visita .texto{font-family:var(--f-man);font-size:22px;line-height:1.15;white-space:pre-wrap;margin:6px 0}
.comida{border-left:3px solid var(--paso);padding:2px 0 2px 10px;margin:6px 0}
.opinions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin-top:8px}
.opinion{background:var(--papel-2);padding:8px 10px;border-radius:4px}
.opinion b{font-family:var(--f-man);font-size:19px}
.estrelas{color:var(--selo);letter-spacing:1px}
.fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fotos button{padding:0;border:4px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.18);background:#ddd;aspect-ratio:1;cursor:pointer;max-width:100%}
.fotos button:nth-child(3n+1){transform:rotate(-1.5deg)} .fotos button:nth-child(3n+2){transform:rotate(1deg)}
.fotos img{width:100%;height:100%;object-fit:cover;display:block}

/* Formularios */
.campo{display:flex;flex-direction:column;gap:4px}
.campo label{font-weight:700;font-size:14px;color:var(--tinta-suave)}
.campo input,.campo textarea,.campo select{border:1.5px solid var(--liña);background:var(--folla);border-radius:6px;padding:8px 10px;width:100%}
.campo textarea{min-height:90px;font-family:var(--f-man);font-size:20px;line-height:1.15;resize:vertical}
.nota-input{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;max-width:340px}
.nota-input button{background:var(--papel-2);border:1.5px solid var(--liña);border-radius:6px;font-weight:700;font-size:14px;color:var(--tinta-suave);cursor:pointer;padding:5px 0;min-width:0}
.nota-input button.on{background:var(--selo);border-color:var(--selo);color:#fff}
.nota{font-family:var(--f-man);font-size:24px;color:var(--selo);font-weight:700;line-height:1}
.nota small{font-size:15px;color:var(--tinta-suave);font-weight:400}

/* Que ver (puntos de interese) */
.puntos{display:flex;flex-direction:column;gap:10px}
.puntos .resumo{margin:0;max-width:65ch}
.lista-puntos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lista-puntos li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:start}
.lista-puntos img,.lista-puntos .sen-img{width:76px;height:60px;object-fit:cover;border:3px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.18);background:var(--gris-papel)}
.lista-puntos .sen-img{display:grid;place-items:center;color:var(--tinta-suave);font-size:22px}

/* Capa (diálogos e visor de fotos) */
.capa{position:fixed;inset:0;z-index:50;background:rgba(40,30,20,.55);display:flex;align-items:flex-end;justify-content:center}
.capa .panel{background:var(--papel);width:100%;max-width:760px;max-height:92vh;overflow:auto;border-radius:16px 16px 0 0;
  padding:16px max(16px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 20px) max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:12px}
.capa .visor{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(20,15,10,.92)}
.capa .visor img{max-width:100%;max-height:82vh;object-fit:contain;border:6px solid #fff}
.capa .visor .pe{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);text-align:center;color:#fff;font-family:var(--f-man);font-size:22px;padding:0 16px}
.capa .pechar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);right:12px;width:40px;height:40px;border-radius:50%;border:none;background:#fff;font-size:22px;cursor:pointer}

/* Lista */
.busca{width:100%;border:1.5px solid var(--liña);background:var(--folla);border-radius:999px;padding:9px 14px}
.comarca{background:var(--folla);box-shadow:0 1px 3px rgba(60,40,20,.12)}
.comarca summary{list-style:none;cursor:pointer;padding:10px 12px;display:flex;align-items:center;gap:10px;font-weight:700}
.comarca summary::-webkit-details-marker{display:none}
.comarca summary .barra{flex:0 0 60px;height:6px;background:var(--gris-papel);border-radius:3px;overflow:hidden}
.comarca summary .barra i{display:block;height:100%;background:var(--vivido)}
.comarca summary .n{font-weight:400;color:var(--tinta-suave);font-size:14px;white-space:nowrap}
.comarca summary .nome{flex:1;min-width:0}
.comarca a.lin{display:flex;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px dashed var(--gris-papel);text-decoration:none;color:var(--texto)}
.punto{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid #6b5843;margin-right:6px}
.punto.vivido{background:var(--vivido)} .punto.paso{background:var(--paso)} .punto.quero{background:var(--quero)}

/* Pasaporte */
.credencial{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#f3ead6;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,.14);position:relative}
.credencial:after{content:"";position:absolute;inset:7px;border:1px solid rgba(120,90,50,.25);pointer-events:none}
.credencial a{display:block;text-decoration:none}
.credencial svg{width:100%;height:auto;display:block}
.oco{aspect-ratio:1;border:1.5px dashed rgba(120,90,50,.25);border-radius:50%;margin:10%}

/* Logros */
.logros{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:12px}
.logro{background:var(--folla);padding:12px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;box-shadow:0 1px 4px rgba(60,40,20,.14)}
.logro .medalla{width:64px;height:64px}
.logro.pechado{opacity:.62}
.logro.pechado .medalla{filter:grayscale(1)}
.logro b{font-family:var(--f-tit);color:var(--tinta);font-size:16px;line-height:1.15}
.logro .pr{font-size:13px;color:var(--tinta-suave)}
.logro .barra{width:100%;height:6px;background:var(--gris-papel);border-radius:3px;overflow:hidden}
.logro .barra i{display:block;height:100%;background:var(--selo)}

/* Ruleta */
.ruleta-nome{font-family:var(--f-man);font-size:44px;line-height:1;color:var(--selo);text-align:center;min-height:52px}
.modos{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.modos button{border:1.5px solid var(--liña);background:var(--papel-2);border-radius:999px;padding:6px 12px;cursor:pointer}
.modos button[aria-pressed="true"]{border-color:var(--tinta);background:var(--tinta);color:var(--folla)}

/* Diario */
.ano{font-family:var(--f-man);font-size:34px;color:var(--selo);margin:18px 0 4px}
.entrada{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;text-decoration:none;color:inherit}
.entrada .mini{width:64px;height:64px;object-fit:cover;border:3px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);background:var(--gris-papel)}
.entrada .lugar{font-family:var(--f-tit);color:var(--tinta);font-weight:700}
.entrada.fora .lugar:after{content:" · fóra de Galicia";font-family:var(--f-txt);font-weight:400;font-size:13px;color:var(--tinta-suave)}

/* Benvida */
.benvida{position:fixed;inset:0;z-index:60;background:var(--papel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;
  background-image:radial-gradient(rgba(120,90,50,.07) 1px,transparent 1px);background-size:5px 5px}
.benvida .dedica{font-family:var(--f-man);font-size:28px;line-height:1.2;max-width:28ch;white-space:pre-wrap;color:var(--tinta)}
.benvida.entrar{z-index:70}
.benvida .t{font-family:var(--f-man);font-weight:700;font-size:54px;color:var(--selo);line-height:1}

/* Subida de fotos */
.subida-lista{display:flex;flex-direction:column;gap:10px}
.subida-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center}
.subida-item img{width:72px;height:72px;object-fit:cover;border:3px solid #fff}
.progreso{height:8px;background:var(--gris-papel);border-radius:4px;overflow:hidden}
.progreso i{display:block;height:100%;background:var(--vivido);transition:width .3s}

/* ===================== Versión 2 ===================== */

/* Botón + do medio */
.abaixo .mais{flex:none;width:52px;height:52px;margin-top:-22px;border-radius:50%;border:none;background:var(--selo);color:#fff;
  font-size:32px;line-height:1;cursor:pointer;box-shadow:0 3px 8px rgba(80,30,10,.35);display:grid;place-items:center}
.mais-opcions{display:flex;flex-direction:column;gap:8px}
.mais-opcions>button,.mais-opcions>label{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;
  text-align:left;background:var(--folla);border:none;padding:12px;cursor:pointer;box-shadow:0 1px 3px rgba(60,40,20,.14)}
.mais-opcions span[aria-hidden]{grid-row:span 2;font-size:24px;color:var(--selo);text-align:center;font-family:var(--f-tit)}
.mais-opcions b{font-family:var(--f-tit);color:var(--tinta)}

/* Interruptor de dúas ou máis opcións */
.segmento{display:inline-flex;border:1.5px solid var(--tinta);border-radius:999px;overflow:hidden;align-self:flex-start}
.segmento button{border:none;background:transparent;padding:6px 14px;font-weight:700;cursor:pointer;color:var(--tinta)}
.segmento button[aria-pressed="true"]{background:var(--tinta);color:var(--folla)}
.mapa-barra{justify-content:space-between;margin-bottom:6px}
.mapa-barra select,#r-dist,#n-ano{border:1.5px solid var(--liña);background:var(--folla);border-radius:999px;padding:6px 12px}

/* Mapa: comarcas, resaltados e rutas */
.mapa-caixa.comarcas .con{stroke:rgba(107,88,67,.22)}
.mapa-caixa.comarcas .con.vivido{fill:transparent}
.mapa-caixa .lim-comarcas{fill:none;stroke:#3d4e48;stroke-width:1.3;vector-effect:non-scaling-stroke;pointer-events:none}
.mapa-caixa .con.apagado{fill:transparent;stroke:rgba(107,88,67,.3)}
.mapa-caixa .con.res.paso{fill:var(--paso)}
.mapa-caixa .con.res.quero{fill:var(--quero);fill-opacity:.55}
.mapa-caixa .ruta polyline{fill:none;stroke:var(--selo);stroke-width:2.5;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}
.mapa-caixa .ruta circle{fill:var(--selo);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.mapa-caixa .ruta rect{fill:var(--tinta);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.mapa-caixa .ruta text{fill:#fff;font:700 15px var(--f-txt);text-anchor:middle;pointer-events:none}
.mapa-peq{touch-action:pan-y} /* co dedo pódese seguir baixando pola páxina */
.mapa-peq svg{max-height:min(52vh,420px);min-height:200px}
.taldia{text-decoration:none;color:inherit;margin-bottom:14px}
.taldia-ic{width:64px;height:64px;flex:none;display:grid;place-items:center;font-size:30px;color:var(--selo);background:var(--papel-2)}

.lista-simple{display:flex;flex-direction:column;background:var(--folla)}
.lista-simple a{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-top:1px dashed var(--gris-papel);text-decoration:none;color:var(--texto)}
.res-concello{text-align:left;border:none;cursor:pointer;padding:10px 12px;background:var(--folla);box-shadow:0 1px 3px rgba(60,40,20,.12)}
.comarca summary .punto{margin-right:0}

/* Formulario de viaxe */
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:4px;background:var(--papel-2);border:1.5px solid var(--liña);border-radius:999px;padding:3px 4px 3px 10px;font-weight:700;font-size:14px}
.chip.vivido{border-color:var(--vivido)} .chip.paso{border-color:var(--paso)}
.chip button{border:none;background:none;cursor:pointer;padding:2px 6px;font-size:13px;color:var(--tinta-suave)}
.chip .chip-e{background:var(--vivido);color:#fff;border-radius:999px;font-weight:700}
.chip.paso .chip-e{background:var(--paso);color:#3a2b00}

/* Páxina dunha viaxe */
.etiqueta-plan{display:inline-block;font-family:var(--f-man);font-size:18px;color:#fff;background:var(--quero);padding:0 10px;border-radius:4px;transform:rotate(-2deg);margin-bottom:4px}
.texto-man{font-family:var(--f-man);font-size:22px;line-height:1.15;white-space:pre-wrap}
.lista-levar{display:flex;flex-direction:column;gap:6px}
.lista-levar .feito{text-decoration:line-through;color:var(--tinta-suave)}
.visor-nav{position:absolute;top:50%;background:#fff}

/* Recordos: liña do tempo */
.chips-anos{display:flex;gap:6px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}
.chips-anos button{flex:none;border:1.5px solid var(--selo);color:var(--selo);background:transparent;border-radius:999px;padding:3px 12px;font-family:var(--f-man);font-size:20px;cursor:pointer}
.liña-tempo{display:flex;flex-direction:column;gap:16px;margin-top:6px}
.liña-tempo .ano{margin:10px 0 -6px}
.tarxeta-viaxe{display:block;background:var(--folla);box-shadow:0 2px 6px rgba(60,40,20,.16);text-decoration:none;color:inherit;overflow:hidden}
.tarxeta-viaxe .portada{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:3px;aspect-ratio:16/8;background:var(--gris-papel)}
.tarxeta-viaxe .portada img{width:100%;height:100%;object-fit:cover;display:block}
.tarxeta-viaxe .portada.sen{display:grid;place-items:center;aspect-ratio:16/5;font-size:40px;color:var(--liña);background:repeating-linear-gradient(-45deg,var(--papel-2) 0 10px,var(--folla) 10px 20px)}
.tarxeta-viaxe .corpo{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}
.tarxeta-viaxe.fora .portada.sen{color:var(--ceo)}
.tarxeta-peq{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;text-decoration:none;color:inherit}
.tarxeta-peq .mini{width:64px;height:64px;object-fit:cover;border:3px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);background:var(--gris-papel)}
.tarxeta-peq .lugar{font-family:var(--f-tit);color:var(--tinta);font-weight:700}

/* Pestanas dentro dunha sección */
.pestanas{display:flex;gap:4px;overflow-x:auto;margin:10px -16px 0;padding:0 16px 4px;scrollbar-width:none;border-bottom:1.5px dashed var(--liña)}
.pestanas a{flex:none;padding:6px 12px;font-family:var(--f-man);font-size:21px;text-decoration:none;color:var(--tinta-suave);border-radius:8px 8px 0 0}
.pestanas a[aria-current="page"]{color:var(--selo);background:var(--folla);text-decoration:underline wavy}
#pl,#ns{padding-top:12px}

/* Próximas viaxes */
.tarxeta-plan{display:block;text-decoration:none;color:inherit;border-left:5px solid var(--quero)}
.atallos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
.atallos .folla{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--tinta);margin:0}
.ruta-lista{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.desexo.feito{opacity:.6}
.desexo .fila{gap:12px}

/* Match */
.carta-match{background:var(--folla);box-shadow:0 4px 14px rgba(60,40,20,.22);overflow:hidden;touch-action:pan-y;transition:transform .22s, opacity .22s;user-select:none}
.carta-match img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--gris-papel);pointer-events:none}
.carta-match .corpo{padding:12px 14px 16px;display:flex;flex-direction:column;gap:4px}
.carta-match.vai-si{transform:translateX(120%) rotate(12deg)!important;opacity:0}
.carta-match.vai-non{transform:translateX(-120%) rotate(-12deg)!important;opacity:0}
.carta-match .pista{color:var(--selo);font-weight:700}
.botons-match{justify-content:center;gap:28px;margin:6px 0}
.voto{width:66px;height:66px;border-radius:50%;border:2px solid;background:var(--folla);font-size:28px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.voto.non{border-color:var(--tinta-suave);color:var(--tinta-suave)}
.voto.si{border-color:var(--quero);color:var(--quero)}
.voto.xa{width:58px;height:58px;align-self:center;border-color:var(--vivido);color:var(--vivido);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.voto.xa span{font-size:22px} .voto.xa small{font-size:10px;font-weight:700}
.botons-match{gap:20px}
.carta-match.vai-xa{transform:translateY(-40px) scale(.9)!important;opacity:0}

/* Álbum de selos */
.album-resumo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.album-resumo div{background:var(--folla);padding:10px 12px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(60,40,20,.12)}
.album-resumo b{font-family:var(--f-man);font-size:40px;line-height:1;color:var(--selo)}
.album-resumo span{font-size:13px;color:var(--tinta-suave)}
.paxina-album{background:#f3ead6;padding:14px 14px 16px;margin-top:14px;box-shadow:0 3px 10px rgba(0,0,0,.12);position:relative}
.paxina-album:after{content:"";position:absolute;inset:6px;border:1px solid rgba(120,90,50,.22);pointer-events:none}
.paxina-album.completa{background:#efe3c4}
.cab-album{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cab-album h3{flex:1;min-width:0}
.cab-album .contas{font-family:var(--f-man);font-size:22px;color:var(--tinta-suave)}
.sello-completa{font-family:var(--f-man);font-weight:700;font-size:18px;color:#fff;background:var(--selo);padding:0 10px;border-radius:3px;transform:rotate(-4deg)}
.barra-album{height:5px;background:rgba(120,90,50,.15);border-radius:3px;overflow:hidden;margin:6px 0 12px}
.barra-album i{display:block;height:100%;background:var(--vivido)}
.grade-selos{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.cromo{display:block;aspect-ratio:1;text-decoration:none}
.cromo svg{width:100%;height:100%;display:block}
.cromo.oco{border:1.5px dashed rgba(120,90,50,.35);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px;
  font-family:var(--f-man);font-size:16px;line-height:1;color:rgba(94,85,70,.75);background:rgba(255,255,255,.25)}
.cromo.oco small{font-family:var(--f-txt);font-size:10px;color:#9a7a1c;margin-top:3px}
.cromo.oco.paso{border-color:var(--paso)}
.cromo.oco.quero{border-color:var(--quero)}

/* Nós: números e o noso ano */
.numeros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.num{background:var(--folla);padding:12px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(60,40,20,.12)}
.num b{font-family:var(--f-man);font-size:42px;line-height:1;color:var(--selo)}
.num span{font-size:14px;color:var(--tinta-suave)}
.wrapped{margin-top:12px;background:var(--tinta);color:var(--folla);padding:20px 18px 24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.wrapped .w-cab{display:flex;align-items:baseline;gap:10px}
.wrapped .w-cab .man{font-size:30px}
.wrapped .w-ano{font-family:var(--f-man);font-weight:700;font-size:64px;line-height:1;color:var(--paso)}
.wrapped .w-foto{width:100%;aspect-ratio:4/3;object-fit:cover;border:6px solid var(--folla);transform:rotate(-1.5deg)}
.wrapped .w-fila{font-size:18px}
.wrapped .w-fila b{font-family:var(--f-man);font-size:34px;color:var(--paso);line-height:1}
.wrapped .w-viaxes a{color:var(--folla)}

@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}