@charset "UTF-8";
:root{--ocean:#06374a;--deep:#072d3e;--navy:#04293a;--coral:#ff6553;--sky:#0c5268;--cream:#fffaf3;--muted:#d3e2e7;--shadow:0 13px 45px rgba(3,30,45,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 10%,#cddfe6 0%,transparent 42%),linear-gradient(160deg,#f4f8f9,#d8e6e9 75%,#c5dce4);color:var(--deep);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f7a925;outline-offset:3px}.page{padding:32px 16px 60px}.layout{width:min(100%,470px);margin:auto;background:var(--cream);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(1,39,57,.08)}
.hero{background:var(--ocean);position:relative;line-height:0}.hero-img{width:100%;height:auto;display:block}.intro{background:linear-gradient(155deg,#073d51 2%,#09435a 55%,#053349);color:#fff;text-align:center;padding:21px 28px 27px;position:relative;overflow:hidden}.intro:before,.intro:after{content:"";position:absolute;border:2px solid #ffffff22;border-radius:70% 40%;width:75px;height:66px;transform:rotate(22deg);pointer-events:none}.intro:before{left:-33px;bottom:8px}.intro:after{right:-37px;top:4px}.intro-accent{font-size:10px;letter-spacing:.18em;font-weight:800;color:#f4c9bd;display:flex;align-items:center;justify-content:center;gap:8px}.spark{color:var(--coral);font-size:15px}.intro h1{font-size:clamp(24px,7.7vw,31px);line-height:1.2;letter-spacing:-.045em;margin:14px 0 9px;font-weight:650}.intro h1 strong{font-weight:850}.coral-dot{color:var(--coral)}.intro p{font-size:13.5px;line-height:1.6;font-weight:740;max-width:320px;margin:auto}.intro p span{display:block;color:#cfe0e7;font-weight:420}.actions{background:#fcfaf6;padding:26px 18px 25px}.actions h2{text-align:center;margin:0;color:#093b4d;font-size:20px;letter-spacing:-.02em}.helper{margin:8px auto 21px;text-align:center;color:#6c8793;font-size:12px}.action{display:flex;align-items:center;gap:12px;min-height:72px;width:100%;border:1px solid rgba(8,45,62,.09);border-radius:15px;padding:11px 15px;margin:0 0 11px;cursor:pointer;text-align:left;box-shadow:0 5px 13px rgba(5,42,62,.07);transition:transform .17s,box-shadow .17s;background:#fff;position:relative}.action:hover{transform:translateY(-2px);box-shadow:0 8px 18px #02283b22}.action:active{transform:scale(.99)}.action-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;color:inherit}.action-icon svg{height:25px;width:25px}.action-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.action-text b{font-size:15.2px;font-weight:790;letter-spacing:-.015em}.action-text small{font-size:11.4px;opacity:.83;font-weight:460;line-height:1.24}.arrow{font-size:30px;font-weight:200;line-height:1;margin-top:-3px;opacity:.72}.action-whatsapp{background:linear-gradient(115deg,#1dbb5b,#24d366);color:white;border-color:#18b65a}.action-whatsapp .action-icon{background:#ffffff18}.action-products{background:linear-gradient(120deg,#fd6853,#ec5549);color:#fff;border-color:#e85040}.action-products .action-icon{background:#ffffff1c}.action-instagram{background:linear-gradient(115deg,#773ccb 1%,#cb2c94 45%,#f25a48 82%,#f4a743 115%);color:white;border-color:#d64180}.action-instagram .action-icon{background:#ffffff21}.action-maps{background:#f5f8fd;color:#24485f;border-color:#d9e3f1}.action-maps .action-icon{background:#fff}.map-icon svg{width:30px;height:30px}.action-google{background:#fff;color:#234256;border-color:#d9dfe2}.action-google .action-icon{background:#f6f8fa}.google-icon svg{width:28px;height:28px}.action-share{background:linear-gradient(115deg,#0b536c,#073c50);color:white;border-color:#094257}.action-share .action-icon{background:#ffffff19}
.story{height:217px;position:relative;overflow:hidden;background:#09384c}.story img{object-fit:cover;object-position:center 34%;height:100%;width:100%;display:block;filter:saturate(1.05)}.story-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#052e42 0%,#052e42dd 28%,#06394a22 90%)}.story-content{position:absolute;bottom:18px;left:24px;right:24px;color:white}.story-content h2{font-size:19px;line-height:1.2;margin:6px 0}.story-content p{font-size:12px;color:#d7e7ea;line-height:1.4;margin:0}.tiny-paw{color:var(--coral);font-size:16px}.footer{background:linear-gradient(155deg,#073f55,#063246);padding:23px 18px 27px;display:flex;align-items:center;flex-direction:column;text-align:center;color:white;gap:3px}.footer-paw{font-size:18px;color:var(--coral)}.footer-intro{font-size:10px;letter-spacing:.035em;color:#c9dce3}.footer img{width:190px;height:auto;display:block;object-fit:contain;margin:7px 0 5px}.footer-close{font-size:10px;letter-spacing:.03em;color:#bad3dd}.google-float{position:fixed;z-index:11;right:max(17px,calc((100vw - 470px)/2 + 14px));bottom:max(17px,env(safe-area-inset-bottom));border-radius:99px;background:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 5px 25px #04273d42;padding:9px 12px 9px 9px;border:1px solid #dde4e9;font-weight:800;font-size:11px;color:#244057}.google-float-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f3f7fb}.google-float-icon svg{width:21px;height:21px}.google-float:hover{transform:translateY(-2px)}.toast{position:fixed;z-index:25;bottom:88px;left:50%;transform:translateX(-50%) translateY(14px);background:#103d4b;color:#fff;border-radius:13px;padding:12px 20px;box-shadow:0 12px 30px #0003;max-width:85vw;text-align:center;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.modal-backdrop[hidden]{display:none}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,19,29,.64);z-index:99;padding:16px}.modal{background:#fff;border-radius:22px;max-width:330px;width:100%;padding:26px 24px;text-align:center;box-shadow:0 20px 60px #0004;color:#123f52}.modal-mark{font-size:27px;color:var(--coral)}.modal h2{font-size:20px;margin:7px 0 9px}.modal p{font-size:13px;line-height:1.6;margin:0 0 19px;color:#526974}.modal button{border:0;background:var(--ocean);color:#fff;border-radius:11px;font-weight:780;padding:12px 35px;cursor:pointer}
@media(max-width:520px){.page{padding:0 0 40px;background:#fcfaf6}.layout{border:none;border-radius:0;box-shadow:none;width:100%}.intro{padding:18px 23px 24px}.actions{padding:23px 18px 26px}.story{height:204px}.google-float{right:13px;bottom:max(13px,env(safe-area-inset-bottom))}.footer{padding-bottom:57px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
