
#cappello-proposal{--paper:#f7f3eb;--ink:#002e68;--blue:#0056b8;--orange:#ff7a00;background:var(--paper);color:#243443;font:16px/1.55 Arial,sans-serif;max-width:1200px;margin:auto;color-scheme:light}#cappello-proposal *{box-sizing:border-box}#cappello-proposal a{color:inherit;text-decoration:none}#cappello-proposal .head{display:flex;align-items:center;gap:22px;padding:12px 5%;border-bottom:1px solid #ded8cc}#cappello-proposal .brand{display:flex;align-items:center;gap:8px;margin-right:auto;color:var(--ink)}#cappello-proposal .brand img{width:72px;height:64px;object-fit:contain}#cappello-proposal .brand strong{font:30px Georgia,serif;display:block}#cappello-proposal .brand small{font-size:10px;letter-spacing:2px}#cappello-proposal nav{display:flex;gap:19px;font-size:13px}#cappello-proposal .menu{display:none;background:transparent;border:1px solid #002e68;padding:10px;color:#002e68}#cappello-proposal h1,#cappello-proposal h2,#cappello-proposal h3{font-family:Georgia,serif;font-weight:400;color:var(--ink);line-height:1.08;margin:0}#cappello-proposal h1{font-size:clamp(48px,7vw,86px);letter-spacing:-3px}#cappello-proposal h2{font-size:clamp(30px,4vw,47px);letter-spacing:-1px}#cappello-proposal h3{font-size:25px}#cappello-proposal .kicker{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:#43576a;margin-bottom:22px}#cappello-proposal .hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:485px}#cappello-proposal .hero-copy{padding:65px 9% 56px 10%}#cappello-proposal .hero-copy p{max-width:330px;margin:24px 0 30px}#cappello-proposal .cta{display:inline-block;background:var(--blue);color:white;padding:13px 20px;font-size:14px}#cappello-proposal .photo{background:#d9d1bf;position:relative;display:flex;align-items:end;min-height:200px;padding:22px;color:#354a53;overflow:hidden}#cappello-proposal .photo:before{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#b5ced5 0%,#e1e4d9 42%,#d6cab1 43%,#aa9c82 100%);opacity:.7}#cappello-proposal .photo span{position:relative;font-size:12px;background:#f7f3ebe8;padding:6px 9px;max-width:100%}#cappello-proposal .hero-photo{min-height:420px}#cappello-proposal .intro{padding:62px 9% 35px;text-align:center}#cappello-proposal .intro p{max-width:660px;margin:22px auto;color:#4e5d67}#cappello-proposal .doors{display:grid;grid-template-columns:repeat(4,1fr);margin:0 5%;border-top:1px solid #d7cdbd;border-bottom:1px solid #d7cdbd}#cappello-proposal .doors a{padding:23px 15px;display:flex;justify-content:space-between;color:var(--ink);font:23px Georgia,serif}#cappello-proposal .doors b{font:18px Arial;color:var(--orange)}#cappello-proposal section{padding:58px 5%}#cappello-proposal .section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}#cappello-proposal .section-top .kicker{margin-bottom:13px}#cappello-proposal .textlink{font-size:13px;color:var(--blue);text-decoration:underline;text-underline-offset:5px}#cappello-proposal .places{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}#cappello-proposal .places .photo{min-height:235px}#cappello-proposal .places h3{margin-top:14px}#cappello-proposal .more{display:flex;gap:26px;margin-top:23px;font-size:14px;color:var(--blue)}#cappello-proposal .vivi{background:#eae3d6}#cappello-proposal .stories{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}#cappello-proposal .story{padding-top:18px;border-top:2px solid #b9b09e}#cappello-proposal .story small{display:block;font-size:11px;letter-spacing:1px;margin-bottom:17px}#cappello-proposal .story p{font-size:14px}#cappello-proposal .taste{display:grid;grid-template-columns:1fr 1fr;gap:40px}#cappello-proposal .taste .photo{min-height:330px}#cappello-proposal .taste .photo:before{background:linear-gradient(135deg,#e3ceac,#bba782)}#cappello-proposal .taste p{max-width:390px}#cappello-proposal .taste-links{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--blue);margin:24px 0}#cappello-proposal .duomo{border-top:1px solid #cfc7b9;padding-top:20px;font-size:14px}#cappello-proposal .stay{border-top:1px solid #ded8cc}#cappello-proposal .stay-intro{max-width:650px;margin-bottom:28px}#cappello-proposal .hotels{display:grid;grid-template-columns:1fr 1fr;gap:25px}#cappello-proposal .hotels .photo{min-height:230px}#cappello-proposal .hotels .photo:before{background:linear-gradient(135deg,#e2dbcd,#bbb5a5)}#cappello-proposal .hotels h3{margin:20px 0 10px}#cappello-proposal .hotels p{font-size:14px;margin-bottom:20px}#cappello-proposal .end{background:var(--ink);color:#fff;text-align:center;padding:58px 12%}#cappello-proposal .end h2{color:#fff}#cappello-proposal .end p{max-width:570px;margin:22px auto}#cappello-proposal .end .cta{background:#fff;color:var(--ink);margin:8px}#cappello-proposal .end .secondary{background:transparent;box-shadow:inset 0 0 0 1px #ffffff99;color:#fff}#cappello-proposal footer{padding:35px 5%;display:flex;justify-content:space-between;gap:22px;font-size:12px;flex-wrap:wrap}#cappello-proposal footer strong{font:24px Georgia,serif;color:var(--ink)}#cappello-proposal footer p{margin:8px 0}#cappello-proposal footer .footlinks{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
@media(max-width:720px){#cappello-proposal .head{flex-wrap:wrap;gap:0}#cappello-proposal .menu{display:block}#cappello-proposal nav{display:none;width:100%;padding:20px 0;flex-wrap:wrap}#cappello-proposal nav.open{display:flex}#cappello-proposal .hero{grid-template-columns:1fr}#cappello-proposal .hero-copy{padding:40px 6%}#cappello-proposal .hero-photo{min-height:240px}#cappello-proposal .intro{padding:40px 6% 25px}#cappello-proposal .doors{grid-template-columns:1fr 1fr}#cappello-proposal section{padding:40px 6%}#cappello-proposal .section-top{align-items:start;flex-direction:column}#cappello-proposal .places{grid-template-columns:1fr}#cappello-proposal .places .photo{min-height:190px}#cappello-proposal .stories,#cappello-proposal .taste,#cappello-proposal .hotels{grid-template-columns:1fr}#cappello-proposal .more{flex-wrap:wrap}#cappello-proposal .brand img{width:60px;height:50px}#cappello-proposal .brand strong{font-size:27px}#cappello-proposal .cta{min-height:44px}#cappello-proposal .footlinks a{padding:8px 0}}@media(max-width:420px){#cappello-proposal .brand small{display:none}}


#cappello-proposal{--paper:#fff9ee;--ink:#0746ac;--blue:#0056b8;--orange:#ff7a00;font-family:'DM Sans',Arial,sans-serif;color:#293e48;container-type:inline-size}
#cappello-proposal h1,#cappello-proposal h2,#cappello-proposal h3{font-family:'Outfit',Arial,sans-serif;color:var(--ink)}
#cappello-proposal h1{font-weight:700;font-size:clamp(56px,8.5cqw,94px);line-height:.96;letter-spacing:-4px}
#cappello-proposal h2{font-weight:600;font-size:clamp(32px,4.5cqw,49px);letter-spacing:-1.8px;line-height:1.05}
#cappello-proposal h3{font-weight:500;letter-spacing:-.6px}
#cappello-proposal .head{border:0;padding:17px 5%}
#cappello-proposal .brand strong{font:600 31px 'Outfit',Arial,sans-serif;letter-spacing:-1px}
#cappello-proposal .brand small{font:500 10px 'DM Sans',Arial,sans-serif;letter-spacing:1.3px}
#cappello-proposal nav{font-weight:500}
#cappello-proposal .hero{padding:18px 5% 38px;gap:35px;min-height:460px;align-items:center;grid-template-columns:1fr 1fr}
#cappello-proposal .hero-copy{padding:24px 0}
#cappello-proposal .hero-copy p{max-width:345px;line-height:1.65}
#cappello-proposal .kicker{font-size:11px;letter-spacing:1.6px;color:#45585e;margin-bottom:18px}
#cappello-proposal .cta{border-radius:28px;padding:14px 23px;font-weight:500;min-height:48px}
#cappello-proposal .hero-photo{border-radius:46% 46% 16px 16px;min-height:440px;background:#f2d099;align-items:end;padding-bottom:28px;justify-content:center}
#cappello-proposal .hero-photo:before{background:linear-gradient(165deg,#b8d5dc 0%,#d9e4dd 48%,#ebc78e 49%,#cfb18d 100%);opacity:1}
#cappello-proposal .photo span{font-size:11px;max-width:90%;background:#fff9eee8;border-radius:6px}
#cappello-proposal .local-note{font-size:13px;margin-top:20px;color:#53616a}
#cappello-proposal .local-note:before{content:'↳ ';color:#0056b8}
#cappello-proposal .intro{text-align:left;padding:30px 5% 32px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
#cappello-proposal .intro .kicker{grid-column:1/-1;margin:0}
#cappello-proposal .intro p{margin:0;font-size:15px;max-width:450px}
#cappello-proposal .doors{border:0;gap:12px;margin:0 5% 15px}
#cappello-proposal .doors a{font:500 23px 'Outfit',Arial,sans-serif;padding:23px 19px;background:#ffdd94;border-radius:14px}
#cappello-proposal .doors a:nth-child(2){background:#dce9df}
#cappello-proposal .doors a:nth-child(3){background:#f6d7be}
#cappello-proposal .doors a:nth-child(4){background:#dce8f6}
#cappello-proposal .doors b{color:#0746ac}
#cappello-proposal section{padding-top:48px;padding-bottom:48px}
#cappello-proposal .places{grid-template-columns:1.35fr 1fr 1fr;gap:18px}
#cappello-proposal .places .photo{border-radius:14px;min-height:255px}
#cappello-proposal .places article:nth-child(2){padding-top:34px}
#cappello-proposal .places article:nth-child(3){padding-top:13px}
#cappello-proposal .places h3{margin-top:13px}
#cappello-proposal .more{padding:12px 0 0;gap:25px}
#cappello-proposal .vivi{background:#eaf0e6;border-radius:24px;margin:8px 3%;padding:40px 3%}
#cappello-proposal .stories{gap:28px}
#cappello-proposal .story{border-top:1px solid #a7b7a8}
#cappello-proposal .story small{font-size:10px;letter-spacing:1px;color:#516253}
#cappello-proposal .story h3{font-size:27px}
#cappello-proposal .story p{line-height:1.65}
#cappello-proposal .taste{align-items:center;gap:45px}
#cappello-proposal .taste .photo{border-radius:18px;min-height:365px}
#cappello-proposal .taste-links{gap:10px}
#cappello-proposal .taste-links span{background:#f4e5cf;border-radius:20px;padding:8px 12px}
#cappello-proposal .duomo{border-top:1px solid #dcc8ad;padding-top:17px;line-height:1.8}
#cappello-proposal .stay{background:#fffdf7;border:0}
#cappello-proposal .stay-intro{max-width:640px}
#cappello-proposal .hotels{gap:26px}
#cappello-proposal .hotels .photo{border-radius:15px;min-height:260px}
#cappello-proposal .hotels .textlink{display:inline-block;padding:11px 18px;border:1px solid #0056b8;border-radius:25px;text-decoration:none;min-height:44px}
#cappello-proposal .end{margin:20px 3% 0;border-radius:25px;background:#ffda85;color:#173e65;padding:45px 8%}
#cappello-proposal .end h2{color:#0746ac;font-size:clamp(44px,6cqw,68px)}
#cappello-proposal .end .cta{background:#0056b8;color:#fff}
#cappello-proposal .end .secondary{background:transparent;color:#0746ac;box-shadow:inset 0 0 0 1px #0746ac}
#cappello-proposal footer strong{font:600 27px 'Outfit',Arial,sans-serif}
#cappello-proposal .menu{border-radius:20px;font-size:14px;min-height:44px}
@container(max-width:720px){#cappello-proposal .hero{grid-template-columns:1fr;gap:8px;padding:12px 6% 25px}#cappello-proposal h1{font-size:66px;letter-spacing:-3px}#cappello-proposal .hero-copy{padding:12px 0}#cappello-proposal .hero-photo{min-height:310px;border-radius:44% 44% 14px 14px}#cappello-proposal .intro{grid-template-columns:1fr;gap:18px;padding:25px 6%}#cappello-proposal .intro .kicker{grid-column:auto}#cappello-proposal .doors{grid-template-columns:1fr 1fr;gap:9px}#cappello-proposal .doors a{padding:18px 14px;font-size:22px}#cappello-proposal .places{grid-template-columns:1fr}#cappello-proposal .places article:nth-child(n){padding-top:0}#cappello-proposal .places .photo{min-height:220px}#cappello-proposal .taste{grid-template-columns:1fr;gap:25px}#cappello-proposal .taste .photo{min-height:270px}#cappello-proposal .vivi{padding:30px 6%}#cappello-proposal .stories,#cappello-proposal .hotels{grid-template-columns:1fr}#cappello-proposal .head{flex-wrap:wrap}#cappello-proposal .head nav{display:none;width:100%;padding:18px 0;flex-wrap:wrap}#cappello-proposal .head nav.open{display:flex}#cappello-proposal .menu{display:block}#cappello-proposal .section-top{flex-direction:column;align-items:start}#cappello-proposal .end{padding:35px 6%}#cappello-proposal .end .cta{display:block;margin:12px 0}#cappello-proposal footer{padding:30px 6%}}


#cappello-proposal .places{grid-template-columns:repeat(3,minmax(0,1fr))}
#cappello-proposal .places article:nth-child(n){padding-top:0}
#cappello-proposal .destination-caption{font-size:14px;margin:7px 0 0;color:#45585e}
#cappello-proposal .sea-photo:before{background:linear-gradient(165deg,#c8e5ed 0%,#c8e5ed 40%,#79bfce 41%,#65acbd 76%,#e9d4ad 77%,#e9d4ad 100%);opacity:1}
@container(max-width:720px){#cappello-proposal .places{grid-template-columns:1fr}}
@media(max-width:720px){#cappello-proposal .places{grid-template-columns:1fr}}
html{scroll-behavior:smooth}body{margin:0;background:#fff9ee;font:16px/1.6 'DM Sans',Arial,sans-serif}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9b4200;outline-offset:5px}img{max-width:100%;display:block}*{box-sizing:border-box}button{font:inherit}.skip{position:absolute;left:15px;top:-100px;padding:12px;background:#fff;z-index:100}.skip:focus{top:10px}#cappello-proposal{max-width:1440px}#cappello-proposal p{font-size:1rem;line-height:1.65}#cappello-proposal .head{min-height:88px}#cappello-proposal nav{font-size:.9rem}#cappello-proposal nav a{padding:8px 0}#cappello-proposal nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}#cappello-proposal .kicker,#cappello-proposal .story small{font-size:.75rem}#cappello-proposal .brand small{font-size:.75rem;letter-spacing:.6px}#cappello-proposal .cta,#cappello-proposal .textlink{font-size:.95rem}#cappello-proposal .photo{padding:0;min-height:0!important;background:#e2e7dc;display:block;overflow:hidden}#cappello-proposal .photo:before{display:none}#cappello-proposal .photo img{width:100%;height:270px;object-fit:cover}#cappello-proposal .hero-photo img{height:490px;object-position:32% 58%}#cappello-proposal .places .photo img{height:260px}#cappello-proposal .places article>a{display:block;height:100%}#cappello-proposal .places article>a:hover h3{text-decoration:underline;text-underline-offset:5px}#cappello-proposal .hero{min-height:0}#cappello-proposal .hero-copy p{max-width:390px}#cappello-proposal .local-note{font-size:.9rem}#cappello-proposal .more{font-size:1rem;flex-wrap:wrap}#cappello-proposal .more a{text-decoration:underline;text-underline-offset:5px;padding:8px 0}#cappello-proposal .story h3 a:hover{text-decoration:underline}#cappello-proposal .section-link{display:inline-block;margin-top:20px;text-decoration:underline;text-underline-offset:5px;color:#0056b8}#cappello-proposal .taste{grid-template-columns:.9fr 1.1fr}#cappello-proposal .taste-menu{background:#ffe1a2;padding:32px;border-radius:22px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}#cappello-proposal .taste-menu a{padding:20px 0;border-bottom:1px solid #bb924d;font:500 27px 'Outfit',Arial,sans-serif;color:#0746ac}#cappello-proposal .taste-menu a:last-child{border:0}#cappello-proposal .hotels article{padding:28px;border:1px solid #d9dfd9;border-radius:18px;background:#fff9ee}#cappello-proposal .hotels h3{margin:12px 0}#cappello-proposal .hotels .hotel-label{font-size:.8rem;letter-spacing:1px;text-transform:uppercase}#cappello-proposal .hotels .textlink{margin-top:12px}#cappello-proposal footer{font-size:.9rem;line-height:1.6}#cappello-proposal footer a{text-decoration:underline;text-underline-offset:4px;padding:6px 0}#cappello-proposal .foot-bottom{padding:0 5% 25px;font-size:.8rem;color:#45585e}#cappello-proposal .inner-header{padding:45px 6% 25px;max-width:1000px}#cappello-proposal .breadcrumb{font-size:.9rem;margin-bottom:30px}#cappello-proposal .breadcrumb a{text-decoration:underline}#cappello-proposal .inner-header h1{font-size:clamp(42px,6vw,72px);line-height:1.05;letter-spacing:-2px;overflow-wrap:break-word}#cappello-proposal .inner-header .lead{font-size:1.15rem;max-width:780px;margin-top:25px}#cappello-proposal .inner-image{margin:0 6% 30px}#cappello-proposal .inner-image img{width:100%;height:360px;object-fit:cover;border-radius:18px}#cappello-proposal .article-body{max-width:950px;padding:5px 6% 50px}#cappello-proposal .article-body h2{font-size:2rem;margin:30px 0 15px;line-height:1.15}#cappello-proposal .article-body h3{font-size:1.5rem;margin:20px 0 10px}#cappello-proposal .article-body a:not(.cta){color:#0056b8;text-decoration:underline;text-underline-offset:4px}#cappello-proposal .article-body li{margin:12px 0}#cappello-proposal .article-body .source{font-size:.85rem;margin-top:35px;color:#45585e}#cappello-proposal .route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0}#cappello-proposal .route-item{padding:24px;border-radius:16px;background:#eaf0e6}#cappello-proposal .route-item h2{font-size:1.65rem;margin:0 0 12px}#cappello-proposal .route-item p{margin:0}#cappello-proposal details{border-bottom:1px solid #cfd5c7;padding:18px 0}#cappello-proposal summary{font-weight:500;color:#0746ac;cursor:pointer;min-height:32px}#cappello-proposal .note{border-left:4px solid #ff7a00;padding:12px 20px;background:#fff1d2;margin:25px 0}#cappello-proposal .map-link{display:inline-block;border:1px solid #0056b8;padding:10px 18px;border-radius:25px;margin:10px 0}#cappello-proposal .credits li{overflow-wrap:anywhere}
@media(min-width:721px) and (max-width:1000px){#cappello-proposal .head{gap:15px}#cappello-proposal nav{gap:12px}#cappello-proposal .brand strong{font-size:25px}#cappello-proposal .brand img{width:52px}#cappello-proposal .brand small{font-size:.7rem}#cappello-proposal .hero-photo img{height:410px}}
@media(max-width:720px){#cappello-proposal .head{min-height:76px}#cappello-proposal .brand small{display:none}#cappello-proposal .hero-photo img{height:330px}#cappello-proposal h1{font-size:clamp(48px,15vw,66px);letter-spacing:-2px}#cappello-proposal .taste{grid-template-columns:1fr}#cappello-proposal .inner-header{padding-top:25px}#cappello-proposal .inner-header h1{font-size:2.8rem;letter-spacing:-1.2px}#cappello-proposal .inner-image img{height:240px}#cappello-proposal .route-grid{grid-template-columns:1fr}#cappello-proposal .article-body{padding-bottom:30px}#cappello-proposal .article-body h2{font-size:1.8rem}#cappello-proposal .places .photo img{height:230px}#cappello-proposal .hotels article{padding:23px}#cappello-proposal .head nav a{padding:10px}#cappello-proposal .footlinks{gap:18px}#cappello-proposal .end{margin-top:0}#cappello-proposal .hero{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Allineamento dei contenuti interni al bordo della fotografia. */
#cappello-proposal .inner-header,#cappello-proposal .article-body{max-width:none;width:100%}
#cappello-proposal .inner-header .lead{max-width:none}
#cappello-proposal .brand{gap:14px;flex-shrink:0}
#cappello-proposal .brand img{width:106px;height:70px;flex-shrink:0}
@media(max-width:900px){#cappello-proposal .head{flex-wrap:wrap}#cappello-proposal .head nav{display:none;width:100%;padding:16px 0;flex-wrap:wrap}#cappello-proposal .head nav.open{display:flex}#cappello-proposal .menu{display:block}}
@media(max-width:720px){#cappello-proposal .brand{gap:10px}#cappello-proposal .brand img{width:82px;height:54px}#cappello-proposal .brand small{display:block;font-size:10px;letter-spacing:.3px}#cappello-proposal .brand strong{font-size:27px}}
#cappello-proposal .brand{min-width:0;flex-shrink:1}
#cappello-proposal .brand strong{font-size:27px;line-height:1.15;letter-spacing:-.6px}
#cappello-proposal .brand-description{font-weight:400}
#cappello-proposal .brand small{margin-top:7px}
#cappello-proposal footer>div:first-child{max-width:100%}
#cappello-proposal footer strong{font-size:25px;line-height:1.3}
@media(max-width:1200px){#cappello-proposal .head{flex-wrap:wrap}#cappello-proposal .head nav{display:none;width:100%;padding:16px 0;flex-wrap:wrap}#cappello-proposal .head nav.open{display:flex}#cappello-proposal .menu{display:block}}
@media(max-width:720px){#cappello-proposal .head{gap:12px;align-items:center}#cappello-proposal .brand{width:100%;margin-right:0;gap:14px}#cappello-proposal .brand>span{min-width:0}#cappello-proposal .brand strong{font-size:24px;line-height:1.15}#cappello-proposal .brand-description{display:block;font-size:18px;margin-top:5px}#cappello-proposal .brand img{width:106px;height:100px}#cappello-proposal .brand small{font-size:11px}#cappello-proposal .menu{margin-left:auto}#cappello-proposal footer strong{font-size:23px}}
@media(max-width:720px){#cappello-proposal .brand img{height:106px}}
