:root{--sol:#FFB703;--cielo:#8ECAE6;--mar:#219EBC;--coral:#FB8500;--menta:#CDEAC0;--marino:#023047;--crema:#FFF8EC;--blanco:#fff;--r:22px;--sombra:0 6px 18px rgba(2,48,71,.12)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0}
body{font-family:ui-rounded,"Nunito","Quicksand","Trebuchet MS","Segoe UI",system-ui,sans-serif;background:var(--crema);color:var(--marino);line-height:1.4}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
.btn{border:0;border-radius:999px;padding:12px 20px;min-height:48px;font-weight:800;background:var(--mar);color:#fff;box-shadow:0 4px 0 rgba(2,48,71,.25);transition:transform .12s,box-shadow .12s}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(2,48,71,.25)}
.btn.sun{background:var(--sol);color:var(--marino)}
.btn.coral{background:var(--coral)}
.btn.soft{background:#fff;color:var(--marino);box-shadow:0 3px 0 rgba(2,48,71,.15);border:2px solid var(--cielo)}
.btn.small{min-height:38px;padding:6px 14px;font-size:.9rem}
.lang{display:inline-flex;background:#fff;border-radius:999px;padding:3px;border:2px solid var(--cielo)}
.lang button{border:0;background:transparent;border-radius:999px;padding:6px 14px;font-weight:800;min-height:34px}
.lang button.on{background:var(--marino);color:#fff}
.fb{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2.6em;background:var(--c,var(--cielo));border-radius:inherit}
.cimg{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit;background:#fff}
.foot{font-size:.8rem;text-align:center;opacity:.75;padding:18px 16px 28px}
.sr{position:absolute;left:-9999px}