.escribir{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;overflow-y:auto;
 padding:calc(env(safe-area-inset-top) + 14px) 20px calc(24px + env(safe-area-inset-bottom));
 background:radial-gradient(90% 45% at 50% 0%,rgb(var(--acento-rgb) / .13),transparent 70%),var(--fondo);}
.escribir[hidden]{display:none;}
.e-izq,.e-der{display:contents;}
.escribir .fila-e{display:flex;justify-content:space-between;align-items:center;}
.gato-g{width:112px;height:112px;border-radius:50%;margin:22px 0 18px;object-fit:cover;
 box-shadow:0 0 0 4px rgb(var(--acento-rgb) / .22),0 24px 60px -14px rgb(var(--acento-rgb) / .45);}
.escribir h1{font-family:var(--f-disp);font-weight:250;font-size:clamp(42px,12vw,60px);letter-spacing:-.05em;line-height:.95;margin:0 0 10px;}
.escribir .bajada{color:var(--texto-2);font-size:15.5px;margin:0 0 18px;max-width:34em;}
.caja-e{display:flex;flex-direction:column;gap:10px;border-radius:26px;padding:16px 16px 12px;background:rgb(255 255 255 / .06);
 box-shadow:inset 0 0 0 1px var(--linea-2);transition:box-shadow .25s;}
.caja-e:focus-within{box-shadow:inset 0 0 0 1.5px var(--acento),0 0 0 5px rgb(var(--acento-rgb) / .08);}
.caja-e textarea{width:100%;min-height:92px;border:none;background:none;color:var(--texto);font-family:var(--f);font-size:18px;
 line-height:1.4;resize:none;padding:0;}
