/*
Theme Name: Super Viaggi Mobile
Version: 3.0.0
Description: Homepage a tutta larghezza per telefono, tablet e computer.
Author: Super Viaggi
*/

:root{--navy:#102b55;--blue:#1764b4;--sea:#eaf6ff;--orange:#ffb53e;--ink:#18304e;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1140px,calc(100% - 36px));margin:auto}.top{background:#fff;box-shadow:0 3px 22px #0c315718;position:relative;z-index:2}.top .container{display:flex;justify-content:space-between;align-items:center;min-height:88px;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#0f3d7a,#19a6cf);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:900;letter-spacing:-3px}.brandname{font-size:25px;color:var(--navy);font-weight:900;line-height:1}.brandname small{display:block;font-size:11px;letter-spacing:2.1px;font-weight:700;margin-top:7px;color:#3778a3}.nav{display:flex;gap:23px;font-weight:750;font-size:14px}.nav a:hover{color:var(--blue)}.hero{position:relative;isolation:isolate;background:linear-gradient(90deg,#09284bcc,#123e6588),url('https://images.unsplash.com/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1800&q=85') center/cover;min-height:520px;display:flex;align-items:center;color:white}.hero .container{padding-block:80px}.kicker{text-transform:uppercase;letter-spacing:2.5px;font-size:13px;font-weight:800;color:#aee8ff}.hero h1{font-size:clamp(38px,5.5vw,68px);line-height:1.06;letter-spacing:-1.7px;margin:13px 0 18px;max-width:740px}.hero p{font-size:clamp(16px,2vw,20px);max-width:550px;line-height:1.55;margin:0 0 27px;color:#e9f5ff}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:9px;font-weight:800;border-radius:14px;padding:15px 23px;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.primary{background:var(--orange);color:#17375a}.section{padding:62px 0}.section h2{font-size:clamp(27px,4vw,39px);line-height:1.15;text-align:center;color:var(--navy);margin:0 0 11px}.sub{text-align:center;font-size:16px;color:#657b91;margin:0 auto 32px;max-width:640px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service{border:1px solid #e5edf5;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 9px 25px #12396013}.service img{width:100%;aspect-ratio:1.35;display:block;object-fit:cover}.service .inside{padding:20px 20px 24px}.service h3{font-size:23px;margin:0 0 10px;color:var(--navy)}.service p{margin:0 0 18px;color:#526b84;line-height:1.5}.service a{font-weight:800;color:var(--blue)}.contact{background:linear-gradient(160deg,#e9f6ff,#f7fbff)}.actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:13px}.wa{background:#1cba64;color:white}.fb{background:#1977f3;color:white}.agency{background:#fff;border:1px solid #d6e9f7;border-radius:var(--radius);padding:23px 28px;max-width:840px;margin:32px auto 0;box-shadow:0 8px 24px #1f47720c}.agency h3{text-align:center;color:var(--navy);margin:0 0 17px;font-size:19px}.agency p{font-size:14px;line-height:1.7;margin:10px 0}.agency strong{color:var(--navy)}.footer{background:var(--navy);color:#e5f0fb;text-align:center;padding:25px 18px;font-size:13px}.footer a{text-decoration:underline} @media(max-width:740px){.container{width:100%;padding-inline:18px}.top .container{min-height:77px}.brandmark{width:49px;height:49px;font-size:23px;border-radius:14px}.brandname{font-size:21px}.brandname small{font-size:9px;letter-spacing:1.7px}.nav{display:none}.hero{min-height:480px;background-position:58% center}.hero .container{padding-block:55px}.hero h1{font-size:42px}.section{padding:46px 0}.cards{grid-template-columns:1fr;gap:18px}.service img{aspect-ratio:1.6}.service .inside{padding:18px}.actions{flex-direction:column}.actions .btn{width:100%;max-width:440px}.agency{padding:20px 18px}.agency p{overflow-wrap:anywhere}} @media(max-width:370px){.hero h1{font-size:35px}.brandname{font-size:18px}}

html,body{width:100%;max-width:100%;margin:0;padding:0}img{max-width:100%}a:focus-visible{outline:3px solid #ffb53e;outline-offset:4px}.service,.inside{min-width:0}section[id]{scroll-margin-top:20px}@media(max-width:740px){.top .container{justify-content:center;padding-block:14px}.hero{min-height:430px}.hero h1{font-size:clamp(32px,10vw,48px);letter-spacing:-1px}.hero .btn{width:100%}.container{padding-inline:16px}.kicker{font-size:11px;letter-spacing:1.5px}.section{padding-block:34px}.service a{display:inline-flex;align-items:center;min-height:48px}.agency{padding:20px 16px}.actions .btn{min-height:52px}.hero p{font-size:17px}.brandname{font-size:22px}.brandname small{font-size:9px}.footer{padding-bottom:max(25px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}