@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--mint:#c1e6db;--cream:#fff9f0;--brown:#4b3027;--muted:#6b574f;--line:#dac9bc}*{box-sizing:border-box}html{background:#efe8df}body{margin:0;color:var(--brown);font-family:'DM Sans',Arial,sans-serif}main{width:min(100%,510px);min-height:100vh;margin:auto;background:linear-gradient(160deg,#c4e7db,#e1f2e9 49%,#f7f0e6);padding:24px 22px 36px;box-shadow:0 15px 70px #4b30271b}.brand{text-align:center}.logo{width:116px;height:116px;object-fit:contain;display:block;margin:6px auto 13px;filter:drop-shadow(0 5px 9px #4b30272a)}.eyebrow{font-size:10px;letter-spacing:.27em;text-transform:uppercase;font-weight:700}.brand h1{font-size:19px;letter-spacing:.18em;margin:7px 0 5px}.welcome{font:italic 21px 'Playfair Display',Georgia,serif;margin:12px 0 22px}.campaign{position:relative;border-radius:20px;background:var(--brown);color:#fff9f0;padding:22px;margin-bottom:16px;overflow:hidden}.campaign:after{content:'✦';position:absolute;right:-8px;top:-32px;font-size:145px;color:#b3d6c8;opacity:.15}.campaign .eyebrow{color:#d5b18b}.campaign h2{font:500 29px 'Playfair Display',Georgia,serif;margin:10px 0}.campaign p{font-size:13px;line-height:1.55;max-width:290px;margin:0}.campaign .season-link{display:inline-block;margin-top:14px;color:var(--cream);font-size:12px;font-weight:700}.links{display:grid;gap:10px}.link{border:1px solid #eadbd0;background:var(--cream);border-radius:13px;display:flex;align-items:center;padding:14px 16px;gap:13px;color:var(--brown);text-decoration:none;min-height:57px;box-shadow:0 2px 7px #4b302709}.link .symbol{font-size:19px;width:25px;text-align:center}.link strong{font-size:14px;font-weight:700;flex:1}.link .arrow{font-size:17px}.link.disabled{opacity:.62;cursor:default}.link.disabled .arrow{font-size:10px;letter-spacing:.02em}.footer{text-align:center;padding-top:28px}.footer .quote{font:italic 16px 'Playfair Display',Georgia,serif}.footer p{font-size:10px;letter-spacing:.15em;margin-top:14px}.branch-grid{display:grid;gap:12px}.branch-grid a{background:var(--cream);border-radius:15px;padding:18px;color:var(--brown);text-decoration:none;font-weight:700;display:flex;justify-content:space-between}.wifi{margin:12px 0;padding:16px;background:#fff9f0;border-radius:14px;font-size:13px}.wifi button{border:0;background:var(--brown);color:white;border-radius:9px;padding:9px 14px;margin-top:8px}.hidden{display:none!important}@media(min-width:700px){main{margin:32px auto;border-radius:24px;min-height:calc(100vh - 64px)}}
/* BOXHA CONNECT V2: portada editorial refinada */
.branch-grid{gap:11px}
.branch-grid a{align-items:center;min-height:79px;padding:16px 19px;border:1px solid #efe2d8;box-shadow:0 3px 11px #4b30270b}
.branch-text{display:flex;flex-direction:column;gap:5px;font-size:16px}
.branch-text small{font-size:12px;color:var(--muted);font-weight:400;line-height:1.4}
.branch-arrow{font-family:Arial,sans-serif;font-size:24px;font-weight:400;color:var(--brown);line-height:1}
.footer{padding-top:22px}
@media(max-width:390px){.branch-text{font-size:15px}.branch-text small{font-size:11px}}

/* Flechas vectoriales espresso, sin emoji ni fondo */
.branch-arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--brown);background:transparent;border:0}
.branch-arrow svg{display:block}