.caja-e textarea:focus{outline:none;}
.caja-e textarea::placeholder{color:#5A5A62;}
.caja-e .fila-c{display:flex;align-items:center;gap:10px;justify-content:space-between;}
.caja-e .fila-c small{color:var(--texto-3);font-size:12.5px;}
.ejemplos{display:flex;flex-direction:column;gap:8px;margin:18px 0 6px;}
.ejemplos p{margin:0 0 2px;font-size:12.5px;color:var(--texto-3);font-weight:600;letter-spacing:.04em;text-transform:uppercase;}
.ejemplos button{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px;border:none;border-radius:18px;cursor:pointer;
 background:rgb(255 255 255 / .04);color:var(--texto-2);font-family:var(--f);font-size:14.5px;box-shadow:inset 0 0 0 1px var(--linea);}
.ejemplos button:hover{background:rgb(255 255 255 / .08);color:var(--texto);}
.ejemplos svg{width:16px;height:16px;color:var(--acento);flex:0 0 auto;}
.seguir-bolsa{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border-radius:20px;
 background:var(--acento);color:#000;text-decoration:none;border:none;cursor:pointer;font-family:var(--f);text-align:left;width:100%;}
.seguir-bolsa b{display:block;font-size:15.5px;}
.seguir-bolsa span{font-size:13px;opacity:.7;}
.seguir-bolsa svg{width:20px;height:20px;margin-left:auto;flex:0 0 auto;}
.platicalo{margin-top:auto;padding-top:22px;text-align:center;font-size:14px;color:var(--texto-3);}
.platicalo a{color:var(--texto-2);}
.recado-e{margin-top:12px;}

.postal.ciudad-portada .cuerpo{padding-bottom:calc(96px + env(safe-area-inset-bottom));}
.ciudad-portada .donde{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgb(255 255 255 / .9);margin:0 0 4px;
 text-shadow:0 1px 10px rgb(0 0 0 / .7);}
.ciudad-portada h2.lugar{font-size:clamp(64px,19vw,96px);margin-bottom:14px;}
.mejor-mes{padding:12px 12px 8px;border-radius:22px;margin-bottom:12px;}
.mejor-mes .t{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 2px 8px;font-size:13px;color:rgb(255 255 255 / .8);}
.mejor-mes .t b{color:#fff;font-weight:650;}
.mejor-mes .meses-g{--alto-g:54px;}
.mejor-mes.sin-datos{font-size:13px;color:rgb(255 255 255 / .7);padding:12px 14px;}
.dias-aqui{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 6px 6px 16px;border-radius:999px;margin-bottom:12px;}
.dias-aqui>span{font-size:14px;color:#fff;font-weight:600;}
.dias-aqui .stepper{background:rgb(0 0 0 / .25);}

.postal.actividad,.postal.cierre,.postal.buscando{height:84%;margin:0 12px 12px;border-radius:30px;
 box-shadow:0 24px 50px -24px rgb(0 0 0 / .9);transition:box-shadow .3s;}
@supports (corner-shape: squircle){.postal.actividad,.postal.cierre,.postal.buscando{corner-shape:squircle;border-radius:44px;}}
.postal.actividad .cuerpo{padding:0 20px 22px;}
.postal.actividad .lugar{font-size:clamp(38px,11vw,52px);}
.postal.actividad.escogida{box-shadow:inset 0 0 0 3px var(--acento),0 24px 50px -24px rgb(0 0 0 / .9);}
.postal.actividad .sello-va{position:absolute;top:calc(env(safe-area-inset-top) + 108px);left:18px;display:none;}
.postal.actividad.escogida .sello-va{display:inline-flex;}
.postal.actividad.foto-de-ciudad .foto{filter:saturate(.75) brightness(.85);}
.postal.actividad.sin-foto{background:radial-gradient(80% 60% at 70% 10%,rgb(var(--acento-rgb) / .1),transparent 60%),linear-gradient(180deg,#17171A,#0B0B0C);}
.lo-quiero{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 20px;border:none;border-radius:25px;cursor:pointer;
 font-family:var(--f);font-size:15.5px;font-weight:650;color:#fff;background:rgb(255 255 255 / .16);
 -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgb(255 255 255 / .3),inset 0 0 0 1px rgb(255 255 255 / .16);
 transition:background .2s,transform .5s var(--resorte);}
.lo-quiero svg{width:18px;height:18px;stroke-width:2.2;}
.lo-quiero:active{transform:scale(.94);}
.lo-quiero[aria-pressed="true"]{background:var(--acento);color:#000;box-shadow:0 10px 26px -8px rgb(var(--acento-rgb) / .6);}
.costo-n{letter-spacing:.06em;}
.postal.buscando{display:grid;place-items:center;text-align:center;padding:30px;background:linear-gradient(180deg,#141416,#0B0B0C);}
.postal.buscando p{color:var(--texto-2);max-width:22em;margin:14px auto 0;}
.postal.cierre{display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px 24px;
 background:radial-gradient(90% 50% at 50% 0%,rgb(var(--acento-rgb) / .12),transparent 70%),linear-gradient(180deg,#131316,#0A0A0B);}
.postal.cierre h3{font-family:var(--f-disp);font-weight:250;font-size:40px;letter-spacing:-.045em;line-height:1;margin:0 0 12px;}
.postal.cierre ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:6px;color:var(--texto-2);font-size:15px;}
.postal.cierre li::before{content:"✓ ";color:var(--acento);}
.postal.cierre .b{margin-top:8px;}

.barra-anadir{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:22;display:flex;gap:8px;}
.barra-anadir[hidden]{display:none;}
.barra-anadir .b{flex:1;height:58px;font-size:16px;}
.barra-anadir .b.en-bolsa{background:#fff;color:#000;box-shadow:none;}
.barra-anadir .b.en-bolsa::after{display:none;}

.bolsa-bt{position:relative;}
.bolsa-bt .cuenta{position:absolute;top:-3px;right:-3px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;
 background:var(--acento);color:#000;font-size:12px;font-weight:800;font-family:var(--f);box-shadow:0 0 0 2px #000;}
.bolsa-bt .cuenta[hidden]{display:none;}
.bolsa-bt.brinca{animation:brinca .7s var(--resorte);}
@keyframes brinca{30%{transform:scale(1.28) rotate(-8deg);}}

.bolsa-lista{list-style:none;margin:0 0 14px;padding:0;}

.bl-meses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 6px;}
.bl-mes{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:none;border-radius:14px;cursor:pointer;text-align:left;
 font-family:var(--f);color:var(--texto);background:rgb(255 255 255 / .06);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .08);}
.bl-mes b{font-size:15px;font-weight:650;}
.bl-meses.sin-datos{grid-template-columns:repeat(3,minmax(0,1fr));}
.bl-meses.sin-datos .bl-mes{align-items:center;padding:11px 6px;}
.bl-mes small{font-size:12px;color:var(--texto-3);}
.bl-mes[aria-pressed="true"]{background:var(--acento);color:#000;box-shadow:none;}
.bl-mes[aria-pressed="true"] small{color:rgb(0 0 0 / .65);}
.bolsa-lista>li{padding:14px 0;border-bottom:1px solid var(--linea);}
.bl-fila{display:flex;align-items:center;gap:8px;}
.bl-fila b{flex:1;font-size:18px;font-weight:600;letter-spacing:-.01em;}
.bl-fila .cir{width:34px;height:34px;}
.bl-fila .cir svg{width:15px;height:15px;}
.bl-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.bl-acts .chip{height:32px;font-size:13px;padding:0 6px 0 12px;cursor:default;}
.bl-acts .chip button{width:22px;height:22px;border:none;border-radius:50%;background:rgb(255 255 255 / .1);color:var(--texto);cursor:pointer;
 display:grid;place-items:center;padding:0;}
.bl-acts .chip button svg{width:11px;height:11px;}
.bl-acts .nada{font-size:13px;color:var(--texto-3);}
.bl-editar{background:none;border:none;padding:8px 0 0;color:var(--acento);font-family:var(--f);font-size:13.5px;font-weight:600;cursor:pointer;}
.hoja .total-bolsa{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 14px;font-size:14px;color:var(--texto-2);}
.hoja .total-bolsa b{font-size:22px;color:var(--texto);font-weight:600;}

.pago-op{display:flex;flex-direction:column;gap:10px;margin:4px 0 12px;}
.pago-op a{display:block;padding:16px 18px;border-radius:22px;text-decoration:none;color:var(--texto);background:rgb(255 255 255 / .05);
 box-shadow:inset 0 0 0 1px var(--linea-2);}
.pago-op a.recomendado{background:var(--acento-grad);color:#000;box-shadow:none;}
.pago-op .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.pago-op b{font-size:17px;}
.pago-op .precio{font-family:var(--f-disp);font-size:32px;font-weight:300;letter-spacing:-.04em;}
.pago-op p{margin:6px 0 0;font-size:13.5px;opacity:.75;line-height:1.4;}
.pago-op .por-que{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;background:#000;color:var(--acento);padding:4px 10px;border-radius:99px;}

.leyendo,.trazando{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;
 padding:calc(env(safe-area-inset-top) + 48px) 22px calc(28px + env(safe-area-inset-bottom));
 background:radial-gradient(90% 55% at 50% 18%,rgb(var(--acento-rgb) / .11),transparent 70%),#050506;}
.leyendo[hidden],.trazando[hidden]{display:none;}
.leyendo .gato,.trazando .gato{width:92px;height:92px;box-shadow:0 0 0 4px rgb(var(--acento-rgb) / .3),0 0 50px rgb(var(--acento-rgb) / .45);}
.leyendo h2,.trazando h2{font-family:var(--f-disp);font-weight:250;font-size:40px;letter-spacing:-.045em;line-height:1;margin:22px 0 8px;}
.leyendo blockquote{margin:6px 0 0;max-width:26em;color:var(--texto-2);font-size:15.5px;font-style:italic;}
.tz-estado{min-height:22px;color:var(--texto-2);font-size:15px;margin:0 0 18px;transition:opacity .3s;}
.tz-mapa{position:relative;width:100%;max-width:420px;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:22px;text-align:left;}
.tz-mapa svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.tz-mapa path{fill:none;stroke:var(--acento);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;
 filter:drop-shadow(0 0 6px rgb(var(--acento-rgb) / .75));stroke-dasharray:var(--largo,2000);stroke-dashoffset:var(--largo,2000);
 animation:traza var(--dura,20s) cubic-bezier(.3,.1,.3,1) forwards;}
@keyframes traza{to{stroke-dashoffset:0;}}
.tz-ciudad{position:relative;z-index:1;}
.tz-ciudad b{display:block;font-family:var(--f-disp);font-size:24px;font-weight:300;letter-spacing:-.03em;margin-bottom:8px;}
.tz-fotos{display:flex;flex-wrap:wrap;gap:10px;}
.tz-fotos span{width:46px;height:46px;border-radius:50%;background:#26262A center/cover no-repeat;
 box-shadow:0 0 0 2px #050506,0 0 0 3.5px rgb(255 255 255 / .22);opacity:0;transform:scale(.4);
 animation:foto-entra .6s var(--resorte) forwards;animation-delay:calc(var(--k) * 160ms);}
.tz-fotos span.lista{box-shadow:0 0 0 2px #050506,0 0 0 3.5px var(--acento),0 0 16px rgb(var(--acento-rgb) / .5);}
@keyframes foto-entra{to{opacity:1;transform:none;}}
.tz-barra{width:100%;max-width:420px;height:3px;border-radius:3px;background:rgb(255 255 255 / .1);overflow:hidden;margin-top:18px;}
.tz-barra i{display:block;height:100%;width:40%;background:var(--acento);animation:vaiven 1.6s ease-in-out infinite;}
@keyframes vaiven{0%{transform:translateX(-110%);}100%{transform:translateX(260%);}}
.trazando .error{max-width:24em;}

.escribiendo .flechas,
body:has(.leyendo:not([hidden]),.trazando:not([hidden])) .flechas{display:none !important;}

@media (min-width:900px){

 .escribir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr auto;
  column-gap:clamp(40px,6vw,120px);align-items:center;padding:24px max(40px,calc(50% - 640px)) 28px;
  background:radial-gradient(60% 55% at 22% 30%,rgb(var(--acento-rgb) / .12),transparent 70%),var(--fondo);}
 .escribir .fila-e{grid-column:1 / -1;align-self:start;}
 .e-izq,.e-der{display:block;}
 .e-izq{padding-bottom:40px;}
 .gato-g{width:150px;height:150px;margin:0 0 26px;}
 .escribir h1{font-size:clamp(64px,6.6vw,112px);margin-bottom:18px;}
 .escribir .bajada{font-size:18px;max-width:26em;}
 .caja-e textarea{min-height:120px;font-size:21px;}
 .ejemplos{margin-top:22px;}
 .ejemplos button{padding:15px 18px;font-size:16px;}
 .platicalo{grid-column:1 / -1;margin-top:0;}

 .barra-anadir{left:calc(var(--orilla-col) + 12px);right:calc(var(--orilla-col) + 12px);bottom:calc(var(--m-col) + 12px);}

 .leyendo{justify-content:center;padding-bottom:12vh;}
 .leyendo .gato,.trazando .gato{width:112px;height:112px;}
 .leyendo h2,.trazando h2{font-size:56px;}
 .leyendo blockquote{font-size:18px;}
 .tz-estado{font-size:17px;}
 .tz-mapa{flex:0 0 auto;margin:auto 0;flex-direction:row;align-items:flex-start;justify-content:center;
  gap:clamp(40px,5vw,96px);max-width:min(1400px,92vw);}
 .tz-ciudad{flex:0 1 484px;}
 .tz-ciudad b{font-size:34px;margin-bottom:16px;}
 .tz-fotos{gap:16px;}
 .tz-fotos span{width:84px;height:84px;}
 .tz-barra{max-width:640px;}
}

@media (prefers-reduced-motion:reduce){
 .tz-mapa path{animation:none;stroke-dashoffset:0;}
 .tz-fotos span{animation:none;opacity:1;transform:none;}
 .tz-barra i{animation:none;width:100%;}
 .bolsa-bt.brinca{animation:none;}
}

.como-va{display:inline-flex;align-items:center;gap:8px;margin:4px 0 0;padding:6px 0;border:none;background:none;cursor:pointer;
 font-family:var(--f);font-size:14px;font-weight:600;color:var(--texto-2);}
.como-va:hover{color:var(--texto);}
.saldo-e{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px 14px;border-radius:16px;font-size:13.5px;line-height:1.45;
 color:var(--texto);background:rgb(var(--acento-rgb) / .08);box-shadow:inset 0 0 0 1px rgb(var(--acento-rgb) / .3);}
.saldo-e[hidden]{display:none;}
.saldo-e svg{width:18px;height:18px;flex:0 0 auto;color:var(--acento);margin-top:1px;}
.leyendo .ly-sub{margin:0 0 6px;font-family:var(--f-mono);font-size:13px;letter-spacing:.04em;color:var(--acento);text-transform:uppercase;}
button.rotulo{background:none;border:none;padding:4px 8px;border-radius:14px;cursor:pointer;font-family:var(--f);transition:background .2s;}
button.rotulo:hover{background:rgb(0 0 0 / .18);}
.rotulo .lapiz svg{width:13px;height:13px;vertical-align:-1px;opacity:.85;}

.plan .pl-cab,.hoja .pl-cab{display:flex;align-items:center;gap:10px;}
.plan .pl-cab h3,.hoja .pl-cab h3{padding-right:0;margin-bottom:8px;}
.plan .pl-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--linea);}
.plan .pl-fila b{display:block;font-size:15.5px;}
.plan .pl-fila small{display:block;font-size:12.5px;color:var(--texto-3);}
.plan .pl-fila select{height:40px;border:none;border-radius:12px;padding:0 12px;font-family:var(--f);font-size:14.5px;font-weight:600;
 color:var(--texto);background:rgb(255 255 255 / .08);}
.plan .pl-lista{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;}
.plan .pl-lista li{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"n c s" "n a a";align-items:center;gap:6px 10px;
 padding:12px;border-radius:18px;background:rgb(255 255 255 / .05);}
.plan .pl-n{grid-area:n;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;
 color:#000;background:var(--acento);align-self:start;}
.plan .pl-c{grid-area:c;min-width:0;}
.plan .pl-c b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.plan .pl-c small{font-size:12.5px;color:var(--texto-3);}
.plan .pl-c small{display:block;}
.plan .pl-c .pl-por{margin-top:2px;line-height:1.35;color:var(--texto-2);white-space:normal;}
.plan .pl-titulo{margin:0 0 6px;}
.plan .pl-titulo b{display:block;font-size:17px;font-weight:650;color:var(--acento);}
.plan .pl-titulo small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--texto-2);}
.plan .pl-imp{display:flex;gap:8px;align-items:flex-start;margin:6px 0 12px;font-size:13px;line-height:1.4;color:var(--texto-2);}
.plan .pl-imp svg{width:16px;height:16px;flex:0 0 auto;color:var(--acento);margin-top:1px;}
.plan .pl-sug{display:grid;gap:8px;margin:-6px 0 14px;}
.plan .pl-sug .ayuda{margin:0;}
.plan .pl-sug-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:none;border-radius:16px;text-align:left;
 cursor:pointer;font-family:var(--f);color:var(--texto);background:rgb(var(--acento-rgb) / .1);box-shadow:inset 0 0 0 1.5px rgb(var(--acento-rgb) / .45);}
.plan .pl-sug-b b{font-size:15.5px;}
.plan .pl-sug-b small{font-size:12px;color:var(--texto-3);}
.plan .pl-sug-b span{font-size:13px;line-height:1.4;color:var(--texto-2);}
.plan [data-otra-ruta]{margin:0 0 10px;}

.postal.actividad.imprescindible .foto{filter:saturate(.7) brightness(.6);}
.plan .pl-lista .stepper{grid-area:s;}
.plan .pl-acc{grid-area:a;display:flex;gap:6px;justify-content:flex-end;}
.plan .pl-acc .cir{width:34px;height:34px;}
.plan .pl-acc .cir svg{width:16px;height:16px;}
.plan .pl-acc .cir[disabled]{opacity:.3;}
.plan .pl-cuenta{display:flex;align-items:center;gap:8px;margin:14px 0 8px;font-size:14.5px;font-weight:600;}
.plan .pl-cuenta svg{width:18px;height:18px;flex:0 0 auto;}
.plan .pl-cuenta.bien{color:var(--acento);}
.plan .pl-cuenta.mal{color:#FF9B8A;}
.plan .pl-arreglos{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
.plan .pl-anadir{display:flex;gap:8px;margin:12px 0 16px;}
.plan .pl-anadir input{flex:1;min-width:0;height:46px;border:none;border-radius:14px;padding:0 14px;font-family:var(--f);font-size:15px;
 color:var(--texto);background:rgb(255 255 255 / .07);}
.plan [data-plisto][disabled]{opacity:.4;cursor:not-allowed;box-shadow:none;}
/* 2026-11-05 · d6b661 */