/* OJAI · Ventana de bienvenida (cartas de Ojai) */
.bienv{color-scheme:light;padding:0;border:0;background:transparent;max-width:760px;width:calc(100% - 28px);max-height:calc(100svh - 28px);overflow:visible;color:var(--o-i-lila-23)}
.bienv::backdrop{background:rgba(24,15,32,.62);backdrop-filter:blur(6px)}
.bienv[open]{animation:bienv-in .55s cubic-bezier(.2,1.2,.4,1)}
@keyframes bienv-in{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}
.bienv-card{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;border-radius:32px;overflow:hidden;background:var(--o-crema-luz);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);max-height:calc(100svh - 28px);overflow-y:auto}
.bienv-art{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:70px 20px 26px;background:radial-gradient(90% 70% at 50% 35%,var(--o-halo-calido),transparent 70%),linear-gradient(170deg,#f6c7a8,#e7a1a5 55%,#b98ab8)}
.bienv-art img{width:100%;max-width:250px;filter:drop-shadow(0 22px 22px rgba(80,40,60,.35));animation:bienv-wave 3.2s ease-in-out infinite;transform-origin:50% 90%}
@keyframes bienv-wave{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-10px)}}
.bienv-bubble{position:absolute;top:22px;left:22px;background:var(--o-crema-luz);color:var(--o-i-lila-23);font-weight:700;font-size:17px;line-height:1.2;letter-spacing:-.02em;padding:12px 16px;border-radius:18px 18px 18px 5px;box-shadow:0 10px 24px -12px rgba(0,0,0,.4);white-space:nowrap;animation:bienv-pop .6s cubic-bezier(.3,1.6,.5,1) .45s both}
@keyframes bienv-pop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
.bienv-body{padding:40px 38px 30px}
.bienv-kicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--o-i-rosa-54);margin:0 0 12px}
.bienv h2{font-size:clamp(30px,4vw,40px);line-height:1.02;letter-spacing:-.05em;margin:0 0 14px;color:#2f2140}
.bienv h2:focus{outline:none}
.bienv-lead{font-size:15px;line-height:1.55;color:var(--o-i-lila-35);margin:0 0 14px}
.bienv-gift{font-size:14px;line-height:1.45;padding:11px 14px;border-radius:14px;background:var(--o-i-durazno-95);margin:0 0 20px}
.bienv-label{display:block;font-size:13px;font-weight:600;margin:0 0 8px}
.bienv input[type=email]{width:100%;font:inherit;font-size:17px;min-height:52px;padding:13px 15px;border:1.5px solid var(--o-i-lila-79b);border-radius:14px;background:var(--o-blanco);color:var(--o-ciruela)}
.bienv input[type=email]:focus{outline:none;border-color:#e98a74;box-shadow:0 0 0 4px rgba(233,138,116,.2)}
.bienv-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;color:var(--o-i-lila-35);margin:14px 0 4px;cursor:pointer}
.bienv-check input{appearance:auto;-webkit-appearance:checkbox;background:var(--o-blanco);width:18px;height:18px;margin:1px 0 0;accent-color:var(--o-i-rosa-54);flex-shrink:0}
.bienv-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.bienv-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin-top:16px;padding:15px 22px;border:0;border-radius:99px;background:linear-gradient(135deg,#d7755e,var(--o-i-rosa-54));color:var(--o-blanco);font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 14px 28px -14px rgba(184,92,122,.9);transition:transform .2s}
.bienv-cta:hover{transform:translateY(-2px)}
.bienv-error{font-size:13px;color:#8b3650;margin:10px 0 0}.bienv-error:empty{display:none}
.bienv-later{display:block;margin:12px auto 0;background:none;border:0;font:inherit;font-size:13px;color:var(--o-i-lila-50);text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:40px}
.bienv-close{position:absolute;top:10px;right:12px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,250,247,.85);color:var(--o-i-lila-35);font-size:24px;line-height:1;cursor:pointer}
.bienv :focus-visible{outline:3px solid #9b79b3;outline-offset:3px}
@media(max-width:640px){.bienv-card{grid-template-columns:1fr}.bienv-art{padding:18px 20px 10px;flex-direction:row;align-items:center;gap:14px;justify-content:flex-start}.bienv-art img{max-width:92px;order:-1}.bienv-bubble{position:static;animation:none}.bienv-body{padding:22px 22px 18px}.bienv h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.bienv[open],.bienv-art img,.bienv-bubble{animation:none}}

.bienv-alt{margin-top:10px;font-size:13px;text-align:center}
.bienv-alt a{color:inherit;font-weight:700}
.bienv-derechos{margin-top:12px;padding:10px 12px;border:1px solid currentColor;border-radius:12px;font-size:12px;line-height:1.45;opacity:.85}

/* 21 sep 2026 · ?ir=mapa: el mapa primero */
.bienv-previa{margin:0 0 18px}
.bienv-previa>img{display:block;width:100%;height:190px;object-fit:cover;object-position:top;border-radius:18px;border:1px solid var(--o-i-lila-89);-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.bienv-previa figcaption{margin-top:6px;font-size:13px;line-height:1.4;color:var(--o-i-lila-44)}

/* 21 sep 2026 · ?ir=niebla: el mapa de la niebla, con Ojai azul bruma */
.bienv-niebla .bienv-art{background:radial-gradient(90% 70% at 50% 35%,rgba(255,255,255,.55),transparent 70%),linear-gradient(170deg,#e9e4e6,#b9c9d4 55%,#8aa6b8)}
.bienv-niebla .bienv-previa>img{height:230px;object-position:center 36%}
.bienv-niebla .bienv-lead br{display:block;content:'';margin-top:4px}
@media(max-width:640px){.bienv-niebla .bienv-previa{margin-bottom:12px}.bienv-niebla .bienv-previa>img{height:150px;object-position:center 38%}.bienv-niebla .bienv-lead{font-size:14px;line-height:1.45;margin-bottom:12px}.bienv-niebla h2{margin-bottom:10px}.bienv-niebla .bienv-art{padding:12px 20px 8px}}