/* Un aviso comercial ligero, cerrable y sin bloquear la navegación. */
.offer-notice{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:40;width:min(354px,calc(100vw - 32px));padding:23px 25px 24px;border:1px solid #d9e3d8;border-radius:18px;background:#fffffff5;backdrop-filter:blur(18px);box-shadow:0 16px 60px #112c3924,0 2px 8px #112c3908;color:var(--navy);animation:notice-arrive .4s ease both}
.offer-notice[hidden]{display:none}
.offer-notice-close{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%;color:#61766d;cursor:pointer}
.offer-notice-close .icon{width:17px;height:17px}.offer-notice-close:hover{background:#edf3ed;color:#153b36}
.offer-notice-mark{position:absolute;left:25px;top:23px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#e9f1e8;color:#3f8066}
.offer-notice-mark .icon{width:19px;height:19px;stroke-width:1.4}
.offer-notice-copy>.eyebrow{display:flex;align-items:center;min-height:32px;margin-left:43px;padding-right:12px;font-size:8px;font-weight:600;line-height:1.6;letter-spacing:1.1px;color:#557661}
.offer-notice-copy h2{font-size:21px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin-top:17px;max-width:270px}
.offer-notice-copy>p:last-child{font-size:13px;line-height:1.8;color:#617366;margin-top:11px;max-width:300px}
.offer-notice-link{display:inline-flex;align-items:center;gap:25px;margin-top:16px;padding-block:4px;font-size:12px;line-height:1.7;font-weight:600;color:#28684c}
.offer-notice-link .icon{height:16px;width:16px}.offer-notice-link:hover{text-decoration:underline;text-underline-offset:5px}
body.dialog-open .offer-notice{visibility:hidden;pointer-events:none}
@keyframes notice-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
  .offer-notice{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:min(340px,calc(100vw - 32px));padding:20px 23px 21px;border-radius:16px}
  .offer-notice-mark{left:23px;top:20px}.offer-notice-copy>.eyebrow{font-size:7.5px;letter-spacing:1px}
  .offer-notice-copy h2{font-size:20px;margin-top:15px}.offer-notice-copy>p:last-child{font-size:12px;line-height:1.85;margin-top:10px}
  .offer-notice-link{font-size:12px;margin-top:12px;min-height:32px}
}
@media(prefers-reduced-motion:reduce){.offer-notice{animation:none}}
