/*
Theme Name: Outdoor Adventure PRO V5.7.6 Clean Editable Home
Theme URI: https://example.com/
Author: OpenAI
Description: Tema WordPress adventure moderno per canoa, kayak, rafting, packraft, trekking, orienteering ed e-bike. Palette ispirata a Trekking&Paddles, Gutenberg-first, accessibile e responsive.
Version: 6.3.14
License: GPL-2.0-or-later
Text Domain: outdoor-adventure-pro
*/
:root{
--oa-bg:#111111;
--oa-bg-soft:#1A1A1A;
--oa-surface:#FFFFFF;
--oa-surface-2:#F6F3EE;
--oa-text:#1F1F1F;
--oa-muted:#606060;
--oa-forest:#25351F;
--oa-forest-2:#3E5F2A;
--oa-lime:#8BC53F;
--oa-river:#0F7E9E;
--oa-sand:#E9DDC7;
--oa-orange:#F26A21;
--oa-border:#DED8CD;
--oa-shadow:0 22px 70px rgba(0,0,0,.16);
--oa-shadow-sm:0 12px 30px rgba(37,53,31,.10);
--oa-radius:22px;
--oa-focus:#FFD166;
--oa-container:1180px;
}
/* ==========================================================
V6.3.13 — CHI SIAMO: CONTENUTI STORICI E LAYOUT STABILE
========================================================== */
.oa-v6313-about-main,.oa-v6313-about-main *{box-sizing:border-box}
.oa-v6313-about-main{width:100%;padding:clamp(64px,8vw,120px) 0;background:#fff;overflow:hidden}
.oa-v6313-about-shell{width:100%;padding:0 clamp(24px,5.7vw,110px)}
.oa-v6313-kicker{display:block;margin:0 0 12px;color:#047368;font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.oa-v6313-about-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:clamp(36px,7vw,110px);align-items:start;margin-bottom:clamp(56px,8vw,110px)}
.oa-v6313-about-heading,.oa-v6313-about-copy,.oa-v6313-about-story article,.oa-v6313-about-news-grid article,.oa-v6313-training-grid article{min-width:0}
.oa-v6313-about-heading h2{margin:0!important;color:#20312f!important;font-size:clamp(3rem,5.8vw,6.8rem)!important;line-height:.94!important;letter-spacing:-.06em!important;text-align:left!important;text-transform:none!important;overflow-wrap:break-word!important}
.oa-v6313-about-heading h2 strong{color:#047368;font-weight:900}
.oa-v6313-about-copy p{margin:0 0 18px!important;color:#586965!important;font-size:clamp(1rem,1.2vw,1.14rem)!important;line-height:1.72!important;text-align:left!important;overflow-wrap:break-word!important}
.oa-v6313-about-copy p:last-child{margin-bottom:0!important}
.oa-v6313-about-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 clamp(70px,9vw,130px)}
.oa-v6313-about-story article,.oa-v6313-about-news-grid article{padding:clamp(28px,4vw,56px);background:#f5f8f5;border-top:5px solid #f2b809}
.oa-v6313-story-icon,.oa-v6313-training-grid article>span{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;margin:0 0 28px;background:#047368;color:#fff;border-radius:50%}
.oa-v6313-about-svg,.oa-v6313-story-icon svg,.oa-v6313-training-grid article>span svg{display:block!important;width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.oa-v6313-about-story h3,.oa-v6313-about-news-grid h3,.oa-v6313-training-grid h3{margin:0 0 16px!important;color:#20312f!important;font-size:clamp(1.55rem,2.2vw,2.25rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;text-align:left!important;text-transform:none!important;overflow-wrap:break-word!important}
.oa-v6313-about-story p,.oa-v6313-about-news-grid p,.oa-v6313-training-grid p{margin:0 0 15px!important;color:#5d6c68!important;font-size:.98rem!important;line-height:1.68!important;text-align:left!important;overflow-wrap:break-word!important}
.oa-v6313-about-story p:last-child,.oa-v6313-about-news-grid p:last-child,.oa-v6313-training-grid p:last-child{margin-bottom:0!important}
.oa-v6313-about-news{margin:0 0 clamp(70px,9vw,130px);padding:clamp(38px,6vw,80px);background:#073f3a}
.oa-v6313-about-news .oa-v6313-kicker{color:#f2b809}
.oa-v6313-about-news-title{display:grid;grid-template-columns:.4fr 1fr;gap:32px;align-items:start;margin-bottom:clamp(32px,5vw,60px)}
.oa-v6313-about-news-title h2{margin:0!important;color:#fff!important;font-size:clamp(2.4rem,4.5vw,5.2rem)!important;line-height:.96!important;letter-spacing:-.055em!important;text-transform:none!important;text-align:left!important;overflow-wrap:break-word!important}
.oa-v6313-about-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oa-v6313-about-news-grid article{background:#fff;border-top-color:#f2b809}
.oa-v6313-training{margin:0 0 clamp(70px,9vw,130px)}
.oa-v6313-training>header{display:grid;grid-template-columns:.35fr .65fr;gap:20px 50px;align-items:start;margin-bottom:40px}
.oa-v6313-training>header .oa-v6313-kicker{grid-column:1;grid-row:1/3}
.oa-v6313-training>header h2{margin:0!important;color:#20312f!important;font-size:clamp(2.8rem,5vw,5.5rem)!important;line-height:.92!important;letter-spacing:-.055em!important;text-transform:none!important;text-align:left!important}
.oa-v6313-training>header p{max-width:760px;margin:0!important;color:#5d6c68!important;font-size:1.08rem!important;line-height:1.68!important;text-align:left!important}
.oa-v6313-training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(4,115,104,.14);border:1px solid rgba(4,115,104,.14)}
.oa-v6313-training-grid article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;align-items:start;min-height:240px;padding:clamp(26px,3.5vw,48px);background:#fbfcf9}
.oa-v6313-training-grid article>span{width:54px;height:54px;margin:0;background:#f2b809;color:#20312f;border-radius:0}
.oa-v6313-training-grid h3{font-size:clamp(1.35rem,1.8vw,1.8rem)!important}
.oa-v6313-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 clamp(70px,9vw,130px);background:rgba(255,255,255,.16);border-bottom:6px solid #f2b809}
.oa-v6313-stats article{display:flex;min-width:0;min-height:210px;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,42px);background:#047368}
.oa-v6313-stats strong{display:block;color:#fff;font-size:clamp(2.7rem,4vw,5rem);font-weight:900;line-height:.9;letter-spacing:-.055em;white-space:nowrap}
.oa-v6313-stats strong small{color:#f2b809;font-size:.26em;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.oa-v6313-stats span{display:block;color:rgba(255,255,255,.82);font-size:.9rem;font-weight:800;line-height:1.35}
@media(max-width:1050px){
.oa-v6313-about-intro{grid-template-columns:1fr;gap:28px}
.oa-v6313-about-heading h2{max-width:900px!important}
.oa-v6313-about-copy{max-width:850px}
.oa-v6313-about-news-title,.oa-v6313-training>header{grid-template-columns:1fr}
.oa-v6313-training>header .oa-v6313-kicker{grid-column:auto;grid-row:auto}
.oa-v6313-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
.oa-v6313-about-main{padding:56px 0}
.oa-v6313-about-shell{padding-left:20px;padding-right:20px}
.oa-v6313-about-heading h2{font-size:clamp(2.55rem,12vw,4.2rem)!important;line-height:.97!important}
.oa-v6313-about-story,.oa-v6313-about-news-grid,.oa-v6313-training-grid,.oa-v6313-stats{grid-template-columns:1fr}
.oa-v6313-about-story article,.oa-v6313-about-news-grid article{padding:28px 22px}
.oa-v6313-about-news{margin-left:-20px;margin-right:-20px;padding:42px 20px}
.oa-v6313-about-news-title h2,.oa-v6313-training>header h2{font-size:clamp(2.35rem,11vw,3.8rem)!important}
.oa-v6313-training-grid article{grid-template-columns:54px minmax(0,1fr);gap:17px;min-height:0;padding:24px 20px}
.oa-v6313-training-grid article>span{width:48px;height:48px}
.oa-v6313-training-grid article>span .oa-v6313-about-svg{width:24px!important;height:24px!important}
.oa-v6313-stats article{min-height:150px}
.oa-v6313-stats strong{font-size:3.2rem}
.oa-v6313-about-main .oa-v626-about-final{margin-left:-20px;margin-right:-20px}
}
@media(max-width:390px){
.oa-v6313-training-grid article{grid-template-columns:1fr}
.oa-v6313-training-grid article>span{margin-bottom:2px}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--oa-text);background:#fff;line-height:1.6}
body.admin-bar .site-header{top:32px}
img,video,iframe{max-width:100%;height:auto}
a{color:var(--oa-forest-2);text-underline-offset:.18em}
a:hover{color:#09291e}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--oa-focus)!important;outline-offset:3px!important}
.container{width:min(100% - 2rem,var(--oa-container));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:1rem;z-index:99999;padding:.75rem 1rem;background:#fff;color:#000;border:2px solid var(--oa-focus)}
.skip-link:focus{left:1rem}
.site-header{position:sticky;top:0;z-index:9000;background:rgba(17,17,17,.96);color:#fff;backdrop-filter:saturate(150%) blur(14px);border-bottom:1px solid rgba(255,255,255,.10)}
.header-inner{min-height:82px;display:flex;align-items:center;gap:1.2rem}
.site-branding{display:flex;align-items:center;gap:.85rem;min-width:0;color:#fff;text-decoration:none}
.custom-logo-link img{max-height:54px;width:auto;display:block}
.site-logo-symbol{font-size:2rem}
.brand-text{display:grid;gap:.05rem}
.site-title{color:#fff;font-size:1.1rem;font-weight:900;letter-spacing:.01em;line-height:1.1}
.site-tagline{color:#d6e6df;font-size:.85rem}
.main-navigation{margin-left:auto;display:flex;align-items:center;gap:1rem}
.primary-menu{display:flex;align-items:center;gap:.2rem;margin:0;padding:0;list-style:none}
.primary-menu>li{position:relative}
.primary-menu a{color:#fff;text-decoration:none;font-weight:750;display:flex;align-items:center;min-height:44px;padding:.62rem .82rem;border-radius:999px}
.primary-menu a:hover,.primary-menu a:focus{background:rgba(242,106,33,.20)}
.primary-menu .current-menu-item>a{background:rgba(242,106,33,.16);color:#fff}
.menu-toggle{display:none;min-height:44px;padding:.55rem .85rem;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:999px;font-weight:800}
.menu-item-activities{position:static!important}
.menu-item-activities::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;display:block}
.mega-menu{position:absolute;left:50%;transform:translateX(-50%) translateY(0);top:100%;width:min(1120px,calc(100vw - 2rem));display:none;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.15rem 1rem 1rem;background:#fff;color:var(--oa-text);border-top:6px solid var(--oa-orange);border-radius:24px;box-shadow:var(--oa-shadow)}
.menu-item-activities:hover .mega-menu,.menu-item-activities:focus-within .mega-menu,.menu-item-activities.is-mega-open .mega-menu{display:grid}
.mega-col{padding:1rem;border-radius:18px;background:#f7f8f3}
.mega-col:nth-child(1){background:#E8F5F8}.mega-col:nth-child(2){background:#EEF4E6}.mega-col:nth-child(3){background:#FFF0E8}
.mega-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;color:#111;font-size:1rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.mega-col ul{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}
.mega-col a{color:#17201d!important;border-radius:12px!important;padding:.65rem .7rem!important;font-weight:800}
.mega-col a:hover,.mega-col a:focus{background:#fff!important;color:var(--oa-orange)!important}
.hero{position:relative;min-height:720px;display:grid;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.42),rgba(0,0,0,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='800' viewBox='0 0 1400 800'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop stop-color='%23111111'/%3E%3Cstop offset='.45' stop-color='%233E5F2A'/%3E%3Cstop offset='1' stop-color='%230F7E9E'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1400' height='800' fill='url(%23g)'/%3E%3Cpath d='M0 620 C240 520 360 690 620 560 C850 445 1000 420 1400 520 L1400 800 L0 800Z' fill='%23F26A21' opacity='.28'/%3E%3Cpath d='M0 700 C320 600 520 760 800 610 C1020 490 1180 540 1400 430 L1400 800 L0 800Z' fill='%23ffffff' opacity='.14'/%3E%3C/svg%3E") center/cover no-repeat}
.hero-inner{padding:7rem 0 5rem}.hero-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.12);font-weight:900;color:var(--oa-orange);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}
.hero h1{max-width:850px;margin:.9rem 0 1rem;font-size:clamp(3rem,8vw,7.2rem);line-height:.91;letter-spacing:-.07em}
.hero p{max-width:680px;margin:0 0 1.5rem;font-size:1.25rem;color:#edf7f1}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:.8rem 1.05rem;border-radius:999px;text-decoration:none;background:var(--oa-orange);color:#fff;font-weight:950;border:2px solid transparent}
.button:hover,.wp-block-button__link:hover{background:#111;color:#fff}.button.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.72)}.button.secondary:hover{background:#fff;color:#111}
.section{padding:4.8rem 0}.section.soft{background:var(--oa-surface-2)}.section.dark{background:var(--oa-bg);color:#fff}.section-header{max-width:820px;margin:0 0 2rem}
.eyebrow{color:var(--oa-orange);text-transform:uppercase;letter-spacing:.08em;font-weight:950;font-size:.9rem}.section-header h2{margin:.3rem 0 .65rem;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.98;letter-spacing:-.055em}.section-header p{color:var(--oa-muted);font-size:1.12rem}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.activity-card{min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;border-radius:var(--oa-radius);color:#fff;text-decoration:none;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.82)),var(--oa-forest);box-shadow:var(--oa-shadow-sm);overflow:hidden;position:relative}
.activity-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(242,106,33,.42),transparent 26%);opacity:.8}.activity-card>*{position:relative}
.activity-card.water{background:linear-gradient(180deg,rgba(15,126,158,.08),rgba(0,0,0,.82)),#0F4C5C}.activity-card.forest{background:linear-gradient(180deg,rgba(62,95,42,.08),rgba(0,0,0,.82)),#25351F}.activity-card.bike{background:linear-gradient(180deg,rgba(242,106,33,.12),rgba(0,0,0,.82)),#4A2A16}
.activity-card h3{margin:0 0 .4rem;font-size:1.75rem;line-height:1.05}.activity-card p{margin:0;color:#edf7f1}.badge-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.badge{display:inline-flex;padding:.25rem .55rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:.85rem;font-weight:800}
.tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tech-card{padding:1.15rem;border:1px solid var(--oa-border);border-radius:18px;background:#fff;box-shadow:var(--oa-shadow-sm)}.tech-card strong{display:block;color:var(--oa-forest-2);font-size:1.05rem;margin-bottom:.2rem}
.page-banner{background:#111;color:#fff;padding:4rem 0 3rem}.breadcrumbs{color:var(--oa-orange);font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.entry-title{margin:.4rem 0 .6rem;font-size:clamp(2.5rem,6vw,5rem);line-height:.96;letter-spacing:-.055em}.entry-subtitle{max-width:780px;color:#dbe7e1;font-size:1.16rem}
.page-shell,.entry-shell{max-width:var(--oa-container);margin:2.5rem auto;padding:2rem;border:1px solid var(--oa-border);border-radius:24px;background:#fff;box-shadow:var(--oa-shadow-sm)}.entry-content h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.035em;color:var(--oa-forest-2)}
.entry-content .wp-block-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.4rem!important}.entry-content .wp-block-column{min-width:0!important;margin-left:0!important}.info-box,.wp-block-group.info-box{padding:1.4rem;border:1px solid var(--oa-border);border-radius:18px;background:#fff;box-shadow:var(--oa-shadow-sm)}.info-box h3{margin-top:0;color:var(--oa-forest-2)}
.site-footer{margin-top:4rem;background:#111;color:#fff;padding:3rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem}.site-footer a{color:#fff}.footer-note{border-top:1px solid rgba(255,255,255,.14);margin-top:2rem;padding-top:1rem;color:#bdcbc5;font-size:.95rem}
@media (max-width:1024px){.activity-grid{grid-template-columns:1fr 1fr}.tech-grid{grid-template-columns:1fr 1fr}.menu-toggle{display:inline-flex}.main-navigation{margin-left:auto}.primary-menu{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);display:none;flex-direction:column;align-items:stretch;padding:1rem;background:#fff;color:var(--oa-text);border-radius:18px;box-shadow:var(--oa-shadow)}.primary-menu.is-open{display:flex}.primary-menu a{color:var(--oa-text)}.menu-item-activities::after{display:none}.mega-menu{position:static;display:grid;transform:none;width:100%;box-shadow:none;border:0;border-top:3px solid var(--oa-orange);padding:.5rem 0 0;grid-template-columns:1fr}}
@media (max-width:760px){body.admin-bar .site-header{top:0}.header-inner{min-height:74px}.site-tagline{display:none}.hero{min-height:650px}.hero-inner{padding:5rem 0 3rem}.activity-grid,.tech-grid,.footer-grid,.entry-content .wp-block-columns{grid-template-columns:1fr!important}.page-shell,.entry-shell{padding:1.25rem;margin:1.5rem auto;border-radius:18px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* V2.2 River Events - più acqua, meno nero, menu WordPress e calendario eventi */
:root{--oa-bg:#073B4C!important;--oa-river:#0E8FB3!important;--oa-river-2:#37B6D6!important;--oa-surface-2:#F4FBFA!important;--oa-orange:#F26A21!important;--oa-border:#D8E5E5!important}
.site-header{background:rgba(255,255,255,.96)!important;color:#151515!important;border-bottom:1px solid var(--oa-border)!important}.site-title,.site-branding{color:#151515!important}.site-tagline{color:#5E666B!important}.primary-menu a{color:#151515!important}.primary-menu a:hover,.primary-menu a:focus{background:#E8F8FC!important;color:#073B4C!important}
.hero{background:linear-gradient(90deg,rgba(7,59,76,.86),rgba(14,143,179,.58),rgba(255,255,255,.04)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='800' viewBox='0 0 1400 800'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop stop-color='%23073B4C'/%3E%3Cstop offset='.55' stop-color='%230E8FB3'/%3E%3Cstop offset='1' stop-color='%2337B6D6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1400' height='800' fill='url(%23g)'/%3E%3Cpath d='M0 600 C220 505 420 685 680 550 C900 435 1100 450 1400 520 L1400 800 L0 800Z' fill='%23ffffff' opacity='.20'/%3E%3Cpath d='M0 700 C320 590 540 760 820 610 C1060 480 1220 535 1400 430 L1400 800 L0 800Z' fill='%23F26A21' opacity='.24'/%3E%3C/svg%3E") center/cover no-repeat!important}.hero-kicker,.breadcrumbs{color:#fff!important}.page-banner{background:linear-gradient(135deg,#073B4C,#0E8FB3)!important}.section.soft{background:#F4FBFA!important}.activity-card.water{background:linear-gradient(180deg,rgba(14,143,179,.08),rgba(0,0,0,.78)),#0E8FB3!important}
.primary-menu>.menu-item-has-children{position:static!important}.primary-menu>.menu-item-has-children::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;display:block}.primary-menu>.menu-item-has-children>.sub-menu{position:absolute;left:50%;top:100%;width:min(1120px,calc(100vw - 2rem));transform:translateX(-50%);display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:1.15rem 1rem 1rem;list-style:none;background:#fff;border-top:6px solid var(--oa-orange);border-radius:24px;box-shadow:var(--oa-shadow)}.primary-menu>.menu-item-has-children:hover>.sub-menu,.primary-menu>.menu-item-has-children:focus-within>.sub-menu,.primary-menu>.menu-item-has-children.is-mega-open>.sub-menu{display:grid}.primary-menu>.menu-item-has-children>.sub-menu>li{padding:1rem;border-radius:18px;background:#E8F8FC}.primary-menu>.menu-item-has-children>.sub-menu>li:nth-child(2){background:#EEF7EC}.primary-menu>.menu-item-has-children>.sub-menu>li:nth-child(3){background:#FFF0E8}.primary-menu>.menu-item-has-children>.sub-menu>li>a{color:#151515!important;padding:0 0 .75rem!important;min-height:auto;border-radius:0;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;font-weight:950}.primary-menu .sub-menu .sub-menu{position:static;display:grid;margin:0;padding:0;list-style:none;gap:.35rem;background:transparent;box-shadow:none;border:0}.primary-menu .sub-menu .sub-menu a{border-radius:12px!important;padding:.65rem .7rem!important;color:#17201d!important;font-weight:850}.primary-menu .sub-menu .sub-menu a:hover,.primary-menu .sub-menu .sub-menu a:focus{background:#fff!important;color:#C94D12!important}
.calendar-list{display:grid;gap:1rem}.calendar-item{display:grid;grid-template-columns:130px 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--oa-border);border-radius:18px;background:#fff;box-shadow:var(--oa-shadow-sm)}.calendar-day{display:grid;place-items:center;min-height:88px;border-radius:16px;background:#E8F8FC;color:#073B4C;font-weight:950}.calendar-day span:first-child{font-size:2rem;line-height:1}.calendar-meta{color:#5E666B}
@media(max-width:1024px){.primary-menu>.menu-item-has-children::after{display:none}.primary-menu>.menu-item-has-children>.sub-menu{position:static;display:grid;transform:none;width:100%;box-shadow:none;border:0;border-top:3px solid var(--oa-orange);padding:.75rem 0 0;grid-template-columns:1fr}.primary-menu a{color:#151515!important}}
@media(max-width:760px){.calendar-item{grid-template-columns:1fr}}
/* V2.4 Content Ready */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap');
body{font-family:Manrope,system-ui,sans-serif!important}h1,h2,h3,.site-title,.entry-title{font-family:"Space Grotesk",Manrope,system-ui,sans-serif!important}.menu-toggle{display:none;align-items:center!important;gap:.45rem;background:#073B4C!important;color:#fff!important;border:2px solid #073B4C!important}.menu-toggle:before{content:"☰";font-size:1.2rem}.menu-toggle[aria-expanded="true"]:before{content:"×";font-size:1.5rem}.oa-content-ready{display:grid;gap:2rem}.oa-demo-slider{position:relative;overflow:hidden;border-radius:28px;box-shadow:0 18px 50px rgba(7,59,76,.16);background:#073B4C}.oa-demo-track{display:flex;transition:transform .4s}.oa-demo-slide{min-width:100%;min-height:460px;padding:2rem;color:#fff;display:grid;align-items:end;background:linear-gradient(135deg,#073B4C,#0E8FB3)}.oa-demo-slide.oa-forest{background:linear-gradient(135deg,#25351F,#436B35)}.oa-demo-slide.oa-bike{background:linear-gradient(135deg,#4A2A16,#F26A21)}.oa-demo-slide h3{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:0 0 .6rem}.oa-demo-controls{position:absolute;right:1rem;bottom:1rem;display:flex;gap:.5rem}.oa-demo-controls button{width:48px;height:48px;border-radius:99px;border:2px solid #fff;background:rgba(255,255,255,.2);color:#fff;font-size:1.4rem}.oa-demo-dots{position:absolute;left:1rem;bottom:1.3rem;display:flex;gap:.5rem}.oa-demo-dots button{width:12px;height:12px;border:0;border-radius:99px;background:rgba(255,255,255,.5);padding:0}.oa-demo-dots button.is-active{width:34px;background:#F26A21}.content-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.info-box,.strength-card{border:1px solid var(--oa-border,#D8E5E5);border-radius:18px;background:#fff;padding:1.2rem;box-shadow:0 8px 24px rgba(7,59,76,.08)}.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.cta-band{padding:1.5rem;border-radius:22px;background:linear-gradient(135deg,#073B4C,#0E8FB3);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media(max-width:1024px){.menu-toggle{display:inline-flex!important}}@media(max-width:760px){.content-columns,.strength-grid{grid-template-columns:1fr!important}.oa-demo-slide{min-height:500px;padding:1.25rem}.cta-band{display:grid}}
/* V2.5 PRO - Slide metabox + fotogallery gestibile */
.oa-page-slider{
position:relative;
overflow:hidden;
border-radius:26px;
box-shadow:var(--oa-shadow, 0 22px 70px rgba(7,59,76,.15));
background:var(--oa-deep,#073B4C);
margin:2rem 0;
}
.oa-page-slider-track{
display:flex;
transition:transform .45s ease;
}
.oa-page-slide{
min-width:100%;
min-height:470px;
display:grid;
align-items:end;
color:#fff;
padding:2rem;
background-position:center;
background-size:cover;
position:relative;
}
.oa-page-slide::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(7,59,76,.86),rgba(7,59,76,.34),rgba(0,0,0,.05));
}
.oa-page-slide-content{
position:relative;
z-index:1;
max-width:720px;
}
.oa-page-slide-kicker{
display:inline-flex;
padding:.32rem .7rem;
border-radius:999px;
background:rgba(242,106,33,.94);
color:#fff;
font-weight:950;
text-transform:uppercase;
letter-spacing:.08em;
font-size:.85rem;
}
.oa-page-slide h2{
margin:.75rem 0 .6rem;
font-family:var(--oa-display, inherit);
font-size:clamp(2rem,5vw,4.8rem);
line-height:.96;
letter-spacing:-.055em;
color:#fff;
}
.oa-page-slide p{
max-width:660px;
color:#EFFBFF;
font-size:1.1rem;
}
.oa-page-slider-controls{
position:absolute;
right:1rem;
bottom:1rem;
display:flex;
gap:.5rem;
z-index:3;
}
.oa-page-slider-controls button{
width:48px;
height:48px;
border:2px solid rgba(255,255,255,.8);
border-radius:999px;
background:rgba(255,255,255,.16);
color:#fff;
font-size:1.4rem;
font-weight:950;
cursor:pointer;
}
.oa-page-slider-controls button:hover,
.oa-page-slider-controls button:focus{
background:#fff;
color:var(--oa-deep,#073B4C);
}
.oa-page-slider-dots{
position:absolute;
left:1rem;
bottom:1.25rem;
display:flex;
gap:.5rem;
z-index:3;
}
.oa-page-slider-dots button{
width:12px;
height:12px;
border:0;
border-radius:999px;
background:rgba(255,255,255,.45);
cursor:pointer;
padding:0;
}
.oa-page-slider-dots button.is-active{
width:34px;
background:var(--oa-orange,#F26A21);
}
.oa-gallery-section{
margin:2rem 0;
padding:1.4rem;
border:1px solid var(--oa-border,#D8E5E5);
border-radius:22px;
background:#fff;
box-shadow:var(--oa-shadow-sm, 0 10px 28px rgba(7,59,76,.10));
}
.oa-gallery-section h2{
margin-top:0;
color:var(--oa-deep,#073B4C);
}
.oa-gallery-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1rem;
}
.oa-gallery-item{
display:block;
aspect-ratio:4/3;
overflow:hidden;
border-radius:16px;
background:#E8F8FC;
border:1px solid var(--oa-border,#D8E5E5);
}
.oa-gallery-item img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .2s ease;
}
.oa-gallery-item:hover img,
.oa-gallery-item:focus img{
transform:scale(1.04);
}
.oa-admin-preview{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:8px;
padding:10px;
border:1px solid #ccd0d4;
background:#fff;
}
.oa-admin-preview img{
width:82px;
height:62px;
object-fit:cover;
border-radius:6px;
}
@media (max-width:900px){
.oa-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
.oa-page-slide{
min-height:500px;
padding:1.25rem;
}
.oa-gallery-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
.oa-page-slider-track,
.oa-gallery-item img{
transition:none!important;
}
}
/* V2.6 PRO - Scheda attività + booking interno */
.oa-activity-pro-card{margin:2rem 0;padding:1.4rem;border:1px solid var(--oa-border,#D8E5E5);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#F4FBFA 100%);box-shadow:var(--oa-shadow-sm,0 10px 28px rgba(7,59,76,.10))}
.oa-activity-pro-card h2{margin:0 0 1rem;color:var(--oa-deep,#073B4C)}
.oa-activity-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.oa-activity-spec{padding:1rem;border:1px solid var(--oa-border,#D8E5E5);border-radius:18px;background:#fff}
.oa-activity-spec span{display:block;color:var(--oa-muted,#5E666B);font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}
.oa-activity-spec strong{display:block;color:var(--oa-deep,#073B4C);font-size:1.08rem}.oa-booking-box{margin:2rem 0;padding:1.5rem;border-radius:24px;background:linear-gradient(135deg,var(--oa-deep,#073B4C),var(--oa-river,#0E8FB3));color:#fff;box-shadow:var(--oa-shadow,0 22px 70px rgba(7,59,76,.15))}.oa-booking-box h2{margin:0 0 .4rem;color:#fff}.oa-booking-box p{color:#E8F8FC}.oa-booking-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem}.oa-booking-form label{display:grid;gap:.35rem;font-weight:800}.oa-booking-form input,.oa-booking-form select,.oa-booking-form textarea{width:100%;min-height:48px;border:2px solid rgba(255,255,255,.24);border-radius:14px;padding:.75rem .85rem;font:inherit;color:#10252B;background:#fff}.oa-booking-form textarea{min-height:120px}.oa-booking-form .full{grid-column:1/-1}.oa-booking-form button{justify-self:start;min-height:50px;padding:.8rem 1.2rem;border:0;border-radius:999px;background:var(--oa-orange,#F26A21);color:#fff;font-weight:950;cursor:pointer}.oa-booking-form button:hover,.oa-booking-form button:focus{background:#151515}.oa-booking-message{padding:1rem;border-radius:16px;margin:1rem 0;background:#E8F8FC;color:#073B4C;font-weight:800}.oa-booking-message.error{background:#FFF0E8;color:#8A2B0A}@media(max-width:900px){.oa-activity-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.oa-activity-spec-grid,.oa-booking-form{grid-template-columns:1fr}}
/* V2.7 PRO - Activity Clean: slide > testo Gutenberg > scheda > gallery > booking */
.single-attivita .entry-shell,
.post-type-archive-attivita .entry-shell{
overflow:hidden;
}
.oa-activity-intro-content{
margin:2rem 0;
padding:0;
}
.oa-activity-intro-content > *:first-child{
margin-top:0;
}
.oa-activity-intro-content p{
font-size:1.08rem;
line-height:1.75;
}
.oa-activity-intro-content h2,
.oa-activity-intro-content h3{
color:var(--oa-deep,#073B4C);
}
/* Nasconde i vecchi blocchi guida auto-generati nelle attività, lasciando libero Gutenberg */
.single-attivita .content-columns,
.single-attivita .strength-grid,
.single-attivita .cta-band,
.single-attivita .oa-content-ready > .content-columns,
.single-attivita .oa-content-ready > .strength-grid,
.single-attivita .oa-content-ready > .cta-band{
display:none !important;
}
/* Evita che il vecchio carosello demo nel contenuto si sommi allo slider metabox */
.single-attivita .entry-content .oa-demo-slider,
.single-attivita .entry-content [data-oa-demo-slider]{
display:none !important;
}
/* Se nel contenuto c'è ancora il wrapper demo, lo rende neutro */
.single-attivita .oa-content-ready{
display:block !important;
}
.single-attivita .oa-content-ready > h2,
.single-attivita .oa-content-ready > p{
display:block !important;
}
.single-attivita .oa-content-ready > h2{
margin-top:0;
}
/* Scheda tecnica più compatta sotto al testo */
.single-attivita .oa-activity-pro-card{
margin-top:2rem;
}
.oa-activity-pro-card{
background:#F4FBFA;
}
.oa-activity-spec{
background:#fff;
}
/* Pulsante booking più evidente */
.oa-booking-box{
margin-top:2.4rem;
}
/* Piccola nota editoriale visibile solo se non ci sono contenuti */
.oa-empty-description-note{
padding:1rem;
border:1px dashed var(--oa-border,#D8E5E5);
border-radius:16px;
background:#F4FBFA;
color:var(--oa-muted,#5E666B);
}
@media (max-width:760px){
.oa-activity-intro-content p{
font-size:1rem;
}
}
/* V2.8 PRO - Layout attività 75/25 + sidebar sticky + badge backend */
.single-attivita .entry-shell{
padding:2rem;
}
.oa-activity-layout-v28{
display:grid;
grid-template-columns:minmax(0,3fr) minmax(280px,1fr);
gap:2rem;
align-items:start;
margin-top:2rem;
}
.oa-activity-main-v28{
min-width:0;
}
.oa-activity-main-v28 .entry-content{
margin:0;
}
.oa-activity-main-v28 .entry-content > *:first-child{
margin-top:0;
}
.oa-activity-main-v28 .entry-content p{
font-size:1.08rem;
line-height:1.78;
}
.oa-activity-sidebar-v28{
position:sticky;
top:112px;
align-self:start;
}
.admin-bar .oa-activity-sidebar-v28{
top:144px;
}
.oa-activity-sidebar-v28 .oa-activity-pro-card{
margin:0;
padding:1.15rem;
border-radius:22px;
}
.oa-activity-sidebar-v28 .oa-activity-pro-card h2{
font-size:1.45rem;
margin-bottom:.9rem;
}
.oa-activity-sidebar-v28 .oa-activity-spec-grid{
grid-template-columns:1fr !important;
gap:.75rem;
}
.oa-activity-sidebar-v28 .oa-activity-spec{
padding:.9rem;
border-radius:16px;
}
.oa-activity-sidebar-v28 .oa-activity-spec span{
font-size:.78rem;
}
.oa-activity-sidebar-v28 .oa-activity-spec strong{
font-size:1rem;
}
.oa-activity-badge-v28{
display:inline-flex;
align-items:center;
gap:.45rem;
margin:0 0 1rem;
padding:.45rem .8rem;
border-radius:999px;
background:var(--oa-orange,#F26A21);
color:#fff;
font-weight:950;
font-size:.9rem;
box-shadow:0 10px 22px rgba(242,106,33,.25);
}
.oa-activity-badge-v28::before{
content:"★";
}
.oa-sidebar-booking-button-v28{
display:flex;
width:100%;
align-items:center;
justify-content:center;
min-height:48px;
margin-top:1rem;
padding:.8rem 1rem;
border-radius:999px;
background:var(--oa-orange,#F26A21);
color:#fff !important;
text-decoration:none;
font-weight:950;
}
.oa-sidebar-booking-button-v28:hover,
.oa-sidebar-booking-button-v28:focus{
background:var(--oa-deep,#073B4C);
}
.single-attivita .content-columns,
.single-attivita .strength-grid,
.single-attivita .cta-band,
.single-attivita .oa-content-ready > .content-columns,
.single-attivita .oa-content-ready > .strength-grid,
.single-attivita .oa-content-ready > .cta-band,
.single-attivita .entry-content .oa-demo-slider,
.single-attivita .entry-content [data-oa-demo-slider]{
display:none !important;
}
.single-attivita .oa-content-ready{
display:block !important;
}
.single-attivita .oa-content-ready > h2,
.single-attivita .oa-content-ready > p{
display:block !important;
}
.single-attivita .oa-gallery-section,
.single-attivita .oa-booking-box{
margin-top:2.4rem;
}
@media (max-width:980px){
.oa-activity-layout-v28{
grid-template-columns:1fr;
}
.oa-activity-sidebar-v28{
position:static;
}
.oa-activity-sidebar-v28 .oa-activity-spec-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:640px){
.single-attivita .entry-shell{
padding:1.1rem;
}
.oa-activity-sidebar-v28 .oa-activity-spec-grid{
grid-template-columns:1fr !important;
}
}
/* V2.9 - Applica layout attività anche alle pagine del menu Attività */
.page-template-default .oa-activity-layout-v28{
display:grid;
grid-template-columns:minmax(0,3fr) minmax(280px,1fr);
gap:2rem;
align-items:start;
margin-top:2rem;
}
.page-template-default .oa-activity-main-v28{
min-width:0;
}
.page-template-default .oa-activity-sidebar-v28{
position:sticky;
top:112px;
align-self:start;
}
.admin-bar.page-template-default .oa-activity-sidebar-v28{
top:144px;
}
.page-template-default .oa-activity-sidebar-v28 .oa-activity-pro-card{
margin:0;
padding:1.15rem;
border-radius:22px;
}
.page-template-default .oa-activity-sidebar-v28 .oa-activity-spec-grid{
grid-template-columns:1fr !important;
gap:.75rem;
}
.page-template-default .oa-activity-main-v28 .entry-content p{
font-size:1.08rem;
line-height:1.78;
}
@media (max-width:980px){
.page-template-default .oa-activity-layout-v28{
grid-template-columns:1fr;
}
.page-template-default .oa-activity-sidebar-v28{
position:static;
}
.page-template-default .oa-activity-sidebar-v28 .oa-activity-spec-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:640px){
.page-template-default .oa-activity-sidebar-v28 .oa-activity-spec-grid{
grid-template-columns:1fr !important;
}
}
/* V3.1 - Solo Scheda attività PRO + slide demo ripristinate */
.oa-activity-pro-card .oa-old-card-title,
.oa-activity-pro-card h2:first-child{
display:none;
}
.oa-activity-sidebar-v28 .oa-activity-pro-card::before{
content:"Scheda attività PRO";
display:block;
margin:0 0 1rem;
color:var(--oa-deep,#073B4C);
font-family:var(--oa-display,inherit);
font-size:1.45rem;
font-weight:900;
line-height:1.1;
}
.oa-page-slide.oa-slide-demo-water{
background-image:linear-gradient(135deg,rgba(7,59,76,.50),rgba(21,184,214,.20)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='700' viewBox='0 0 1400 700'%3E%3Crect width='1400' height='700' fill='%230E8FB3'/%3E%3Cpath d='M0 520 C220 430 430 610 680 485 C910 365 1120 390 1400 470 L1400 700 L0 700Z' fill='%23fff' opacity='.22'/%3E%3Ccircle cx='1040' cy='160' r='110' fill='%23F26A21' opacity='.65'/%3E%3C/svg%3E");
}
.oa-page-slide.oa-slide-demo-forest{
background-image:linear-gradient(135deg,rgba(37,53,31,.55),rgba(183,242,68,.15)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='700' viewBox='0 0 1400 700'%3E%3Crect width='1400' height='700' fill='%2325351F'/%3E%3Cpath d='M0 560 C250 390 430 590 710 420 C920 290 1130 335 1400 210 L1400 700 L0 700Z' fill='%23436B35'/%3E%3Cpath d='M0 640 C300 520 540 680 850 520 C1090 400 1250 490 1400 330 L1400 700 L0 700Z' fill='%23B7F244' opacity='.30'/%3E%3C/svg%3E");
}
.oa-page-slide.oa-slide-demo-bike{
background-image:linear-gradient(135deg,rgba(74,42,22,.60),rgba(255,107,44,.15)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='700' viewBox='0 0 1400 700'%3E%3Crect width='1400' height='700' fill='%234A2A16'/%3E%3Cpath d='M0 520 C260 450 460 590 720 470 C970 350 1150 365 1400 450 L1400 700 L0 700Z' fill='%23F26A21' opacity='.42'/%3E%3Cpath d='M0 610 C350 520 550 650 880 540 C1100 470 1250 490 1400 390 L1400 700 L0 700Z' fill='%23FFF0E6' opacity='.22'/%3E%3C/svg%3E");
}
/* V3.2 PRO - Titillium Web + CTA attività + Mappa Matese demo */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700;900&display=swap');
:root{
--oa-font:'Titillium Web', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--oa-display:'Titillium Web', system-ui, sans-serif;
}
body,
button,
input,
textarea,
select{
font-family:var(--oa-font) !important;
}
h1,h2,h3,h4,.entry-title,.site-title,.section-header h2{
font-family:var(--oa-display) !important;
font-weight:900;
}
.oa-activity-cta-v32{
margin-top:1rem;
padding:1rem;
border-radius:20px;
background:linear-gradient(135deg,#E8F8FC 0%,#FFF0E8 100%);
border:1px solid var(--oa-border,#D8E5E5);
}
.oa-activity-cta-v32 h3{
margin:.1rem 0 .35rem;
color:var(--oa-deep,#073B4C);
font-size:1.35rem;
line-height:1.1;
}
.oa-activity-cta-v32 p{
margin:0 0 .85rem;
color:var(--oa-muted,#5E666B);
}
.oa-activity-cta-v32 a{
display:flex;
justify-content:center;
align-items:center;
min-height:46px;
padding:.75rem 1rem;
border-radius:999px;
background:var(--oa-orange,#F26A21);
color:#fff !important;
text-decoration:none;
font-weight:900;
}
.oa-activity-cta-v32 a:hover,
.oa-activity-cta-v32 a:focus{
background:var(--oa-deep,#073B4C);
}
.oa-matese-map-section{
margin:2rem 0;
padding:1.4rem;
border:1px solid var(--oa-border,#D8E5E5);
border-radius:28px;
background:linear-gradient(180deg,#E8F8FC 0%,#FFFFFF 100%);
box-shadow:var(--oa-shadow-sm,0 10px 28px rgba(7,59,76,.10));
}
.oa-matese-map-header{
max-width:760px;
margin-bottom:1.4rem;
}
.oa-matese-map-header h2{
margin:.2rem 0 .45rem;
color:var(--oa-deep,#073B4C);
font-size:clamp(2rem,4vw,3.2rem);
line-height:1;
}
.oa-matese-map-header p{
color:var(--oa-muted,#5E666B);
font-size:1.05rem;
}
.oa-matese-map{
position:relative;
min-height:520px;
border-radius:26px;
overflow:hidden;
background:#DFF6FB;
border:1px solid rgba(7,59,76,.14);
}
.oa-matese-map svg{
display:block;
width:100%;
height:520px;
}
.oa-map-marker{
position:absolute;
left:var(--x);
top:var(--y);
transform:translate(-50%,-50%);
z-index:4;
}
.oa-map-marker a,
.oa-map-marker button{
width:44px;
height:44px;
border-radius:999px;
border:3px solid #fff;
background:var(--oa-orange,#F26A21);
color:#fff;
display:grid;
place-items:center;
font-weight:900;
box-shadow:0 10px 24px rgba(7,59,76,.22);
text-decoration:none;
cursor:pointer;
}
.oa-map-marker[data-type="acqua"] a{background:#0E8FB3}
.oa-map-marker[data-type="boschi"] a{background:#436B35}
.oa-map-marker[data-type="bike"] a{background:#F26A21}
.oa-map-tooltip{
position:absolute;
left:50%;
bottom:calc(100% + 10px);
transform:translateX(-50%);
width:220px;
padding:.8rem;
border-radius:16px;
background:#fff;
color:#202020;
box-shadow:0 18px 45px rgba(7,59,76,.22);
opacity:0;
pointer-events:none;
transition:opacity .18s ease, transform .18s ease;
}
.oa-map-marker:hover .oa-map-tooltip,
.oa-map-marker:focus-within .oa-map-tooltip{
opacity:1;
transform:translateX(-50%) translateY(-4px);
}
.oa-map-tooltip strong{
display:block;
color:var(--oa-deep,#073B4C);
margin-bottom:.2rem;
}
.oa-map-tooltip span{
display:block;
color:var(--oa-muted,#5E666B);
font-size:.95rem;
}
.oa-map-list{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1rem;
margin-top:1rem;
}
.oa-map-list-item{
padding:1rem;
border:1px solid var(--oa-border,#D8E5E5);
border-radius:18px;
background:#fff;
}
.oa-map-list-item strong{
display:block;
color:var(--oa-deep,#073B4C);
}
.oa-map-list-item span{
color:var(--oa-muted,#5E666B);
}
@media (max-width:900px){
.oa-map-list{
grid-template-columns:1fr 1fr;
}
}
@media (max-width:640px){
.oa-matese-map{
min-height:420px;
}
.oa-matese-map svg{
height:420px;
}
.oa-map-list{
grid-template-columns:1fr;
}
.oa-map-tooltip{
width:190px;
}
}
/* V3.3 - Rimozione mappa illustrata + contatti puliti */
.oa-matese-map-section{
display:none !important;
}
.oa-contact-layout-v33{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(320px,420px);
gap:1.5rem;
align-items:start;
margin:2rem 0;
}
.oa-contact-card-v33,
.oa-contact-form-v33{
padding:1.4rem;
border:1px solid var(--oa-border,#D8E5E5);
border-radius:22px;
background:#fff;
box-shadow:var(--oa-shadow-sm,0 10px 28px rgba(7,59,76,.10));
}
.oa-contact-card-v33 h2,
.oa-contact-form-v33 h2{
margin-top:0;
color:var(--oa-deep,#073B4C);
}
.oa-contact-list-v33{
display:grid;
gap:.8rem;
margin:1rem 0 0;
}
.oa-contact-item-v33{
padding:.85rem;
border-radius:16px;
background:#F4FBFA;
border:1px solid var(--oa-border,#D8E5E5);
}
.oa-contact-item-v33 strong{
display:block;
color:var(--oa-deep,#073B4C);
}
.oa-google-map-v33{
width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
margin-top:2.4rem;
border-top:1px solid var(--oa-border,#D8E5E5);
border-bottom:1px solid var(--oa-border,#D8E5E5);
background:#E8F8FC;
}
.oa-google-map-v33 iframe{
display:block;
width:100%;
height:520px;
border:0;
}
.oa-contact-form-v33 .wpcf7 input,
.oa-contact-form-v33 .wpcf7 textarea,
.oa-contact-form-v33 .wpcf7 select{
width:100%;
min-height:48px;
border:2px solid var(--oa-border,#D8E5E5);
border-radius:14px;
padding:.75rem .85rem;
font:inherit;
}
.oa-contact-form-v33 .wpcf7-submit{
background:var(--oa-orange,#F26A21);
color:#fff;
border:0;
border-radius:999px;
min-height:48px;
padding:.75rem 1.15rem;
font-weight:900;
cursor:pointer;
}
@media (max-width:900px){
.oa-contact-layout-v33{
grid-template-columns:1fr;
}
.oa-google-map-v33 iframe{
height:420px;
}
}
/* V3.4 FONT FIX - Titillium Web + Inter */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700;900&family=Inter:wght@300;400;500;600;700&display=swap');
:root{
--oa-font:'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--oa-display:'Titillium Web', system-ui, sans-serif;
--oa-font-body:'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--oa-font-heading:'Titillium Web', system-ui, sans-serif;
}
/* Corpo più leggibile */
body,
input,
textarea,
select,
button{
font-family:var(--oa-font-body) !important;
font-weight:400;
letter-spacing:0;
}
/* Titoli forti ma meno pesanti */
h1,h2,h3,h4,h5,h6,
.entry-title,
.section-header h2,
.hero h1,
.site-title,
.oa-page-slide h2,
.oa-demo-slide h3,
.oa-contact-card-v33 h2,
.oa-contact-form-v33 h2,
.oa-activity-sidebar-v28 .oa-activity-pro-card::before{
font-family:var(--oa-font-heading) !important;
font-weight:700 !important;
letter-spacing:-0.025em;
}
/* Hero: forte, ma non deformato */
.hero h1,
.entry-title{
font-weight:900 !important;
letter-spacing:-0.045em;
line-height:.96;
}
/* Menu */
.primary-menu a,
.menu-toggle,
.site-title{
font-family:var(--oa-font-heading) !important;
font-weight:700 !important;
letter-spacing:-0.01em;
}
/* Paragrafi e contenuti */
p,
.entry-content,
.oa-activity-main-v28 .entry-content p,
.oa-contact-card-v33,
.oa-contact-form-v33,
.oa-activity-spec strong,
.oa-activity-spec span,
.oa-booking-form,
.oa-map-list-item{
font-family:var(--oa-font-body) !important;
}
/* Scala tipografica riequilibrata */
.entry-title{
font-size:clamp(2.4rem,5.2vw,4.6rem) !important;
}
.hero h1{
font-size:clamp(2.8rem,7vw,6.3rem) !important;
}
.section-header h2{
font-size:clamp(2rem,4.2vw,3.6rem) !important;
}
.entry-content h2{
font-size:clamp(1.75rem,3vw,2.45rem) !important;
}
.entry-content h3{
font-size:clamp(1.35rem,2vw,1.8rem) !important;
}
/* Migliora il respiro dei testi */
.entry-content p,
.oa-activity-main-v28 .entry-content p{
font-size:1.04rem !important;
line-height:1.78 !important;
}
.oa-page-slide h2{
font-size:clamp(2.1rem,4.8vw,4.2rem) !important;
}
.oa-activity-spec strong{
font-weight:700 !important;
}
.oa-activity-spec span{
font-weight:700 !important;
}
/* Header più pulito con Inter/Titillium */
.site-header{
font-size:1rem;
}
.primary-menu a{
font-size:1rem;
}
/* Evita effetto “blob” sui titoli bianchi */
.page-banner .entry-title,
.oa-page-slide h2{
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
@media (max-width:760px){
.entry-title{
font-size:clamp(2.1rem,12vw,3.2rem) !important;
}
.hero h1{
font-size:clamp(2.4rem,13vw,4.1rem) !important;
}
.section-header h2{
font-size:clamp(1.9rem,10vw,2.7rem) !important;
}
}
/* V3.5 OUTDOOR FULL EXPERIENCE - Barlow + layout più ampio */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800;900&display=swap');
:root{
--oa-font:'Barlow', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--oa-display:'Barlow Condensed', 'Barlow', system-ui, sans-serif;
--oa-font-body:'Barlow', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--oa-font-heading:'Barlow Condensed', 'Barlow', system-ui, sans-serif;
--oa-container:1440px;
--oa-content-readable:860px;
}
/* Font outdoor più sportivo */
body,
input,
textarea,
select,
button{
font-family:var(--oa-font-body) !important;
font-weight:500;
}
h1,h2,h3,h4,h5,h6,
.entry-title,
.section-header h2,
.hero h1,
.site-title,
.oa-page-slide h2,
.oa-demo-slide h3,
.oa-contact-card-v33 h2,
.oa-contact-form-v33 h2,
.oa-activity-sidebar-v28 .oa-activity-pro-card::before{
font-family:var(--oa-font-heading) !important;
font-weight:800 !important;
letter-spacing:-0.015em;
text-transform:none;
}
.primary-menu a,
.menu-toggle,
.site-title{
font-family:var(--oa-font-heading) !important;
font-weight:800 !important;
letter-spacing:.01em;
}
/* Layout più full width: meno effetto scatola */
.container{
width:min(100% - 3rem, var(--oa-container)) !important;
}
.hero,
.page-banner,
.oa-google-map-v33,
.section.river,
.section.soft{
width:100%;
}
.hero-inner,
.page-banner-inner{
width:min(100% - 3rem, var(--oa-container));
margin-inline:auto;
}
/* Hero più cinematografico */
.hero{
min-height:760px;
}
.hero h1{
font-size:clamp(3.4rem,8.5vw,7.8rem) !important;
line-height:.86;
letter-spacing:-0.035em;
}
.hero p{
font-size:clamp(1.08rem,1.7vw,1.35rem);
max-width:760px;
}
/* Banner pagina più pulito e largo */
.page-banner{
padding:5rem 0 4rem !important;
}
.page-banner .entry-title{
font-size:clamp(3rem,7vw,6.4rem) !important;
line-height:.88;
}
.entry-subtitle{
max-width:820px;
font-size:1.18rem;
}
/* Le pagine non sembrano più dentro una scatola stretta */
.page-shell,
.entry-shell{
max-width:calc(var(--oa-container) - 3rem) !important;
width:min(100% - 3rem, calc(var(--oa-container) - 3rem));
border-radius:28px;
padding:2.2rem;
}
/* Slider attività più largo e immersivo */
.oa-page-slider{
width:100%;
border-radius:30px;
margin:0 0 2.4rem;
}
.oa-page-slide{
min-height:560px;
}
.oa-page-slide h2{
font-size:clamp(3rem,7vw,6rem) !important;
line-height:.86;
}
.oa-page-slide p{
font-size:1.18rem;
max-width:720px;
}
/* Layout scheda attività: più aperto */
.oa-activity-layout-v28{
grid-template-columns:minmax(0, 1fr) minmax(320px, 380px) !important;
gap:2.4rem !important;
}
.oa-activity-main-v28{
max-width:var(--oa-content-readable);
}
.oa-activity-main-v28 .entry-content p{
font-size:1.08rem !important;
line-height:1.82 !important;
}
/* Sidebar più integrata, non troppo pesante */
.oa-activity-sidebar-v28 .oa-activity-pro-card{
background:#ffffff;
box-shadow:0 14px 42px rgba(7,59,76,.12);
}
.oa-activity-badge-v28{
font-family:var(--oa-font-heading) !important;
font-size:1rem;
letter-spacing:.02em;
}
/* Sezioni home più ampie */
.activity-grid{
gap:1.5rem !important;
}
.activity-card{
min-height:430px;
border-radius:30px;
}
.activity-card h3{
font-family:var(--oa-font-heading) !important;
font-size:clamp(2rem,3vw,3rem);
line-height:.9;
}
/* Contatti: full width map ma testo leggibile */
.oa-contact-layout-v33{
grid-template-columns:minmax(0,1fr) minmax(340px,460px);
max-width:var(--oa-container);
margin-inline:auto;
}
.oa-google-map-v33 iframe{
height:560px;
}
/* Form e testi più armonici */
.entry-content,
.oa-contact-card-v33,
.oa-contact-form-v33{
font-size:1.04rem;
}
.button,
.wp-block-button__link,
.oa-sidebar-booking-button-v28,
.oa-activity-cta-v32 a{
font-family:var(--oa-font-heading) !important;
font-weight:800 !important;
letter-spacing:.02em;
text-transform:uppercase;
}
/* Mobile */
@media (max-width:980px){
.container,
.hero-inner,
.page-banner-inner,
.page-shell,
.entry-shell{
width:min(100% - 2rem, var(--oa-container)) !important;
}
.oa-activity-layout-v28{
grid-template-columns:1fr !important;
}
.oa-activity-main-v28{
max-width:none;
}
.oa-page-slide{
min-height:500px;
}
}
@media (max-width:640px){
.hero{
min-height:650px;
}
.hero h1{
font-size:clamp(3rem,15vw,4.6rem) !important;
}
.page-banner .entry-title{
font-size:clamp(2.7rem,14vw,4rem) !important;
}
.page-shell,
.entry-shell{
padding:1.2rem;
border-radius:20px;
}
.oa-page-slide{
min-height:460px;
}
.oa-page-slide h2{
font-size:clamp(2.8rem,14vw,4.2rem) !important;
}
}
/* =========================================================
V4 URSUS-STYLE - pulizia, attività leggibili, font stabili
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800;900&display=swap');
:root{
--oa-font:'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--oa-display:'Montserrat', system-ui, sans-serif;
--oa-font-body:'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--oa-font-heading:'Montserrat', system-ui, sans-serif;
--oa-container:1180px;
--oa-deep:#073B4C;
--oa-river:#0E8FB3;
--oa-orange:#F26A21;
--oa-green:#436B35;
--oa-text:#1F2933;
--oa-muted:#5E6A72;
--oa-border:#DDE8E8;
--oa-cream:#F6F1E8;
}
/* Font reset pulito */
body,
input,
textarea,
select,
button{
font-family:var(--oa-font-body) !important;
font-weight:400 !important;
}
h1,h2,h3,h4,h5,h6,
.entry-title,
.section-header h2,
.hero h1,
.site-title,
.oa-page-slide h2,
.oa-demo-slide h3,
.oa-contact-card-v33 h2,
.oa-contact-form-v33 h2,
.oa-activity-sidebar-v28 .oa-activity-pro-card::before{
font-family:var(--oa-font-heading) !important;
font-weight:800 !important;
letter-spacing:-.025em;
}
/* Riduce gli eccessi della V3.5 */
.container{
width:min(100% - 2rem, var(--oa-container)) !important;
}
.page-shell,
.entry-shell{
width:min(100% - 2rem, var(--oa-container)) !important;
max-width:var(--oa-container) !important;
padding:1.6rem !important;
border-radius:22px !important;
}
.hero{
min-height:650px !important;
}
.hero h1{
font-size:clamp(2.7rem,6.5vw,5.8rem) !important;
line-height:.95 !important;
letter-spacing:-.04em !important;
}
.page-banner .entry-title{
font-size:clamp(2.5rem,5.5vw,4.8rem) !important;
line-height:.95 !important;
}
/* Pagina Attività stile Ursus */
.oa-v4-activities{
padding:0 0 2rem;
}
.oa-v4-filterbar{
display:flex;
flex-wrap:wrap;
gap:.7rem;
margin:0 0 1.6rem;
padding:1rem;
border:1px solid var(--oa-border);
border-radius:20px;
background:#fff;
box-shadow:0 10px 30px rgba(7,59,76,.08);
}
.oa-v4-filterbar button{
min-height:44px;
padding:.65rem 1rem;
border:2px solid var(--oa-border);
border-radius:999px;
background:#fff;
color:var(--oa-deep);
font-weight:800 !important;
cursor:pointer;
}
.oa-v4-filterbar button:hover,
.oa-v4-filterbar button:focus,
.oa-v4-filterbar button.is-active{
border-color:var(--oa-orange);
background:var(--oa-orange);
color:#fff;
}
.oa-v4-activity-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1.3rem;
}
.oa-v4-activity-card{
display:flex;
flex-direction:column;
min-height:100%;
overflow:hidden;
border:1px solid var(--oa-border);
border-radius:22px;
background:#fff;
text-decoration:none;
color:var(--oa-text);
box-shadow:0 14px 36px rgba(7,59,76,.08);
transition:transform .18s ease, box-shadow .18s ease;
}
.oa-v4-activity-card:hover,
.oa-v4-activity-card:focus-within{
transform:translateY(-4px);
box-shadow:0 20px 52px rgba(7,59,76,.14);
}
.oa-v4-activity-image{
position:relative;
min-height:230px;
background:var(--oa-river);
overflow:hidden;
}
.oa-v4-activity-image img{
width:100%;
height:230px;
object-fit:cover;
display:block;
}
.oa-v4-activity-image::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.38));
z-index:1;
}
.oa-v4-activity-demo{
position:absolute;
inset:0;
background:linear-gradient(135deg,var(--oa-river),#6fd6e7);
}
.oa-v4-activity-card[data-cat="boschi"] .oa-v4-activity-demo{
background:linear-gradient(135deg,var(--oa-green),#8bb06a);
}
.oa-v4-activity-card[data-cat="bike"] .oa-v4-activity-demo{
background:linear-gradient(135deg,#B5521F,var(--oa-orange));
}
.oa-v4-activity-demo::after{
content:"";
position:absolute;
left:-10%;
right:-10%;
bottom:-25%;
height:62%;
background:rgba(255,255,255,.20);
border-radius:50% 50% 0 0;
}
.oa-v4-price-badge{
position:absolute;
left:1rem;
top:1rem;
z-index:2;
display:inline-flex;
padding:.35rem .7rem;
border-radius:999px;
background:var(--oa-orange);
color:#fff;
font-weight:900;
font-size:.9rem;
}
.oa-v4-cat-badge{
position:absolute;
right:1rem;
top:1rem;
z-index:2;
display:inline-flex;
padding:.35rem .7rem;
border-radius:999px;
background:rgba(255,255,255,.88);
color:var(--oa-deep);
font-weight:800;
font-size:.82rem;
}
.oa-v4-activity-body{
display:flex;
flex-direction:column;
flex:1;
padding:1.1rem;
}
.oa-v4-activity-body h2{
margin:0 0 .75rem;
color:var(--oa-deep);
font-size:1.45rem;
line-height:1.12;
}
.oa-v4-meta{
display:grid;
gap:.45rem;
margin:.2rem 0 1rem;
color:var(--oa-muted);
font-size:.95rem;
}
.oa-v4-meta span{
display:flex;
align-items:center;
gap:.45rem;
}
.oa-v4-icon{
width:22px;
height:22px;
display:inline-grid;
place-items:center;
border-radius:999px;
background:#E8F8FC;
color:var(--oa-deep);
font-size:.8rem;
font-weight:900;
}
.oa-v4-activity-body p{
margin:0 0 1rem;
color:var(--oa-muted);
line-height:1.55;
}
.oa-v4-card-button{
margin-top:auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:.65rem 1rem;
border-radius:999px;
background:var(--oa-deep);
color:#fff;
font-weight:800;
text-decoration:none;
}
.oa-v4-activity-card:hover .oa-v4-card-button,
.oa-v4-activity-card:focus-within .oa-v4-card-button{
background:var(--oa-orange);
}
/* Home V4 più sobria */
.oa-v4-home-featured{
padding:4.5rem 0;
background:var(--oa-cream);
}
.oa-v4-home-featured .section-header{
margin-bottom:1.8rem;
}
/* Scheda attività: preserva layout ma pulisce font e spazi */
.oa-activity-layout-v28{
grid-template-columns:minmax(0,2.4fr) minmax(300px,.9fr) !important;
gap:2rem !important;
}
.oa-page-slide{
min-height:500px !important;
}
.oa-page-slide h2{
font-size:clamp(2.4rem,5vw,4.6rem) !important;
line-height:.95 !important;
}
.oa-activity-main-v28 .entry-content p{
font-size:1.03rem !important;
line-height:1.75 !important;
}
/* Iconografia scheda tecnica */
.oa-activity-spec{
position:relative;
}
.oa-activity-spec span::before{
display:inline-block;
width:1.4em;
color:var(--oa-orange);
font-weight:900;
}
.oa-activity-spec:nth-child(1) span::before{content:"◎";}
.oa-activity-spec:nth-child(2) span::before{content:"👥";}
.oa-activity-spec:nth-child(3) span::before{content:"⌖";}
.oa-activity-spec:nth-child(4) span::before{content:"◷";}
.oa-activity-spec:nth-child(5) span::before{content:"☼";}
.oa-activity-spec:nth-child(6) span::before{content:"€";}
/* Responsive */
@media (max-width:980px){
.oa-v4-activity-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.oa-activity-layout-v28{
grid-template-columns:1fr !important;
}
}
@media (max-width:640px){
.oa-v4-activity-grid{
grid-template-columns:1fr;
}
.oa-v4-filterbar{
padding:.75rem;
}
.oa-v4-filterbar button{
flex:1 1 auto;
}
.page-shell,
.entry-shell{
padding:1rem !important;
}
}
@media (prefers-reduced-motion:reduce){
.oa-v4-activity-card{
transition:none !important;
}
}
/* =========================================================
V4.2 ELEGANT RESET
Reset dopo V4.1: layout ampio ma elegante, niente accavallamenti
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{
--oa-font:'Manrope', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--oa-display:'Space Grotesk', 'Manrope', system-ui, sans-serif;
--oa-font-body:'Manrope', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--oa-font-heading:'Space Grotesk', 'Manrope', system-ui, sans-serif;
--oa-container:1200px;
--oa-wide:1440px;
--oa-deep:#073B4C;
--oa-river:#0E8FB3;
--oa-orange:#F26A21;
--oa-green:#436B35;
--oa-text:#172126;
--oa-muted:#5E6A72;
--oa-border:#DDE8E8;
--oa-soft:#F6FAFA;
--oa-cream:#F6F1E8;
}
/* base */
html,body{
overflow-x:hidden;
}
body{
background:#fff !important;
color:var(--oa-text) !important;
font-family:var(--oa-font-body) !important;
font-weight:400 !important;
}
body,
input,
textarea,
select,
button{
font-family:var(--oa-font-body) !important;
}
h1,h2,h3,h4,h5,h6,
.entry-title,
.section-header h2,
.hero h1,
.site-title,
.oa-page-slide h2,
.oa-demo-slide h3,
.oa-contact-card-v33 h2,
.oa-contact-form-v33 h2,
.oa-activity-sidebar-v28 .oa-activity-pro-card::before{
font-family:var(--oa-font-heading) !important;
font-weight:700 !important;
letter-spacing:-.035em !important;
text-transform:none !important;
}
/* contenitori: full width con inner controllato */
.container,
.header-inner,
.hero-inner,
.page-banner-inner{
width:min(100% - 2rem, var(--oa-container)) !important;
max-width:var(--oa-container) !important;
margin-inline:auto !important;
}
.site-main{
width:100%;
}
/* header elegante, niente ovali */
.site-header{
background:#fff !important;
border-bottom:1px solid var(--oa-border) !important;
box-shadow:0 8px 28px rgba(7,59,76,.04) !important;
}
.header-inner{
min-height:78px !important;
}
.custom-logo-link img{
max-height:58px !important;
}
.primary-menu{
gap:1.35rem !important;
}
.primary-menu a{
padding:.45rem 0 !important;
border-radius:0 !important;
background:transparent !important;
min-height:42px !important;
color:var(--oa-deep) !important;
font-family:var(--oa-font-heading) !important;
font-weight:700 !important;
position:relative;
}
.primary-menu a::after{
content:"";
position:absolute;
left:0;
bottom:.25rem;
width:100%;
height:2px;
background:var(--oa-orange);
transform:scaleX(0);
transform-origin:left;
transition:transform .18s ease;
}
.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu > .current-menu-item > a,
.primary-menu > .current-menu-ancestor > a{
background:transparent !important;
color:var(--oa-orange) !important;
}
.primary-menu a:hover::after,
.primary-menu a:focus::after,
.primary-menu > .current-menu-item > a::after,
.primary-menu > .current-menu-ancestor > a::after{
transform:scaleX(1);
}
/* banner pagina: full width ma non enorme */
.page-banner{
width:100% !important;
padding:4.4rem 0 4rem !important;
background:linear-gradient(120deg,#073B4C 0%,#0E8FB3 100%) !important;
}
.page-banner .entry-title{
font-size:clamp(2.6rem,5vw,4.6rem) !important;
line-height:1 !important;
color:#fff !important;
}
.entry-subtitle{
max-width:760px !important;
font-size:1.08rem !important;
line-height:1.65 !important;
}
/* shell: niente “box enorme”, solo respiro ordinato */
.page-shell,
.entry-shell{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
background:#fff !important;
}
/* contenuti interni leggibili */
.page-shell > .entry-content,
.entry-shell > .entry-content,
.page-shell > .oa-v4-activities,
.entry-shell > .oa-v4-activities{
width:min(100% - 2rem, var(--oa-container)) !important;
max-width:var(--oa-container) !important;
margin-inline:auto !important;
}
/* slider: non stretto, ma neanche “buco” enorme */
.oa-page-slider{
width:100% !important;
max-width:none !important;
margin:0 0 3.2rem !important;
border-radius:0 !important;
box-shadow:none !important;
overflow:hidden !important;
}
.oa-page-slide{
min-height:520px !important;
border-radius:0 !important;
padding:0 !important;
}
.oa-page-slide-content{
width:min(100% - 2rem, var(--oa-container)) !important;
max-width:var(--oa-container) !important;
margin-inline:auto !important;
padding:8rem 0 5rem !important;
}
.oa-page-slide h2{
font-size:clamp(2.5rem,5vw,4.7rem) !important;
line-height:1 !important;
max-width:760px;
}
.oa-page-slide p{
max-width:680px !important;
font-size:1.08rem !important;
line-height:1.65 !important;
}
/* attività singola: struttura stabile 75/25 */
.oa-activity-layout-v28{
width:min(100% - 2rem, var(--oa-container)) !important;
max-width:var(--oa-container) !important;
margin:0 auto 3.2rem !important;
display:grid !important;
grid-template-columns:minmax(0, 1fr) 340px !important;
gap:2.2rem !important;
align-items:start !important;
}
.oa-activity-main-v28{
max-width:780px !important;
}
.oa-activity-main-v28 .entry-content{
margin:0 !important;
}
.oa-activity-main-v28 .entry-content h2{
font-size:clamp(2rem,3vw,2.7rem) !important;
line-height:1.1 !important;
color:var(--oa-deep) !important;
margin:0 0 1rem !important;
}
.oa-activity-main-v28 .entry-content p{
font-size:1.04rem !important;
line-height:1.78 !important;
color:var(--oa-text) !important;
margin:0 0 1.1rem !important;
}
.oa-activity-sidebar-v28{
position:sticky !important;
top:110px !important;
}
.oa-activity-sidebar-v28 .oa-activity-pro-card{
margin:0 !important;
padding:1.2rem !important;
border-radius:18px !important;
border:1px solid var(--oa-border) !important;
background:#fff !important;
box-shadow:0 14px 42px rgba(7,59,76,.10) !important;
}
.oa-activity-sidebar-v28 .oa-activity-pro-card::before{
font-size:1.3rem !important;
}
.oa-activity-sidebar-v28 .oa-activity-spec-grid{
grid-template-columns:1fr !important;
}
.oa-activity-spec{
padding:.85rem !important;
border-radius:14px !important;
}
.oa-activity-spec strong{
font-size:.98rem !important;
line-height:1.35 !important;
}
/* CTA attività: elegante e non gigante */
.oa-activity-cta-v32{
margin-top:1rem !important;
padding:1rem !important;
border-radius:18px !important;
}
.oa-activity-cta-v32 h3{
font-size:1.2rem !important;
line-height:1.2 !important;
}
.oa-activity-cta-v32 a,
.oa-sidebar-booking-button-v28{
border-radius:999px !important;
min-height:44px !important;
font-size:.95rem !important;
}
/* galleria e booking sempre contenuti */
.oa-gallery-section,
.oa-booking-box{
width:min(100% - 2rem, var(--oa-container)) !important;
max-width:var(--oa-container) !important;
margin:3rem auto !important;
}
.oa-booking-box{
border-radius:24px !important;
overflow:hidden !important;
}
/* pagina attività: cards pulite ma eleganti */
.oa-v4-activities{
width:min(100% - 2rem, var(--oa-container)) !important;
max-width:var(--oa-container) !important;
margin:0 auto !important;
padding:3.5rem 0 4.5rem !important;
}
.oa-v4-filterbar{
border:0 !important;
border-bottom:1px solid var(--oa-border) !important;
border-radius:0 !important;
box-shadow:none !important;
padding:0 0 1rem !important;
margin:0 0 1.7rem !important;
}
.oa-v4-filterbar button{
border:0 !important;
border-radius:0 !important;
background:transparent !important;
color:var(--oa-deep) !important;
padding:.55rem 0 !important;
margin-right:1.3rem !important;
border-bottom:2px solid transparent !important;
}
.oa-v4-filterbar button:hover,
.oa-v4-filterbar button:focus,
.oa-v4-filterbar button.is-active{
color:var(--oa-orange) !important;
border-bottom-color:var(--oa-orange) !important;
}
.oa-v4-activity-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:1.5rem !important;
}
.oa-v4-activity-card{
border:1px solid var(--oa-border) !important;
border-radius:20px !important;
overflow:hidden !important;
background:#fff !important;
box-shadow:0 10px 30px rgba(7,59,76,.06) !important;
}
.oa-v4-activity-image{
min-height:230px !important;
}
.oa-v4-activity-body{
padding:1.2rem !important;
}
.oa-v4-activity-body h2{
font-size:1.35rem !important;
line-height:1.2 !important;
}
.oa-v4-card-button{
border-radius:999px !important;
}
/* contatti: mappa dentro flusso, mai tagliata */
.oa-contact-layout-v33{
width:min(100% - 2rem, var(--oa-container)) !important;
max-width:var(--oa-container) !important;
margin:3rem auto !important;
}
.oa-google-map-v33{
width:100% !important;
margin:3rem 0 0 !important;
border-top:1px solid var(--oa-border) !important;
border-bottom:1px solid var(--oa-border) !important;
}
.oa-google-map-v33 iframe{
display:block !important;
width:100% !important;
height:520px !important;
border:0 !important;
}
/* form: niente overflow */
.oa-contact-form-v33,
.oa-contact-card-v33{
overflow:hidden !important;
}
/* mobile */
@media (max-width:980px){
.oa-activity-layout-v28{
grid-template-columns:1fr !important;
}
.oa-activity-main-v28{
max-width:none !important;
}
.oa-activity-sidebar-v28{
position:static !important;
}
.oa-v4-activity-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:640px){
.container,
.header-inner,
.hero-inner,
.page-banner-inner,
.page-shell > .entry-content,
.entry-shell > .entry-content,
.page-shell > .oa-v4-activities,
.entry-shell > .oa-v4-activities,
.oa-v4-activities,
.oa-activity-layout-v28,
.oa-gallery-section,
.oa-booking-box,
.oa-contact-layout-v33{
width:min(100% - 1.25rem, var(--oa-container)) !important;
}
.page-banner{
padding:3.2rem 0 !important;
}
.page-banner .entry-title{
font-size:clamp(2.2rem,12vw,3.4rem) !important;
}
.oa-page-slide{
min-height:440px !important;
}
.oa-page-slide-content{
padding:5rem 0 3rem !important;
}
.oa-page-slide h2{
font-size:clamp(2.2rem,12vw,3.6rem) !important;
}
.oa-v4-activity-grid{
grid-template-columns:1fr !important;
}
.oa-google-map-v33 iframe{
height:390px !important;
}
}
/* =========================================================
V4.3 CARD TEXT FIX
Titolo sopra + corpo sotto nei box informativi Gutenberg/demo
========================================================= */
.oa-info-card,
.wp-block-group.is-style-oa-card,
.content-columns .card,
.strength-grid .card,
.strength-grid > *,
.content-columns > *{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:.45rem !important;
}
.oa-info-card strong,
.wp-block-group.is-style-oa-card strong,
.content-columns .card strong,
.strength-grid .card strong,
.strength-grid strong,
.content-columns strong{
display:block !important;
margin:0 0 .25rem !important;
font-family:var(--oa-font-heading, inherit) !important;
font-size:1.05rem !important;
font-weight:800 !important;
line-height:1.25 !important;
color:var(--oa-deep,#073B4C) !important;
}
.oa-info-card p,
.wp-block-group.is-style-oa-card p,
.content-columns .card p,
.strength-grid .card p,
.strength-grid p,
.content-columns p{
display:block !important;
margin:0 !important;
font-family:var(--oa-font-body, inherit) !important;
font-size:.98rem !important;
font-weight:400 !important;
line-height:1.6 !important;
color:var(--oa-text,#172126) !important;
}
.oa-info-card p strong,
.wp-block-group.is-style-oa-card p strong,
.content-columns p strong,
.strength-grid p strong{
display:block !important;
margin-bottom:.35rem !important;
}
.strength-grid,
.content-columns{
gap:1.2rem !important;
}
.strength-grid > *,
.content-columns > *{
min-width:0 !important;
overflow-wrap:break-word !important;
word-break:normal !important;
padding:1.2rem !important;
border-radius:18px !important;
}
@media (max-width:760px){
.content-columns,
.strength-grid{
grid-template-columns:1fr !important;
}
}
/* V4.4 CLEAN HERO */
body.oa-is-activity-page .page-banner,
body.single-attivita .page-banner{display:none!important;}
body.oa-is-activity-page .oa-page-slider,
body.single-attivita .oa-page-slider{
margin:0 0 3.5rem!important;
border-radius:0!important;
box-shadow:none!important;
}
body.oa-is-activity-page .oa-page-slide,
body.single-attivita .oa-page-slide{
min-height:560px!important;
border-radius:0!important;
background-position:center!important;
}
body.oa-is-activity-page .oa-page-slide::before,
body.single-attivita .oa-page-slide::before{
background:linear-gradient(90deg,rgba(7,59,76,.88),rgba(7,59,76,.58),rgba(7,59,76,.18))!important;
}
body.oa-is-activity-page .oa-page-slide.oa-slide-demo-water,
body.single-attivita .oa-page-slide.oa-slide-demo-water{
background-image:linear-gradient(120deg,rgba(7,59,76,.95),rgba(14,143,179,.82)),linear-gradient(135deg,#073B4C,#0E8FB3)!important;
}
body.oa-is-activity-page .oa-page-slide.oa-slide-demo-forest,
body.single-attivita .oa-page-slide.oa-slide-demo-forest{
background-image:linear-gradient(120deg,rgba(37,53,31,.95),rgba(67,107,53,.82)),linear-gradient(135deg,#25351F,#436B35)!important;
}
body.oa-is-activity-page .oa-page-slide.oa-slide-demo-bike,
body.single-attivita .oa-page-slide.oa-slide-demo-bike{
background-image:linear-gradient(120deg,rgba(74,42,22,.94),rgba(242,106,33,.78)),linear-gradient(135deg,#4A2A16,#F26A21)!important;
}
body.oa-is-activity-page .oa-page-slide-content,
body.single-attivita .oa-page-slide-content{
padding:8.5rem 0 5.5rem!important;
}
body.oa-is-activity-page .oa-page-slide h2,
body.single-attivita .oa-page-slide h2{
max-width:760px!important;
color:#fff!important;
}
body.oa-is-activity-page .oa-page-slide p,
body.single-attivita .oa-page-slide p{
max-width:760px!important;
color:#EAFBFF!important;
}
body.oa-is-activity-page .oa-activity-layout-v28,
body.single-attivita .oa-activity-layout-v28{
margin-top:0!important;
}
@media(max-width:760px){
body.oa-is-activity-page .oa-page-slide,
body.single-attivita .oa-page-slide{min-height:460px!important;}
body.oa-is-activity-page .oa-page-slide-content,
body.single-attivita .oa-page-slide-content{padding:5.8rem 0 3.5rem!important;}
}
/* V4.5 Dynamic Activities + Trekking PRO */
.oa-activity-spec span::before{
content:"" !important; display:inline-block !important; width:.72rem !important; height:.72rem !important;
margin-right:.55rem !important; border-radius:999px !important; background:var(--oa-orange,#F26A21) !important;
box-shadow:0 0 0 3px rgba(242,106,33,.12) !important;
}
.oa-activity-spec span{display:flex!important;align-items:center!important;}
.oa-v45-tech-card{margin:0!important;padding:1.2rem!important;border:1px solid var(--oa-border,#DDE8E8);border-radius:18px;background:#fff;box-shadow:0 14px 42px rgba(7,59,76,.10);}
.oa-v45-tech-card h2{margin:0 0 1rem;color:var(--oa-deep,#073B4C);font-size:1.35rem;line-height:1.15;}
.oa-v45-tech-grid{display:grid;grid-template-columns:1fr;gap:.75rem;}
.oa-v45-tech-item{padding:.85rem;border:1px solid var(--oa-border,#DDE8E8);border-radius:14px;background:#fff;}
.oa-v45-tech-label{display:flex;align-items:center;gap:.55rem;margin:0 0 .35rem;color:var(--oa-muted,#5E6A72);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.oa-v45-tech-icon{width:.78rem;height:.78rem;flex:0 0 .78rem;border-radius:999px;background:var(--oa-orange,#F26A21);box-shadow:0 0 0 3px rgba(242,106,33,.12);}
.oa-v45-tech-value{color:var(--oa-deep,#073B4C);font-size:1rem;line-height:1.45;font-weight:700;white-space:pre-line;}
.oa-v45-tech-note .oa-v45-tech-value{font-weight:500;color:var(--oa-text,#172126);}
/* V4.6 - scheda unica front-end */
.oa-v46-booking-anchor{
scroll-margin-top:120px;
}
.oa-v45-tech-card + .oa-activity-cta-v32{
margin-top:1rem;
}
/* V4.7 CLEAN LAYOUT */
body.oa-is-activity-page .card-media,
body.single-attivita .card-media,
body.oa-is-activity-page .entry-shell > .wp-post-image,
body.single-attivita .entry-shell > .wp-post-image,
body.oa-is-activity-page .entry-content > .wp-post-image,
body.single-attivita .entry-content > .wp-post-image{
display:none !important;
}
.oa-v47-featured-hero{
width:100%;
min-height:560px;
margin:0 0 3.5rem;
position:relative;
overflow:hidden;
background:#073B4C;
}
.oa-v47-featured-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.oa-v47-featured-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,59,76,.88),rgba(7,59,76,.54),rgba(7,59,76,.14));}
.oa-v47-featured-hero-inner{
position:relative;z-index:2;width:min(100% - 2rem,var(--oa-container,1200px));min-height:560px;margin-inline:auto;
display:flex;flex-direction:column;justify-content:center;color:#fff;
}
.oa-v47-featured-hero .oa-page-slide-kicker{
align-self:flex-start;display:inline-flex;padding:.45rem .75rem;border-radius:999px;background:var(--oa-orange,#F26A21);
color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;
}
.oa-v47-featured-hero h1{margin:.9rem 0 .8rem;max-width:760px;color:#fff;font-family:var(--oa-font-heading,inherit);font-size:clamp(2.5rem,5vw,4.7rem);line-height:1;}
.oa-v47-featured-hero p{max-width:760px;color:#EAFBFF;font-size:1.08rem;line-height:1.65;}
@media(max-width:760px){.oa-v47-featured-hero,.oa-v47-featured-hero-inner{min-height:460px;}}
/* V4.8 HOME ACTIVITY SLIDER */
.oa-v48-home-slider-section{position:relative;width:100%;padding:5rem 0;overflow:hidden;background:#101820;color:#fff}
.oa-v48-home-slider-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,59,76,.94),rgba(16,24,32,.72)),radial-gradient(circle at 80% 20%,rgba(242,106,33,.22),transparent 35%);z-index:0}
.oa-v48-home-slider-inner{position:relative;z-index:1;width:min(100% - 2rem,var(--oa-container,1200px));margin-inline:auto}
.oa-v48-home-slider-head{max-width:760px;margin-bottom:2rem}
.oa-v48-home-slider-head .eyebrow{color:#fff;background:rgba(242,106,33,.95)}
.oa-v48-home-slider-head h2{margin:.7rem 0 .65rem;color:#fff;font-size:clamp(2.2rem,4.8vw,4.4rem);line-height:.98}
.oa-v48-home-slider-head p{color:#EAFBFF;font-size:1.05rem;line-height:1.7}
.oa-v48-home-slider-viewport{overflow:hidden;width:100%}
.oa-v48-home-slider-track{display:flex;gap:1.35rem;transition:transform .35s ease;will-change:transform}
.oa-v48-activity-slide{flex:0 0 calc((100% - 4.05rem)/4);min-height:520px;position:relative;overflow:hidden;border-radius:24px;background:#073B4C;color:#fff;text-decoration:none;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.oa-v48-activity-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .45s ease}
.oa-v48-activity-slide:hover img,.oa-v48-activity-slide:focus img{transform:scale(1.07)}
.oa-v48-activity-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.20) 35%,rgba(0,0,0,.78));z-index:1}
.oa-v48-slide-demo{position:absolute;inset:0;background:linear-gradient(135deg,#073B4C,#0E8FB3)}
.oa-v48-activity-slide[data-kind="boschi"] .oa-v48-slide-demo{background:linear-gradient(135deg,#25351F,#436B35)}
.oa-v48-activity-slide[data-kind="bike"] .oa-v48-slide-demo{background:linear-gradient(135deg,#4A2A16,#F26A21)}
.oa-v48-slide-demo:after{content:"";position:absolute;left:-20%;right:-20%;bottom:-18%;height:45%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.18)}
.oa-v48-slide-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:1.4rem;text-align:center}
.oa-v48-level{position:absolute;left:1.2rem;top:1.1rem;z-index:3;display:flex;align-items:center;gap:.55rem;color:#fff;font-size:.92rem;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.oa-v48-level-icon{width:42px;height:42px;border-radius:999px;border:4px solid rgba(255,255,255,.82);border-top-color:#D7EF4B;border-right-color:#D7EF4B;display:inline-block;transform:rotate(-35deg);background:rgba(255,255,255,.08)}
.oa-v48-target{margin:0 0 .75rem;color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.oa-v48-activity-slide h3{margin:0;color:#fff;font-size:clamp(1.65rem,2.4vw,2.35rem);line-height:1.05;text-transform:uppercase;text-shadow:0 4px 18px rgba(0,0,0,.58)}
.oa-v48-slide-meta{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin-top:1rem}
.oa-v48-slide-meta span{padding:.35rem .65rem;border-radius:999px;background:rgba(255,255,255,.90);color:var(--oa-deep,#073B4C);font-size:.8rem;font-weight:800}
.oa-v48-home-slider-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.6rem}
.oa-v48-home-dots{display:flex;justify-content:center;flex:1;gap:.5rem}
.oa-v48-home-dots button{width:13px;height:13px;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:transparent;padding:0;cursor:pointer}
.oa-v48-home-dots button.is-active{background:#D7EF4B;border-color:#D7EF4B}
.oa-v48-arrow{width:48px;height:48px;border:2px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.oa-v48-arrow:hover,.oa-v48-arrow:focus{background:#fff;color:var(--oa-deep,#073B4C)}
@media(max-width:1100px){.oa-v48-activity-slide{flex-basis:calc((100% - 2.7rem)/3)}}
@media(max-width:820px){.oa-v48-activity-slide{flex-basis:calc((100% - 1.35rem)/2);min-height:480px}}
@media(max-width:560px){.oa-v48-home-slider-section{padding:3.5rem 0}.oa-v48-activity-slide{flex-basis:100%;min-height:500px}}
@media(prefers-reduced-motion:reduce){.oa-v48-home-slider-track,.oa-v48-activity-slide img{transition:none!important}}
/* =========================================================
V4.9 FULL WIDTH ACTIVITY + CTA GUTENBERG
========================================================= */
/* Hero attività davvero full width */
body.oa-is-activity-page .oa-v47-featured-hero,
body.single-attivita .oa-v47-featured-hero,
body.oa-is-activity-page .oa-page-slider,
body.single-attivita .oa-page-slider{
width:100vw !important;
max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
border-radius:0 !important;
}
body.oa-is-activity-page .oa-v47-featured-hero,
body.single-attivita .oa-v47-featured-hero{
min-height:640px !important;
}
body.oa-is-activity-page .oa-v47-featured-hero-inner,
body.single-attivita .oa-v47-featured-hero-inner,
body.oa-is-activity-page .oa-page-slide-content,
body.single-attivita .oa-page-slide-content{
width:min(100% - 2rem, var(--oa-container,1200px)) !important;
max-width:var(--oa-container,1200px) !important;
margin-inline:auto !important;
}
body.oa-is-activity-page .oa-v47-featured-hero-inner,
body.single-attivita .oa-v47-featured-hero-inner{
min-height:640px !important;
}
/* Se in Gutenberg inserisci immagini alignfull nelle schede attività */
body.oa-is-activity-page .entry-content .alignfull,
body.single-attivita .entry-content .alignfull{
width:100vw !important;
max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
}
body.oa-is-activity-page .entry-content .wp-block-image.alignfull img,
body.single-attivita .entry-content .wp-block-image.alignfull img{
width:100% !important;
max-height:680px;
object-fit:cover;
display:block;
}
/* CTA full width modificabile con Gutenberg:
- aggiungi un blocco Gruppo
- Stile: "CTA full width outdoor"
- dentro metti Titolo, testo e pulsante
*/
.wp-block-group.is-style-oa-full-cta,
.oa-full-cta{
width:100vw !important;
max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
margin-top:3rem !important;
margin-bottom:3rem !important;
padding:4rem 1rem !important;
position:relative;
overflow:hidden;
background:
linear-gradient(120deg, rgba(7,59,76,.96), rgba(14,143,179,.88)),
radial-gradient(circle at 85% 20%, rgba(242,106,33,.28), transparent 32%);
color:#fff;
}
.wp-block-group.is-style-oa-full-cta::before,
.oa-full-cta::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg, rgba(0,0,0,.18), transparent 60%);
pointer-events:none;
}
.wp-block-group.is-style-oa-full-cta > *,
.oa-full-cta > *{
position:relative;
z-index:1;
width:min(100% - 2rem, var(--oa-container,1200px));
max-width:var(--oa-container,1200px);
margin-left:auto;
margin-right:auto;
}
.wp-block-group.is-style-oa-full-cta h2,
.wp-block-group.is-style-oa-full-cta h3,
.oa-full-cta h2,
.oa-full-cta h3{
max-width:780px;
margin-top:0 !important;
margin-bottom:1rem !important;
color:#fff !important;
font-size:clamp(2rem,4vw,3.8rem) !important;
line-height:1 !important;
}
.wp-block-group.is-style-oa-full-cta p,
.oa-full-cta p{
max-width:760px;
color:#EAFBFF !important;
font-size:1.08rem;
line-height:1.7;
}
.wp-block-group.is-style-oa-full-cta .wp-block-buttons,
.oa-full-cta .wp-block-buttons{
margin-top:1.4rem !important;
}
.wp-block-group.is-style-oa-full-cta .wp-block-button__link,
.oa-full-cta .wp-block-button__link{
min-height:52px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:.85rem 1.35rem;
border-radius:999px !important;
background:var(--oa-orange,#F26A21) !important;
color:#fff !important;
font-weight:800 !important;
text-transform:uppercase;
text-decoration:none;
}
.wp-block-group.is-style-oa-full-cta .wp-block-button__link:hover,
.wp-block-group.is-style-oa-full-cta .wp-block-button__link:focus,
.oa-full-cta .wp-block-button__link:hover,
.oa-full-cta .wp-block-button__link:focus{
background:#fff !important;
color:var(--oa-deep,#073B4C) !important;
}
/* Variante chiara opzionale: aggiungi classe oa-full-cta-light al gruppo */
.wp-block-group.is-style-oa-full-cta.oa-full-cta-light,
.oa-full-cta.oa-full-cta-light{
background:#F6F1E8;
color:var(--oa-deep,#073B4C);
}
.wp-block-group.is-style-oa-full-cta.oa-full-cta-light h2,
.wp-block-group.is-style-oa-full-cta.oa-full-cta-light h3,
.wp-block-group.is-style-oa-full-cta.oa-full-cta-light p,
.oa-full-cta.oa-full-cta-light h2,
.oa-full-cta.oa-full-cta-light h3,
.oa-full-cta.oa-full-cta-light p{
color:var(--oa-deep,#073B4C) !important;
}
@media(max-width:760px){
body.oa-is-activity-page .oa-v47-featured-hero,
body.single-attivita .oa-v47-featured-hero,
body.oa-is-activity-page .oa-v47-featured-hero-inner,
body.single-attivita .oa-v47-featured-hero-inner{
min-height:500px !important;
}
.wp-block-group.is-style-oa-full-cta,
.oa-full-cta{
padding:3rem 1rem !important;
}
}
/* =========================================================
V5.2.7 CLEAN STABLE
========================================================= */
.oa-v527-pro-card{
padding:1.2rem;
border:1px solid var(--oa-border,#DDE8E8);
border-radius:20px;
background:#fff;
box-shadow:0 14px 42px rgba(7,59,76,.10);
}
.oa-v527-pro-card h2{
margin:0 0 1rem;
color:var(--oa-deep,#073B4C);
font-size:1.35rem;
line-height:1.15;
}
.oa-v527-pro-grid{display:grid;gap:.75rem}
.oa-v527-pro-item{
padding:.9rem;
border:1px solid var(--oa-border,#DDE8E8);
border-radius:15px;
background:#fff;
}
.oa-v527-pro-label{
display:flex;
align-items:center;
gap:.55rem;
margin:0 0 .35rem;
color:var(--oa-muted,#5E6A72);
font-size:.78rem;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
}
.oa-v527-pro-dot{
width:.72rem;
height:.72rem;
flex:0 0 .72rem;
border-radius:999px;
background:var(--oa-orange,#F26A21);
box-shadow:0 0 0 3px rgba(242,106,33,.12);
}
.oa-v527-pro-value{
color:var(--oa-deep,#073B4C);
font-size:1rem;
line-height:1.45;
font-weight:750;
white-space:pre-line;
}
.oa-v527-pro-note .oa-v527-pro-value{
color:var(--oa-text,#172126);
font-weight:500;
}
.oa-v527-booking-box{
margin-top:1rem;
padding:1rem;
border-radius:18px;
background:linear-gradient(135deg,#E8F8FC,#FFF3EA);
border:1px solid var(--oa-border,#DDE8E8);
}
.oa-v527-booking-box h3{
margin:.1rem 0 .45rem;
color:var(--oa-deep,#073B4C);
font-size:1.2rem;
line-height:1.2;
}
.oa-v527-booking-box p{
margin:0 0 .85rem;
color:var(--oa-muted,#5E6A72);
font-size:.95rem;
line-height:1.55;
}
.oa-v527-booking-box a{
display:flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:.75rem 1rem;
border-radius:999px;
background:var(--oa-orange,#F26A21);
color:#fff !important;
text-decoration:none;
font-weight:800;
text-transform:uppercase;
}
/* Nasconde vecchi output scheda */
body.oa-is-activity-page .oa-activity-sidebar-v28 .oa-activity-pro-card,
body.single-attivita .oa-activity-sidebar-v28 .oa-activity-pro-card,
body.oa-is-activity-page .oa-activity-sidebar-v28 .oa-activity-cta-v32,
body.single-attivita .oa-activity-sidebar-v28 .oa-activity-cta-v32,
body.oa-is-activity-page .oa-sidebar-booking-button-v28,
body.single-attivita .oa-sidebar-booking-button-v28{
display:none !important;
}
body.oa-is-activity-page .oa-activity-sidebar-v28 .oa-v527-pro-card,
body.single-attivita .oa-activity-sidebar-v28 .oa-v527-pro-card{
display:block !important;
}
/* Hero full width con testo non a filo */
body.oa-is-activity-page .oa-page-slider,
body.single-attivita .oa-page-slider,
body.oa-is-activity-page .oa-v47-featured-hero,
body.single-attivita .oa-v47-featured-hero{
width:100vw !important;
max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
border-radius:0 !important;
}
body.oa-is-activity-page .oa-page-slide-content,
body.single-attivita .oa-page-slide-content,
body.oa-is-activity-page .oa-v47-featured-hero-inner,
body.single-attivita .oa-v47-featured-hero-inner{
width:min(100% - 3rem, var(--oa-container,1200px)) !important;
max-width:var(--oa-container,1200px) !important;
margin-left:auto !important;
margin-right:auto !important;
}
/* =========================================================
V5.2.8 ACTIVITY FULL WIDTH SLIDER
========================================================= */
/* Slider/hero attività a tutta larghezza pagina */
body.oa-is-activity-page .oa-page-slider,
body.single-attivita .oa-page-slider,
body.oa-is-activity-page .oa-v47-featured-hero,
body.single-attivita .oa-v47-featured-hero,
body.page-template-default.oa-is-activity-page .oa-page-slider,
body.page-template-default.oa-is-activity-page .oa-v47-featured-hero{
width:100vw !important;
max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
border-radius:0 !important;
overflow:hidden !important;
}
/* Altezza elegante e non schiacciata */
body.oa-is-activity-page .oa-page-slider,
body.single-attivita .oa-page-slider{
min-height:680px !important;
}
body.oa-is-activity-page .oa-page-slide,
body.single-attivita .oa-page-slide{
min-height:680px !important;
border-radius:0 !important;
}
/* Se viene usata l’immagine in evidenza come hero */
body.oa-is-activity-page .oa-v47-featured-hero,
body.single-attivita .oa-v47-featured-hero{
min-height:680px !important;
background-size:cover !important;
background-position:center !important;
}
/* Testi centrati dentro una griglia, non a filo margine */
body.oa-is-activity-page .oa-page-slide-content,
body.single-attivita .oa-page-slide-content,
body.oa-is-activity-page .oa-v47-featured-hero-inner,
body.single-attivita .oa-v47-featured-hero-inner{
width:min(100% - 3rem, var(--oa-container,1200px)) !important;
max-width:var(--oa-container,1200px) !important;
margin-inline:auto !important;
padding-left:0 !important;
padding-right:0 !important;
}
body.oa-is-activity-page .oa-page-slide-content,
body.single-attivita .oa-page-slide-content{
min-height:680px !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
align-items:flex-start !important;
}
/* Titolo più arioso */
body.oa-is-activity-page .oa-page-slide h2,
body.single-attivita .oa-page-slide h2,
body.oa-is-activity-page .oa-v47-featured-hero h1,
body.single-attivita .oa-v47-featured-hero h1{
max-width:760px !important;
font-size:clamp(3.2rem, 7vw, 6.2rem) !important;
line-height:.95 !important;
}
body.oa-is-activity-page .oa-page-slide p,
body.single-attivita .oa-page-slide p,
body.oa-is-activity-page .oa-v47-featured-hero p,
body.single-attivita .oa-v47-featured-hero p{
max-width:760px !important;
font-size:clamp(1.05rem, 1.4vw, 1.35rem) !important;
line-height:1.55 !important;
}
/* Overlay leggero per rendere leggibile il testo */
body.oa-is-activity-page .oa-page-slide::before,
body.single-attivita .oa-page-slide::before,
body.oa-is-activity-page .oa-v47-featured-hero::before,
body.single-attivita .oa-v47-featured-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg, rgba(7,59,76,.78), rgba(7,59,76,.35) 45%, rgba(7,59,76,.08));
z-index:1;
pointer-events:none;
}
body.oa-is-activity-page .oa-page-slide-content,
body.single-attivita .oa-page-slide-content,
body.oa-is-activity-page .oa-v47-featured-hero-inner,
body.single-attivita .oa-v47-featured-hero-inner{
position:relative !important;
z-index:2 !important;
}
/* Dots/frecce dello slider dentro la larghezza di contenuto */
body.oa-is-activity-page .oa-page-slider .oa-slider-controls,
body.single-attivita .oa-page-slider .oa-slider-controls,
body.oa-is-activity-page .oa-page-slider-controls,
body.single-attivita .oa-page-slider-controls{
width:min(100% - 3rem, var(--oa-container,1200px)) !important;
max-width:var(--oa-container,1200px) !important;
margin-inline:auto !important;
}
/* Evita che il contenuto sotto si attacchi alla hero */
body.oa-is-activity-page main,
body.single-attivita main{
overflow:hidden;
}
body.oa-is-activity-page .entry-content,
body.single-attivita .entry-content{
margin-top:0;
}
/* Mobile */
@media(max-width:760px){
body.oa-is-activity-page .oa-page-slider,
body.single-attivita .oa-page-slider,
body.oa-is-activity-page .oa-page-slide,
body.single-attivita .oa-page-slide,
body.oa-is-activity-page .oa-v47-featured-hero,
body.single-attivita .oa-v47-featured-hero{
min-height:560px !important;
}
body.oa-is-activity-page .oa-page-slide-content,
body.single-attivita .oa-page-slide-content,
body.oa-is-activity-page .oa-v47-featured-hero-inner,
body.single-attivita .oa-v47-featured-hero-inner{
width:min(100% - 1.5rem, var(--oa-container,1200px)) !important;
min-height:560px !important;
}
}
/* =========================================================
V5.2.9 ACTIVITY CPT FULL WIDTH
Per URL /attivita/canoa/, /attivita/kayak/, ecc.
========================================================= */
/* Marca anche le schede CPT attività come pagina attività */
body.single-attivita,
body.post-type-archive-attivita,
body[class*="single-attivita"]{
--oa-activity-hero-height: 680px;
}
/* Rompe qualsiasi container padre e porta la hero a 100vw */
body.single-attivita .site-main,
body.single-attivita main,
body.single-attivita .entry-content,
body.single-attivita .wp-site-blocks,
body.single-attivita .content-area,
body.single-attivita .site-content,
body.single-attivita .oa-main,
body.single-attivita .oa-content,
body.single-attivita .oa-page-content,
body.single-attivita .oa-wrap,
body.single-attivita .oa-container{
overflow:visible !important;
}
/* Tutte le possibili classi hero/slider usate nelle versioni precedenti */
body.single-attivita .oa-page-slider,
body.single-attivita .oa-page-slide,
body.single-attivita .oa-v47-featured-hero,
body.single-attivita .oa-activity-hero,
body.single-attivita .oa-hero,
body.single-attivita .oa-slider,
body.single-attivita .oa-activity-slider,
body.single-attivita .oa-single-hero,
body.single-attivita .wp-block-cover.alignfull,
body.single-attivita .entry-content > .wp-block-cover:first-child,
body.single-attivita .entry-content > .wp-block-image.alignfull:first-child{
width:100vw !important;
max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
border-radius:0 !important;
overflow:hidden !important;
}
/* Altezza e immagine */
body.single-attivita .oa-page-slider,
body.single-attivita .oa-page-slide,
body.single-attivita .oa-v47-featured-hero,
body.single-attivita .oa-activity-hero,
body.single-attivita .oa-hero,
body.single-attivita .oa-slider,
body.single-attivita .oa-activity-slider,
body.single-attivita .oa-single-hero,
body.single-attivita .wp-block-cover.alignfull{
min-height:var(--oa-activity-hero-height) !important;
}
body.single-attivita .oa-page-slide,
body.single-attivita .oa-v47-featured-hero,
body.single-attivita .oa-activity-hero,
body.single-attivita .oa-hero,
body.single-attivita .oa-single-hero{
background-size:cover !important;
background-position:center !important;
}
/* Se l'immagine è un tag img dentro la hero */
body.single-attivita .oa-page-slider img,
body.single-attivita .oa-page-slide img,
body.single-attivita .oa-v47-featured-hero img,
body.single-attivita .oa-activity-hero img,
body.single-attivita .oa-hero img,
body.single-attivita .oa-slider img,
body.single-attivita .oa-activity-slider img,
body.single-attivita .oa-single-hero img,
body.single-attivita .entry-content > .wp-block-image.alignfull:first-child img{
width:100% !important;
height:var(--oa-activity-hero-height) !important;
object-fit:cover !important;
display:block !important;
}
/* Contenuto testuale della hero centrato nella griglia */
body.single-attivita .oa-page-slide-content,
body.single-attivita .oa-v47-featured-hero-inner,
body.single-attivita .oa-activity-hero-inner,
body.single-attivita .oa-hero-inner,
body.single-attivita .oa-single-hero-inner,
body.single-attivita .wp-block-cover__inner-container{
width:min(100% - 3rem, var(--oa-container,1200px)) !important;
max-width:var(--oa-container,1200px) !important;
margin-inline:auto !important;
padding-left:0 !important;
padding-right:0 !important;
position:relative !important;
z-index:2 !important;
}
body.single-attivita .oa-page-slide-content,
body.single-attivita .oa-v47-featured-hero-inner,
body.single-attivita .oa-activity-hero-inner,
body.single-attivita .oa-hero-inner,
body.single-attivita .oa-single-hero-inner{
min-height:var(--oa-activity-hero-height) !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
align-items:flex-start !important;
}
/* Overlay */
body.single-attivita .oa-page-slide,
body.single-attivita .oa-v47-featured-hero,
body.single-attivita .oa-activity-hero,
body.single-attivita .oa-hero,
body.single-attivita .oa-single-hero{
position:relative !important;
}
body.single-attivita .oa-page-slide::before,
body.single-attivita .oa-v47-featured-hero::before,
body.single-attivita .oa-activity-hero::before,
body.single-attivita .oa-hero::before,
body.single-attivita .oa-single-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg, rgba(7,59,76,.78), rgba(7,59,76,.35) 45%, rgba(7,59,76,.08));
z-index:1;
pointer-events:none;
}
/* Tipografia hero */
body.single-attivita .oa-page-slide h1,
body.single-attivita .oa-page-slide h2,
body.single-attivita .oa-v47-featured-hero h1,
body.single-attivita .oa-activity-hero h1,
body.single-attivita .oa-hero h1,
body.single-attivita .oa-single-hero h1{
max-width:760px !important;
font-size:clamp(3.2rem, 7vw, 6.2rem) !important;
line-height:.95 !important;
}
body.single-attivita .oa-page-slide p,
body.single-attivita .oa-v47-featured-hero p,
body.single-attivita .oa-activity-hero p,
body.single-attivita .oa-hero p,
body.single-attivita .oa-single-hero p{
max-width:760px !important;
font-size:clamp(1.05rem, 1.4vw, 1.35rem) !important;
line-height:1.55 !important;
}
/* Se la hero è ancora dentro un wrapper con max-width, questo la libera */
body.single-attivita .entry-content > .oa-page-slider:first-child,
body.single-attivita .entry-content > .oa-v47-featured-hero:first-child,
body.single-attivita main > .oa-page-slider:first-child,
body.single-attivita main > .oa-v47-featured-hero:first-child{
left:50% !important;
transform:translateX(-50%) !important;
position:relative !important;
}
/* Mobile */
@media(max-width:760px){
body.single-attivita{
--oa-activity-hero-height:560px;
}
body.single-attivita .oa-page-slide-content,
body.single-attivita .oa-v47-featured-hero-inner,
body.single-attivita .oa-activity-hero-inner,
body.single-attivita .oa-hero-inner,
body.single-attivita .oa-single-hero-inner,
body.single-attivita .wp-block-cover__inner-container{
width:min(100% - 1.5rem, var(--oa-container,1200px)) !important;
}
}
/* =========================================================
V5.3.0 SINGLE ATTIVITA TEMPLATE
Hero/slider fuori dal container per /attivita/...
========================================================= */
.oa-v530-activity-hero-full{
width:100vw;
max-width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
overflow:hidden;
background:var(--oa-deep,#073B4C);
}
.oa-v530-activity-hero-full .oa-page-slider,
.oa-v530-activity-hero-full .oa-page-slide,
.oa-v530-activity-hero-full .oa-v47-featured-hero{
width:100vw !important;
max-width:100vw !important;
margin:0 !important;
border-radius:0 !important;
min-height:680px !important;
}
.oa-v530-activity-hero-full .oa-page-slide,
.oa-v530-activity-hero-full .oa-v47-featured-hero{
background-size:cover !important;
background-position:center !important;
position:relative !important;
}
.oa-v530-activity-hero-full .oa-page-slide::before,
.oa-v530-activity-hero-full .oa-v47-featured-hero::before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(90deg, rgba(7,59,76,.82), rgba(7,59,76,.42) 45%, rgba(7,59,76,.08));
pointer-events:none;
}
.oa-v530-activity-hero-full .oa-page-slide-content,
.oa-v530-activity-hero-full .oa-v47-featured-hero-inner{
position:relative !important;
z-index:2 !important;
width:min(100% - 3rem, var(--oa-container,1200px)) !important;
max-width:var(--oa-container,1200px) !important;
min-height:680px !important;
margin-inline:auto !important;
padding:0 !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
align-items:flex-start !important;
}
.oa-v530-activity-hero-full h1,
.oa-v530-activity-hero-full h2{
max-width:780px !important;
font-size:clamp(3.2rem,7vw,6.2rem) !important;
line-height:.95 !important;
margin:.35rem 0 1rem !important;
color:#fff !important;
}
.oa-v530-activity-hero-full p{
max-width:760px !important;
font-size:clamp(1.05rem,1.4vw,1.35rem) !important;
line-height:1.55 !important;
color:#fff !important;
}
.oa-v530-activity-hero-full .oa-page-slider-dots,
.oa-v530-activity-hero-full .oa-page-slider-controls{
width:min(100% - 3rem, var(--oa-container,1200px)) !important;
max-width:var(--oa-container,1200px) !important;
margin-inline:auto !important;
}
/* Corpo pagina sotto la hero */
.oa-v530-activity-body{
padding-top:3rem;
}
@media(max-width:760px){
.oa-v530-activity-hero-full .oa-page-slider,
.oa-v530-activity-hero-full .oa-page-slide,
.oa-v530-activity-hero-full .oa-v47-featured-hero,
.oa-v530-activity-hero-full .oa-page-slide-content,
.oa-v530-activity-hero-full .oa-v47-featured-hero-inner{
min-height:560px !important;
}
.oa-v530-activity-hero-full .oa-page-slide-content,
.oa-v530-activity-hero-full .oa-v47-featured-hero-inner{
width:min(100% - 1.5rem, var(--oa-container,1200px)) !important;
}
}
/* =========================================================
V5.3.1 SINGLE ATTIVITA SLIDER
Slider vero anche su /attivita/...
========================================================= */
.oa-v531-activity-slider-full{
width:100vw;
max-width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
overflow:hidden;
background:var(--oa-deep,#073B4C);
}
.oa-v531-activity-slider-full .oa-page-slider,
.oa-v531-activity-slider-full .oa-page-slide{
width:100vw !important;
max-width:100vw !important;
margin:0 !important;
border-radius:0 !important;
min-height:680px !important;
}
.oa-v531-activity-slider-full .oa-page-slide{
background-size:cover !important;
background-position:center !important;
position:relative !important;
}
.oa-v531-activity-slider-full .oa-page-slide::before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(90deg, rgba(7,59,76,.82), rgba(7,59,76,.42) 45%, rgba(7,59,76,.08));
pointer-events:none;
}
.oa-v531-activity-slider-full .oa-page-slide-content{
position:relative !important;
z-index:2 !important;
width:min(100% - 3rem, var(--oa-container,1200px)) !important;
max-width:var(--oa-container,1200px) !important;
min-height:680px !important;
margin-inline:auto !important;
padding:0 !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
align-items:flex-start !important;
}
.oa-v531-activity-slider-full h1,
.oa-v531-activity-slider-full h2{
max-width:780px !important;
font-size:clamp(3.2rem,7vw,6.2rem) !important;
line-height:.95 !important;
margin:.35rem 0 1rem !important;
color:#fff !important;
}
.oa-v531-activity-slider-full p{
max-width:760px !important;
font-size:clamp(1.05rem,1.4vw,1.35rem) !important;
line-height:1.55 !important;
color:#fff !important;
}
.oa-v531-activity-slider-full .oa-page-slider-dots,
.oa-v531-activity-slider-full .oa-page-slider-controls{
width:min(100% - 3rem, var(--oa-container,1200px)) !important;
max-width:var(--oa-container,1200px) !important;
margin-inline:auto !important;
}
/* Slide demo CPT */
.oa-v531-demo-water{
background:
linear-gradient(135deg, rgba(5,73,89,.9), rgba(18,150,174,.75)),
radial-gradient(circle at 78% 35%, rgba(255,255,255,.24), transparent 18%),
linear-gradient(180deg, #0B5366, #1499B8) !important;
}
.oa-v531-demo-forest{
background:
linear-gradient(135deg, rgba(12,72,52,.92), rgba(65,116,48,.7)),
radial-gradient(circle at 75% 30%, rgba(242,106,33,.22), transparent 20%),
linear-gradient(180deg, #0C4834, #416F30) !important;
}
.oa-v531-demo-action{
background:
linear-gradient(135deg, rgba(7,59,76,.9), rgba(242,106,33,.72)),
radial-gradient(circle at 72% 30%, rgba(255,255,255,.2), transparent 18%),
linear-gradient(180deg, #073B4C, #F26A21) !important;
}
@media(max-width:760px){
.oa-v531-activity-slider-full .oa-page-slider,
.oa-v531-activity-slider-full .oa-page-slide,
.oa-v531-activity-slider-full .oa-page-slide-content{
min-height:560px !important;
}
.oa-v531-activity-slider-full .oa-page-slide-content{
width:min(100% - 1.5rem, var(--oa-container,1200px)) !important;
}
}
/* =========================================================
V5.3.2 SLIDER HEIGHT + CONTROLS FIX
- altezza più ampia
- niente fascia blu sotto
- frecce e pallini vicini e responsive
========================================================= */
:root{
--oa-slider-h-desktop: 760px;
--oa-slider-h-tablet: 660px;
--oa-slider-h-mobile: 560px;
}
/* Slider base su tutto il sito */
.oa-page-slider,
.oa-v531-activity-slider-full .oa-page-slider,
.oa-v530-activity-hero-full .oa-page-slider{
position:relative !important;
width:100% !important;
min-height:var(--oa-slider-h-desktop) !important;
height:var(--oa-slider-h-desktop) !important;
max-height:none !important;
overflow:hidden !important;
background:transparent !important;
margin-bottom:0 !important;
padding-bottom:0 !important;
}
.oa-page-slider-track{
height:100% !important;
min-height:100% !important;
}
.oa-page-slide,
.oa-v531-activity-slider-full .oa-page-slide,
.oa-v530-activity-hero-full .oa-page-slide{
min-height:var(--oa-slider-h-desktop) !important;
height:var(--oa-slider-h-desktop) !important;
max-height:none !important;
margin-bottom:0 !important;
padding-bottom:0 !important;
background-size:cover !important;
background-position:center !important;
}
/* Il contenuto resta dentro la slide, non crea spazio extra sotto */
.oa-page-slide-content,
.oa-v531-activity-slider-full .oa-page-slide-content,
.oa-v530-activity-hero-full .oa-page-slide-content{
min-height:var(--oa-slider-h-desktop) !important;
height:var(--oa-slider-h-desktop) !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
/* Elimina la banda blu generata da wrapper più alti della slide */
.oa-v531-activity-slider-full,
.oa-v530-activity-hero-full,
.oa-v530-activity-hero-full.oa-v531-activity-slider-full{
height:var(--oa-slider-h-desktop) !important;
min-height:var(--oa-slider-h-desktop) !important;
max-height:var(--oa-slider-h-desktop) !important;
overflow:hidden !important;
background:transparent !important;
}
/* Controlli: layout unico e vicino, dentro lo slider */
.oa-page-slider-dots{
position:absolute !important;
z-index:8 !important;
left:50% !important;
bottom:42px !important;
transform:translateX(-110px) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
width:auto !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
}
.oa-page-slider-dots button,
.oa-page-slider-dots span{
width:14px !important;
height:14px !important;
min-width:14px !important;
min-height:14px !important;
border:0 !important;
border-radius:999px !important;
padding:0 !important;
margin:0 !important;
background:rgba(255,255,255,.45) !important;
opacity:1 !important;
cursor:pointer !important;
}
.oa-page-slider-dots button.is-active,
.oa-page-slider-dots button[aria-current="true"],
.oa-page-slider-dots span.is-active{
width:42px !important;
background:var(--oa-orange,#F26A21) !important;
}
.oa-page-slider-controls,
.oa-slider-controls{
position:absolute !important;
z-index:9 !important;
left:50% !important;
bottom:24px !important;
transform:translateX(10px) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:12px !important;
width:auto !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
}
.oa-page-slider-controls button,
.oa-slider-controls button,
button[data-oa-page-prev],
button[data-oa-page-next]{
width:56px !important;
height:56px !important;
min-width:56px !important;
min-height:56px !important;
border-radius:999px !important;
border:2px solid rgba(255,255,255,.85) !important;
background:rgba(255,255,255,.12) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:2rem !important;
line-height:1 !important;
padding:0 !important;
margin:0 !important;
text-decoration:none !important;
box-shadow:none !important;
}
.oa-page-slider-controls button:hover,
.oa-page-slider-controls button:focus,
.oa-slider-controls button:hover,
.oa-slider-controls button:focus,
button[data-oa-page-prev]:hover,
button[data-oa-page-next]:hover,
button[data-oa-page-prev]:focus,
button[data-oa-page-next]:focus{
background:#fff !important;
color:var(--oa-deep,#073B4C) !important;
outline:3px solid rgba(242,106,33,.45) !important;
outline-offset:3px !important;
}
/* Variante per slider home/cards: controlli coerenti se usano classi diverse */
.oa-v48-home-slider-controls{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:14px !important;
margin-top:1.25rem !important;
}
.oa-v48-home-dots{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:9px !important;
}
.oa-v48-home-dots button,
.oa-v48-home-dots span{
width:12px !important;
height:12px !important;
border-radius:999px !important;
border:0 !important;
padding:0 !important;
margin:0 !important;
background:rgba(7,59,76,.28) !important;
}
.oa-v48-home-dots button.is-active,
.oa-v48-home-dots span.is-active{
width:38px !important;
background:var(--oa-orange,#F26A21) !important;
}
.oa-v48-arrow{
width:48px !important;
height:48px !important;
min-width:48px !important;
border-radius:999px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
/* Tablet */
@media(max-width:1024px){
.oa-page-slider,
.oa-v531-activity-slider-full .oa-page-slider,
.oa-v530-activity-hero-full .oa-page-slider,
.oa-page-slide,
.oa-v531-activity-slider-full .oa-page-slide,
.oa-v530-activity-hero-full .oa-page-slide,
.oa-page-slide-content,
.oa-v531-activity-slider-full .oa-page-slide-content,
.oa-v530-activity-hero-full .oa-page-slide-content,
.oa-v531-activity-slider-full,
.oa-v530-activity-hero-full,
.oa-v530-activity-hero-full.oa-v531-activity-slider-full{
min-height:var(--oa-slider-h-tablet) !important;
height:var(--oa-slider-h-tablet) !important;
max-height:var(--oa-slider-h-tablet) !important;
}
}
/* Mobile: non si accavallano, dots a sinistra e frecce a destra */
@media(max-width:760px){
.oa-page-slider,
.oa-v531-activity-slider-full .oa-page-slider,
.oa-v530-activity-hero-full .oa-page-slider,
.oa-page-slide,
.oa-v531-activity-slider-full .oa-page-slide,
.oa-v530-activity-hero-full .oa-page-slide,
.oa-page-slide-content,
.oa-v531-activity-slider-full .oa-page-slide-content,
.oa-v530-activity-hero-full .oa-page-slide-content,
.oa-v531-activity-slider-full,
.oa-v530-activity-hero-full,
.oa-v530-activity-hero-full.oa-v531-activity-slider-full{
min-height:var(--oa-slider-h-mobile) !important;
height:var(--oa-slider-h-mobile) !important;
max-height:var(--oa-slider-h-mobile) !important;
}
.oa-page-slider-dots{
left:18px !important;
bottom:26px !important;
transform:none !important;
gap:8px !important;
}
.oa-page-slider-dots button,
.oa-page-slider-dots span{
width:11px !important;
height:11px !important;
min-width:11px !important;
min-height:11px !important;
}
.oa-page-slider-dots button.is-active,
.oa-page-slider-dots button[aria-current="true"],
.oa-page-slider-dots span.is-active{
width:34px !important;
}
.oa-page-slider-controls,
.oa-slider-controls{
left:auto !important;
right:18px !important;
bottom:14px !important;
transform:none !important;
gap:9px !important;
}
.oa-page-slider-controls button,
.oa-slider-controls button,
button[data-oa-page-prev],
button[data-oa-page-next]{
width:46px !important;
height:46px !important;
min-width:46px !important;
min-height:46px !important;
font-size:1.65rem !important;
}
.oa-v48-home-slider-controls{
gap:10px !important;
flex-wrap:nowrap !important;
}
}
/* =========================================================
V5.3.3 UNIFORM ACTIVITY SLIDER
Uniforma /attivita/... alle pagine attività canoniche
========================================================= */
:root{
--oa-v533-hero-h: 720px;
--oa-v533-hero-h-tablet: 640px;
--oa-v533-hero-h-mobile: 560px;
--oa-v533-safe-x: clamp(1.25rem, 5vw, 4rem);
}
/* wrapper full width */
.oa-v533-activity-slider{
position:relative;
width:100vw;
max-width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
overflow:hidden;
background:#073B4C;
}
/* slider base */
.oa-v533-activity-slider .oa-page-slider{
position:relative !important;
width:100vw !important;
max-width:100vw !important;
height:var(--oa-v533-hero-h) !important;
min-height:var(--oa-v533-hero-h) !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
border-radius:0 !important;
background:#073B4C !important;
}
.oa-v533-activity-slider .oa-page-slider-track{
height:100% !important;
min-height:100% !important;
}
.oa-v533-activity-slider .oa-page-slide{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:var(--oa-v533-hero-h) !important;
min-height:var(--oa-v533-hero-h) !important;
margin:0 !important;
padding:0 !important;
border-radius:0 !important;
background-size:cover !important;
background-position:center !important;
opacity:0;
visibility:hidden;
transition:opacity .45s ease, visibility .45s ease;
}
.oa-v533-activity-slider .oa-page-slide.is-active,
.oa-v533-activity-slider .oa-page-slide:first-child{
opacity:1;
visibility:visible;
}
/* se JS aggiunge active, evita che first-child resti sopra */
.oa-v533-activity-slider .oa-page-slider-track.has-active .oa-page-slide:first-child:not(.is-active){
opacity:0;
visibility:hidden;
}
/* overlay elegante */
.oa-v533-activity-slider .oa-page-slide::before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:
linear-gradient(90deg, rgba(7,59,76,.82), rgba(7,59,76,.48) 48%, rgba(7,59,76,.14)),
linear-gradient(180deg, rgba(7,59,76,.12), rgba(7,59,76,.22));
pointer-events:none;
}
/* contenuto con margini corretti */
.oa-v533-activity-slider .oa-page-slide-content{
position:relative !important;
z-index:2 !important;
width:min(calc(100% - (var(--oa-v533-safe-x) * 2)), var(--oa-container,1200px)) !important;
max-width:var(--oa-container,1200px) !important;
height:var(--oa-v533-hero-h) !important;
min-height:var(--oa-v533-hero-h) !important;
margin-inline:auto !important;
padding:0 !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
align-items:flex-start !important;
text-align:left !important;
}
.oa-v533-activity-slider .oa-page-slide-kicker{
display:inline-flex !important;
align-items:center;
width:auto !important;
max-width:max-content !important;
margin:0 0 1.15rem !important;
padding:.55rem 1rem !important;
border-radius:999px !important;
background:var(--oa-orange,#F26A21) !important;
color:#fff !important;
font-weight:900 !important;
font-size:.86rem !important;
line-height:1 !important;
text-transform:uppercase !important;
letter-spacing:.06em !important;
}
.oa-v533-activity-slider h1,
.oa-v533-activity-slider h2{
width:min(100%, 780px) !important;
max-width:780px !important;
margin:0 0 1.25rem !important;
color:#fff !important;
font-size:clamp(3.2rem, 6.4vw, 6.1rem) !important;
line-height:.95 !important;
letter-spacing:-.045em !important;
}
.oa-v533-activity-slider p{
width:min(100%, 760px) !important;
max-width:760px !important;
margin:0 !important;
color:#fff !important;
font-size:clamp(1.05rem, 1.35vw, 1.35rem) !important;
line-height:1.55 !important;
}
/* controlli: gruppo compatto in basso a destra su desktop */
.oa-v533-activity-slider .oa-v533-slider-ui{
position:absolute;
z-index:10;
left:50%;
bottom:42px;
transform:translateX(-50%);
width:min(calc(100% - (var(--oa-v533-safe-x) * 2)), var(--oa-container,1200px));
max-width:var(--oa-container,1200px);
display:flex;
align-items:center;
justify-content:flex-end;
gap:1rem;
pointer-events:none;
}
.oa-v533-activity-slider .oa-page-slider-dots{
position:static !important;
transform:none !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
width:auto !important;
max-width:none !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:.55rem !important;
margin:0 !important;
padding:0 !important;
pointer-events:auto;
}
.oa-v533-activity-slider .oa-page-slider-dots button{
width:12px !important;
height:12px !important;
min-width:12px !important;
min-height:12px !important;
border:0 !important;
border-radius:999px !important;
margin:0 !important;
padding:0 !important;
background:rgba(255,255,255,.48) !important;
opacity:1 !important;
cursor:pointer !important;
}
.oa-v533-activity-slider .oa-page-slider-dots button.is-active,
.oa-v533-activity-slider .oa-page-slider-dots button[aria-current="true"]{
width:42px !important;
background:var(--oa-orange,#F26A21) !important;
}
.oa-v533-activity-slider .oa-page-slider-controls{
position:static !important;
transform:none !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
width:auto !important;
max-width:none !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:.65rem !important;
margin:0 !important;
padding:0 !important;
pointer-events:auto;
}
.oa-v533-activity-slider .oa-page-slider-controls button{
width:56px !important;
height:56px !important;
min-width:56px !important;
min-height:56px !important;
border-radius:999px !important;
border:2px solid rgba(255,255,255,.85) !important;
background:rgba(255,255,255,.12) !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:1.9rem !important;
line-height:1 !important;
padding:0 !important;
margin:0 !important;
}
.oa-v533-activity-slider .oa-page-slider-controls button:hover,
.oa-v533-activity-slider .oa-page-slider-controls button:focus{
background:#fff !important;
color:var(--oa-deep,#073B4C) !important;
}
/* rimuove eventuali vecchie posizioni globali dentro lo slider nuovo */
.oa-v533-activity-slider .oa-page-slider > .oa-page-slider-dots,
.oa-v533-activity-slider .oa-page-slider > .oa-page-slider-controls{
display:none !important;
}
/* corpo sotto */
.oa-v530-activity-body,
.oa-v533-activity-body{
padding-top:3.5rem !important;
}
/* Tablet */
@media(max-width:1024px){
.oa-v533-activity-slider .oa-page-slider,
.oa-v533-activity-slider .oa-page-slide,
.oa-v533-activity-slider .oa-page-slide-content{
height:var(--oa-v533-hero-h-tablet) !important;
min-height:var(--oa-v533-hero-h-tablet) !important;
}
}
/* Mobile: layout come la pagina singola, controlli non accavallati */
@media(max-width:760px){
.oa-v533-activity-slider{
margin-top:0 !important;
}
.oa-v533-activity-slider .oa-page-slider,
.oa-v533-activity-slider .oa-page-slide,
.oa-v533-activity-slider .oa-page-slide-content{
height:var(--oa-v533-hero-h-mobile) !important;
min-height:var(--oa-v533-hero-h-mobile) !important;
}
.oa-v533-activity-slider .oa-page-slide-content{
width:calc(100% - 2rem) !important;
justify-content:center !important;
padding-top:0 !important;
padding-bottom:4.8rem !important;
}
.oa-v533-activity-slider .oa-page-slide-kicker{
font-size:.78rem !important;
padding:.5rem .85rem !important;
margin-bottom:1rem !important;
}
.oa-v533-activity-slider h1,
.oa-v533-activity-slider h2{
font-size:clamp(3rem, 16vw, 4.6rem) !important;
line-height:.95 !important;
max-width:100% !important;
}
.oa-v533-activity-slider p{
font-size:1.08rem !important;
max-width:100% !important;
}
.oa-v533-activity-slider .oa-v533-slider-ui{
width:calc(100% - 2rem);
left:1rem;
right:1rem;
bottom:24px;
transform:none;
justify-content:space-between;
gap:.75rem;
}
.oa-v533-activity-slider .oa-page-slider-dots{
gap:.45rem !important;
flex:0 1 auto;
}
.oa-v533-activity-slider .oa-page-slider-dots button{
width:10px !important;
height:10px !important;
min-width:10px !important;
min-height:10px !important;
}
.oa-v533-activity-slider .oa-page-slider-dots button.is-active,
.oa-v533-activity-slider .oa-page-slider-dots button[aria-current="true"]{
width:32px !important;
}
.oa-v533-activity-slider .oa-page-slider-controls{
gap:.5rem !important;
flex:0 0 auto;
}
.oa-v533-activity-slider .oa-page-slider-controls button{
width:48px !important;
height:48px !important;
min-width:48px !important;
min-height:48px !important;
font-size:1.55rem !important;
}
}
/* Extra small */
@media(max-width:420px){
.oa-v533-activity-slider .oa-page-slider,
.oa-v533-activity-slider .oa-page-slide,
.oa-v533-activity-slider .oa-page-slide-content{
height:540px !important;
min-height:540px !important;
}
.oa-v533-activity-slider .oa-v533-slider-ui{
bottom:20px;
}
.oa-v533-activity-slider .oa-page-slider-controls button{
width:44px !important;
height:44px !important;
min-width:44px !important;
min-height:44px !important;
}
}
/* V5.4.0 MEGA MENU + GUTENBERG + OSPITALITA LIGHT */
.oa-v540-mega-wrap{position:relative;z-index:1000}.oa-v540-mega-trigger{cursor:pointer}.oa-v540-mega-panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(10px);width:min(1180px,calc(100vw - 2rem));padding:1.2rem;border:1px solid rgba(255,255,255,.22);border-radius:28px;background:rgba(7,59,76,.96);box-shadow:0 32px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.oa-v540-mega-wrap:hover .oa-v540-mega-panel,.oa-v540-mega-wrap:focus-within .oa-v540-mega-panel,.oa-v540-mega-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.oa-v540-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.oa-v540-mega-card{position:relative;min-height:360px;overflow:hidden;border-radius:24px;color:#fff;text-decoration:none;background:#0E8FB3;isolation:isolate}.oa-v540-mega-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .42s ease;z-index:-2}.oa-v540-mega-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.68)),linear-gradient(90deg,rgba(7,59,76,.38),transparent)}.oa-v540-mega-card:hover img,.oa-v540-mega-card:focus img{transform:scale(1.08)}.oa-v540-mega-card-content{min-height:360px;padding:1.25rem;display:flex;flex-direction:column;justify-content:flex-end}.oa-v540-mega-badge{align-self:flex-start;display:inline-flex;padding:.45rem .7rem;border-radius:999px;background:var(--oa-orange,#F26A21);color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.oa-v540-mega-card h3{margin:.8rem 0 .55rem;color:#fff;font-size:clamp(1.6rem,2.5vw,2.5rem);line-height:1}.oa-v540-mega-card p{margin:0 0 1rem;color:rgba(255,255,255,.9);line-height:1.5;font-size:.98rem}.oa-v540-mega-links{display:flex;flex-wrap:wrap;gap:.45rem}.oa-v540-mega-links span{display:inline-flex;padding:.36rem .6rem;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:.82rem;font-weight:800}.oa-v540-mega-footer{margin-top:1rem;padding:1rem 1.1rem;border-radius:20px;background:rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff}.oa-v540-mega-footer strong{display:block;font-size:1rem}.oa-v540-mega-footer span{display:block;color:rgba(255,255,255,.78);font-size:.92rem}.oa-v540-mega-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border-radius:999px;background:#fff;color:var(--oa-deep,#073B4C);text-decoration:none;font-weight:900}
@media(max-width:980px){.oa-v540-mega-panel{position:static;transform:none!important;width:100%;margin-top:.6rem;opacity:1;visibility:visible;pointer-events:auto;display:none;border-radius:20px}.oa-v540-mega-wrap:focus-within .oa-v540-mega-panel{display:block}.oa-v540-mega-grid{grid-template-columns:1fr}.oa-v540-mega-card,.oa-v540-mega-card-content{min-height:250px}.oa-v540-mega-footer{align-items:flex-start;flex-direction:column}}
.wp-block-group.is-style-oa-v540-card-grid,.oa-v540-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:2rem 0}.wp-block-cover.is-style-oa-v540-experience-card,.oa-v540-experience-card{min-height:430px!important;border-radius:28px;overflow:hidden;align-items:flex-end!important;padding:1.25rem!important;box-shadow:0 18px 50px rgba(7,59,76,.12)}.wp-block-cover.is-style-oa-v540-experience-card:before,.oa-v540-experience-card:before{opacity:.58!important;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.74))!important}.wp-block-cover.is-style-oa-v540-experience-card .wp-block-cover__inner-container,.oa-v540-experience-card .wp-block-cover__inner-container{width:100%;color:#fff}.wp-block-cover.is-style-oa-v540-experience-card h2,.wp-block-cover.is-style-oa-v540-experience-card h3,.oa-v540-experience-card h2,.oa-v540-experience-card h3{color:#fff!important;font-size:clamp(1.7rem,2.8vw,2.6rem);line-height:1;margin:.75rem 0 .55rem}.wp-block-cover.is-style-oa-v540-experience-card p,.oa-v540-experience-card p{color:rgba(255,255,255,.9)!important;line-height:1.55}.oa-v540-badge,.wp-block-group.is-style-oa-v540-badge{display:inline-flex;width:auto;padding:.42rem .7rem;border-radius:999px;background:var(--oa-orange,#F26A21);color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.wp-block-group.is-style-oa-v540-cta-full,.oa-v540-cta-full{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:5rem 1rem!important;background:linear-gradient(120deg,rgba(7,59,76,.96),rgba(14,143,179,.82)),radial-gradient(circle at 80% 20%,rgba(242,106,33,.24),transparent 30%);color:#fff;overflow:hidden}.wp-block-group.is-style-oa-v540-cta-full>*{width:min(100% - 2rem,var(--oa-container,1200px));margin-left:auto;margin-right:auto}.wp-block-group.is-style-oa-v540-cta-full h2{color:#fff!important;font-size:clamp(2.4rem,5vw,5rem);line-height:.95;max-width:820px}.wp-block-group.is-style-oa-v540-cta-full p{color:rgba(255,255,255,.9)!important;max-width:760px;font-size:1.1rem}
.oa-v540-hospitality-light{padding:4rem 0;background:#F6F1E8}.oa-v540-hospitality-light .section-header{margin-bottom:1.6rem}.oa-v540-hospitality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.oa-v540-hospitality-card{overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(7,59,76,.10);box-shadow:0 12px 34px rgba(7,59,76,.08);text-decoration:none;color:var(--oa-deep,#073B4C)}.oa-v540-hospitality-card img,.oa-v540-hospitality-demo{width:100%;height:210px;object-fit:cover;display:block;background:linear-gradient(135deg,#073B4C,#F26A21)}.oa-v540-hospitality-body{padding:1rem}.oa-v540-hospitality-type{display:inline-flex;padding:.34rem .6rem;border-radius:999px;background:#FFF3EA;color:var(--oa-orange,#F26A21);font-size:.78rem;font-weight:900;text-transform:uppercase}.oa-v540-hospitality-body h3{margin:.7rem 0 .4rem;color:var(--oa-deep,#073B4C);font-size:1.25rem}.oa-v540-hospitality-body p{margin:0;color:var(--oa-muted,#5E6A72);line-height:1.5}@media(max-width:900px){.wp-block-group.is-style-oa-v540-card-grid,.oa-v540-card-grid,.oa-v540-hospitality-grid{grid-template-columns:1fr}.wp-block-cover.is-style-oa-v540-experience-card,.oa-v540-experience-card{min-height:330px!important}}
/* =========================================================
V5.4.2 REAL FIXES
========================================================= */
/* Nasconde il vecchio mega menu hardcoded della V5.4.0 */
.oa-v540-mega-wrap{display:none!important}
/* Mega menu reale basato su Aspetto > Menu */
.menu-item.oa-v542-mega-parent{position:relative!important}
.menu-item.oa-v542-mega-parent > .sub-menu{
position:absolute!important;top:calc(100% + 18px)!important;left:50%!important;
transform:translateX(-50%) translateY(10px)!important;width:min(1120px,calc(100vw - 2rem))!important;
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;
padding:1.1rem!important;border-radius:28px!important;background:rgba(7,59,76,.96)!important;
box-shadow:0 32px 80px rgba(0,0,0,.30)!important;list-style:none!important;margin:0!important;
opacity:0;visibility:hidden;pointer-events:none;z-index:9999;backdrop-filter:blur(16px);transition:.22s ease;
}
.menu-item.oa-v542-mega-parent:hover > .sub-menu,.menu-item.oa-v542-mega-parent:focus-within > .sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)!important}
.menu-item.oa-v542-mega-parent > .sub-menu > li{position:relative!important;min-height:330px!important;border-radius:24px!important;overflow:hidden!important;background:linear-gradient(135deg,#073B4C,#0E8FB3)!important;padding:0!important}
.menu-item.oa-v542-mega-parent > .sub-menu > li > a{position:relative!important;z-index:2!important;min-height:330px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;padding:1.2rem!important;color:#fff!important;text-decoration:none!important;font-size:clamp(1.8rem,2.4vw,2.8rem)!important;line-height:1!important;font-weight:900!important;letter-spacing:-.04em!important}
.menu-item.oa-v542-mega-parent > .sub-menu > li:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.72));z-index:1}
.menu-item.oa-v542-mega-parent > .sub-menu > li:after{content:"";position:absolute;inset:0;background-image:var(--oa-mega-bg);background-size:cover;background-position:center;opacity:.82;transform:scale(1.02);transition:transform .35s ease}
.menu-item.oa-v542-mega-parent > .sub-menu > li:hover:after{transform:scale(1.08)}
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu{position:absolute!important;left:1.2rem!important;right:1.2rem!important;bottom:1.2rem!important;z-index:3!important;display:flex!important;flex-wrap:wrap!important;gap:.45rem!important;padding:0!important;margin:0!important;list-style:none!important}
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu li{margin:0!important;padding:0!important}
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu a{display:inline-flex!important;padding:.38rem .62rem!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:.82rem!important;font-weight:850!important;text-decoration:none!important;letter-spacing:0!important}
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu a:hover{background:var(--oa-orange,#F26A21)!important}
.menu-item.oa-v542-mega-parent > .sub-menu > li > a:after{content:"";display:block;height:3.3rem}
.menu-item.oa-v542-mega-parent > .sub-menu > li.oa-cat-acqua{--oa-mega-bg:linear-gradient(135deg,#0E8FB3,#073B4C),url('data:image/svg+xml;utf8,')}
.menu-item.oa-v542-mega-parent > .sub-menu > li.oa-cat-boschi{--oa-mega-bg:linear-gradient(135deg,#173B22,#566E2D),url('data:image/svg+xml;utf8,')}
.menu-item.oa-v542-mega-parent > .sub-menu > li.oa-cat-speciali{--oa-mega-bg:linear-gradient(135deg,#6A3217,#F26A21),url('data:image/svg+xml;utf8,')}
.menu-item.oa-v542-mega-parent > .sub-menu > li.oa-cat-ospitalita{--oa-mega-bg:linear-gradient(135deg,#463221,#C88A42)}
@media(max-width:980px){.menu-item.oa-v542-mega-parent > .sub-menu{position:static!important;transform:none!important;width:100%!important;grid-template-columns:1fr!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:none!important;border-radius:20px!important}.menu-item.oa-v542-mega-parent > .sub-menu > li,.menu-item.oa-v542-mega-parent > .sub-menu > li > a{min-height:240px!important}}
/* Ospitalità cards */
.oa-v542-hospitality-archive{padding:4rem 0}.oa-v542-hospitality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.oa-v542-hospitality-card{display:block;overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(7,59,76,.12);box-shadow:0 16px 44px rgba(7,59,76,.10);color:var(--oa-deep,#073B4C);text-decoration:none}.oa-v542-hospitality-card img,.oa-v542-hospitality-demo{width:100%;height:230px;object-fit:cover;display:block;background:linear-gradient(135deg,#073B4C,#F26A21)}.oa-v542-hospitality-body{padding:1.1rem}.oa-v542-hospitality-type{display:inline-flex;padding:.36rem .62rem;border-radius:999px;background:#FFF3EA;color:var(--oa-orange,#F26A21);font-size:.76rem;font-weight:900;text-transform:uppercase}.oa-v542-hospitality-body h3{margin:.65rem 0 .4rem;font-size:1.35rem;color:var(--oa-deep,#073B4C)}.oa-v542-hospitality-body h3 a{color:inherit;text-decoration:none}.oa-v542-hospitality-meta{display:grid;gap:.25rem;margin:.7rem 0;color:#5E6A72;font-size:.93rem}.oa-v542-hospitality-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.oa-v542-hospitality-actions a{display:inline-flex;padding:.45rem .7rem;border-radius:999px;background:#E8F8FC;color:var(--oa-deep,#073B4C);font-size:.82rem;font-weight:800;text-decoration:none}.oa-v542-structure-box{padding:1.1rem;border:1px solid rgba(7,59,76,.14);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(7,59,76,.08);margin:1rem 0 2rem}@media(max-width:900px){.oa-v542-hospitality-grid{grid-template-columns:1fr}}
.oa-v542-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.oa-v542-event-card{border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(7,59,76,.12);box-shadow:0 14px 38px rgba(7,59,76,.09)}.oa-v542-event-card img{width:100%;height:220px;object-fit:cover}.oa-v542-event-body{padding:1rem}@media(max-width:900px){.oa-v542-events-grid{grid-template-columns:1fr}}
/* =========================================================
V5.4.3 UI FIX — MEGA MENU / OSPITALITÀ / EVENTI
========================================================= */
.menu-item.oa-v542-mega-parent > .sub-menu{width:min(1120px,calc(100vw - 2rem))!important;padding:1rem!important;border-radius:26px!important;background:rgba(7,59,76,.98)!important;border-top:6px solid var(--oa-orange,#F26A21)!important;box-shadow:0 34px 90px rgba(0,0,0,.32)!important;gap:1rem!important;}
.menu-item.oa-v542-mega-parent > .sub-menu > li{min-height:305px!important;border-radius:22px!important;background:linear-gradient(135deg,#073B4C,#0E8FB3)!important;}
.menu-item.oa-v542-mega-parent > .sub-menu > li > a{min-height:305px!important;padding:1.2rem 1.2rem 5.4rem!important;font-size:clamp(1.55rem,2vw,2.35rem)!important;line-height:1.02!important;letter-spacing:-.04em!important;text-shadow:0 3px 16px rgba(0,0,0,.48)!important;}
.menu-item.oa-v542-mega-parent > .sub-menu > li:before{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.78))!important;}
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu{bottom:1.1rem!important;left:1.1rem!important;right:1.1rem!important;z-index:5!important;}
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu a{background:rgba(255,255,255,.24)!important;color:#fff!important;backdrop-filter:blur(8px);}
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu a:hover{background:var(--oa-orange,#F26A21)!important;}
.menu-item.oa-v542-mega-parent > .sub-menu > li.oa-cat-bike,.menu-item.oa-v542-mega-parent > .sub-menu > li a[href*="bike"],.menu-item.oa-v542-mega-parent > .sub-menu > li a[href*="e-bike"]{display:none!important;}
.menu-item.oa-v542-mega-parent > .sub-menu > li.oa-cat-acqua{--oa-mega-bg:linear-gradient(135deg,#0D8CA8,#073B4C)!important}.menu-item.oa-v542-mega-parent > .sub-menu > li.oa-cat-boschi{--oa-mega-bg:linear-gradient(135deg,#183B22,#566E2D)!important}.menu-item.oa-v542-mega-parent > .sub-menu > li.oa-cat-speciali{--oa-mega-bg:linear-gradient(135deg,#6A3217,#F26A21)!important}
.oa-v543-hospitality-page{padding:5rem 0;background:radial-gradient(circle at 85% 15%,rgba(242,106,33,.13),transparent 30%),linear-gradient(180deg,#fff,#F7F2EA)}
.oa-v543-hospitality-hero{margin-bottom:2.2rem;max-width:920px}.oa-v543-hospitality-hero .eyebrow{color:var(--oa-orange,#F26A21);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.oa-v543-hospitality-hero h1{margin:.5rem 0 .9rem;color:var(--oa-deep,#073B4C);font-size:clamp(2.6rem,5vw,5.4rem);line-height:.95;letter-spacing:-.055em}.oa-v543-hospitality-hero p{max-width:780px;color:#5E6A72;font-size:1.12rem;line-height:1.65}
.oa-v543-hospitality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.oa-v543-hospitality-card{overflow:hidden;border-radius:28px;background:#fff;border:1px solid rgba(7,59,76,.12);box-shadow:0 18px 50px rgba(7,59,76,.10)}.oa-v543-hospitality-card img,.oa-v543-hospitality-demo{width:100%;height:260px;object-fit:cover;display:block;background:linear-gradient(135deg,rgba(7,59,76,.92),rgba(242,106,33,.72)),radial-gradient(circle at 70% 25%,rgba(255,255,255,.2),transparent 24%)}
.oa-v543-hospitality-body{padding:1.35rem}.oa-v543-hospitality-type{display:inline-flex;margin-bottom:.85rem;padding:.42rem .78rem;border-radius:999px;background:#FFF1E8;color:var(--oa-orange,#F26A21);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.oa-v543-hospitality-body h3{margin:0 0 .75rem;color:var(--oa-deep,#073B4C);font-size:1.65rem;line-height:1.05}.oa-v543-hospitality-desc{color:#263238;font-size:1rem;line-height:1.62;margin:0 0 1rem}.oa-v543-hospitality-meta{display:grid;gap:.45rem;padding-top:.95rem;border-top:1px solid rgba(7,59,76,.10);color:#5E6A72}.oa-v543-hospitality-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.oa-v543-hospitality-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.5rem .78rem;border-radius:999px;background:#E8F8FC;color:var(--oa-deep,#073B4C);text-decoration:none;font-size:.88rem;font-weight:850}.oa-v543-hospitality-actions a:hover{background:var(--oa-orange,#F26A21);color:#fff}
.oa-v543-events-page{padding:4rem 0;background:#fff}.oa-v543-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.oa-v543-event-card{overflow:hidden;border-radius:26px;background:#fff;border:1px solid rgba(7,59,76,.12);box-shadow:0 16px 44px rgba(7,59,76,.10)}.oa-v543-event-media{position:relative;height:250px;overflow:hidden;background:linear-gradient(135deg,#073B4C,#F26A21)}.oa-v543-event-media img{width:100%;height:100%;object-fit:cover;display:block}.oa-v543-event-date{position:absolute;left:1rem;top:1rem;z-index:2;min-width:76px;padding:.7rem .65rem;border-radius:18px;background:var(--oa-orange,#F26A21);color:#fff;text-align:center;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.20)}.oa-v543-event-date strong{display:block;font-size:1.75rem;line-height:1}.oa-v543-event-date span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.oa-v543-event-body{padding:1.25rem}.oa-v543-event-body h2{margin:0 0 .85rem;font-size:1.35rem;line-height:1.2;color:var(--oa-deep,#073B4C)}.oa-v543-event-body h2 a{color:inherit;text-decoration:none}.oa-v543-event-info{display:grid;gap:.4rem;margin:.75rem 0 1rem;color:#5E6A72;font-size:.95rem}.oa-v543-event-excerpt{color:#263238;line-height:1.55}
.oa-v543-event-single-hero{padding:5rem 0 2rem;background:linear-gradient(135deg,#073B4C,#0E8FB3);color:#fff}.oa-v543-event-single-hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.oa-v543-event-single-hero h1{color:#fff;font-size:clamp(2.4rem,4.8vw,5.2rem);line-height:.98;margin:.7rem 0}.oa-v543-event-single-hero img{width:100%;border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.oa-v543-event-panel{margin:2rem 0;padding:1.2rem;border-radius:24px;border:1px solid rgba(7,59,76,.12);background:#fff;box-shadow:0 14px 36px rgba(7,59,76,.08)}.oa-v543-event-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.oa-v543-event-panel-item{padding:1rem;border-radius:18px;background:#F5FAFB}.oa-v543-event-panel-item strong{display:block;color:#5E6A72;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;margin-bottom:.25rem}.oa-v543-event-panel-item span{color:var(--oa-deep,#073B4C);font-weight:850}
@media(max-width:980px){.oa-v543-hospitality-grid,.oa-v543-events-grid,.oa-v543-event-single-hero .container,.oa-v543-event-panel-grid{grid-template-columns:1fr}}
/* V5.4.4 Mega menu 3 card + mobile fix */
.menu-item.oa-v544-experiences-menu{position:relative!important}
.menu-item.oa-v544-experiences-menu>.sub-menu{
position:absolute!important;top:calc(100% + 18px)!important;left:50%!important;right:auto!important;
transform:translateX(-50%)!important;width:min(1180px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding:16px!important;margin:0!important;
list-style:none!important;border-radius:28px!important;border-top:6px solid var(--oa-orange,#F26A21)!important;
background:rgba(7,59,76,.98)!important;box-shadow:0 34px 90px rgba(0,0,0,.32)!important;
opacity:0;visibility:hidden;pointer-events:none;z-index:99999!important;overflow:hidden!important}
.menu-item.oa-v544-experiences-menu:hover>.sub-menu,
.menu-item.oa-v544-experiences-menu:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto}
.menu-item.oa-v544-experiences-menu>.sub-menu>li{position:relative!important;min-height:320px!important;border-radius:24px!important;overflow:hidden!important;padding:0!important;isolation:isolate}
.menu-item.oa-v544-experiences-menu>.sub-menu>li:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.78))}
.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-water{background:linear-gradient(135deg,#0D8CA8,#073B4C)!important}
.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-forest{background:linear-gradient(135deg,#183B22,#566E2D)!important}
.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-special{background:linear-gradient(135deg,#6A3217,#F26A21)!important}
.menu-item.oa-v544-experiences-menu>.sub-menu>li>a{
position:relative!important;z-index:2!important;min-height:320px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;
padding:26px 24px 92px!important;color:#fff!important;text-decoration:none!important;font-size:clamp(1.7rem,2.2vw,2.55rem)!important;line-height:1!important;font-weight:950!important;
letter-spacing:-.045em!important;text-shadow:0 3px 16px rgba(0,0,0,.42)!important;white-space:normal!important}
.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu{
position:absolute!important;left:24px!important;right:24px!important;bottom:24px!important;z-index:5!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;
margin:0!important;padding:0!important;list-style:none!important;background:transparent!important;box-shadow:none!important;border:0!important}
.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu a{
display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 12px!important;border-radius:999px!important;
background:rgba(255,255,255,.23)!important;color:#fff!important;text-decoration:none!important;font-size:.84rem!important;font-weight:900!important;line-height:1!important;text-shadow:none!important}
.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu a:hover{background:var(--oa-orange,#F26A21)!important}
.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-cat-bike,.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-hide{display:none!important}
@media(max-width:980px){
.menu-item.oa-v544-experiences-menu{position:static!important}
.menu-item.oa-v544-experiences-menu>.sub-menu{position:static!important;transform:none!important;width:100%!important;max-width:100%!important;grid-template-columns:1fr!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:none!important;border-radius:22px!important;overflow:visible!important}
.menu-item.oa-v544-experiences-menu>.sub-menu>li,.menu-item.oa-v544-experiences-menu>.sub-menu>li>a{min-height:245px!important}
.menu-item.oa-v544-experiences-menu>.sub-menu>li>a{padding:22px 20px 86px!important;font-size:2rem!important}
.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu{left:20px!important;right:20px!important;bottom:20px!important}
}
/* V5.4.5 */
.menu-item.oa-v545-experiences-menu > a{cursor:default!important}
.menu-item.oa-v545-experiences-menu > .sub-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.menu-item.oa-v545-experiences-menu > .sub-menu > li.oa-v544-card-special{display:block!important}
.menu-item.oa-v545-experiences-menu > .sub-menu > li.oa-v544-card-water{display:block!important}
.menu-item.oa-v545-experiences-menu > .sub-menu > li.oa-v544-card-forest{display:block!important}
@media(max-width:980px){.menu-item.oa-v545-experiences-menu > .sub-menu{grid-template-columns:1fr!important}}
/* V5.4.6 - fix mega menu mobile + titolo card speciali */
.menu-item.oa-v545-experiences-menu>.sub-menu>li>a,
.menu-item.oa-v544-experiences-menu>.sub-menu>li>a{
justify-content:flex-start!important;
padding-top:28px!important;
padding-bottom:120px!important;
}
.menu-item.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-special>a,
.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-special>a{
font-size:clamp(1.55rem,2vw,2.3rem)!important;
line-height:1.02!important;
max-width:88%!important;
}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu,
.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu{
bottom:24px!important;
max-height:96px!important;
}
@media(max-width:980px){
html,body{overflow-x:hidden!important}
.menu-item.oa-v545-experiences-menu,
.menu-item.oa-v544-experiences-menu{
position:relative!important;
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
}
.menu-item.oa-v545-experiences-menu>.sub-menu,
.menu-item.oa-v544-experiences-menu>.sub-menu{
position:relative!important;
left:auto!important;
right:auto!important;
top:auto!important;
transform:none!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:14px!important;
margin:14px 0 0!important;
padding:12px!important;
border-radius:22px!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
overflow:hidden!important;
box-shadow:none!important;
}
.menu-item.oa-v545-experiences-menu>.sub-menu>li,
.menu-item.oa-v544-experiences-menu>.sub-menu>li{
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:230px!important;
box-sizing:border-box!important;
border-radius:20px!important;
overflow:hidden!important;
}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>a,
.menu-item.oa-v544-experiences-menu>.sub-menu>li>a{
width:100%!important;
max-width:100%!important;
min-height:230px!important;
box-sizing:border-box!important;
justify-content:flex-start!important;
padding:22px 20px 106px!important;
font-size:clamp(1.65rem,8vw,2.35rem)!important;
line-height:1!important;
overflow-wrap:break-word!important;
}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu,
.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu{
position:absolute!important;
left:20px!important;
right:20px!important;
bottom:20px!important;
width:auto!important;
max-width:calc(100% - 40px)!important;
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
max-height:none!important;
}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu a,
.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu a{
font-size:.84rem!important;
min-height:34px!important;
padding:7px 11px!important;
white-space:normal!important;
}
.menu-item.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-special,
.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-special,
.menu-item.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-special>a,
.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-special>a{
min-height:310px!important;
}
.menu-item.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-special>a,
.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-special>a{
padding-bottom:146px!important;
}
}
@media(max-width:520px){
.menu-item.oa-v545-experiences-menu>.sub-menu,
.menu-item.oa-v544-experiences-menu>.sub-menu{padding:10px!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>a,
.menu-item.oa-v544-experiences-menu>.sub-menu>li>a{
padding-left:18px!important;
padding-right:18px!important;
}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu,
.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu{
left:18px!important;
right:18px!important;
max-width:calc(100% - 36px)!important;
}
}
/* =========================================================
V5.4.7 — Mobile menu clean
Desktop mantiene mega menu visuale.
Mobile diventa lista pulita, leggibile e senza overflow.
========================================================= */
@media(max-width:980px){
html, body{overflow-x:hidden!important;}
.menu-item.oa-v545-experiences-menu,
.menu-item.oa-v544-experiences-menu,
.menu-item.oa-v542-mega-parent{
position:static!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu,
.menu-item.oa-v544-experiences-menu > .sub-menu,
.menu-item.oa-v542-mega-parent > .sub-menu{
position:static!important;
inset:auto!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
transform:none!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
display:block!important;
padding:0!important;
margin:14px 0 0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
overflow:visible!important;
box-sizing:border-box!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu > li,
.menu-item.oa-v544-experiences-menu > .sub-menu > li,
.menu-item.oa-v542-mega-parent > .sub-menu > li{
position:relative!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:0!important;
margin:0 0 18px!important;
padding:18px!important;
border-radius:22px!important;
background:#073B4C!important;
box-shadow:none!important;
overflow:visible!important;
box-sizing:border-box!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu > li.oa-v544-card-water,
.menu-item.oa-v544-experiences-menu > .sub-menu > li.oa-v544-card-water{
background:linear-gradient(135deg,#0D8CA8,#073B4C)!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu > li.oa-v544-card-forest,
.menu-item.oa-v544-experiences-menu > .sub-menu > li.oa-v544-card-forest{
background:linear-gradient(135deg,#183B22,#566E2D)!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu > li.oa-v544-card-special,
.menu-item.oa-v544-experiences-menu > .sub-menu > li.oa-v544-card-special{
background:linear-gradient(135deg,#6A3217,#F26A21)!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu > li::before,
.menu-item.oa-v545-experiences-menu > .sub-menu > li::after,
.menu-item.oa-v544-experiences-menu > .sub-menu > li::before,
.menu-item.oa-v544-experiences-menu > .sub-menu > li::after,
.menu-item.oa-v542-mega-parent > .sub-menu > li::before,
.menu-item.oa-v542-mega-parent > .sub-menu > li::after{
display:none!important;
content:none!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu > li > a,
.menu-item.oa-v544-experiences-menu > .sub-menu > li > a,
.menu-item.oa-v542-mega-parent > .sub-menu > li > a{
position:relative!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-height:0!important;
padding:0 0 14px!important;
margin:0 0 12px!important;
color:#fff!important;
font-size:1.45rem!important;
line-height:1.08!important;
font-weight:950!important;
letter-spacing:-.02em!important;
text-shadow:none!important;
text-decoration:none!important;
white-space:normal!important;
overflow-wrap:normal!important;
word-break:normal!important;
border-bottom:1px solid rgba(255,255,255,.22)!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu > li > .sub-menu,
.menu-item.oa-v544-experiences-menu > .sub-menu > li > .sub-menu,
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu{
position:static!important;
inset:auto!important;
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
list-style:none!important;
overflow:visible!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu > li > .sub-menu li,
.menu-item.oa-v544-experiences-menu > .sub-menu > li > .sub-menu li,
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu li{
margin:0!important;
padding:0!important;
width:auto!important;
max-width:100%!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu > li > .sub-menu a,
.menu-item.oa-v544-experiences-menu > .sub-menu > li > .sub-menu a,
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:34px!important;
padding:8px 12px!important;
border-radius:999px!important;
background:rgba(255,255,255,.18)!important;
color:#fff!important;
font-size:.88rem!important;
line-height:1.1!important;
font-weight:850!important;
text-decoration:none!important;
text-shadow:none!important;
white-space:normal!important;
}
.menu-item.oa-v545-experiences-menu > .sub-menu > li > .sub-menu a:hover,
.menu-item.oa-v544-experiences-menu > .sub-menu > li > .sub-menu a:hover,
.menu-item.oa-v542-mega-parent > .sub-menu > li > .sub-menu a:hover{
background:#fff!important;
color:#073B4C!important;
}
}
/* V5.4.8 - breakpoint fix: mobile menu starts before 1024px */
@media(max-width:1100px){
html,body{overflow-x:hidden!important}
.primary-menu,.primary-menu.is-open{overflow-x:hidden!important;max-width:calc(100vw - 2rem)!important;box-sizing:border-box!important}
.primary-menu li,.primary-menu .menu-item{max-width:100%!important;box-sizing:border-box!important}
.primary-menu>.oa-v545-experiences-menu,.primary-menu>.oa-v544-experiences-menu,.primary-menu>.oa-v542-mega-parent,
.menu-item.oa-v545-experiences-menu,.menu-item.oa-v544-experiences-menu,.menu-item.oa-v542-mega-parent{
position:static!important;width:100%!important;max-width:100%!important;overflow:visible!important
}
.primary-menu>.oa-v545-experiences-menu>.sub-menu,.primary-menu>.oa-v544-experiences-menu>.sub-menu,.primary-menu>.oa-v542-mega-parent>.sub-menu,
.menu-item.oa-v545-experiences-menu>.sub-menu,.menu-item.oa-v544-experiences-menu>.sub-menu,.menu-item.oa-v542-mega-parent>.sub-menu{
position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:14px 0 0!important;padding:0!important;
background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;
pointer-events:auto!important;overflow:visible!important;box-sizing:border-box!important
}
.primary-menu>.oa-v545-experiences-menu>.sub-menu>li,.primary-menu>.oa-v544-experiences-menu>.sub-menu>li,.primary-menu>.oa-v542-mega-parent>.sub-menu>li,
.menu-item.oa-v545-experiences-menu>.sub-menu>li,.menu-item.oa-v544-experiences-menu>.sub-menu>li,.menu-item.oa-v542-mega-parent>.sub-menu>li{
position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
margin:0 0 14px!important;padding:16px!important;border-radius:20px!important;overflow:visible!important;box-sizing:border-box!important;box-shadow:none!important
}
.primary-menu>.oa-v545-experiences-menu>.sub-menu>li:before,.primary-menu>.oa-v545-experiences-menu>.sub-menu>li:after,
.primary-menu>.oa-v544-experiences-menu>.sub-menu>li:before,.primary-menu>.oa-v544-experiences-menu>.sub-menu>li:after,
.primary-menu>.oa-v542-mega-parent>.sub-menu>li:before,.primary-menu>.oa-v542-mega-parent>.sub-menu>li:after{display:none!important;content:none!important}
.primary-menu>.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-water,.primary-menu>.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-water{background:linear-gradient(135deg,#0D8CA8,#073B4C)!important}
.primary-menu>.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-forest,.primary-menu>.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-forest{background:linear-gradient(135deg,#183B22,#566E2D)!important}
.primary-menu>.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-special,.primary-menu>.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-special{background:linear-gradient(135deg,#6A3217,#F26A21)!important}
.primary-menu>.oa-v545-experiences-menu>.sub-menu>li>a,.primary-menu>.oa-v544-experiences-menu>.sub-menu>li>a,.primary-menu>.oa-v542-mega-parent>.sub-menu>li>a,
.menu-item.oa-v545-experiences-menu>.sub-menu>li>a,.menu-item.oa-v544-experiences-menu>.sub-menu>li>a,.menu-item.oa-v542-mega-parent>.sub-menu>li>a{
position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0 0 12px!important;padding:0 0 12px!important;
border-bottom:1px solid rgba(255,255,255,.22)!important;border-radius:0!important;color:#fff!important;font-size:1.35rem!important;line-height:1.08!important;
font-weight:950!important;letter-spacing:-.02em!important;text-decoration:none!important;text-shadow:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important
}
.primary-menu>.oa-v545-experiences-menu>.sub-menu>li>.sub-menu,.primary-menu>.oa-v544-experiences-menu>.sub-menu>li>.sub-menu,.primary-menu>.oa-v542-mega-parent>.sub-menu>li>.sub-menu,
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu{
position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;
width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;list-style:none!important;overflow:visible!important
}
.primary-menu>.oa-v545-experiences-menu>.sub-menu>li>.sub-menu li,.primary-menu>.oa-v544-experiences-menu>.sub-menu>li>.sub-menu li,.primary-menu>.oa-v542-mega-parent>.sub-menu>li>.sub-menu li{
width:auto!important;max-width:100%!important;margin:0!important;padding:0!important
}
.primary-menu>.oa-v545-experiences-menu>.sub-menu>li>.sub-menu a,.primary-menu>.oa-v544-experiences-menu>.sub-menu>li>.sub-menu a,.primary-menu>.oa-v542-mega-parent>.sub-menu>li>.sub-menu a,
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu a,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu a,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu a{
display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:8px 12px!important;border-radius:999px!important;
background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:.86rem!important;line-height:1.1!important;font-weight:850!important;text-decoration:none!important;text-shadow:none!important;white-space:normal!important
}
}
/* V5.4.9 — Mega menu pulito stile Ursus: voci verticali */
@media(min-width:1101px){
.menu-item.oa-v545-experiences-menu,.menu-item.oa-v544-experiences-menu,.menu-item.oa-v542-mega-parent{position:relative!important}
.menu-item.oa-v545-experiences-menu>.sub-menu,.menu-item.oa-v544-experiences-menu>.sub-menu,.menu-item.oa-v542-mega-parent>.sub-menu{
position:absolute!important;top:calc(100% + 18px)!important;left:50%!important;right:auto!important;transform:translateX(-50%) translateY(8px)!important;
width:min(1120px,calc(100vw - 48px))!important;max-width:calc(100vw - 48px)!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;margin:0!important;padding:18px!important;background:rgba(7,59,76,.98)!important;border:1px solid rgba(255,255,255,.10)!important;border-top:5px solid var(--oa-orange,#F26A21)!important;
border-radius:28px!important;box-shadow:0 32px 80px rgba(0,0,0,.32)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:999999!important;overflow:hidden!important;box-sizing:border-box!important}
.menu-item.oa-v545-experiences-menu:hover>.sub-menu,.menu-item.oa-v545-experiences-menu:focus-within>.sub-menu,
.menu-item.oa-v544-experiences-menu:hover>.sub-menu,.menu-item.oa-v544-experiences-menu:focus-within>.sub-menu,
.menu-item.oa-v542-mega-parent:hover>.sub-menu,.menu-item.oa-v542-mega-parent:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li,.menu-item.oa-v544-experiences-menu>.sub-menu>li,.menu-item.oa-v542-mega-parent>.sub-menu>li{
position:relative!important;display:flex!important;flex-direction:column!important;min-height:330px!important;width:100%!important;padding:24px!important;margin:0!important;border-radius:24px!important;overflow:hidden!important;isolation:isolate;box-sizing:border-box!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li::before,.menu-item.oa-v544-experiences-menu>.sub-menu>li::before,.menu-item.oa-v542-mega-parent>.sub-menu>li::before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;display:block!important;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.76))!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li::after,.menu-item.oa-v544-experiences-menu>.sub-menu>li::after,.menu-item.oa-v542-mega-parent>.sub-menu>li::after{display:none!important;content:none!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-water,.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-water{background:linear-gradient(135deg,#0D8CA8,#073B4C)!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-forest,.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-forest{background:linear-gradient(135deg,#183B22,#566E2D)!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-special,.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-special{background:linear-gradient(135deg,#6A3217,#F26A21)!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>a,.menu-item.oa-v544-experiences-menu>.sub-menu>li>a,.menu-item.oa-v542-mega-parent>.sub-menu>li>a{
position:relative!important;display:block!important;width:100%!important;min-height:0!important;max-width:100%!important;padding:0 0 16px!important;margin:0 0 16px!important;border-bottom:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:clamp(1.65rem,2.2vw,2.35rem)!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-.045em!important;text-decoration:none!important;text-shadow:0 3px 14px rgba(0,0,0,.32)!important;white-space:normal!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu{
position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;max-width:100%!important;margin:auto 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;list-style:none!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu li,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu li,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu li{margin:0!important;padding:0!important;width:100%!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu a,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu a,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu a{
display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:42px!important;padding:10px 13px!important;border-radius:14px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:.94rem!important;line-height:1.1!important;font-weight:850!important;text-decoration:none!important;text-shadow:none!important;box-sizing:border-box!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu a::after,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu a::after,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu a::after{content:"›";font-size:1.2rem;opacity:.8}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu a:hover,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu a:hover,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu a:hover{background:#fff!important;color:#073B4C!important}
}
@media(max-width:1100px){
html,body{overflow-x:hidden!important}
.primary-menu,.primary-menu.is-open,.main-navigation,.site-navigation{overflow-x:hidden!important;max-width:100%!important;box-sizing:border-box!important}
.menu-item.oa-v545-experiences-menu,.menu-item.oa-v544-experiences-menu,.menu-item.oa-v542-mega-parent{position:static!important;width:100%!important;max-width:100%!important;overflow:visible!important}
.menu-item.oa-v545-experiences-menu>.sub-menu,.menu-item.oa-v544-experiences-menu>.sub-menu,.menu-item.oa-v542-mega-parent>.sub-menu{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:16px 0 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow:visible!important;box-sizing:border-box!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li,.menu-item.oa-v544-experiences-menu>.sub-menu>li,.menu-item.oa-v542-mega-parent>.sub-menu>li{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0 0 14px!important;padding:16px!important;border-radius:20px!important;overflow:hidden!important;box-sizing:border-box!important;box-shadow:none!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li::before,.menu-item.oa-v545-experiences-menu>.sub-menu>li::after,.menu-item.oa-v544-experiences-menu>.sub-menu>li::before,.menu-item.oa-v544-experiences-menu>.sub-menu>li::after,.menu-item.oa-v542-mega-parent>.sub-menu>li::before,.menu-item.oa-v542-mega-parent>.sub-menu>li::after{display:none!important;content:none!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-water,.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-water{background:linear-gradient(135deg,#0D8CA8,#073B4C)!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-forest,.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-forest{background:linear-gradient(135deg,#183B22,#566E2D)!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li.oa-v544-card-special,.menu-item.oa-v544-experiences-menu>.sub-menu>li.oa-v544-card-special{background:linear-gradient(135deg,#6A3217,#F26A21)!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>a,.menu-item.oa-v544-experiences-menu>.sub-menu>li>a,.menu-item.oa-v542-mega-parent>.sub-menu>li>a{display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0 0 12px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:1.22rem!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.02em!important;text-decoration:none!important;text-shadow:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;list-style:none!important;overflow:visible!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu li,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu li,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu li{width:100%!important;margin:0!important;padding:0!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu a,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu a,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:38px!important;padding:9px 12px!important;border-radius:13px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:.9rem!important;line-height:1.1!important;font-weight:850!important;text-decoration:none!important;text-shadow:none!important;box-sizing:border-box!important;white-space:normal!important}
.menu-item.oa-v545-experiences-menu>.sub-menu>li>.sub-menu a::after,.menu-item.oa-v544-experiences-menu>.sub-menu>li>.sub-menu a::after,.menu-item.oa-v542-mega-parent>.sub-menu>li>.sub-menu a::after{content:"›";font-size:1.1rem;opacity:.8}
}
/* =========================================================
V5.5.0 — FORCE MOBILE MEGA MENU CLEAN
Patch forte: intercetta il menu reale anche se cambiano le classi.
========================================================= */
/* Desktop: mantieni mega menu a card pulite con voci verticali */
@media (min-width:1101px){
nav li.menu-item-has-children > a[href="#"],
nav li.menu-item-has-children > a[aria-haspopup="true"]{
cursor:default;
}
nav li.menu-item-has-children.oa-v545-experiences-menu > ul.sub-menu,
nav li.menu-item-has-children.oa-v544-experiences-menu > ul.sub-menu,
nav li.menu-item-has-children.oa-v542-mega-parent > ul.sub-menu{
position:absolute!important;
top:calc(100% + 18px)!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%) translateY(8px)!important;
width:min(1120px,calc(100vw - 48px))!important;
max-width:calc(100vw - 48px)!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
padding:18px!important;
margin:0!important;
list-style:none!important;
background:rgba(7,59,76,.98)!important;
border-top:5px solid var(--oa-orange,#F26A21)!important;
border-radius:28px!important;
box-shadow:0 32px 80px rgba(0,0,0,.32)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
z-index:999999!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
nav li.menu-item-has-children.oa-v545-experiences-menu:hover > ul.sub-menu,
nav li.menu-item-has-children.oa-v545-experiences-menu:focus-within > ul.sub-menu,
nav li.menu-item-has-children.oa-v544-experiences-menu:hover > ul.sub-menu,
nav li.menu-item-has-children.oa-v544-experiences-menu:focus-within > ul.sub-menu,
nav li.menu-item-has-children.oa-v542-mega-parent:hover > ul.sub-menu,
nav li.menu-item-has-children.oa-v542-mega-parent:focus-within > ul.sub-menu{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateX(-50%) translateY(0)!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li,
nav li.oa-v544-experiences-menu > ul.sub-menu > li,
nav li.oa-v542-mega-parent > ul.sub-menu > li{
position:relative!important;
display:flex!important;
flex-direction:column!important;
min-height:330px!important;
padding:24px!important;
border-radius:24px!important;
overflow:hidden!important;
box-sizing:border-box!important;
background:linear-gradient(135deg,#073B4C,#0E8FB3)!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li.oa-v544-card-water,
nav li.oa-v544-experiences-menu > ul.sub-menu > li.oa-v544-card-water{
background:linear-gradient(135deg,#0D8CA8,#073B4C)!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li.oa-v544-card-forest,
nav li.oa-v544-experiences-menu > ul.sub-menu > li.oa-v544-card-forest{
background:linear-gradient(135deg,#183B22,#566E2D)!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li.oa-v544-card-special,
nav li.oa-v544-experiences-menu > ul.sub-menu > li.oa-v544-card-special{
background:linear-gradient(135deg,#6A3217,#F26A21)!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > a,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > a,
nav li.oa-v542-mega-parent > ul.sub-menu > li > a{
display:block!important;
width:100%!important;
min-height:0!important;
margin:0 0 16px!important;
padding:0 0 16px!important;
border-bottom:1px solid rgba(255,255,255,.22)!important;
color:#fff!important;
font-size:clamp(1.65rem,2.2vw,2.35rem)!important;
line-height:1.02!important;
font-weight:950!important;
letter-spacing:-.045em!important;
text-decoration:none!important;
text-shadow:none!important;
white-space:normal!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu{
position:relative!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
width:100%!important;
margin:auto 0 0!important;
padding:0!important;
list-style:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a{
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
width:100%!important;
min-height:42px!important;
padding:10px 13px!important;
border-radius:14px!important;
background:rgba(255,255,255,.14)!important;
color:#fff!important;
font-size:.94rem!important;
font-weight:850!important;
line-height:1.1!important;
text-decoration:none!important;
box-sizing:border-box!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a::after,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a::after,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a::after{
content:"›";
opacity:.8;
}
}
/* Mobile/tablet: qualsiasi mega menu Esperienze diventa elenco verticale */
@media (max-width:1100px){
html, body,
#page,
.site,
.site-header,
.main-navigation,
.primary-navigation,
nav,
nav ul{
overflow-x:hidden!important;
}
.main-navigation,
.primary-navigation,
nav,
nav .menu,
nav ul.menu,
nav .primary-menu,
.primary-menu,
.primary-menu.is-open,
.menu-menu-principale-container,
.menu-primary-container{
max-width:100%!important;
width:100%!important;
box-sizing:border-box!important;
}
/* forza tutti i livelli del menu dentro il pannello */
nav li,
nav li.menu-item,
nav li.menu-item-has-children{
max-width:100%!important;
box-sizing:border-box!important;
}
/* solo la voce Esperienze e il suo mega menu */
nav li.oa-v545-experiences-menu,
nav li.oa-v544-experiences-menu,
nav li.oa-v542-mega-parent{
position:static!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
box-sizing:border-box!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu,
nav li.oa-v544-experiences-menu > ul.sub-menu,
nav li.oa-v542-mega-parent > ul.sub-menu{
position:static!important;
inset:auto!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
transform:none!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:14px 0 0!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
overflow:visible!important;
box-sizing:border-box!important;
list-style:none!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li,
nav li.oa-v544-experiences-menu > ul.sub-menu > li,
nav li.oa-v542-mega-parent > ul.sub-menu > li{
position:relative!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:0!important;
margin:0 0 14px!important;
padding:16px!important;
border-radius:20px!important;
overflow:hidden!important;
box-sizing:border-box!important;
box-shadow:none!important;
list-style:none!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li::before,
nav li.oa-v545-experiences-menu > ul.sub-menu > li::after,
nav li.oa-v544-experiences-menu > ul.sub-menu > li::before,
nav li.oa-v544-experiences-menu > ul.sub-menu > li::after,
nav li.oa-v542-mega-parent > ul.sub-menu > li::before,
nav li.oa-v542-mega-parent > ul.sub-menu > li::after{
display:none!important;
content:none!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li.oa-v544-card-water,
nav li.oa-v544-experiences-menu > ul.sub-menu > li.oa-v544-card-water{
background:linear-gradient(135deg,#0D8CA8,#073B4C)!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li.oa-v544-card-forest,
nav li.oa-v544-experiences-menu > ul.sub-menu > li.oa-v544-card-forest{
background:linear-gradient(135deg,#183B22,#566E2D)!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li.oa-v544-card-special,
nav li.oa-v544-experiences-menu > ul.sub-menu > li.oa-v544-card-special{
background:linear-gradient(135deg,#6A3217,#F26A21)!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > a,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > a,
nav li.oa-v542-mega-parent > ul.sub-menu > li > a{
display:block!important;
width:100%!important;
max-width:100%!important;
min-height:0!important;
margin:0 0 12px!important;
padding:0 0 12px!important;
border-bottom:1px solid rgba(255,255,255,.22)!important;
border-radius:0!important;
color:#fff!important;
font-size:1.22rem!important;
line-height:1.08!important;
font-weight:950!important;
letter-spacing:-.02em!important;
text-decoration:none!important;
text-shadow:none!important;
white-space:normal!important;
word-break:normal!important;
overflow-wrap:break-word!important;
box-sizing:border-box!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu{
position:static!important;
inset:auto!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:7px!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
list-style:none!important;
overflow:visible!important;
box-sizing:border-box!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu li,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu li,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu li{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
width:100%!important;
max-width:100%!important;
min-height:38px!important;
padding:9px 12px!important;
border-radius:13px!important;
background:rgba(255,255,255,.16)!important;
color:#fff!important;
font-size:.9rem!important;
line-height:1.1!important;
font-weight:850!important;
text-decoration:none!important;
text-shadow:none!important;
box-sizing:border-box!important;
white-space:normal!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a::after,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a::after,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a::after{
content:"›";
font-size:1.1rem;
opacity:.8;
}
}
/* sicurezza estrema: se il pannello mobile ha width fissa, neutralizza solo overflow */
@media(max-width:1100px){
.site-header .sub-menu,
.main-navigation .sub-menu,
.primary-navigation .sub-menu{
box-sizing:border-box!important;
}
}
/* =========================================================
V5.5.1 — MOBILE SEMPLICE A CASCATA
Desktop/tablet largo: mega menu grafico.
Mobile: nessuna card, nessun mega menu, solo lista verticale.
========================================================= */
/* Ripristino sicurezza: hamburger non deve essere spinto a sinistra */
@media(max-width:1100px){
.site-header,
.site-header .container,
.header-inner,
.nav-wrap,
.main-navigation{
overflow:visible!important;
}
.menu-toggle,
.nav-toggle,
.mobile-menu-toggle,
button[aria-controls*="menu"],
button[aria-expanded]{
margin-left:auto!important;
margin-right:0!important;
position:relative!important;
right:auto!important;
left:auto!important;
transform:none!important;
float:none!important;
}
}
/* MOBILE: il menu Esperienze diventa semplice lista */
@media(max-width:1100px){
html,
body{
overflow-x:hidden!important;
}
/* contenitore menu mobile */
.main-navigation,
.primary-navigation,
.site-navigation,
nav,
nav .menu,
nav ul.menu,
nav .primary-menu,
.primary-menu,
.primary-menu.is-open,
.menu-menu-principale-container,
.menu-primary-container{
max-width:100%!important;
width:100%!important;
box-sizing:border-box!important;
}
/* reset completo del mega menu solo nel mobile */
nav li.oa-v545-experiences-menu,
nav li.oa-v544-experiences-menu,
nav li.oa-v542-mega-parent,
.menu-item.oa-v545-experiences-menu,
.menu-item.oa-v544-experiences-menu,
.menu-item.oa-v542-mega-parent{
position:static!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
box-sizing:border-box!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu,
nav li.oa-v544-experiences-menu > ul.sub-menu,
nav li.oa-v542-mega-parent > ul.sub-menu,
.menu-item.oa-v545-experiences-menu > ul.sub-menu,
.menu-item.oa-v544-experiences-menu > ul.sub-menu,
.menu-item.oa-v542-mega-parent > ul.sub-menu{
position:static!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:12px 0 0!important;
padding:0 0 0 14px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:none!important;
inset:auto!important;
overflow:visible!important;
list-style:none!important;
box-sizing:border-box!important;
}
/* le vecchie card diventano semplici gruppi */
nav li.oa-v545-experiences-menu > ul.sub-menu > li,
nav li.oa-v544-experiences-menu > ul.sub-menu > li,
nav li.oa-v542-mega-parent > ul.sub-menu > li,
.menu-item.oa-v545-experiences-menu > ul.sub-menu > li,
.menu-item.oa-v544-experiences-menu > ul.sub-menu > li,
.menu-item.oa-v542-mega-parent > ul.sub-menu > li{
display:block!important;
position:static!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:visible!important;
box-sizing:border-box!important;
list-style:none!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li::before,
nav li.oa-v545-experiences-menu > ul.sub-menu > li::after,
nav li.oa-v544-experiences-menu > ul.sub-menu > li::before,
nav li.oa-v544-experiences-menu > ul.sub-menu > li::after,
nav li.oa-v542-mega-parent > ul.sub-menu > li::before,
nav li.oa-v542-mega-parent > ul.sub-menu > li::after,
.menu-item.oa-v545-experiences-menu > ul.sub-menu > li::before,
.menu-item.oa-v545-experiences-menu > ul.sub-menu > li::after,
.menu-item.oa-v544-experiences-menu > ul.sub-menu > li::before,
.menu-item.oa-v544-experiences-menu > ul.sub-menu > li::after,
.menu-item.oa-v542-mega-parent > ul.sub-menu > li::before,
.menu-item.oa-v542-mega-parent > ul.sub-menu > li::after{
display:none!important;
content:none!important;
}
/* intestazioni gruppi: Acqua / Sentieri / Speciali */
nav li.oa-v545-experiences-menu > ul.sub-menu > li > a,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > a,
nav li.oa-v542-mega-parent > ul.sub-menu > li > a,
.menu-item.oa-v545-experiences-menu > ul.sub-menu > li > a,
.menu-item.oa-v544-experiences-menu > ul.sub-menu > li > a,
.menu-item.oa-v542-mega-parent > ul.sub-menu > li > a{
display:block!important;
width:100%!important;
max-width:100%!important;
min-height:0!important;
margin:16px 0 7px!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
color:#F26A21!important;
font-size:1rem!important;
line-height:1.25!important;
font-weight:900!important;
letter-spacing:.02em!important;
text-transform:uppercase!important;
text-decoration:none!important;
text-shadow:none!important;
white-space:normal!important;
box-sizing:border-box!important;
}
/* secondo livello: voci una sotto l’altra */
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu,
.menu-item.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu,
.menu-item.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu,
.menu-item.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu{
position:static!important;
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0 0 0 12px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
list-style:none!important;
overflow:visible!important;
box-sizing:border-box!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu li,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu li,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu li,
.menu-item.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu li,
.menu-item.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu li,
.menu-item.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu li{
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
list-style:none!important;
box-sizing:border-box!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a,
.menu-item.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a,
.menu-item.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a,
.menu-item.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a{
display:block!important;
width:100%!important;
max-width:100%!important;
min-height:0!important;
margin:0!important;
padding:8px 0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
color:#073B4C!important;
font-size:1rem!important;
line-height:1.35!important;
font-weight:750!important;
text-decoration:none!important;
text-shadow:none!important;
white-space:normal!important;
box-sizing:border-box!important;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a::before,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a::before,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a::before,
.menu-item.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a::before,
.menu-item.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a::before,
.menu-item.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a::before{
content:"— ";
color:#F26A21;
}
nav li.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a::after,
nav li.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a::after,
nav li.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a::after,
.menu-item.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a::after,
.menu-item.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a::after,
.menu-item.oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a::after{
display:none!important;
content:none!important;
}
}
/* Desktop: neutralizza solo l'effetto extra della patch forte precedente, se presente */
@media(min-width:1101px){
.menu-item.oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu,
.menu-item.oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu{
grid-template-columns:1fr!important;
}
}
/* V5.5.2 — MOBILE PLAIN MENU: Esperienze come normale voce menu */
@media(max-width:1100px){
html,body{overflow-x:hidden!important}
body .oa-v545-experiences-menu,
body .oa-v544-experiences-menu,
body .oa-v542-mega-parent{
position:static!important;width:100%!important;max-width:100%!important;overflow:visible!important;
background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;
box-shadow:none!important;transform:none!important;
}
body .oa-v545-experiences-menu ul.sub-menu,
body .oa-v544-experiences-menu ul.sub-menu,
body .oa-v542-mega-parent ul.sub-menu{
position:static!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
margin:0!important;padding:0!important;background:transparent!important;background-image:none!important;
border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;
transform:none!important;inset:auto!important;overflow:visible!important;list-style:none!important;
}
body .oa-v545-experiences-menu ul.sub-menu li,
body .oa-v544-experiences-menu ul.sub-menu li,
body .oa-v542-mega-parent ul.sub-menu li{
position:static!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
min-height:0!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;background-image:none!important;
border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;list-style:none!important;
}
body .oa-v545-experiences-menu ul.sub-menu li:before,
body .oa-v545-experiences-menu ul.sub-menu li:after,
body .oa-v544-experiences-menu ul.sub-menu li:before,
body .oa-v544-experiences-menu ul.sub-menu li:after,
body .oa-v542-mega-parent ul.sub-menu li:before,
body .oa-v542-mega-parent ul.sub-menu li:after{
display:none!important;content:none!important;background:none!important;
}
body .oa-v545-experiences-menu > ul.sub-menu > li > a,
body .oa-v544-experiences-menu > ul.sub-menu > li > a,
body .oa-v542-mega-parent > ul.sub-menu > li > a{
display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;
padding:.85rem 0 .85rem 1.25rem!important;background:transparent!important;background-image:none!important;
border:0!important;border-radius:0!important;box-shadow:none!important;color:#073B4C!important;
font-size:1rem!important;line-height:1.35!important;font-weight:800!important;letter-spacing:0!important;
text-transform:none!important;text-decoration:none!important;text-shadow:none!important;white-space:normal!important;
}
body .oa-v545-experiences-menu > ul.sub-menu > li > ul.sub-menu a,
body .oa-v544-experiences-menu > ul.sub-menu > li > ul.sub-menu a,
body .oa-v542-mega-parent > ul.sub-menu > li > ul.sub-menu a{
display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;
padding:.7rem 0 .7rem 2.25rem!important;background:transparent!important;background-image:none!important;
border:0!important;border-radius:0!important;box-shadow:none!important;color:#073B4C!important;
font-size:.96rem!important;line-height:1.35!important;font-weight:650!important;letter-spacing:0!important;
text-transform:none!important;text-decoration:none!important;text-shadow:none!important;white-space:normal!important;
}
body .oa-v545-experiences-menu a:before,
body .oa-v545-experiences-menu a:after,
body .oa-v544-experiences-menu a:before,
body .oa-v544-experiences-menu a:after,
body .oa-v542-mega-parent a:before,
body .oa-v542-mega-parent a:after{
display:none!important;content:none!important;
}
}
/* =========================================================
V5.5.3 — REAL MOBILE PLAIN MENU
Il mobile viene ricostruito come lista semplice.
Desktop invariato.
========================================================= */
@media(max-width:1100px){
.oa-v553-mobile-plain,
.oa-v553-mobile-plain *{
box-sizing:border-box!important;
}
.oa-v553-mobile-plain{
position:static!important;
display:block!important;
width:100%!important;
max-width:100%!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
}
.oa-v553-mobile-plain > a{
display:block!important;
width:100%!important;
padding:1rem 0!important;
background:transparent!important;
color:inherit!important;
border:0!important;
box-shadow:none!important;
text-decoration:none!important;
}
.oa-v553-mobile-plain ul,
.oa-v553-mobile-plain li{
position:static!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
margin:0!important;
padding:0!important;
list-style:none!important;
background:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
transform:none!important;
opacity:1!important;
visibility:visible!important;
overflow:visible!important;
}
.oa-v553-mobile-plain li:before,
.oa-v553-mobile-plain li:after,
.oa-v553-mobile-plain a:before,
.oa-v553-mobile-plain a:after{
display:none!important;
content:none!important;
background:none!important;
}
.oa-v553-mobile-plain > ul{
padding-left:0!important;
margin-top:.25rem!important;
}
.oa-v553-mobile-plain > ul > li > a{
display:block!important;
width:100%!important;
padding:.8rem 0 .55rem 1.25rem!important;
color:#073B4C!important;
font-size:1rem!important;
font-weight:850!important;
line-height:1.35!important;
text-transform:none!important;
letter-spacing:0!important;
text-shadow:none!important;
text-decoration:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.oa-v553-mobile-plain > ul > li > ul > li > a{
display:block!important;
width:100%!important;
padding:.55rem 0 .55rem 2.25rem!important;
color:#073B4C!important;
font-size:.96rem!important;
font-weight:600!important;
line-height:1.35!important;
text-transform:none!important;
letter-spacing:0!important;
text-shadow:none!important;
text-decoration:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.oa-v553-mobile-plain > ul > li > ul > li > a::before{
content:"— "!important;
display:inline!important;
color:#F26A21!important;
}
/* neutralizza i vecchi mega style solo quando JS ha ricostruito il menu */
.oa-v553-mobile-plain.oa-v544-experiences-menu > .sub-menu,
.oa-v553-mobile-plain.oa-v545-experiences-menu > .sub-menu,
.oa-v553-mobile-plain.oa-v542-mega-parent > .sub-menu{
position:static!important;
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
transform:none!important;
}
/* hamburger sempre a destra */
.menu-toggle,
.nav-toggle,
.mobile-menu-toggle,
button[aria-controls*="menu"]{
margin-left:auto!important;
margin-right:0!important;
left:auto!important;
right:auto!important;
transform:none!important;
}
}
/* V5.5.4 — nasconde eventuali duplicati Esperienze in mobile */
@media(max-width:1100px){
li.oa-v553-mobile-plain.oa-v554-duplicate-experience{
display:none!important;
}
}
/* =========================================================
V5.5.6 — CLEAN DYNAMIC MENU
Desktop: mega menu a card usando Aspetto > Menu.
Mobile: normale menu a cascata, senza card.
========================================================= */
/* Desktop / laptop */
@media(min-width:1101px){
.oa-v556-experiences{
position:relative!important;
}
.oa-v556-experiences > .sub-menu{
position:absolute!important;
top:calc(100% + 18px)!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%) translateY(8px)!important;
width:min(1120px,calc(100vw - 48px))!important;
max-width:calc(100vw - 48px)!important;
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
gap:18px!important;
margin:0!important;
padding:18px!important;
list-style:none!important;
background:rgba(7,59,76,.98)!important;
border-top:5px solid var(--oa-orange,#F26A21)!important;
border-radius:28px!important;
box-shadow:0 32px 80px rgba(0,0,0,.32)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
z-index:999999!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.oa-v556-experiences:hover > .sub-menu,
.oa-v556-experiences:focus-within > .sub-menu{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateX(-50%) translateY(0)!important;
}
.oa-v556-experiences > .sub-menu > li{
position:relative!important;
display:flex!important;
flex-direction:column!important;
min-height:320px!important;
padding:24px!important;
margin:0!important;
border-radius:24px!important;
overflow:hidden!important;
box-sizing:border-box!important;
background:linear-gradient(135deg,#073B4C,#0E8FB3)!important;
list-style:none!important;
}
.oa-v556-experiences > .sub-menu > li:nth-child(1){
background:linear-gradient(135deg,#0D8CA8,#073B4C)!important;
}
.oa-v556-experiences > .sub-menu > li:nth-child(2){
background:linear-gradient(135deg,#183B22,#566E2D)!important;
}
.oa-v556-experiences > .sub-menu > li:nth-child(3){
background:linear-gradient(135deg,#6A3217,#F26A21)!important;
}
.oa-v556-experiences > .sub-menu > li::before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.70))!important;
}
.oa-v556-experiences > .sub-menu > li > a{
position:relative!important;
z-index:1!important;
display:block!important;
width:100%!important;
min-height:0!important;
margin:0 0 16px!important;
padding:0 0 16px!important;
border-bottom:1px solid rgba(255,255,255,.22)!important;
color:#fff!important;
font-size:clamp(1.55rem,2.1vw,2.25rem)!important;
line-height:1.02!important;
font-weight:950!important;
letter-spacing:-.04em!important;
text-decoration:none!important;
text-shadow:none!important;
white-space:normal!important;
}
.oa-v556-experiences > .sub-menu > li > .sub-menu{
position:relative!important;
z-index:1!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
margin:auto 0 0!important;
padding:0!important;
list-style:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.oa-v556-experiences > .sub-menu > li > .sub-menu li{
width:100%!important;
margin:0!important;
padding:0!important;
list-style:none!important;
}
.oa-v556-experiences > .sub-menu > li > .sub-menu a{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
width:100%!important;
min-height:42px!important;
padding:10px 13px!important;
border-radius:14px!important;
background:rgba(255,255,255,.14)!important;
color:#fff!important;
font-size:.94rem!important;
line-height:1.1!important;
font-weight:850!important;
text-decoration:none!important;
box-sizing:border-box!important;
}
.oa-v556-experiences > .sub-menu > li > .sub-menu a::after{
content:"›";
opacity:.8;
}
.oa-v556-experiences > .sub-menu > li > .sub-menu a:hover{
background:#fff!important;
color:#073B4C!important;
}
}
/* Mobile / tablet */
@media(max-width:1100px){
.oa-v556-experiences,
.oa-v556-experiences *{
box-sizing:border-box!important;
}
.oa-v556-experiences{
position:static!important;
width:100%!important;
max-width:100%!important;
background:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:visible!important;
transform:none!important;
}
.oa-v556-experiences ul,
.oa-v556-experiences li{
position:static!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
list-style:none!important;
background:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
transform:none!important;
opacity:1!important;
visibility:visible!important;
overflow:visible!important;
}
.oa-v556-experiences li::before,
.oa-v556-experiences li::after,
.oa-v556-experiences a::before,
.oa-v556-experiences a::after{
display:none!important;
content:none!important;
}
.oa-v556-experiences > .sub-menu{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
.oa-v556-experiences > .sub-menu > li > a{
display:block!important;
width:100%!important;
margin:0!important;
padding:.85rem 0 .85rem 1.25rem!important;
color:#073B4C!important;
font-size:1rem!important;
line-height:1.35!important;
font-weight:800!important;
text-transform:none!important;
text-decoration:none!important;
text-shadow:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.oa-v556-experiences > .sub-menu > li > .sub-menu a{
display:block!important;
width:100%!important;
margin:0!important;
padding:.7rem 0 .7rem 2.25rem!important;
color:#073B4C!important;
font-size:.96rem!important;
line-height:1.35!important;
font-weight:650!important;
text-transform:none!important;
text-decoration:none!important;
text-shadow:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.oa-v556-experiences > .sub-menu > li > .sub-menu a::before{
content:"— "!important;
display:inline!important;
color:#F26A21!important;
}
}
/* =========================================================
V5.5.7 — MENU RESET
Nessun menu hardcoded. Usa solo Aspetto > Menu.
Desktop: mega card SOLO per la vera voce Esperienze.
Mobile: cascata semplice.
========================================================= */
/* Neutralizza vecchie classi se rimaste in HTML/cache */
@media(max-width:1100px){
.oa-v542-mega-parent:not(.oa-v557-experiences),
.oa-v544-experiences-menu:not(.oa-v557-experiences),
.oa-v545-experiences-menu:not(.oa-v557-experiences),
.oa-v555-dynamic-experiences:not(.oa-v557-experiences),
.oa-v556-experiences:not(.oa-v557-experiences){
background:transparent!important;
box-shadow:none!important;
border:0!important;
}
}
/* Desktop */
@media(min-width:1101px){
.oa-v557-experiences{
position:relative!important;
}
.oa-v557-experiences > .sub-menu{
position:absolute!important;
top:calc(100% + 18px)!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%) translateY(8px)!important;
width:min(1120px,calc(100vw - 48px))!important;
max-width:calc(100vw - 48px)!important;
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
gap:18px!important;
margin:0!important;
padding:18px!important;
list-style:none!important;
background:rgba(7,59,76,.98)!important;
border-top:5px solid var(--oa-orange,#F26A21)!important;
border-radius:28px!important;
box-shadow:0 32px 80px rgba(0,0,0,.32)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
z-index:999999!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.oa-v557-experiences:hover > .sub-menu,
.oa-v557-experiences:focus-within > .sub-menu{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateX(-50%) translateY(0)!important;
}
.oa-v557-experiences > .sub-menu > li{
position:relative!important;
display:flex!important;
flex-direction:column!important;
min-height:320px!important;
padding:24px!important;
margin:0!important;
border-radius:24px!important;
overflow:hidden!important;
box-sizing:border-box!important;
background:linear-gradient(135deg,#073B4C,#0E8FB3)!important;
list-style:none!important;
}
.oa-v557-experiences > .sub-menu > li:nth-child(1){
background:linear-gradient(135deg,#0D8CA8,#073B4C)!important;
}
.oa-v557-experiences > .sub-menu > li:nth-child(2){
background:linear-gradient(135deg,#183B22,#566E2D)!important;
}
.oa-v557-experiences > .sub-menu > li:nth-child(3){
background:linear-gradient(135deg,#6A3217,#F26A21)!important;
}
.oa-v557-experiences > .sub-menu > li::before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.70))!important;
}
.oa-v557-experiences > .sub-menu > li > a{
position:relative!important;
z-index:1!important;
display:block!important;
width:100%!important;
min-height:0!important;
margin:0 0 16px!important;
padding:0 0 16px!important;
border-bottom:1px solid rgba(255,255,255,.22)!important;
color:#fff!important;
font-size:clamp(1.55rem,2.1vw,2.25rem)!important;
line-height:1.02!important;
font-weight:950!important;
letter-spacing:-.04em!important;
text-decoration:none!important;
text-shadow:none!important;
white-space:normal!important;
}
.oa-v557-experiences > .sub-menu > li > .sub-menu{
position:relative!important;
z-index:1!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
margin:auto 0 0!important;
padding:0!important;
list-style:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.oa-v557-experiences > .sub-menu > li > .sub-menu li{
width:100%!important;
margin:0!important;
padding:0!important;
list-style:none!important;
}
.oa-v557-experiences > .sub-menu > li > .sub-menu a{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
width:100%!important;
min-height:42px!important;
padding:10px 13px!important;
border-radius:14px!important;
background:rgba(255,255,255,.14)!important;
color:#fff!important;
font-size:.94rem!important;
line-height:1.1!important;
font-weight:850!important;
text-decoration:none!important;
box-sizing:border-box!important;
}
.oa-v557-experiences > .sub-menu > li > .sub-menu a::after{
content:"›";
opacity:.8;
}
.oa-v557-experiences > .sub-menu > li > .sub-menu a:hover{
background:#fff!important;
color:#073B4C!important;
}
}
/* Mobile */
@media(max-width:1100px){
.oa-v557-experiences,
.oa-v557-experiences *{
box-sizing:border-box!important;
}
.oa-v557-experiences{
position:static!important;
width:100%!important;
max-width:100%!important;
background:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:visible!important;
transform:none!important;
}
.oa-v557-experiences ul,
.oa-v557-experiences li{
position:static!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
list-style:none!important;
background:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
transform:none!important;
opacity:1!important;
visibility:visible!important;
overflow:visible!important;
}
.oa-v557-experiences li::before,
.oa-v557-experiences li::after,
.oa-v557-experiences a::before,
.oa-v557-experiences a::after{
display:none!important;
content:none!important;
}
.oa-v557-experiences > .sub-menu{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
.oa-v557-experiences > .sub-menu > li > a{
display:block!important;
width:100%!important;
margin:0!important;
padding:.85rem 0 .85rem 1.25rem!important;
color:#073B4C!important;
font-size:1rem!important;
line-height:1.35!important;
font-weight:800!important;
text-transform:none!important;
text-decoration:none!important;
text-shadow:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.oa-v557-experiences > .sub-menu > li > .sub-menu a{
display:block!important;
width:100%!important;
margin:0!important;
padding:.7rem 0 .7rem 2.25rem!important;
color:#073B4C!important;
font-size:.96rem!important;
line-height:1.35!important;
font-weight:650!important;
text-transform:none!important;
text-decoration:none!important;
text-shadow:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.oa-v557-experiences > .sub-menu > li > .sub-menu a::before{
content:"— "!important;
display:inline!important;
color:#F26A21!important;
}
}
/* =========================================================
V5.5.8 — Full-width mega menu via JS
Desktop: overlay full monitor stile Ursus.
Mobile: menu normale a cascata, senza card.
========================================================= */
@media(min-width:1101px){
.oa-v558-experiences > .sub-menu{
display:none!important;
}
.oa-v558-mega-panel{
position:fixed;
left:0;
width:100vw;
z-index:999999;
padding:0 24px;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(10px);
transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.oa-v558-mega-panel.is-open{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0);
}
.oa-v558-mega-inner{
width:min(1320px, calc(100vw - 48px));
margin:0 auto;
padding:22px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:18px;
background:rgba(7,59,76,.98);
border-top:5px solid var(--oa-orange,#F26A21);
border-radius:0 0 30px 30px;
box-shadow:0 34px 90px rgba(0,0,0,.32);
}
.oa-v558-mega-card{
position:relative;
min-height:340px;
padding:26px;
border-radius:26px;
overflow:hidden;
display:flex;
flex-direction:column;
background:linear-gradient(135deg,#073B4C,#0E8FB3);
}
.oa-v558-mega-card:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.72));
z-index:0;
}
.oa-v558-card-1{background:linear-gradient(135deg,#0D8CA8,#073B4C);}
.oa-v558-card-2{background:linear-gradient(135deg,#183B22,#566E2D);}
.oa-v558-card-3{background:linear-gradient(135deg,#6A3217,#F26A21);}
.oa-v558-card-title{
position:relative;
z-index:1;
display:block;
color:#fff!important;
text-decoration:none!important;
font-size:clamp(1.65rem,2.2vw,2.55rem);
line-height:1.02;
font-weight:950;
letter-spacing:-.045em;
padding-bottom:16px;
margin-bottom:16px;
border-bottom:1px solid rgba(255,255,255,.24);
}
.oa-v558-card-links{
position:relative;
z-index:1;
margin-top:auto;
display:grid;
grid-template-columns:1fr;
gap:8px;
}
.oa-v558-mega-link{
display:flex;
align-items:center;
justify-content:space-between;
min-height:42px;
padding:10px 13px;
border-radius:14px;
background:rgba(255,255,255,.14);
color:#fff!important;
text-decoration:none!important;
font-weight:850;
font-size:.95rem;
}
.oa-v558-mega-link:after{
content:"›";
opacity:.8;
font-size:1.2rem;
}
.oa-v558-mega-link:hover{
background:#fff;
color:#073B4C!important;
}
}
@media(max-width:1100px){
.oa-v558-mega-panel{
display:none!important;
}
.oa-v558-experiences,
.oa-v558-experiences *{
box-sizing:border-box!important;
}
.oa-v558-experiences,
.oa-v558-mobile-plain{
position:static!important;
width:100%!important;
max-width:100%!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
transform:none!important;
}
.oa-v558-experiences ul,
.oa-v558-experiences li{
position:static!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
list-style:none!important;
background:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
transform:none!important;
opacity:1!important;
visibility:visible!important;
overflow:visible!important;
}
.oa-v558-experiences li:before,
.oa-v558-experiences li:after,
.oa-v558-experiences a:before,
.oa-v558-experiences a:after{
display:none!important;
content:none!important;
}
.oa-v558-experiences > .sub-menu{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
.oa-v558-experiences > .sub-menu > li > a{
display:block!important;
width:100%!important;
margin:0!important;
padding:.85rem 0 .85rem 1.25rem!important;
color:#073B4C!important;
font-size:1rem!important;
line-height:1.35!important;
font-weight:800!important;
text-transform:none!important;
text-decoration:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.oa-v558-experiences > .sub-menu > li > .sub-menu a{
display:block!important;
width:100%!important;
margin:0!important;
padding:.7rem 0 .7rem 2.25rem!important;
color:#073B4C!important;
font-size:.96rem!important;
line-height:1.35!important;
font-weight:650!important;
text-transform:none!important;
text-decoration:none!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.oa-v558-experiences > .sub-menu > li > .sub-menu a:before{
content:"— "!important;
display:inline!important;
color:#F26A21!important;
}
}
/* V5.5.9: neutralizza il vecchio mega menu PHP, se rimasto da cache/markup */
.oa-v540-mega-wrap,
.oa-v540-mega-panel{
display:none!important;
}
/* se una vecchia classe resta appesa, non deve più generare layout desktop/mobile */
.oa-v542-mega-parent:not(.oa-v558-experiences) > .sub-menu,
.oa-v544-experiences-menu:not(.oa-v558-experiences) > .sub-menu,
.oa-v545-experiences-menu:not(.oa-v558-experiences) > .sub-menu{
all:unset;
}
/* =========================================================
V5.6.0 — CONTROLLED MENU
Header usa un solo renderer menu.
Desktop: mega menu full-width.
Mobile: menu semplice a cascata.
========================================================= */
.oa-v540-mega-wrap,
.oa-v540-mega-panel,
.oa-v558-mega-panel{
display:none!important;
}
/* Desktop full width */
@media(min-width:1025px){
.oa-v560-primary-menu{
display:flex!important;
align-items:center!important;
gap:.25rem!important;
margin:0!important;
padding:0!important;
list-style:none!important;
}
.oa-v560-primary-menu > li{
position:relative!important;
}
.oa-v560-primary-menu > li > a{
color:#073B4C!important;
text-decoration:none!important;
font-weight:850!important;
display:flex!important;
align-items:center!important;
min-height:44px!important;
padding:.62rem .72rem!important;
background:transparent!important;
border-radius:0!important;
}
.oa-v560-primary-menu > li > a:hover,
.oa-v560-primary-menu > li > a:focus{
color:#F26A21!important;
}
/* Legacy mega-menu CSS removed in V5.9.2 */
}
.oa-v567-special-hero{position:relative;padding:7rem 0 4rem;color:#fff;background:linear-gradient(135deg,rgba(7,59,76,.96),rgba(242,106,33,.82));overflow:hidden}
.oa-v567-special-hero .eyebrow{display:inline-flex;margin-bottom:1rem;color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.oa-v567-special-hero h1{max-width:900px;color:#fff;font-size:clamp(3rem,7vw,6.8rem);line-height:.9;letter-spacing:-.07em;margin:0 0 1rem}
.oa-v567-special-hero p{max-width:760px;color:rgba(255,255,255,.88);font-size:1.2rem;line-height:1.65}
.oa-v567-special-wrap{padding:4.5rem 0 5.5rem;background:linear-gradient(180deg,#fff,#F7F2EA)}
.oa-v567-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.oa-v567-special-card{position:relative;min-height:430px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,rgba(7,59,76,.86),rgba(242,106,33,.72)),var(--oa-bg,none);background-size:cover;background-position:center;box-shadow:0 18px 55px rgba(7,59,76,.14)}
.oa-v567-special-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.78));z-index:0}
.oa-v567-demo-1{background:linear-gradient(135deg,#073B4C,#0E8FB3)}.oa-v567-demo-2{background:linear-gradient(135deg,#6A3217,#F26A21)}.oa-v567-demo-3{background:linear-gradient(135deg,#183B22,#566E2D)}.oa-v567-demo-4{background:linear-gradient(135deg,#4C2A6A,#F26A21)}.oa-v567-demo-5{background:linear-gradient(135deg,#0D8CA8,#073B4C)}.oa-v567-demo-6{background:linear-gradient(135deg,#172B3A,#D95D39)}
.oa-v567-special-link{position:relative;z-index:1;display:flex;flex-direction:column;min-height:430px;padding:1.55rem;color:#fff!important;text-decoration:none!important}
.oa-v567-special-kicker{display:inline-flex;width:max-content;padding:.42rem .7rem;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:.75rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em;backdrop-filter:blur(8px)}
.oa-v567-special-card h2{color:#fff;margin:1rem 0 0;font-size:clamp(1.85rem,3vw,3.2rem);line-height:.95;letter-spacing:-.055em}
.oa-v567-special-card p{margin:auto 0 1rem;color:rgba(255,255,255,.88);line-height:1.5;font-weight:500}
.oa-v567-special-card strong{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:42px;padding:.7rem 1rem;border-radius:999px;background:#fff;color:#073B4C;font-weight:950}
.oa-v567-special-card strong:after{content:"›";margin-left:.55rem;font-size:1.25rem}
.oa-v567-special-single-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;padding:6rem 0 4rem;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.75)),var(--oa-bg,linear-gradient(135deg,#073B4C,#F26A21));background-size:cover;background-position:center}
.oa-v567-special-single-hero h1{color:#fff;font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:-.07em;margin:0 0 1rem}
.oa-v567-special-single-hero p{max-width:760px;color:rgba(255,255,255,.9);font-size:1.2rem}
.oa-v567-special-entry{margin:3rem 0 5rem}
@media(max-width:980px){.oa-v567-special-grid{grid-template-columns:1fr}.oa-v567-special-card,.oa-v567-special-link{min-height:360px}}
/* =========================================================
V5.6.8 — Fascione informativo uniforme
Stile Esperienze Speciali replicato su Chi siamo, Contatti, Ospitalità
========================================================= */
.oa-v568-info-hero{
position:relative;
padding:7rem 0 4rem;
color:#fff;
background:
linear-gradient(135deg,rgba(7,59,76,.94),rgba(242,106,33,.82)),
var(--oa-info-bg, none);
background-size:cover;
background-position:center;
overflow:hidden;
}
.oa-v568-info-hero::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 82% 18%,rgba(255,255,255,.16),transparent 28%),
linear-gradient(90deg,rgba(7,59,76,.68),rgba(242,106,33,.18));
z-index:0;
}
.oa-v568-info-hero .container{
position:relative;
z-index:1;
max-width:1120px;
}
.oa-v568-info-hero .eyebrow{
display:inline-flex;
margin-bottom:1rem;
color:#fff;
font-weight:950;
text-transform:uppercase;
letter-spacing:.08em;
}
.oa-v568-info-hero h1{
max-width:900px;
color:#fff;
font-size:clamp(3rem,7vw,6.8rem);
line-height:.9;
letter-spacing:-.07em;
margin:0 0 1rem;
}
.oa-v568-info-hero p{
max-width:780px;
color:rgba(255,255,255,.9);
font-size:1.2rem;
line-height:1.65;
font-weight:500;
}
.oa-v568-hero-about{
background:
linear-gradient(135deg,rgba(7,59,76,.96),rgba(13,140,168,.74)),
var(--oa-info-bg, none);
}
.oa-v568-hero-contact{
background:
linear-gradient(135deg,rgba(7,59,76,.96),rgba(242,106,33,.82)),
var(--oa-info-bg, none);
}
.oa-v568-hero-hospitality{
background:
linear-gradient(135deg,rgba(24,59,34,.96),rgba(242,106,33,.72)),
var(--oa-info-bg, none);
}
/* Riduce l'effetto doppio titolo se la pagina stampa già il titolo subito sotto */
body.oa-v568-has-info-hero .entry-header,
body.oa-v568-has-info-hero .page-header{
display:none!important;
}
body.oa-v568-has-info-hero .entry-content > h1:first-child,
body.oa-v568-has-info-hero .entry-content > h2:first-child{
margin-top:0;
}
@media(max-width:768px){
.oa-v568-info-hero{
padding:5.5rem 0 3.2rem;
}
.oa-v568-info-hero p{
font-size:1.05rem;
}
}
/* =========================================================
V5.6.9 — Colori fascioni differenziati
========================================================= */
.oa-v568-hero-about{
background:
linear-gradient(135deg,rgba(7,59,76,.97),rgba(14,143,179,.78)),
var(--oa-info-bg, none)!important;
}
.oa-v568-hero-contact{
background:
linear-gradient(135deg,rgba(242,106,33,.95),rgba(106,50,23,.86)),
var(--oa-info-bg, none)!important;
}
.oa-v568-hero-hospitality{
background:
linear-gradient(135deg,rgba(24,59,34,.97),rgba(86,110,45,.82)),
var(--oa-info-bg, none)!important;
}
.oa-v568-hero-events{
background:
linear-gradient(135deg,rgba(106,50,23,.95),rgba(242,106,33,.78)),
var(--oa-info-bg, none)!important;
}
.oa-v568-hero-gallery{
background:
linear-gradient(135deg,rgba(13,140,168,.95),rgba(76,42,106,.78)),
var(--oa-info-bg, none)!important;
}
/* Esperienze Speciali rimane arancio/petrolio, ma la pagina non viene più rigenerata se cancellata */
.oa-v567-special-hero{
background:
linear-gradient(135deg,rgba(7,59,76,.96),rgba(242,106,33,.82)),
radial-gradient(circle at 75% 20%,rgba(255,255,255,.16),transparent 26%)!important;
}
/* =========================================================
V5.7.0 — Fascione informativo full width
Al posto del vecchio hero, non dentro il contenuto.
========================================================= */
body.oa-v568-has-info-hero .oa-page-hero,
body.oa-v568-has-info-hero .page-hero,
body.oa-v568-has-info-hero .oa-hero:not(.oa-v568-info-hero):not(.oa-v567-special-hero),
body.oa-v568-has-info-hero .activity-hero,
body.oa-v568-has-info-hero .entry-header,
body.oa-v568-has-info-hero .page-header{
display:none!important;
}
.oa-v568-info-hero{
width:100vw!important;
max-width:100vw!important;
margin-left:calc(50% - 50vw)!important;
margin-right:calc(50% - 50vw)!important;
min-height:520px!important;
display:flex!important;
align-items:center!important;
padding:6rem 0 5rem!important;
border-radius:0!important;
}
.oa-v568-info-hero .container{
width:min(1180px, calc(100vw - 48px))!important;
max-width:1180px!important;
margin:0 auto!important;
padding:0!important;
}
.oa-v568-info-hero h1{
font-size:clamp(4rem,8vw,7.5rem)!important;
max-width:900px!important;
}
.oa-v568-info-hero p{
max-width:820px!important;
}
body.oa-v568-has-info-hero .site-main,
body.oa-v568-has-info-hero main#primary{
padding-top:3rem;
}
body.oa-v568-has-info-hero .entry-content .oa-v568-info-hero,
body.oa-v568-has-info-hero .wp-block-post-content .oa-v568-info-hero{
display:none!important;
}
@media(max-width:768px){
.oa-v568-info-hero{
min-height:430px!important;
padding:4.5rem 0 3.6rem!important;
}
.oa-v568-info-hero .container{
width:min(100% - 32px, 1180px)!important;
}
.oa-v568-info-hero h1{
font-size:clamp(3.2rem,16vw,5.2rem)!important;
}
}
/* =========================================================
V5.7.1 — Un solo fascione informativo
Nasconde il vecchio hero sotto al fascione nuovo.
========================================================= */
body.oa-v568-has-info-hero .oa-v571-hide-old-hero{
display:none!important;
}
body.oa-v568-has-info-hero .site-main > .oa-page-hero,
body.oa-v568-has-info-hero .site-main > .page-hero,
body.oa-v568-has-info-hero .site-main > .oa-hero,
body.oa-v568-has-info-hero .site-main > .activity-hero,
body.oa-v568-has-info-hero main > .oa-page-hero,
body.oa-v568-has-info-hero main > .page-hero,
body.oa-v568-has-info-hero main > .oa-hero,
body.oa-v568-has-info-hero main > .activity-hero,
body.oa-v568-has-info-hero article > .oa-page-hero,
body.oa-v568-has-info-hero article > .page-hero,
body.oa-v568-has-info-hero article > .oa-hero,
body.oa-v568-has-info-hero article > .activity-hero{
display:none!important;
}
body.oa-v568-has-info-hero main#primary,
body.oa-v568-has-info-hero .site-main{
padding-top:0!important;
}
body.oa-v568-has-info-hero .oa-v568-info-hero + .site-main,
body.oa-v568-has-info-hero .oa-v568-info-hero + main{
margin-top:0!important;
}
/* V5.7.2 — Fascione pagina generico gestito da metabox */
.oa-v572-page-hero{position:relative;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;min-height:520px;display:flex;align-items:center;padding:6rem 0 5rem;color:#fff;border-radius:0!important;background:linear-gradient(135deg,rgba(7,59,76,.96),rgba(14,143,179,.76)),var(--oa-info-bg,none);background-size:cover;background-position:center;overflow:hidden}
.oa-v572-page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.16),transparent 28%),linear-gradient(90deg,rgba(7,59,76,.68),rgba(242,106,33,.10));z-index:0}
.oa-v572-page-hero .container{position:relative;z-index:1;width:min(1180px,calc(100vw - 48px))!important;max-width:1180px!important;margin:0 auto!important;padding:0!important}
.oa-v572-page-hero .eyebrow{display:inline-flex;margin-bottom:1rem;color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.oa-v572-page-hero h1{max-width:900px;color:#fff;font-size:clamp(4rem,8vw,7.5rem)!important;line-height:.9;letter-spacing:-.07em;margin:0 0 1rem}
.oa-v572-page-hero p{max-width:820px;color:rgba(255,255,255,.9);font-size:1.2rem;line-height:1.65;font-weight:500}
.oa-v572-hero-about{background:linear-gradient(135deg,rgba(7,59,76,.97),rgba(14,143,179,.78)),var(--oa-info-bg,none)!important}
.oa-v572-hero-contact{background:linear-gradient(135deg,rgba(242,106,33,.95),rgba(106,50,23,.86)),var(--oa-info-bg,none)!important}
.oa-v572-hero-hospitality{background:linear-gradient(135deg,rgba(24,59,34,.97),rgba(86,110,45,.82)),var(--oa-info-bg,none)!important}
.oa-v572-hero-events{background:linear-gradient(135deg,rgba(106,50,23,.95),rgba(242,106,33,.78)),var(--oa-info-bg,none)!important}
.oa-v572-hero-gallery{background:linear-gradient(135deg,rgba(13,140,168,.95),rgba(76,42,106,.78)),var(--oa-info-bg,none)!important}
.oa-v572-hero-special{background:linear-gradient(135deg,rgba(7,59,76,.96),rgba(242,106,33,.82)),var(--oa-info-bg,none)!important}
.oa-v572-hero-default{background:linear-gradient(135deg,rgba(7,59,76,.96),rgba(90,120,128,.74)),var(--oa-info-bg,none)!important}
body.oa-v572-has-page-hero .oa-v572-hide-duplicate-hero,body.oa-v572-has-page-hero .oa-v568-info-hero,body.oa-v572-has-page-hero .entry-header,body.oa-v572-has-page-hero .page-header{display:none!important}
body.oa-v572-has-page-hero main>.oa-page-hero,body.oa-v572-has-page-hero main>.page-hero,body.oa-v572-has-page-hero main>.oa-hero,body.oa-v572-has-page-hero main>.activity-hero,body.oa-v572-has-page-hero .site-main>.oa-page-hero,body.oa-v572-has-page-hero .site-main>.page-hero,body.oa-v572-has-page-hero .site-main>.oa-hero,body.oa-v572-has-page-hero .site-main>.activity-hero{display:none!important}
body.oa-v572-has-page-hero main#primary,body.oa-v572-has-page-hero .site-main{padding-top:0!important}
@media(max-width:768px){.oa-v572-page-hero{min-height:430px;padding:4.5rem 0 3.6rem}.oa-v572-page-hero .container{width:min(100% - 32px,1180px)!important}.oa-v572-page-hero h1{font-size:clamp(3.2rem,16vw,5.2rem)!important}.oa-v572-page-hero p{font-size:1.05rem}}
/* V5.7.3 — rimozione doppio fascione informativo */
body.oa-v572-has-page-hero main section[class*="hero"]:not(.oa-v572-page-hero),
body.oa-v572-has-page-hero main div[class*="hero"]:not(.oa-v572-page-hero),
body.oa-v572-has-page-hero .site-main section[class*="hero"]:not(.oa-v572-page-hero),
body.oa-v572-has-page-hero .site-main div[class*="hero"]:not(.oa-v572-page-hero),
body.oa-v572-has-page-hero main .page-title-section,
body.oa-v572-has-page-hero .site-main .page-title-section{
display:none!important;
}
/* =========================================================
V5.7.4 — Un solo fascione compatto
Mantiene colore/stile, riduce font e testo.
========================================================= */
body.oa-v572-has-page-hero .oa-v574-hide-old-gutenberg-hero{
display:none!important;
}
/* Nasconde blocchi Gutenberg hero classici rimasti in pagina */
body.oa-v572-has-page-hero main .wp-block-cover:first-child,
body.oa-v572-has-page-hero .site-main .wp-block-cover:first-child{
display:none!important;
}
/* Hero più elegante e meno gigante */
.oa-v572-page-hero{
min-height:390px!important;
padding:4.4rem 0 3.5rem!important;
}
.oa-v572-page-hero .container{
max-width:1080px!important;
}
.oa-v572-page-hero .eyebrow{
margin-bottom:.8rem!important;
font-size:.82rem!important;
letter-spacing:.09em!important;
}
.oa-v572-page-hero h1{
font-size:clamp(2.75rem,5.4vw,5.2rem)!important;
line-height:.94!important;
letter-spacing:-.055em!important;
max-width:760px!important;
margin-bottom:.85rem!important;
}
.oa-v572-page-hero p{
max-width:680px!important;
font-size:1.03rem!important;
line-height:1.55!important;
}
/* Colore fascione: mantiene impatto ma più morbido */
.oa-v572-hero-about{
background:
linear-gradient(135deg,rgba(7,59,76,.97),rgba(14,143,179,.70)),
var(--oa-info-bg, none)!important;
}
.oa-v572-hero-contact{
background:
linear-gradient(135deg,rgba(242,106,33,.92),rgba(106,50,23,.82)),
var(--oa-info-bg, none)!important;
}
.oa-v572-hero-hospitality{
background:
linear-gradient(135deg,rgba(24,59,34,.96),rgba(86,110,45,.76)),
var(--oa-info-bg, none)!important;
}
.oa-v572-hero-events{
background:
linear-gradient(135deg,rgba(106,50,23,.92),rgba(242,106,33,.72)),
var(--oa-info-bg, none)!important;
}
.oa-v572-hero-gallery{
background:
linear-gradient(135deg,rgba(13,140,168,.92),rgba(76,42,106,.72)),
var(--oa-info-bg, none)!important;
}
.oa-v572-hero-special{
background:
linear-gradient(135deg,rgba(7,59,76,.96),rgba(242,106,33,.76)),
var(--oa-info-bg, none)!important;
}
@media(max-width:768px){
.oa-v572-page-hero{
min-height:330px!important;
padding:3.5rem 0 2.8rem!important;
}
.oa-v572-page-hero h1{
font-size:clamp(2.5rem,12vw,4rem)!important;
}
.oa-v572-page-hero p{
font-size:.98rem!important;
}
}
/* =========================================================
V5.7.5 — Immagine in evidenza come sfondo fascione
========================================================= */
.oa-v572-page-hero.oa-v575-has-featured-bg{
background-image:
linear-gradient(135deg, rgba(7,59,76,.78), rgba(242,106,33,.42)),
var(--oa-info-bg)!important;
background-size:cover!important;
background-position:center!important;
background-repeat:no-repeat!important;
}
.oa-v572-page-hero.oa-v575-has-featured-bg::before{
background:
linear-gradient(90deg, rgba(7,59,76,.72), rgba(7,59,76,.28) 48%, rgba(242,106,33,.24)),
radial-gradient(circle at 82% 18%, rgba(255,255,255,.12), transparent 28%)!important;
}
/* varia leggermente overlay per pagina, mantenendo leggibilità */
.oa-v572-hero-about.oa-v575-has-featured-bg{
background-image:
linear-gradient(135deg, rgba(7,59,76,.82), rgba(14,143,179,.34)),
var(--oa-info-bg)!important;
}
.oa-v572-hero-contact.oa-v575-has-featured-bg{
background-image:
linear-gradient(135deg, rgba(7,59,76,.72), rgba(242,106,33,.46)),
var(--oa-info-bg)!important;
}
.oa-v572-hero-hospitality.oa-v575-has-featured-bg{
background-image:
linear-gradient(135deg, rgba(24,59,34,.82), rgba(242,106,33,.30)),
var(--oa-info-bg)!important;
}
.oa-v572-hero-events.oa-v575-has-featured-bg{
background-image:
linear-gradient(135deg, rgba(106,50,23,.78), rgba(242,106,33,.42)),
var(--oa-info-bg)!important;
}
.oa-v572-hero-gallery.oa-v575-has-featured-bg{
background-image:
linear-gradient(135deg, rgba(13,140,168,.75), rgba(76,42,106,.36)),
var(--oa-info-bg)!important;
}
.oa-v572-hero-special.oa-v575-has-featured-bg{
background-image:
linear-gradient(135deg, rgba(7,59,76,.80), rgba(242,106,33,.42)),
var(--oa-info-bg)!important;
}
/* V5.7.6 — Home pulita modificabile da Gutenberg */
.oa-v576-home-hero{
background:
linear-gradient(135deg,rgba(5,63,78,.84),rgba(13,151,183,.55)),
linear-gradient(135deg,#053f4e,#18a9cf)!important;
color:#fff;
}
.oa-v576-home-hero .wp-block-cover__inner-container{
width:min(1180px,calc(100vw - 48px))!important;
margin:0 auto;
}
.oa-v576-kicker{
font-size:.82rem;
font-weight:950;
letter-spacing:.09em;
text-transform:uppercase;
}
.oa-v576-orange{color:#f26a21!important}
.oa-v576-home-title{
max-width:820px;
color:#fff!important;
font-size:clamp(3.6rem,7.4vw,6.9rem)!important;
line-height:.9!important;
letter-spacing:-.07em!important;
margin:0 0 1rem!important;
}
.oa-v576-home-text{
max-width:700px;
color:rgba(255,255,255,.92)!important;
font-size:1.15rem!important;
line-height:1.65!important;
}
.oa-v576-btn-primary .wp-block-button__link{
background:#f26a21!important;
color:#fff!important;
border-radius:999px!important;
font-weight:900!important;
padding:.9rem 1.25rem!important;
}
.oa-v576-btn-secondary .wp-block-button__link{
color:#fff!important;
border-color:rgba(255,255,255,.65)!important;
border-radius:999px!important;
font-weight:900!important;
padding:.9rem 1.25rem!important;
}
.oa-v576-section{
padding:5.5rem 0;
}
.oa-v576-section-title{
max-width:900px;
color:#162f35;
font-size:clamp(2.8rem,5.4vw,5.8rem)!important;
line-height:.92!important;
letter-spacing:-.065em!important;
margin:.3rem 0 1rem!important;
}
.oa-v576-section-text{
max-width:820px;
color:#5f7479;
font-size:1.1rem;
line-height:1.65;
}
.oa-v576-cards{
gap:1.4rem!important;
margin-top:2.5rem!important;
}
.oa-v576-card{
min-height:430px;
padding:1.6rem;
border-radius:30px;
color:#fff;
display:flex;
flex-direction:column;
justify-content:flex-end;
box-shadow:0 22px 60px rgba(5,63,78,.14);
overflow:hidden;
}
.oa-v576-card-water{background:linear-gradient(135deg,#0f879f,#063b47)!important}
.oa-v576-card-forest{background:linear-gradient(135deg,#365f2e,#102312)!important}
.oa-v576-card-special{background:linear-gradient(135deg,#b15a25,#321205)!important}
.oa-v576-card h3{
color:#fff!important;
font-size:clamp(2.2rem,3.5vw,4rem)!important;
line-height:.9!important;
letter-spacing:-.06em!important;
}
.oa-v576-card p{color:rgba(255,255,255,.9)!important}
.oa-v576-small-btn .wp-block-button__link{
background:#fff!important;
color:#063b47!important;
border-radius:999px!important;
font-weight:900!important;
}
@media(max-width:900px){
.oa-v576-home-title{font-size:clamp(3rem,14vw,4.8rem)!important}
.oa-v576-cards{display:block!important}
.oa-v576-card{margin-bottom:1rem;min-height:360px}
}
/* =========================================================
V5.8.2 — HOME SLIDER + CAROUSEL RESTORED
========================================================= */
.oa-v582-home-slider{position:relative;width:100%;height:clamp(600px,72vh,780px);overflow:hidden;background:#063b47}
.oa-v582-home-track,.oa-v582-home-slide{position:absolute;inset:0;width:100%;height:100%}
.oa-v582-home-slide{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease;background-image:var(--oa-v582-bg,linear-gradient(115deg,#063b47,#0e8daa));background-size:cover;background-position:center}
.oa-v582-home-slide.is-active{opacity:1;visibility:visible;z-index:1}
.oa-v582-home-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,59,72,.94) 0%,rgba(5,59,72,.72) 48%,rgba(5,59,72,.28) 100%)}
.oa-v582-home-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:2rem;padding-bottom:6rem}
.oa-v582-home-content h1{max-width:930px;margin:.55rem 0 1rem;color:#fff;font-size:clamp(3.4rem,6.6vw,6.9rem);line-height:.9;letter-spacing:-.065em}
.oa-v582-home-content p{max-width:820px;margin:0 0 1.4rem;color:#fff;font-size:1.08rem;line-height:1.65}
.oa-v582-home-content .hero-kicker{color:#fff}
.oa-v582-ui{position:absolute;z-index:5;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.oa-v582-dots,.oa-v582-arrows{display:flex;align-items:center;gap:.55rem;pointer-events:auto}
.oa-v582-dots button{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.52);cursor:pointer;transition:.2s ease}
.oa-v582-dots button.is-active{width:38px;background:#f26a21}
.oa-v582-arrows button{width:52px;height:52px;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1.7rem;display:grid;place-items:center;cursor:pointer}
.oa-v582-arrows button:hover{background:#fff;color:#063b47}
.oa-v582-home-editorial{padding:4rem 0;background:#fff}
.oa-v582-home-editorial .alignfull{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:none!important}
.oa-v582-home-editorial .alignwide{max-width:1200px;margin-left:auto!important;margin-right:auto!important}
@media(max-width:768px){
.oa-v582-home-slider{height:680px}
.oa-v582-home-content{padding:3rem 20px 6.5rem}
.oa-v582-home-content h1{font-size:clamp(3rem,13vw,4.8rem)}
.oa-v582-home-content p{font-size:1rem}
.oa-v582-ui{bottom:18px;padding:0 20px}
.oa-v582-arrows button{width:46px;height:46px}
}
/* =========================================================
V5.8.3 — Hero fix + sezione Eventi Home
========================================================= */
/* evita il titolo tagliato sotto l'header */
.oa-v582-home-content{
padding-top:7rem!important;
padding-bottom:4.5rem!important;
justify-content:center!important;
}
.oa-v582-home-content h1{
max-width:980px!important;
font-size:clamp(3.15rem,5.8vw,6.25rem)!important;
line-height:.94!important;
}
@media(max-width:1024px){
.oa-v582-home-content{padding-top:6rem!important}
}
@media(max-width:768px){
.oa-v582-home-content{
padding:5rem 22px 5rem!important;
}
.oa-v582-home-content h1{
font-size:clamp(2.8rem,12vw,4.5rem)!important;
line-height:.96!important;
}
}
/* Eventi Home */
.oa-v583-events-home{
padding:6rem 0 6.5rem;
background:#f7f4ee;
}
.oa-v583-events-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:2rem;
margin-bottom:2.3rem;
}
.oa-v583-events-kicker{
display:inline-block;
color:#f26a21;
font-size:.78rem;
font-weight:900;
letter-spacing:.10em;
text-transform:uppercase;
margin-bottom:.75rem;
}
.oa-v583-events-head h2{
margin:0 0 .75rem;
max-width:760px;
color:#102f38;
font-size:clamp(2.8rem,5vw,5.2rem);
line-height:.94;
letter-spacing:-.055em;
}
.oa-v583-events-head p{
max-width:650px;
margin:0;
color:#61757a;
font-size:1.05rem;
line-height:1.65;
}
.oa-v583-events-all{
display:inline-flex;
align-items:center;
gap:.65rem;
white-space:nowrap;
color:#102f38!important;
font-weight:900;
text-decoration:none!important;
padding-bottom:.25rem;
border-bottom:2px solid #f26a21;
}
.oa-v583-events-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1.35rem;
}
.oa-v583-event-card{
overflow:hidden;
border-radius:26px;
background:#fff;
box-shadow:0 18px 48px rgba(9,48,59,.10);
transition:transform .22s ease, box-shadow .22s ease;
}
.oa-v583-event-card:hover{
transform:translateY(-5px);
box-shadow:0 26px 65px rgba(9,48,59,.15);
}
.oa-v583-event-media{
position:relative;
display:block;
min-height:285px;
background:
linear-gradient(135deg,#0b6479,#12a2c3),
var(--oa-v583-event-bg);
background-image:
linear-gradient(180deg,rgba(3,35,43,.02),rgba(3,35,43,.38)),
var(--oa-v583-event-bg,linear-gradient(135deg,#0b6479,#12a2c3));
background-size:cover;
background-position:center;
text-decoration:none!important;
}
.oa-v583-event-shade{
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 50%,rgba(4,31,38,.18));
}
.oa-v583-event-date{
position:absolute;
top:1.1rem;
left:1.1rem;
width:74px;
height:74px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:20px;
background:rgba(255,255,255,.94);
color:#102f38;
box-shadow:0 10px 30px rgba(0,0,0,.10);
}
.oa-v583-event-date strong{
font-size:1.9rem;
line-height:1;
}
.oa-v583-event-date small{
margin-top:.2rem;
color:#f26a21;
font-size:.72rem;
font-weight:900;
letter-spacing:.08em;
}
.oa-v583-event-arrow{
position:absolute;
right:1.1rem;
bottom:1.1rem;
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:50%;
background:#fff;
color:#102f38;
font-size:1.35rem;
font-weight:900;
}
.oa-v583-event-body{
padding:1.45rem 1.45rem 1.6rem;
}
.oa-v583-event-meta{
display:flex;
flex-wrap:wrap;
gap:.45rem .8rem;
margin-bottom:.75rem;
color:#f26a21;
font-size:.82rem;
font-weight:800;
}
.oa-v583-event-meta span+span:before{
content:"•";
margin-right:.8rem;
color:#a8b2b4;
}
.oa-v583-event-body h3{
margin:.15rem 0 .75rem;
font-size:1.55rem;
line-height:1.12;
}
.oa-v583-event-body h3 a{
color:#102f38!important;
text-decoration:none!important;
}
.oa-v583-event-body p{
margin:0 0 1rem;
color:#64767a;
line-height:1.55;
}
.oa-v583-event-link{
display:inline-flex;
gap:.55rem;
align-items:center;
color:#102f38!important;
font-weight:900;
text-decoration:none!important;
}
.oa-v583-events-empty{
border-radius:24px;
padding:2rem;
background:#fff;
color:#102f38;
box-shadow:0 18px 48px rgba(9,48,59,.08);
}
.oa-v583-events-empty strong{
font-size:1.35rem;
}
.oa-v583-events-empty p{
margin:.45rem 0 0;
color:#64767a;
}
@media(max-width:900px){
.oa-v583-events-head{
display:block;
}
.oa-v583-events-all{
margin-top:1.35rem;
}
.oa-v583-events-grid{
grid-template-columns:1fr;
}
.oa-v583-event-media{
min-height:240px;
}
.oa-v583-events-home{
padding:4rem 0;
}
}
/* V5.8.4 — logo + carosello eventi */
.oa-v584-placeholder-logo img,
.custom-logo-link img{
max-height:58px;
width:auto;
display:block;
}
.oa-v584-events-carousel{
padding:5.5rem 0 6rem;
}
.oa-v584-events-top{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:2rem;
margin-bottom:2rem;
}
.oa-v584-kicker{
display:block;
color:#f26a21;
font-size:.78rem;
font-weight:900;
letter-spacing:.1em;
margin-bottom:.7rem;
}
.oa-v584-events-top h2{
margin:0;
color:#102f38;
font-size:clamp(2.8rem,5vw,5.3rem);
line-height:.94;
letter-spacing:-.055em;
}
.oa-v584-carousel-nav{
display:flex;
gap:.65rem;
}
.oa-v584-carousel-nav button{
width:52px;
height:52px;
border-radius:50%;
border:1px solid rgba(16,47,56,.18);
background:#fff;
color:#102f38;
font-size:1.8rem;
cursor:pointer;
}
.oa-v584-events-track{
display:grid;
grid-auto-flow:column;
grid-auto-columns:minmax(320px, 31%);
gap:1.25rem;
overflow-x:auto;
scroll-snap-type:x mandatory;
scrollbar-width:none;
padding:.2rem 0 1.2rem;
}
.oa-v584-events-track::-webkit-scrollbar{display:none}
.oa-v584-event-card{
scroll-snap-align:start;
overflow:hidden;
border-radius:26px;
background:#fff;
box-shadow:0 18px 50px rgba(5,63,78,.10);
}
.oa-v584-event-image{
min-height:270px;
display:block;
position:relative;
background:
linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.30)),
var(--oa-event-bg,linear-gradient(135deg,#0d7f99,#0a4351));
background-size:cover;
background-position:center;
}
.oa-v584-date{
position:absolute;
top:1rem;
left:1rem;
width:72px;
height:72px;
border-radius:20px;
background:rgba(255,255,255,.95);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
color:#102f38;
}
.oa-v584-date strong{font-size:1.85rem;line-height:1}
.oa-v584-date small{color:#f26a21;font-size:.72rem;font-weight:900;margin-top:.2rem}
.oa-v584-event-copy{padding:1.35rem 1.4rem 1.55rem}
.oa-v584-meta{
display:flex;
flex-wrap:wrap;
gap:.35rem .75rem;
color:#f26a21;
font-size:.8rem;
font-weight:800;
margin-bottom:.75rem;
}
.oa-v584-event-copy h3{
margin:.1rem 0 .7rem;
font-size:1.55rem;
line-height:1.12;
}
.oa-v584-event-copy h3 a{color:#102f38!important;text-decoration:none!important}
.oa-v584-event-copy p{color:#65777b;line-height:1.55;margin:0 0 1rem}
.oa-v584-more{color:#102f38!important;font-weight:900;text-decoration:none!important}
.oa-v584-empty{
padding:2rem;
border-radius:24px;
background:#fff;
box-shadow:0 16px 40px rgba(5,63,78,.08);
}
@media(max-width:900px){
.oa-v584-events-track{grid-auto-columns:minmax(285px, 84%)}
.oa-v584-event-image{min-height:230px}
.oa-v584-events-top{align-items:center}
}
/* =========================================================
V5.8.5 — correzione reale logo + carosello eventi
========================================================= */
.site-branding{
display:flex;
align-items:center;
gap:.8rem;
}
.oa-v585-placeholder-logo,
.custom-logo-link{
display:flex;
align-items:center;
flex:0 0 auto;
text-decoration:none!important;
}
.oa-v585-placeholder-logo img,
.custom-logo-link img,
.site-header .custom-logo{
display:block!important;
width:auto!important;
max-width:190px!important;
max-height:58px!important;
height:auto!important;
}
.site-branding .brand-text{
display:none!important;
}
/* contenitore del carosello Home: niente doppio padding */
.oa-v585-home-events-block{
background:#f7f4ee;
}
.oa-v585-home-events-block .oa-v584-events-carousel{
padding-top:5.5rem;
padding-bottom:6rem;
}
/* 3 card visibili su desktop, poi scroll fino a 10 */
.oa-v584-events-track{
display:flex!important;
gap:1.25rem!important;
overflow-x:auto!important;
scroll-snap-type:x mandatory!important;
scroll-behavior:smooth!important;
}
.oa-v584-event-card{
flex:0 0 calc((100% - 2.5rem)/3)!important;
min-width:0!important;
}
@media(max-width:1024px){
.oa-v584-event-card{
flex-basis:calc((100% - 1.25rem)/2)!important;
}
}
@media(max-width:700px){
.oa-v584-event-card{
flex-basis:86%!important;
}
}
/* ==========================================================
V5.9.0 — MATESE DISCOVERY VISUAL REFRESH
Colori del brand alleggeriti: foto + bianco, colore come accento
========================================================== */
:root{
--md-orange:#f26a21;
--md-water:#0f7e9e;
--md-forest:#3e5f2a;
--md-ink:#17282d;
--md-cream:#f7f5f0;
}
html body{font-family:"Manrope",system-ui,-apple-system,sans-serif;color:var(--md-ink);background:#fff}
h1,h2,h3,h4,h5,h6,.primary-menu a,.button{font-family:"Manrope",system-ui,-apple-system,sans-serif}
/* header/menu: più leggero e meno colorato */
.site-header{background:rgba(18,35,40,.96);border-bottom:1px solid rgba(255,255,255,.09)}
.header-inner{min-height:76px}
.primary-menu{gap:.05rem}
.primary-menu a{font-size:.88rem;font-weight:700;letter-spacing:.01em;padding:.6rem .72rem;background:transparent!important}
.primary-menu>li>a:hover,.primary-menu>li>a:focus,.primary-menu .current-menu-item>a{color:#fff!important;box-shadow:inset 0 -2px 0 var(--md-orange);border-radius:0}
.mega-menu{
width:min(1040px,calc(100vw - 2rem));grid-template-columns:repeat(3,1fr);gap:0;
padding:1.25rem;background:#fff;border-top:3px solid var(--md-orange);
border-radius:0 0 18px 18px;box-shadow:0 22px 55px rgba(0,0,0,.18)
}
.mega-col,.mega-col:nth-child(1),.mega-col:nth-child(2),.mega-col:nth-child(3){
background:#fff!important;border-radius:0;padding:1rem 1.25rem;border-right:1px solid #ece9e2
}
.mega-col:last-child{border-right:0}
.mega-title{font-size:.76rem;letter-spacing:.12em;color:var(--md-orange);margin-bottom:.65rem}
.mega-col a{font-size:.9rem!important;font-weight:650!important;padding:.45rem 0!important;border-radius:0!important;color:var(--md-ink)!important}
.mega-col a:hover,.mega-col a:focus{color:var(--md-orange)!important;background:transparent!important;padding-left:.25rem!important}
/* HERO */
.oa-v590-hero{height:min(78vh,760px);min-height:570px;position:relative;overflow:hidden;background:#15272d;color:#fff}
.oa-v590-hero-track,.oa-v590-hero-slide{position:absolute;inset:0}
.oa-v590-hero-slide{opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s}
.oa-v590-hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.oa-v590-media{position:absolute;inset:0}
.oa-v590-media img,.oa-v590-media video{width:100%;height:100%;object-fit:cover;display:block}
.oa-v590-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,25,30,.72) 0%,rgba(8,25,30,.44) 44%,rgba(8,25,30,.08) 78%),linear-gradient(0deg,rgba(8,25,30,.28),transparent 42%)}
.oa-v590-hero-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:7rem}
.oa-v590-kicker,.oa-v590-section-label{font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--md-orange)}
.oa-v590-hero h1{max-width:880px;margin:.7rem 0 1rem;font-size:clamp(3rem,6.2vw,6.2rem);line-height:.94;letter-spacing:-.055em;font-weight:800}
.oa-v590-hero p{max-width:620px;margin:0 0 1.6rem;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.55;color:rgba(255,255,255,.9)}
.oa-v590-actions{display:flex;flex-wrap:wrap;gap:.65rem}
.oa-v590-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.1rem;text-decoration:none!important;font-size:.78rem;font-weight:800;letter-spacing:.06em;border:1px solid transparent}
.oa-v590-btn.primary{background:var(--md-orange);color:#fff}
.oa-v590-btn.ghost{border-color:rgba(255,255,255,.65);color:#fff;background:rgba(0,0,0,.08)}
.oa-v590-btn:hover{transform:translateY(-1px)}
.oa-v590-hero-ui{position:absolute;left:50%;bottom:1.7rem;transform:translateX(-50%);z-index:4;display:flex;align-items:center;justify-content:space-between}
.oa-v590-dots{display:flex;gap:.45rem}
.oa-v590-dots button{width:34px;height:3px;border:0;padding:0;background:rgba(255,255,255,.42);cursor:pointer}
.oa-v590-dots button.is-active{background:var(--md-orange)}
.oa-v590-arrows{display:flex;gap:.45rem}
.oa-v590-arrows button{width:44px;height:44px;border:1px solid rgba(255,255,255,.55);background:rgba(10,28,34,.28);color:#fff;cursor:pointer;font-size:1.1rem}
/* intro: molto respiro */
.oa-v590-intro{padding:7.2rem 0 4.2rem;background:#fff}
.oa-v590-intro .container{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:4rem;align-items:end}
.oa-v590-intro .oa-v590-section-label{grid-column:1/-1;margin-bottom:-2.8rem}
.oa-v590-intro h2{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.06em;font-weight:750}
.oa-v590-intro p{margin:0 0 .35rem;color:#657176;font-size:1.08rem;line-height:1.75}
/* box fotografici full */
.oa-v590-photo-grid{padding:0 0 7rem;background:#fff}
.oa-v590-photo-grid>.container{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oa-v590-photo-box{position:relative;min-height:520px;overflow:hidden;background:
linear-gradient(135deg,rgba(15,126,158,.42),rgba(23,40,45,.2)),
var(--box-bg,linear-gradient(135deg,#315d65,#16282d));background-size:cover;background-position:center;color:#fff}
.oa-v590-photo-box.box-1,.oa-v590-photo-box.box-4{grid-column:1/-1;min-height:610px}
.oa-v590-box-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,24,29,.78),rgba(9,24,29,.05) 70%)}
.oa-v590-photo-box.box-2 .oa-v590-box-shade{background:linear-gradient(0deg,rgba(28,45,23,.78),rgba(28,45,23,.04) 70%)}
.oa-v590-photo-box.box-3 .oa-v590-box-shade{background:linear-gradient(0deg,rgba(55,31,16,.76),rgba(55,31,16,.03) 70%)}
.oa-v590-box-copy{position:absolute;left:0;right:0;bottom:0;padding:clamp(1.5rem,4vw,3.5rem);max-width:780px}
.oa-v590-box-copy>span{display:block;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.55rem}
.oa-v590-box-copy>span:before{content:"";display:inline-block;width:30px;height:2px;background:var(--md-orange);vertical-align:middle;margin-right:.65rem}
.oa-v590-photo-box.box-1 .oa-v590-box-copy>span:before{background:#43b9d9}
.oa-v590-photo-box.box-2 .oa-v590-box-copy>span:before{background:#86aa62}
.oa-v590-box-copy h3{margin:0 0 .7rem;font-size:clamp(2.25rem,4.5vw,4.8rem);line-height:.96;letter-spacing:-.05em;font-weight:750}
.oa-v590-photo-box:not(.box-1):not(.box-4) h3{font-size:clamp(2rem,3.5vw,3.4rem)}
.oa-v590-box-copy p{max-width:600px;margin:0 0 1.2rem;color:rgba(255,255,255,.88);font-size:1rem;line-height:1.6}
.oa-v590-box-copy a{display:inline-flex;gap:.5rem;align-items:center;color:#fff!important;text-decoration:none!important;font-size:.78rem;font-weight:800;letter-spacing:.07em;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:.25rem}
.oa-v590-box-copy a b{color:var(--md-orange)}
.oa-v590-photo-box:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.06);opacity:0;transition:.3s;pointer-events:none}
.oa-v590-photo-box:hover:after{opacity:1}
.oa-v590-editorial{padding:4rem 0;background:var(--md-cream)}
/* caroselli esistenti: non ne cambiamo struttura, solo alleggerimento tipografico */
.oa-v584-events-home,.oa-v585-home-events-block{background:#f8f7f3!important}
.oa-v584-events-top h2{font-weight:750;letter-spacing:-.045em}
.oa-v584-event-card{box-shadow:0 12px 34px rgba(23,40,45,.08)!important}
/* elimina vecchio hero se qualche cache/template lo inietta */
.home .oa-v582-home-slider{display:none!important}
@media(max-width:900px){
.oa-v590-hero{height:72vh;min-height:560px}
.oa-v590-hero-copy{padding-bottom:6rem}
.oa-v590-intro{padding:5rem 0 3rem}
.oa-v590-intro .container{grid-template-columns:1fr;gap:1.4rem}
.oa-v590-intro .oa-v590-section-label{margin-bottom:0}
.oa-v590-photo-grid>.container{grid-template-columns:1fr}
.oa-v590-photo-box,.oa-v590-photo-box.box-1,.oa-v590-photo-box.box-4{grid-column:auto;min-height:500px}
}
@media(max-width:700px){
.oa-v590-hero{height:70vh;min-height:520px}
.oa-v590-hero h1{font-size:clamp(2.65rem,12vw,4.4rem)}
.oa-v590-hero-copy{padding-bottom:5.5rem}
.oa-v590-arrows{display:none}
.oa-v590-intro h2{font-size:clamp(2.6rem,12vw,4.3rem)}
.oa-v590-photo-grid>.container{width:100%;gap:8px}
.oa-v590-photo-box,.oa-v590-photo-box.box-1,.oa-v590-photo-box.box-4{min-height:460px}
.oa-v590-box-copy{padding:1.5rem}
}
/* ==========================================================
V5.9.1 — FONT UNICO + MEGA MENU RIDISEGNATO
========================================================== */
/* Un solo carattere in TUTTO il frontend, inclusi componenti legacy */
html body,
html body button,
html body input,
html body select,
html body textarea,
html body optgroup,
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,
html body p,html body li,html body a,html body span,html body strong,html body small,
html body .site-title,html body .site-tagline,
html body .primary-menu,html body .mega-menu,
html body .hero-kicker,html body .eyebrow,
html body .oa-v48-home-slider,html body .oa-v48-home-slider *,
html body .oa-v584-events-carousel,html body .oa-v584-events-carousel *,
html body .oa-v590-hero,html body .oa-v590-hero *,
html body .oa-v590-photo-grid,html body .oa-v590-photo-grid *,
html body .button,html body .wp-block-button__link{
font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
html body h1,html body h2,html body h3,
html body .oa-v590-hero h1,
html body .oa-v590-intro h2,
html body .oa-v590-box-copy h3,
html body .oa-v584-events-top h2{
font-weight:750!important;
}
html body .primary-menu a,
html body .mega-menu a{
font-weight:650!important;
}
/* V5.9.2 — Mega menu canonico per il markup reale .oa-v560-experiences */
@media(min-width:1025px){
.site-header{overflow:visible!important}
.header-inner,.main-navigation,.oa-v562-primary-menu{position:relative}
html body .oa-v560-experiences{position:static!important}
html body .oa-v560-experiences::after{display:none!important;content:none!important}
html body .oa-v560-experiences>.sub-menu.depth-1{
position:absolute!important;
z-index:9999!important;
top:calc(100% + 15px)!important;
left:auto!important;
right:0!important;
width:min(900px,calc(100vw - 40px))!important;
min-height:0!important;
margin:0!important;
padding:12px!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:0!important;
list-style:none!important;
background:#fff!important;
border:1px solid #e7e9e6!important;
border-top:3px solid #f26a21!important;
border-radius:0 0 14px 14px!important;
box-shadow:0 22px 55px rgba(8,25,30,.18)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateY(6px)!important;
transition:opacity .16s ease,transform .16s ease,visibility .16s!important;
}
html body .oa-v560-experiences:hover>.sub-menu.depth-1,
html body .oa-v560-experiences:focus-within>.sub-menu.depth-1,
html body .oa-v560-experiences.oa-mega-open>.sub-menu.depth-1{
opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
}
html body .oa-v560-experiences>.sub-menu.depth-1>li{
position:relative!important;
display:block!important;
min-height:0!important;
margin:0!important;
padding:18px 20px!important;
overflow:visible!important;
background:#fff!important;
background-image:none!important;
border:0!important;
border-right:1px solid #eceeea!important;
border-radius:0!important;
box-shadow:none!important;
color:#17282d!important;
}
html body .oa-v560-experiences>.sub-menu.depth-1>li:last-child{border-right:0!important}
html body .oa-v560-experiences>.sub-menu.depth-1>li::before,
html body .oa-v560-experiences>.sub-menu.depth-1>li::after{display:none!important;content:none!important}
html body .oa-v560-experiences>.sub-menu.depth-1>li>a{
display:block!important;
min-height:0!important;
margin:0 0 10px!important;
padding:0 0 11px!important;
background:transparent!important;
color:#17282d!important;
border:0!important;
border-bottom:1px solid #eceeea!important;
border-radius:0!important;
box-shadow:none!important;
font-family:"Manrope",system-ui,sans-serif!important;
font-size:.78rem!important;
line-height:1.25!important;
font-weight:800!important;
letter-spacing:.10em!important;
text-transform:uppercase!important;
text-decoration:none!important;
}
html body .oa-v560-experiences>.sub-menu.depth-1>li>a::before{
content:""!important;display:inline-block!important;width:18px!important;height:2px!important;
margin:0 7px 3px 0!important;background:#f26a21!important;
}
html body .oa-v560-experiences .sub-menu.depth-2{
position:static!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:0!important;
width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
list-style:none!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
html body .oa-v560-experiences .sub-menu.depth-2::before,
html body .oa-v560-experiences .sub-menu.depth-2::after{display:none!important;content:none!important}
html body .oa-v560-experiences .sub-menu.depth-2 li{
display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
}
html body .oa-v560-experiences .sub-menu.depth-2 a{
display:block!important;
position:relative!important;
min-height:0!important;
margin:0!important;
padding:7px 18px 7px 0!important;
background:transparent!important;
color:#435359!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
font-family:"Manrope",system-ui,sans-serif!important;
font-size:.86rem!important;
line-height:1.35!important;
font-weight:600!important;
letter-spacing:0!important;
text-transform:none!important;
text-decoration:none!important;
}
html body .oa-v560-experiences .sub-menu.depth-2 a::after{
content:"→"!important;display:block!important;position:absolute!important;right:0!important;top:7px!important;
color:#f26a21!important;opacity:0!important;transition:.15s!important;
}
html body .oa-v560-experiences .sub-menu.depth-2 a:hover,
html body .oa-v560-experiences .sub-menu.depth-2 a:focus{color:#f26a21!important;padding-left:4px!important}
html body .oa-v560-experiences .sub-menu.depth-2 a:hover::after,
html body .oa-v560-experiences .sub-menu.depth-2 a:focus::after{opacity:1!important}
}
@media(max-width:1024px){
html body .oa-v560-experiences>.sub-menu.depth-1,
html body .oa-v560-experiences .sub-menu.depth-2{
position:static!important;width:100%!important;min-width:0!important;
background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html body .oa-v560-experiences>.sub-menu.depth-1{display:block!important;padding:.3rem 0!important}
html body .oa-v560-experiences>.sub-menu.depth-1>li{background:transparent!important;padding:.25rem .75rem!important;border:0!important}
html body .oa-v560-experiences>.sub-menu.depth-1>li>a{color:#f26a21!important;font-weight:800!important}
}
/* ==========================================================
V5.9.3 — FIX DASHICONS / ADMIN BAR
========================================================== */
/* Font unico del sito, applicato solo agli elementi testuali */
html body,
html body button,
html body input,
html body select,
html body textarea,
html body optgroup,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body li,
html body a,
html body span:not(.dashicons):not(.ab-icon),
html body strong,
html body em,
html body small,
html body label,
html body blockquote,
html body figcaption,
html body table,
html body .site-title,
html body .site-tagline,
html body .primary-menu,
html body .mega-menu,
html body .hero-kicker,
html body .eyebrow,
html body .oa-v48-home-slider,
html body .oa-v584-events-carousel,
html body .oa-v590-hero,
html body .oa-v590-photo-grid,
html body .button,
html body .wp-block-button__link{
font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
/* Ripristino esplicito dei Dashicons WordPress e della barra admin */
html body .dashicons,
html body .dashicons-before:before,
html body [class^="dashicons-"]:before,
html body [class*=" dashicons-"]:before,
html body #wpadminbar .ab-icon:before,
html body #wpadminbar .ab-item:before,
html body #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before,
html body #wpadminbar #wp-admin-bar-site-name > .ab-item:before,
html body #wpadminbar #wp-admin-bar-updates .ab-icon:before,
html body #wpadminbar #wp-admin-bar-comments .ab-icon:before,
html body #wpadminbar #wp-admin-bar-new-content .ab-icon:before,
html body #wpadminbar #wp-admin-bar-edit .ab-item:before,
html body #wpadminbar #wp-admin-bar-customize .ab-item:before,
html body #wpadminbar #wp-admin-bar-search .ab-item:before{
font-family:dashicons!important;
font-style:normal!important;
font-weight:400!important;
speak:never;
}
/* V5.9.4 — rifinitura hover navigazione + singolo accento arancione */
@media(min-width:1025px){
/* Menu principale: niente bianco su bianco */
html body .site-header .primary-menu>li>a{
color:#173740!important;
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
}
html body .site-header .primary-menu>li>a:hover,
html body .site-header .primary-menu>li>a:focus,
html body .site-header .primary-menu>li.current-menu-item>a,
html body .site-header .primary-menu>li.current-menu-ancestor>a{
color:#f26a21!important;
background:transparent!important;
box-shadow:none!important;
}
/* Un solo segno arancione: quello superiore del mega menu */
html body .oa-v560-experiences>.sub-menu.depth-1{
border-top:3px solid #f26a21!important;
}
html body .oa-v560-experiences>.sub-menu.depth-1>li>a::before{
display:none!important;
content:none!important;
}
/* Hover link nel mega menu: testo arancione, fondo sempre bianco */
html body .oa-v560-experiences>.sub-menu.depth-1>li>a:hover,
html body .oa-v560-experiences>.sub-menu.depth-1>li>a:focus,
html body .oa-v560-experiences .sub-menu.depth-2 a:hover,
html body .oa-v560-experiences .sub-menu.depth-2 a:focus{
color:#f26a21!important;
background:#fff!important;
}
}
/* ==========================================================
V5.9.6 — IDENTITÀ CROMATICA MATESE DISCOVERY
Layout nuovo, linguaggio cromatico del sito storico:
bianco / antracite / arancio caldo, fotografia protagonista.
========================================================== */
:root{
--md-orange:#f36b21;
--md-water:#f36b21;
--md-forest:#262626;
--md-ink:#222222;
--md-cream:#f7f7f5;
--md-dark:#202020;
}
/* base più vicina al sito storico */
html body{color:#242424;background:#fff}
.site-header{background:#fff!important;border-bottom:1px solid #ededeb!important}
html body .site-header .primary-menu>li>a{color:#242424!important}
html body .site-header .primary-menu>li>a:hover,
html body .site-header .primary-menu>li>a:focus,
html body .site-header .primary-menu>li.current-menu-item>a,
html body .site-header .primary-menu>li.current-menu-ancestor>a{color:#f36b21!important}
/* Hero: foto protagonista + overlay neutro, non petrolio */
.oa-v590-hero{background:#202020!important}
.oa-v590-shade{
background:
linear-gradient(90deg,rgba(20,20,20,.72) 0%,rgba(20,20,20,.42) 45%,rgba(20,20,20,.06) 80%),
linear-gradient(0deg,rgba(20,20,20,.26),transparent 45%)!important;
}
.oa-v590-kicker,.oa-v590-section-label{color:#f36b21!important}
.oa-v590-btn.primary{background:#f36b21!important;color:#fff!important}
.oa-v590-dots button.is-active{background:#f36b21!important}
/* Intro e sezioni: bianco/antracite, niente dominante blu-verde */
.oa-v590-intro{background:#fff!important}
.oa-v590-intro h2{color:#242424!important}
.oa-v590-intro p{color:#666!important}
/* Box: FOTO FULL + overlay antracite neutro; arancio come unico accento */
.oa-v590-photo-box,
.oa-v590-photo-box.box-1,
.oa-v590-photo-box.box-2,
.oa-v590-photo-box.box-3,
.oa-v590-photo-box.box-4{
background-image:var(--box-bg,linear-gradient(135deg,#4b4b4b,#202020))!important;
background-size:cover!important;
background-position:center!important;
background-repeat:no-repeat!important;
}
.oa-v590-photo-box .oa-v590-box-shade,
.oa-v590-photo-box.box-1 .oa-v590-box-shade,
.oa-v590-photo-box.box-2 .oa-v590-box-shade,
.oa-v590-photo-box.box-3 .oa-v590-box-shade,
.oa-v590-photo-box.box-4 .oa-v590-box-shade{
background:
linear-gradient(0deg,rgba(20,20,20,.82) 0%,rgba(20,20,20,.48) 43%,rgba(20,20,20,.06) 78%),
linear-gradient(90deg,rgba(20,20,20,.22),transparent 58%)!important;
}
.oa-v590-box-copy>span:before,
.oa-v590-photo-box.box-1 .oa-v590-box-copy>span:before,
.oa-v590-photo-box.box-2 .oa-v590-box-copy>span:before,
.oa-v590-photo-box.box-3 .oa-v590-box-copy>span:before,
.oa-v590-photo-box.box-4 .oa-v590-box-copy>span:before{background:#f36b21!important}
.oa-v590-box-copy h3,.oa-v590-box-copy p,.oa-v590-box-copy>span{color:#fff!important}
.oa-v596-full-link{position:absolute!important;inset:0!important;z-index:2!important;display:block!important}
.oa-v590-box-copy{z-index:3!important;pointer-events:none}
.oa-v596-box-cta{
display:inline-block!important;
padding-bottom:.28rem!important;
border-bottom:1px solid rgba(255,255,255,.75)!important;
color:#fff!important;
font-size:.78rem!important;
font-weight:800!important;
letter-spacing:.07em!important;
}
.oa-v590-photo-box:hover .oa-v596-box-cta{color:#f36b21!important;border-bottom-color:#f36b21!important}
/* Mega menu: bianco/antracite/arancio, senza frecce */
html body .oa-v560-experiences>.sub-menu.depth-1{border-top:3px solid #f36b21!important;background:#fff!important}
html body .oa-v560-experiences>.sub-menu.depth-1>li>a{color:#242424!important}
html body .oa-v560-experiences .sub-menu.depth-2 a{color:#4b4b4b!important;padding-right:0!important}
html body .oa-v560-experiences .sub-menu.depth-2 a::after,
html body .oa-v560-experiences .sub-menu.depth-2 a:hover::after,
html body .oa-v560-experiences .sub-menu.depth-2 a:focus::after{
display:none!important;content:none!important;opacity:0!important;
}
html body .oa-v560-experiences .sub-menu.depth-2 a:hover,
html body .oa-v560-experiences .sub-menu.depth-2 a:focus{
color:#f36b21!important;background:transparent!important;padding-left:0!important;
}
/* Caroselli: struttura invariata, solo colori ricondotti all'identità storica */
.oa-v584-events-home,.oa-v585-home-events-block{background:#f7f7f5!important}
.oa-v584-event-card{background:#fff!important}
/* ==========================================================
V5.9.7 — COLORI UFFICIALI MATESE DISCOVERY
Giallo: #f2b809 | rgb(242,184,9)
Verde : #047368 | rgb(4,115,104)
========================================================== */
:root{
--md-yellow:#f2b809;
--md-green:#047368;
--md-ink:#202020;
--md-soft:#f7f7f5;
}
/* NAV / HEADER */
html body .site-header .primary-menu>li>a:hover,
html body .site-header .primary-menu>li>a:focus,
html body .site-header .primary-menu>li.current-menu-item>a,
html body .site-header .primary-menu>li.current-menu-ancestor>a{
color:var(--md-green)!important;
}
/* HERO */
.oa-v590-kicker,
.oa-v590-section-label{
color:var(--md-yellow)!important;
}
.oa-v590-btn.primary{
background:var(--md-yellow)!important;
color:#202020!important;
}
.oa-v590-btn.primary:hover,
.oa-v590-btn.primary:focus{
background:var(--md-green)!important;
color:#fff!important;
}
.oa-v590-btn.secondary:hover,
.oa-v590-btn.secondary:focus{
border-color:var(--md-yellow)!important;
color:var(--md-yellow)!important;
}
.oa-v590-dots button.is-active{
background:var(--md-yellow)!important;
}
/* TITOLI / ACCENTI */
.oa-v590-intro h2 strong,
.oa-v590-intro h2 em{
color:var(--md-green)!important;
}
/* BOX HOME: verde + giallo come segni identitari, foto protagonista */
.oa-v590-photo-box .oa-v590-box-copy>span{
color:var(--md-yellow)!important;
}
.oa-v590-photo-box .oa-v590-box-copy>span:before,
.oa-v590-photo-box.box-1 .oa-v590-box-copy>span:before,
.oa-v590-photo-box.box-2 .oa-v590-box-copy>span:before,
.oa-v590-photo-box.box-3 .oa-v590-box-copy>span:before,
.oa-v590-photo-box.box-4 .oa-v590-box-copy>span:before{
background:var(--md-yellow)!important;
}
.oa-v590-photo-box:hover .oa-v596-box-cta{
color:var(--md-yellow)!important;
border-bottom-color:var(--md-yellow)!important;
}
.oa-v590-photo-box:focus-within{
outline:3px solid var(--md-yellow)!important;
outline-offset:2px;
}
/* MEGA MENU */
html body .oa-v560-experiences>.sub-menu.depth-1{
border-top-color:var(--md-yellow)!important;
}
html body .oa-v560-experiences>.sub-menu.depth-1>li>a:hover,
html body .oa-v560-experiences>.sub-menu.depth-1>li>a:focus{
color:var(--md-green)!important;
}
html body .oa-v560-experiences .sub-menu.depth-2 a:hover,
html body .oa-v560-experiences .sub-menu.depth-2 a:focus{
color:var(--md-green)!important;
}
html body .oa-v560-experiences .sub-menu.depth-2 a::after,
html body .oa-v560-experiences .sub-menu.depth-2 a:hover::after,
html body .oa-v560-experiences .sub-menu.depth-2 a:focus::after{
display:none!important;
content:none!important;
}
/* PULSANTI / LINK GENERALI DELLE SEZIONI HOME */
.home main a:not(.oa-v596-full-link):not(.wp-block-button__link):hover,
.home main a:not(.oa-v596-full-link):not(.wp-block-button__link):focus{
color:var(--md-green);
}
.home .wp-block-button__link,
.home .button,
.home button:not(.oa-v590-dot){
border-radius:0;
}
/* CAROSELLO ATTIVITÀ ED EVENTI: struttura invariata, solo accenti */
.oa-v48-home-activities,
.oa-v584-events-home,
.oa-v585-home-events-block{
--accent:var(--md-green);
}
.oa-v48-home-activities a:hover,
.oa-v584-events-home a:hover,
.oa-v585-home-events-block a:hover{
color:var(--md-green)!important;
}
/* Accessibilità / selezione */
::selection{
background:var(--md-yellow);
color:#202020;
}
/* ==========================================================
V5.9.8 — CAROSELLI + FOOTER COERENTI CON MATESE DISCOVERY
Palette ufficiale: #047368 / #f2b809
========================================================== */
/* ---------- CAROSELLO ATTIVITÀ ---------- */
.oa-v48-home-slider-section{
background:#047368!important;
color:#fff!important;
padding:5.4rem 0 5rem!important;
}
.oa-v48-home-slider-section:before{
background:
radial-gradient(circle at 88% 12%,rgba(242,184,9,.22),transparent 27%),
linear-gradient(120deg,rgba(4,115,104,.98),rgba(3,81,74,.96))!important;
}
.oa-v48-home-slider-head .eyebrow{
background:#f2b809!important;
color:#202020!important;
border-radius:0!important;
}
.oa-v48-home-slider-head h2{color:#fff!important}
.oa-v48-home-slider-head p{color:rgba(255,255,255,.84)!important}
.oa-v48-activity-slide{
border-radius:18px!important;
background:#035c54!important;
box-shadow:0 20px 46px rgba(0,45,41,.28)!important;
}
.oa-v48-activity-slide:after{
background:
linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.18) 37%,rgba(0,45,41,.88))!important;
}
.oa-v48-slide-demo,
.oa-v48-activity-slide[data-kind="boschi"] .oa-v48-slide-demo,
.oa-v48-activity-slide[data-kind="bike"] .oa-v48-slide-demo{
background:linear-gradient(145deg,#047368,#035149)!important;
}
.oa-v48-level-icon{
border-color:rgba(255,255,255,.80)!important;
border-top-color:#f2b809!important;
border-right-color:#f2b809!important;
}
.oa-v48-slide-meta span{
background:#fff!important;
color:#047368!important;
border-radius:4px!important;
}
.oa-v48-home-dots button{
border-color:rgba(255,255,255,.78)!important;
}
.oa-v48-home-dots button.is-active{
background:#f2b809!important;
border-color:#f2b809!important;
}
.oa-v48-arrow{
border-color:rgba(255,255,255,.65)!important;
background:transparent!important;
color:#fff!important;
}
.oa-v48-arrow:hover,
.oa-v48-arrow:focus{
background:#f2b809!important;
border-color:#f2b809!important;
color:#202020!important;
}
/* ---------- CAROSELLO EVENTI ---------- */
.oa-v584-events-home,
.oa-v585-home-events-block{
background:#f6f7f3!important;
}
.oa-v584-events-carousel{
padding:5.7rem 0 6.2rem!important;
}
.oa-v584-kicker{
color:#047368!important;
position:relative;
padding-left:1.6rem;
}
.oa-v584-kicker:before{
content:"";
position:absolute;
left:0;
top:50%;
width:1rem;
height:3px;
transform:translateY(-50%);
background:#f2b809;
}
.oa-v584-events-top h2{
color:#202020!important;
}
.oa-v584-carousel-nav button{
border:1px solid rgba(4,115,104,.25)!important;
background:#fff!important;
color:#047368!important;
}
.oa-v584-carousel-nav button:hover,
.oa-v584-carousel-nav button:focus{
background:#047368!important;
border-color:#047368!important;
color:#fff!important;
}
.oa-v584-event-card{
border-radius:18px!important;
box-shadow:0 14px 40px rgba(31,50,47,.10)!important;
border:1px solid rgba(4,115,104,.08)!important;
background:#fff!important;
}
.oa-v584-event-image{
background:
linear-gradient(180deg,rgba(0,0,0,.01),rgba(4,115,104,.20)),
var(--oa-event-bg,linear-gradient(135deg,#047368,#034c45))!important;
}
.oa-v584-date{
border-radius:10px!important;
color:#047368!important;
box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
}
.oa-v584-date small{
color:#047368!important;
}
.oa-v584-meta{
color:#047368!important;
}
.oa-v584-event-copy h3 a{
color:#202020!important;
}
.oa-v584-event-copy h3 a:hover,
.oa-v584-event-copy h3 a:focus{
color:#047368!important;
}
.oa-v584-event-copy p{
color:#66716f!important;
}
.oa-v584-more{
display:inline-flex!important;
align-items:center!important;
gap:.35rem!important;
color:#047368!important;
border-bottom:2px solid #f2b809!important;
padding-bottom:.18rem!important;
}
.oa-v584-more:hover,
.oa-v584-more:focus{
color:#202020!important;
}
/* ---------- FOOTER ---------- */
.site-footer{
position:relative!important;
margin-top:0!important;
padding:4.6rem 0 1.7rem!important;
background:#047368!important;
color:#fff!important;
}
.site-footer:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:6px;
background:#f2b809;
}
.site-footer .footer-grid{
grid-template-columns:2fr 1fr 1fr 1.35fr!important;
gap:2.5rem!important;
}
.site-footer h2{
margin:0 0 1rem!important;
color:#fff!important;
font-size:clamp(2rem,3.5vw,3.2rem)!important;
letter-spacing:-.04em!important;
}
.site-footer h3{
position:relative!important;
margin:0 0 1rem!important;
padding-bottom:.7rem!important;
color:#f2b809!important;
font-size:.92rem!important;
font-weight:900!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}
.site-footer h3:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:32px;
height:2px;
background:rgba(242,184,9,.9);
}
.site-footer p{
margin:.35rem 0 0!important;
color:rgba(255,255,255,.78)!important;
line-height:1.75!important;
}
.site-footer a{
color:#fff!important;
text-decoration:none!important;
transition:color .18s ease!important;
}
.site-footer a:hover,
.site-footer a:focus{
color:#f2b809!important;
}
.site-footer .footer-note{
border-top:1px solid rgba(255,255,255,.20)!important;
margin-top:3rem!important;
padding-top:1.35rem!important;
color:rgba(255,255,255,.64)!important;
font-size:.86rem!important;
}
@media(max-width:900px){
.site-footer .footer-grid{
grid-template-columns:1fr 1fr!important;
}
}
@media(max-width:620px){
.site-footer{
padding-top:3.6rem!important;
}
.site-footer .footer-grid{
grid-template-columns:1fr!important;
gap:1.8rem!important;
}
}
/* ==========================================================
V5.9.9 — PALETTE UNIFICATA SU TUTTA LA HOME
Obiettivo: eliminare lo stacco "grigio sopra / verde-giallo sotto".
Palette ufficiale Matese Discovery:
Verde #047368 | Giallo #f2b809 | Bianco / neutri chiari.
========================================================== */
/* HEADER: più identitario ma leggero */
.site-header{
background:rgba(255,255,255,.97)!important;
border-bottom:1px solid rgba(4,115,104,.12)!important;
}
.site-header:after{
content:"";
position:absolute;
left:0; right:0; bottom:0;
height:2px;
background:linear-gradient(90deg,#047368 0 72%,#f2b809 72% 100%);
}
html body .site-header .primary-menu>li>a{
color:#20312f!important;
}
html body .site-header .primary-menu>li>a:hover,
html body .site-header .primary-menu>li>a:focus,
html body .site-header .primary-menu>li.current-menu-item>a,
html body .site-header .primary-menu>li.current-menu-ancestor>a{
color:#047368!important;
}
/* HERO: overlay virato sul verde Discovery invece del grigio/antracite */
.oa-v590-hero{
background:#047368!important;
}
.oa-v590-shade{
background:
linear-gradient(90deg,rgba(2,73,66,.80) 0%,rgba(4,115,104,.57) 43%,rgba(4,115,104,.12) 79%),
linear-gradient(0deg,rgba(1,50,45,.30),transparent 50%)!important;
}
.oa-v590-kicker{
color:#f2b809!important;
}
.oa-v590-btn.primary{
background:#f2b809!important;
color:#1f2d2b!important;
}
.oa-v590-btn.primary:hover,
.oa-v590-btn.primary:focus{
background:#047368!important;
color:#fff!important;
outline:1px solid rgba(255,255,255,.45);
}
.oa-v590-btn.secondary{
border-color:rgba(255,255,255,.74)!important;
color:#fff!important;
}
.oa-v590-btn.secondary:hover,
.oa-v590-btn.secondary:focus{
border-color:#f2b809!important;
color:#f2b809!important;
}
/* INTRO: bianco ma con segni Discovery evidenti */
.oa-v590-intro{
background:#fff!important;
position:relative;
}
.oa-v590-intro:before{
content:"";
display:block;
width:74px;
height:5px;
margin:0 auto 1.7rem;
background:linear-gradient(90deg,#047368 0 68%,#f2b809 68% 100%);
}
.oa-v590-section-label{
color:#047368!important;
}
.oa-v590-intro h2{
color:#20312f!important;
}
.oa-v590-intro p{
color:#5d6c69!important;
}
/* BOX HOME: overlay verde, non più grigio */
.oa-v590-photo-box,
.oa-v590-photo-box.box-1,
.oa-v590-photo-box.box-2,
.oa-v590-photo-box.box-3,
.oa-v590-photo-box.box-4{
background-color:#047368!important;
}
.oa-v590-photo-box .oa-v590-box-shade,
.oa-v590-photo-box.box-1 .oa-v590-box-shade,
.oa-v590-photo-box.box-2 .oa-v590-box-shade,
.oa-v590-photo-box.box-3 .oa-v590-box-shade,
.oa-v590-photo-box.box-4 .oa-v590-box-shade{
background:
linear-gradient(0deg,rgba(2,70,63,.90) 0%,rgba(4,115,104,.58) 43%,rgba(4,115,104,.10) 80%),
linear-gradient(90deg,rgba(2,70,63,.28),transparent 58%)!important;
}
.oa-v590-photo-box .oa-v590-box-copy>span{
color:#f2b809!important;
}
.oa-v590-photo-box .oa-v590-box-copy>span:before{
background:#f2b809!important;
}
.oa-v596-box-cta{
border-bottom-color:rgba(242,184,9,.85)!important;
}
.oa-v590-photo-box:hover .oa-v596-box-cta{
color:#f2b809!important;
border-bottom-color:#f2b809!important;
}
/* SPAZI TRA SEZIONI: eliminare bande grigie pesanti */
.home main,
.home .site-main{
background:#fff!important;
}
.oa-v590-photo-grid{
background:#fff!important;
padding-top:1.25rem!important;
padding-bottom:4.7rem!important;
}
/* TRANSIZIONE verso il carosello attività */
.oa-v48-home-slider-section{
position:relative;
}
.oa-v48-home-slider-section:after{
content:"";
position:absolute;
top:0; left:0; right:0;
height:5px;
background:#f2b809;
}
/* EVENTI: chiaro caldo coerente con verde/giallo */
.oa-v584-events-home,
.oa-v585-home-events-block{
background:#fbfbf7!important;
}
.oa-v584-event-card{
border-color:rgba(4,115,104,.12)!important;
}
.oa-v584-event-card:hover{
box-shadow:0 18px 44px rgba(4,115,104,.14)!important;
}
/* MEGA MENU coerente */
html body .oa-v560-experiences>.sub-menu.depth-1{
border-top-color:#f2b809!important;
}
html body .oa-v560-experiences>.sub-menu.depth-1>li>a{
color:#20312f!important;
}
html body .oa-v560-experiences>.sub-menu.depth-1>li>a:hover,
html body .oa-v560-experiences .sub-menu.depth-2 a:hover{
color:#047368!important;
}
/* Footer: confermato in verde con segno giallo */
.site-footer{
background:#047368!important;
}
.site-footer:before{
background:#f2b809!important;
}
/* Mobile: continuità visiva */
@media(max-width:782px){
.oa-v590-shade{
background:
linear-gradient(90deg,rgba(2,73,66,.84),rgba(4,115,104,.46)),
linear-gradient(0deg,rgba(1,50,45,.28),transparent 55%)!important;
}
}
/* ==========================================================
V6.0.0 — FULLSCREEN HERO + HEADER SOVRAPPOSTO
========================================================== */
/* Home: header dentro la slide, senza fascia bianca */
.home .site-header{
position:absolute!important;
top:0!important;
left:0!important;
right:0!important;
width:100%!important;
z-index:1000!important;
background:linear-gradient(180deg,rgba(0,52,47,.72),rgba(0,52,47,.18) 72%,transparent)!important;
border:0!important;
box-shadow:none!important;
}
.home .site-header:after{
display:none!important;
content:none!important;
}
.home.admin-bar .site-header{
top:32px!important;
}
.home .site-header .site-branding,
.home .site-header .header-inner{
background:transparent!important;
}
/* menu desktop bianco sopra foto */
@media(min-width:1025px){
.home .site-header .primary-menu>li>a{
color:#fff!important;
text-shadow:0 1px 14px rgba(0,0,0,.22)!important;
}
.home .site-header .primary-menu>li>a:hover,
.home .site-header .primary-menu>li>a:focus,
.home .site-header .primary-menu>li.current-menu-item>a,
.home .site-header .primary-menu>li.current-menu-ancestor>a{
color:#f2b809!important;
}
}
/* Hero realmente edge-to-edge e alto quanto il monitor */
.home .oa-v590-hero{
width:100vw!important;
max-width:none!important;
min-height:100vh!important;
height:100vh!important;
margin:0!important;
margin-left:calc(50% - 50vw)!important;
padding:0!important;
border:0!important;
overflow:hidden!important;
}
.home .oa-v590-hero-track,
.home .oa-v590-slide{
min-height:100vh!important;
height:100vh!important;
}
.home .oa-v590-slide{
background-size:cover!important;
background-position:center center!important;
}
.home .oa-v590-slide video,
.home .oa-v590-slide .oa-v590-video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
/* contenuto hero centrato verticalmente con spazio per il menu */
.home .oa-v590-hero .container,
.home .oa-v590-slide .container{
min-height:100vh!important;
height:100%!important;
display:flex!important;
align-items:center!important;
padding-top:110px!important;
padding-bottom:80px!important;
}
.home .oa-v590-hero-copy{
max-width:780px!important;
}
/* overlay Discovery, più cinematografico e meno coprente */
.home .oa-v590-shade{
background:
linear-gradient(90deg,rgba(1,62,56,.76) 0%,rgba(4,115,104,.43) 43%,rgba(4,115,104,.06) 78%),
linear-gradient(180deg,rgba(0,48,43,.28) 0%,transparent 34%,rgba(0,35,32,.24) 100%)!important;
}
/* indicatori più in basso, dentro il fullscreen */
.home .oa-v590-dots{
bottom:32px!important;
}
/* Mega menu resta bianco e leggibile sopra la hero */
@media(min-width:1025px){
.home .oa-v560-experiences>.sub-menu.depth-1{
background:#fff!important;
box-shadow:0 22px 55px rgba(0,45,41,.20)!important;
border-top:4px solid #f2b809!important;
}
.home .oa-v560-experiences>.sub-menu.depth-1>li>a{
color:#20312f!important;
text-shadow:none!important;
}
.home .oa-v560-experiences .sub-menu.depth-2 a{
color:#4c5d5a!important;
text-shadow:none!important;
}
.home .oa-v560-experiences .sub-menu.depth-2 a:hover,
.home .oa-v560-experiences .sub-menu.depth-2 a:focus{
color:#047368!important;
}
}
/* Mobile: stesso effetto immersivo */
@media(max-width:1024px){
.home .site-header{
background:linear-gradient(180deg,rgba(0,55,50,.78),rgba(0,55,50,.12),transparent)!important;
}
.home .oa-v590-hero,
.home .oa-v590-hero-track,
.home .oa-v590-slide{
min-height:100svh!important;
height:100svh!important;
}
.home .oa-v590-hero .container,
.home .oa-v590-slide .container{
min-height:100svh!important;
padding-top:96px!important;
padding-bottom:72px!important;
}
}
@media(max-width:782px){
.home.admin-bar .site-header{top:46px!important}
}
.home .site-header.oa-v600-scrolled{
position:fixed!important;
background:rgba(255,255,255,.97)!important;
box-shadow:0 8px 30px rgba(0,60,54,.10)!important;
border-bottom:1px solid rgba(4,115,104,.12)!important;
transition:background .22s ease,box-shadow .22s ease!important;
}
@media(min-width:1025px){
.home .site-header.oa-v600-scrolled .primary-menu>li>a{
color:#20312f!important;
text-shadow:none!important;
}
.home .site-header.oa-v600-scrolled .primary-menu>li>a:hover,
.home .site-header.oa-v600-scrolled .primary-menu>li>a:focus{
color:#047368!important;
}
}
/* ==========================================================
V6.0.1 — LOGO UFFICIALE + ALLINEAMENTO HERO + MENU CLEAN
========================================================== */
/* Logo SVG ufficiale fornito da Matese Discovery */
.oa-v601-official-logo{
display:flex!important;
align-items:center!important;
flex:0 0 auto!important;
line-height:0!important;
}
.oa-v601-official-logo img{
display:block!important;
width:auto!important;
height:54px!important;
max-width:250px!important;
}
.site-branding .brand-text{
display:none!important;
}
@media(max-width:1024px){
.oa-v601-official-logo img{height:46px!important;max-width:210px!important}
}
/* Header: logo a sinistra, navigazione a destra, stesso asse verticale */
.home .header-inner,
.header-inner{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
min-height:82px!important;
}
.home .site-branding{display:flex!important;align-items:center!important}
.home .main-navigation{margin-left:auto!important;display:flex!important;align-items:center!important}
/* Hero copy: un solo asse a sinistra.
Il testo descrittivo e i pulsanti non devono più risultare centrati. */
.home .oa-v590-hero-copy{
width:min(780px,100%)!important;
max-width:780px!important;
margin:0!important;
text-align:left!important;
}
.home .oa-v590-hero-copy .oa-v590-kicker,
.home .oa-v590-hero-copy h1,
.home .oa-v590-hero-copy h2,
.home .oa-v590-hero-copy p{
margin-left:0!important;
margin-right:0!important;
text-align:left!important;
}
.home .oa-v590-hero-copy p{
max-width:680px!important;
}
.home .oa-v590-actions,
.home .oa-v590-hero-actions,
.home .oa-v590-buttons{
display:flex!important;
justify-content:flex-start!important;
align-items:center!important;
gap:12px!important;
margin-left:0!important;
margin-right:0!important;
text-align:left!important;
}
.home .oa-v590-actions a,
.home .oa-v590-hero-actions a,
.home .oa-v590-buttons a{
margin-left:0!important;
margin-right:0!important;
}
/* Mega menu: rimuove definitivamente qualsiasi righino arancione legacy.
Rimane SOLO il bordo superiore giallo Discovery. */
html body .oa-v560-experiences>.sub-menu.depth-1{
border-top:4px solid #f2b809!important;
}
html body .oa-v560-experiences>.sub-menu.depth-1>li>a::before,
html body .oa-v560-experiences>.sub-menu.depth-1>li>a::after,
html body .oa-v560-experiences .sub-menu.depth-2 a::before,
html body .oa-v560-experiences .sub-menu.depth-2 a::after{
display:none!important;
content:none!important;
background:none!important;
border:0!important;
}
html body .site-header .primary-menu>li>a::before,
html body .site-header .primary-menu>li>a::after{
display:none!important;
content:none!important;
background:none!important;
border:0!important;
}
html body .site-header .primary-menu>li>a{
border-bottom:0!important;
box-shadow:none!important;
text-decoration:none!important;
}
html body .site-header .primary-menu>li>a:hover,
html body .site-header .primary-menu>li>a:focus,
html body .site-header .primary-menu>li.current-menu-item>a,
html body .site-header .primary-menu>li.current-menu-ancestor>a{
border-bottom:0!important;
box-shadow:none!important;
text-decoration:none!important;
}
/* Mobile hero alignment */
@media(max-width:700px){
.home .oa-v590-hero-copy{max-width:100%!important}
.home .oa-v590-actions,
.home .oa-v590-hero-actions,
.home .oa-v590-buttons{
flex-wrap:wrap!important;
justify-content:flex-start!important;
}
}
/* ==========================================================
V6.0.2 — HERO ALLINEATA + MENU DIRETTAMENTE SULLA SLIDE
========================================================== */
/* Header completamente trasparente: nessuna fascia/gradiente sotto il menu */
.home .site-header,
.home .site-header:not(.oa-v600-scrolled){
background:transparent!important;
background-image:none!important;
box-shadow:none!important;
border:0!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.home .site-header:not(.oa-v600-scrolled):before,
.home .site-header:not(.oa-v600-scrolled):after,
.home .header-inner:before,
.home .header-inner:after{
display:none!important;
content:none!important;
background:none!important;
}
/* La slide comincia realmente dal bordo superiore ed il menu le si sovrappone */
.home .site-main{
margin-top:0!important;
padding-top:0!important;
}
.home .oa-v590-hero{
position:relative!important;
top:0!important;
}
.home .oa-v590-hero-track,
.home .oa-v590-hero-slide,
.home .oa-v590-media{
width:100%!important;
height:100%!important;
min-height:100vh!important;
}
.home .oa-v590-media img,
.home .oa-v590-media video{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
}
/* Correzione fondamentale:
.container resta centrato come l'header; non viene più azzerato il margin. */
.home .oa-v590-hero-copy.container{
width:100%!important;
max-width:var(--container,1240px)!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:24px!important;
padding-right:24px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
text-align:left!important;
}
.home .oa-v602-hero-content{
width:min(780px,100%)!important;
max-width:780px!important;
margin:0!important;
text-align:left!important;
}
.home .oa-v602-hero-content .oa-v590-kicker,
.home .oa-v602-hero-content h1,
.home .oa-v602-hero-content p,
.home .oa-v602-hero-content .oa-v590-actions{
margin-left:0!important;
margin-right:0!important;
text-align:left!important;
}
.home .oa-v602-hero-content p{
max-width:680px!important;
}
.home .oa-v602-hero-content .oa-v590-actions{
display:flex!important;
justify-content:flex-start!important;
align-items:center!important;
gap:12px!important;
}
/* Overlay solo sulla fotografia, senza creare una "barra menu" */
.home .oa-v590-shade{
background:
linear-gradient(90deg,rgba(1,62,56,.66) 0%,rgba(4,115,104,.32) 42%,rgba(4,115,104,.03) 80%),
linear-gradient(0deg,rgba(0,43,39,.25),transparent 46%)!important;
}
/* Menu leggibile direttamente sopra la foto */
@media(min-width:1025px){
.home .site-header:not(.oa-v600-scrolled) .primary-menu>li>a{
color:#fff!important;
text-shadow:0 2px 12px rgba(0,0,0,.30)!important;
}
.home .site-header:not(.oa-v600-scrolled) .primary-menu>li>a:hover,
.home .site-header:not(.oa-v600-scrolled) .primary-menu>li>a:focus,
.home .site-header:not(.oa-v600-scrolled) .primary-menu>li.current-menu-item>a,
.home .site-header:not(.oa-v600-scrolled) .primary-menu>li.current-menu-ancestor>a{
color:#f2b809!important;
}
}
/* Mobile */
@media(max-width:1024px){
.home .site-header,
.home .site-header:not(.oa-v600-scrolled){
background:transparent!important;
background-image:none!important;
}
.home .oa-v590-hero-copy.container{
padding-left:22px!important;
padding-right:22px!important;
}
}
/* ==========================================================
V6.0.3 — HERO SPACING + LOGO BIANCO/COLORATO SU SCROLL
========================================================== */
/* Logo doppio: bianco sulla hero, colorato sullo sticky bianco */
.oa-v603-logo-switch{
position:relative!important;
display:block!important;
width:250px!important;
height:54px!important;
}
.oa-v603-logo-switch img{
position:absolute!important;
left:0!important;
top:50%!important;
transform:translateY(-50%)!important;
width:auto!important;
height:54px!important;
max-width:250px!important;
transition:opacity .22s ease!important;
}
.home .site-header:not(.oa-v600-scrolled) .oa-v603-logo-white{
opacity:1!important;
}
.home .site-header:not(.oa-v600-scrolled) .oa-v603-logo-color{
opacity:0!important;
}
.home .site-header.oa-v600-scrolled .oa-v603-logo-white{
opacity:0!important;
}
.home .site-header.oa-v600-scrolled .oa-v603-logo-color{
opacity:1!important;
}
/* fuori dalla home: logo colorato */
body:not(.home) .oa-v603-logo-white{opacity:0!important}
body:not(.home) .oa-v603-logo-color{opacity:1!important}
/* Hero content: più aria e ritmo tipografico uniforme */
.home .oa-v590-hero-copy.container{
align-items:center!important;
padding-top:92px!important;
padding-bottom:48px!important;
}
.home .oa-v602-hero-content{
width:min(760px,100%)!important;
max-width:760px!important;
}
.home .oa-v602-hero-content .oa-v590-kicker{
display:block!important;
margin:0 0 18px!important;
line-height:1.2!important;
}
.home .oa-v602-hero-content h1{
margin:0 0 22px!important;
max-width:760px!important;
line-height:.98!important;
letter-spacing:-.045em!important;
}
.home .oa-v602-hero-content p{
margin:0 0 28px!important;
max-width:620px!important;
line-height:1.55!important;
}
.home .oa-v602-hero-content .oa-v590-actions{
margin:0!important;
gap:12px!important;
}
/* Abbassa leggermente il blocco rispetto alla versione precedente,
così non è schiacciato sotto al menu. */
@media(min-width:1025px){
.home .oa-v602-hero-content{
transform:translateY(38px)!important;
}
}
/* Mobile/tablet: nessun eccesso di spostamento */
@media(max-width:1024px){
.oa-v603-logo-switch{
width:210px!important;
height:46px!important;
}
.oa-v603-logo-switch img{
height:46px!important;
max-width:210px!important;
}
.home .oa-v590-hero-copy.container{
padding-top:92px!important;
padding-bottom:42px!important;
}
.home .oa-v602-hero-content{
transform:none!important;
max-width:680px!important;
}
.home .oa-v602-hero-content h1{
line-height:1.02!important;
margin-bottom:18px!important;
}
.home .oa-v602-hero-content p{
margin-bottom:24px!important;
}
}
@media(max-width:640px){
.home .oa-v590-hero-copy.container{
padding-top:84px!important;
}
.home .oa-v602-hero-content .oa-v590-kicker{
margin-bottom:14px!important;
}
.home .oa-v602-hero-content h1{
margin-bottom:16px!important;
}
.home .oa-v602-hero-content p{
margin-bottom:22px!important;
max-width:100%!important;
}
}
/* ==========================================================
V6.0.4 — HERO PIÙ FOTOGRAFICA + MENU MOBILE COMPLETO
========================================================== */
/* HERO: la fotografia deve riempire sempre tutta la slide.
Il verde resta solo come overlay leggero, non come area visibile. */
.home .oa-v590-hero,
.home .oa-v590-hero-track,
.home .oa-v590-slide{
width:100vw!important;
max-width:none!important;
height:100vh!important;
min-height:100vh!important;
background:#047368!important;
}
.home .oa-v590-slide{
position:relative!important;
overflow:hidden!important;
background-size:cover!important;
background-position:center center!important;
background-repeat:no-repeat!important;
}
.home .oa-v590-slide>img,
.home .oa-v590-slide>.oa-v590-media,
.home .oa-v590-slide>.oa-v590-media img,
.home .oa-v590-slide>.oa-v590-media video,
.home .oa-v590-slide>video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
}
.home .oa-v590-shade{
inset:0!important;
width:100%!important;
height:100%!important;
background:
linear-gradient(90deg,rgba(0,58,53,.56) 0%,rgba(4,115,104,.24) 42%,rgba(4,115,104,0) 78%),
linear-gradient(0deg,rgba(0,42,38,.18),transparent 50%)!important;
}
/* Contenuto: più compatto e proporzionato su desktop */
@media(min-width:1025px){
.home .oa-v590-hero-copy.container{
padding-top:82px!important;
padding-bottom:34px!important;
}
.home .oa-v602-hero-content{
transform:translateY(18px)!important;
width:min(700px,100%)!important;
max-width:700px!important;
}
.home .oa-v602-hero-content h1{
font-size:clamp(4rem,5.4vw,6.4rem)!important;
line-height:.96!important;
margin-bottom:18px!important;
}
.home .oa-v602-hero-content p{
margin-bottom:24px!important;
}
}
/* MENU RESPONSIVE: pannello completo e scrollabile.
Esperienze si apre come accordion e tutte le sottovoci restano raggiungibili. */
@media(max-width:1024px){
.home .site-header{
z-index:9999!important;
}
.menu-toggle{
position:relative!important;
z-index:10002!important;
color:#fff!important;
border-color:rgba(255,255,255,.65)!important;
}
.site-header.oa-v600-scrolled .menu-toggle{
color:#047368!important;
border-color:rgba(4,115,104,.35)!important;
}
.main-navigation.toggled .oa-v560-primary-menu,
.main-navigation.toggled .oa-v562-primary-menu,
.main-navigation.toggled #primary-menu{
display:block!important;
position:fixed!important;
top:0!important;
left:0!important;
right:0!important;
bottom:0!important;
width:100vw!important;
max-width:none!important;
height:100dvh!important;
max-height:100dvh!important;
margin:0!important;
padding:92px 24px 40px!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
background:#fff!important;
z-index:10001!important;
}
.main-navigation.toggled #primary-menu>li{
display:block!important;
width:100%!important;
margin:0!important;
border-bottom:1px solid rgba(4,115,104,.12)!important;
}
.main-navigation.toggled #primary-menu>li>a{
display:block!important;
width:100%!important;
padding:15px 0!important;
color:#20312f!important;
text-shadow:none!important;
}
/* Mega menu mobile: niente pannello desktop a colonne */
.main-navigation.toggled .oa-v560-experiences>.sub-menu.depth-1,
.main-navigation.toggled .oa-v560-experiences:hover>.sub-menu.depth-1,
.main-navigation.toggled .oa-v560-experiences:focus-within>.sub-menu.depth-1{
position:static!important;
display:block!important;
visibility:visible!important;
opacity:1!important;
transform:none!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
margin:0!important;
padding:0 0 14px!important;
border:0!important;
box-shadow:none!important;
background:#fff!important;
}
.main-navigation.toggled .oa-v560-experiences>.sub-menu.depth-1>li{
display:block!important;
width:100%!important;
padding:8px 0 6px!important;
border:0!important;
}
.main-navigation.toggled .oa-v560-experiences>.sub-menu.depth-1>li>a{
display:block!important;
padding:8px 0!important;
color:#047368!important;
font-size:.78rem!important;
font-weight:900!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}
.main-navigation.toggled .oa-v560-experiences .sub-menu.depth-2{
position:static!important;
display:block!important;
visibility:visible!important;
opacity:1!important;
transform:none!important;
width:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
box-shadow:none!important;
background:transparent!important;
}
.main-navigation.toggled .oa-v560-experiences .sub-menu.depth-2 li{
display:block!important;
width:100%!important;
}
.main-navigation.toggled .oa-v560-experiences .sub-menu.depth-2 a{
display:block!important;
padding:9px 0!important;
color:#4d5d5a!important;
font-size:.94rem!important;
}
.main-navigation.toggled .oa-v560-experiences .sub-menu.depth-2 a:hover,
.main-navigation.toggled .oa-v560-experiences .sub-menu.depth-2 a:focus{
color:#047368!important;
}
/* Hero mobile: foto a pieno schermo e testo senza zone morte */
.home .oa-v590-hero,
.home .oa-v590-hero-track,
.home .oa-v590-slide{
height:100svh!important;
min-height:100svh!important;
}
.home .oa-v590-slide{
background-position:center center!important;
}
.home .oa-v590-hero-copy.container{
min-height:100svh!important;
padding-top:82px!important;
padding-bottom:54px!important;
align-items:center!important;
}
.home .oa-v602-hero-content{
transform:none!important;
width:min(620px,100%)!important;
}
.home .oa-v602-hero-content h1{
font-size:clamp(3rem,10vw,5rem)!important;
line-height:.98!important;
}
.home .oa-v590-shade{
background:
linear-gradient(90deg,rgba(0,58,53,.60),rgba(4,115,104,.18) 75%),
linear-gradient(0deg,rgba(0,42,38,.22),transparent 58%)!important;
}
}
@media(max-width:640px){
.home .oa-v590-hero-copy.container{
padding-left:22px!important;
padding-right:22px!important;
padding-top:76px!important;
padding-bottom:44px!important;
}
.home .oa-v602-hero-content h1{
font-size:clamp(2.75rem,13vw,4.15rem)!important;
letter-spacing:-.04em!important;
}
.home .oa-v602-hero-content p{
font-size:1rem!important;
line-height:1.45!important;
}
}
html.oa-mobile-menu-open,body.oa-mobile-menu-open{overflow:hidden!important;}
/* ==========================================================
V6.0.5 — FIX REALE: selettori effettivi del tema
========================================================== */
/* HERO: il markup reale usa .oa-v590-hero-slide (non .oa-v590-slide) */
.home .oa-v590-hero,
.home .oa-v590-hero-track,
.home .oa-v590-hero-slide{
width:100%!important;
max-width:none!important;
height:100vh!important;
min-height:100vh!important;
}
.home .oa-v590-hero{
width:100vw!important;
margin-left:calc(50% - 50vw)!important;
overflow:hidden!important;
background:#047368!important;
}
.home .oa-v590-hero-track,
.home .oa-v590-hero-slide{
position:absolute!important;
inset:0!important;
}
.home .oa-v590-media{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
}
.home .oa-v590-media img,
.home .oa-v590-media video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
}
/* overlay molto più leggero: niente effetto "mare verde" */
.home .oa-v590-shade{
position:absolute!important;
inset:0!important;
background:
linear-gradient(90deg,rgba(0,45,41,.42) 0%,rgba(4,115,104,.16) 38%,rgba(4,115,104,0) 72%),
linear-gradient(0deg,rgba(0,0,0,.14),rgba(0,0,0,0) 48%)!important;
}
/* testo più compatto e centrato verticalmente */
.home .oa-v590-hero-copy.container{
min-height:100vh!important;
height:100%!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
padding-top:86px!important;
padding-bottom:40px!important;
}
.home .oa-v602-hero-content{
transform:none!important;
width:min(690px,100%)!important;
max-width:690px!important;
}
.home .oa-v602-hero-content .oa-v590-kicker{
margin:0 0 14px!important;
}
.home .oa-v602-hero-content h1{
margin:0 0 16px!important;
font-size:clamp(3.8rem,5.2vw,6rem)!important;
line-height:.96!important;
}
.home .oa-v602-hero-content p{
margin:0 0 22px!important;
max-width:570px!important;
line-height:1.48!important;
}
.home .oa-v602-hero-content .oa-v590-actions{
margin:0!important;
}
/* MENU MOBILE: il JS reale apre #primary-menu con la classe .is-open */
@media(max-width:1024px){
#primary-menu.is-open{
display:block!important;
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100dvh!important;
max-width:none!important;
max-height:100dvh!important;
margin:0!important;
padding:88px 22px 36px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
background:#fff!important;
border-radius:0!important;
box-shadow:none!important;
z-index:10001!important;
}
#primary-menu.is-open>li{
display:block!important;
width:100%!important;
max-width:none!important;
margin:0!important;
border-bottom:1px solid rgba(4,115,104,.12)!important;
}
#primary-menu.is-open>li>a{
display:block!important;
width:100%!important;
min-height:0!important;
padding:14px 0!important;
color:#20312f!important;
background:transparent!important;
text-shadow:none!important;
border:0!important;
}
/* Esperienze: mostra davvero tutto il mega menu dentro il pannello mobile */
#primary-menu.is-open .oa-v560-experiences{
position:static!important;
width:100%!important;
overflow:visible!important;
}
#primary-menu.is-open .oa-v560-experiences>.sub-menu.depth-1{
position:static!important;
display:block!important;
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
transform:none!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0 0 12px!important;
background:#fff!important;
border:0!important;
box-shadow:none!important;
}
#primary-menu.is-open .oa-v560-experiences>.sub-menu.depth-1>li{
display:block!important;
width:100%!important;
min-width:0!important;
margin:0!important;
padding:8px 0 4px!important;
border:0!important;
background:#fff!important;
}
#primary-menu.is-open .oa-v560-experiences>.sub-menu.depth-1>li>a{
display:block!important;
margin:0!important;
padding:8px 0 7px!important;
color:#047368!important;
border:0!important;
border-bottom:1px solid rgba(4,115,104,.10)!important;
font-size:.76rem!important;
font-weight:900!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}
#primary-menu.is-open .oa-v560-experiences>.sub-menu.depth-1>li>a::before,
#primary-menu.is-open .oa-v560-experiences>.sub-menu.depth-1>li>a::after{
display:none!important;
content:none!important;
}
#primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2{
position:static!important;
display:block!important;
visibility:visible!important;
opacity:1!important;
transform:none!important;
width:100%!important;
min-width:0!important;
margin:0!important;
padding:3px 0 8px!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
#primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2 li{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
#primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2 a{
display:block!important;
width:100%!important;
padding:8px 0!important;
color:#4d5d5a!important;
background:transparent!important;
border:0!important;
font-size:.94rem!important;
}
#primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2 a:hover,
#primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2 a:focus{
color:#047368!important;
}
/* Hero mobile: stessi selettori reali */
.home .oa-v590-hero,
.home .oa-v590-hero-track,
.home .oa-v590-hero-slide{
height:100svh!important;
min-height:100svh!important;
}
.home .oa-v590-hero-copy.container{
min-height:100svh!important;
padding-top:82px!important;
padding-bottom:40px!important;
}
.home .oa-v602-hero-content{
width:min(560px,100%)!important;
}
.home .oa-v602-hero-content h1{
font-size:clamp(3rem,10vw,4.8rem)!important;
line-height:.98!important;
margin-bottom:14px!important;
}
.home .oa-v602-hero-content p{
margin-bottom:20px!important;
max-width:100%!important;
}
.home .oa-v590-shade{
background:
linear-gradient(90deg,rgba(0,45,41,.46),rgba(4,115,104,.10) 72%),
linear-gradient(0deg,rgba(0,0,0,.15),transparent 52%)!important;
}
}
@media(max-width:640px){
.home .oa-v590-hero-copy.container{
padding-left:20px!important;
padding-right:20px!important;
padding-top:76px!important;
padding-bottom:34px!important;
}
.home .oa-v602-hero-content h1{
font-size:clamp(2.7rem,12vw,4rem)!important;
}
}
/* ==========================================================
V6.0.6 — FULL BLEED SITE + HERO TESTO PIÙ AMPIO
Tutte le sezioni principali occupano il 100% della larghezza.
========================================================== */
/* Layout globale: niente contenitori stretti al centro */
html, body{
width:100%;
max-width:none!important;
overflow-x:hidden;
}
.site-main,
.home .site-main,
.site-footer,
.home section{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
}
/* Il container diventa full-width con solo respiro laterale controllato */
.container,
.header-inner,
.home .container,
.site-footer .container{
width:100%!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:clamp(24px,5vw,92px)!important;
padding-right:clamp(24px,5vw,92px)!important;
box-sizing:border-box!important;
}
/* HERO realmente a tutta pagina */
.home .oa-v590-hero{
width:100vw!important;
max-width:none!important;
margin:0!important;
left:0!important;
right:0!important;
}
.home .oa-v590-hero-track,
.home .oa-v590-hero-slide,
.home .oa-v590-media{
width:100%!important;
max-width:none!important;
}
/* Testo Hero più ampio e con maggiore presenza */
.home .oa-v590-hero-copy.container{
width:100%!important;
max-width:none!important;
padding-left:clamp(34px,8vw,150px)!important;
padding-right:clamp(34px,8vw,150px)!important;
}
.home .oa-v602-hero-content{
width:min(1120px,72vw)!important;
max-width:1120px!important;
}
.home .oa-v602-hero-content h1{
max-width:1100px!important;
font-size:clamp(4.4rem,6.8vw,8.4rem)!important;
line-height:.92!important;
letter-spacing:-.055em!important;
margin-bottom:20px!important;
}
.home .oa-v602-hero-content p{
max-width:760px!important;
font-size:clamp(1.08rem,1.45vw,1.35rem)!important;
line-height:1.5!important;
}
/* Box fotografici: full width da bordo a bordo */
.home .oa-v590-photo-grid{
width:100%!important;
max-width:none!important;
padding-left:0!important;
padding-right:0!important;
}
.home .oa-v590-photo-grid>.container{
width:100%!important;
max-width:none!important;
padding-left:0!important;
padding-right:0!important;
margin:0!important;
gap:12px!important;
}
.home .oa-v590-photo-box{
width:100%!important;
max-width:none!important;
border-radius:0!important;
}
/* Intro e caroselli: full width ma con testo interno ben respirato */
.home .oa-v590-intro>.container,
.home .oa-v48-home-slider-section>.container,
.home .oa-v585-home-events-block>.container,
.home .oa-v584-events-carousel>.container{
width:100%!important;
max-width:none!important;
padding-left:clamp(34px,6vw,110px)!important;
padding-right:clamp(34px,6vw,110px)!important;
}
/* Caroselli larghi come il sito, senza "colonna centrale" */
.home .oa-v48-home-slider-section,
.home .oa-v585-home-events-block{
width:100vw!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
}
/* Footer full width */
.site-footer{
width:100%!important;
max-width:none!important;
}
.site-footer .footer-grid,
.site-footer .footer-note{
max-width:none!important;
}
/* Header full width con logo/menu distribuiti meglio */
.header-inner{
width:100%!important;
max-width:none!important;
padding-left:clamp(28px,5vw,90px)!important;
padding-right:clamp(28px,5vw,90px)!important;
}
/* Tablet */
@media(max-width:1024px){
.container,
.header-inner,
.home .container,
.site-footer .container{
padding-left:24px!important;
padding-right:24px!important;
}
.home .oa-v590-hero-copy.container{
padding-left:clamp(26px,6vw,64px)!important;
padding-right:clamp(26px,6vw,64px)!important;
}
.home .oa-v602-hero-content{
width:min(860px,88vw)!important;
max-width:860px!important;
}
.home .oa-v602-hero-content h1{
font-size:clamp(3.6rem,8vw,6rem)!important;
}
}
/* Mobile: full bleed vero, testo più grande ma senza uscire */
@media(max-width:640px){
.container,
.header-inner,
.home .container,
.site-footer .container{
padding-left:18px!important;
padding-right:18px!important;
}
.home .oa-v590-hero-copy.container{
padding-left:22px!important;
padding-right:22px!important;
}
.home .oa-v602-hero-content{
width:100%!important;
max-width:none!important;
}
.home .oa-v602-hero-content h1{
font-size:clamp(3.05rem,13vw,4.8rem)!important;
line-height:.96!important;
}
.home .oa-v590-photo-grid>.container{
gap:8px!important;
}
}
/* ==========================================================
V6.0.7 — HOME POLISH: PHOTO PANELS, CAROUSELS, FOOTER
Palette Matese Discovery #047368 / #f2b809
========================================================== */
/* Quattro pannelli editoriali: la foto torna protagonista, senza cambiare struttura */
.home .oa-v590-photo-grid{padding:0!important;background:#fff!important}
.home .oa-v590-photo-grid>.container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.home .oa-v590-photo-box{position:relative!important;min-height:clamp(440px,52vw,720px)!important;background-image:var(--box-bg,linear-gradient(135deg,#047368,#035149))!important;background-size:cover!important;background-position:center!important;isolation:isolate!important}
.home .oa-v590-photo-box.box-1{grid-column:1/-1!important;min-height:clamp(520px,62vw,820px)!important}
.home .oa-v590-box-shade{position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(180deg,rgba(0,39,36,.16) 10%,rgba(0,45,41,.24) 48%,rgba(0,45,41,.88) 100%)!important}
.home .oa-v590-photo-box:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(4,115,104,.34),transparent 58%);pointer-events:none}
.home .oa-v590-box-copy{position:absolute!important;left:clamp(28px,5vw,92px)!important;right:clamp(28px,5vw,92px)!important;bottom:clamp(30px,5vw,78px)!important;z-index:2!important;max-width:760px!important;color:#fff!important}
.home .oa-v590-box-copy span:first-child{display:inline-flex!important;align-items:center!important;gap:.65rem!important;color:#f2b809!important;font-size:.8rem!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.home .oa-v590-box-copy span:first-child:before{content:"";width:28px;height:3px;background:#f2b809}
.home .oa-v590-box-copy h3{margin:.65rem 0 .55rem!important;color:#fff!important;font-size:clamp(2.6rem,5vw,5.4rem)!important;line-height:.94!important;letter-spacing:-.055em!important;text-shadow:0 4px 26px rgba(0,0,0,.2)!important}
.home .oa-v590-photo-box:not(.box-1) .oa-v590-box-copy h3{font-size:clamp(2.25rem,3.8vw,4rem)!important}
.home .oa-v590-box-copy p{max-width:650px!important;margin:0 0 1.25rem!important;color:rgba(255,255,255,.92)!important;font-size:1.04rem!important;line-height:1.55!important}
.home .oa-v596-box-cta{display:inline-block!important;color:#fff!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase!important;border-bottom:2px solid #f2b809!important;padding-bottom:.28rem!important}
.home .oa-v596-full-link{position:absolute!important;inset:0!important;z-index:3!important}
.home .oa-v590-photo-box:hover{filter:saturate(1.04)}
/* Slider attività: full bleed coerente, più fotografico e meno “box nel box” */
.home .oa-v48-home-slider-section{padding:clamp(70px,7vw,118px) 0!important;background:#047368!important}
.home .oa-v48-home-slider-section:before{background:radial-gradient(circle at 88% 10%,rgba(242,184,9,.16),transparent 28%),linear-gradient(115deg,#047368 0%,#035f57 68%,#315f45 100%)!important}
.home .oa-v48-home-slider-inner{width:100%!important;max-width:none!important;padding-left:clamp(28px,6vw,112px)!important;padding-right:clamp(28px,6vw,112px)!important;box-sizing:border-box!important}
.home .oa-v48-home-slider-head{max-width:900px!important;margin-bottom:2.4rem!important}
.home .oa-v48-home-slider-head h2{font-size:clamp(3rem,5.5vw,6.2rem)!important;max-width:900px!important}
.home .oa-v48-home-slider-track{gap:18px!important}
.home .oa-v48-activity-slide{flex-basis:calc((100% - 54px)/4)!important;min-height:clamp(500px,42vw,650px)!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.09)!important}
.home .oa-v48-slide-content{text-align:left!important;align-items:flex-start!important;padding:clamp(22px,2vw,34px)!important}
.home .oa-v48-slide-meta{justify-content:flex-start!important}
.home .oa-v48-activity-slide h3{text-align:left!important;text-transform:none!important;font-size:clamp(1.8rem,2.5vw,2.8rem)!important}
.home .oa-v48-target{text-align:left!important;color:#fff!important}
/* Eventi: immagini mancanti con pattern Matese, cards più pulite */
.home .oa-v585-home-events-block{background:#fbfbf7!important}
.home .oa-v584-events-carousel{padding:clamp(70px,7vw,115px) 0!important}
.home .oa-v584-events-track{grid-auto-columns:minmax(340px,31.8%)!important;gap:18px!important}
.home .oa-v584-event-card{border-radius:20px!important;transition:transform .25s ease,box-shadow .25s ease!important}
.home .oa-v584-event-card:hover{transform:translateY(-5px)!important}
.home .oa-v584-event-image{min-height:300px!important;background-image:linear-gradient(180deg,rgba(0,45,41,.05),rgba(0,45,41,.48)),var(--oa-event-bg,linear-gradient(145deg,#047368 0%,#035149 68%,#f2b809 180%))!important}
.home .oa-v584-event-image:not([style]):after{content:"MATESE\A DISCOVERY";white-space:pre;position:absolute;right:24px;bottom:22px;color:rgba(255,255,255,.17);font-size:2.1rem;font-weight:950;line-height:.85;letter-spacing:-.06em;text-align:right}
.home .oa-v584-event-copy{padding:1.5rem 1.55rem 1.7rem!important}
.home .oa-v584-event-copy h3{font-size:clamp(1.35rem,1.7vw,1.75rem)!important}
/* Footer: blocco finale più identitario, senza cambiare contenuti/link */
.site-footer{margin-top:0!important;background:#047368!important;color:#fff!important;padding:clamp(64px,7vw,108px) 0 0!important;border-top:5px solid #f2b809!important}
.site-footer .footer-grid{grid-template-columns:1.6fr .8fr .8fr 1.1fr!important;gap:clamp(30px,5vw,90px)!important;align-items:start!important}
.site-footer h2{margin:0 0 1rem!important;color:#fff!important;font-size:clamp(2rem,3vw,3.6rem)!important;letter-spacing:-.045em!important}
.site-footer h3{margin:0 0 1.2rem!important;color:#f2b809!important;font-size:.9rem!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.site-footer h3:after{content:"";display:block;width:34px;height:3px;margin-top:.75rem;background:#f2b809}
.site-footer p{color:rgba(255,255,255,.88)!important;line-height:1.7!important}
.site-footer a{color:#fff!important;text-decoration:none!important}
.site-footer a:hover,.site-footer a:focus{color:#f2b809!important}
.site-footer .footer-note{margin-top:clamp(48px,6vw,82px)!important;padding-top:22px!important;padding-bottom:26px!important;border-top:1px solid rgba(255,255,255,.22)!important;color:rgba(255,255,255,.74)!important}
@media(max-width:1100px){
.home .oa-v48-activity-slide{flex-basis:calc((100% - 36px)/3)!important}
}
@media(max-width:820px){
.home .oa-v590-photo-grid>.container{grid-template-columns:1fr!important}
.home .oa-v590-photo-box.box-1{grid-column:auto!important}
.home .oa-v590-photo-box,.home .oa-v590-photo-box.box-1{min-height:560px!important}
.home .oa-v48-activity-slide{flex-basis:calc((100% - 18px)/2)!important}
.site-footer .footer-grid{grid-template-columns:1fr 1fr!important}
.home .oa-v584-events-track{grid-auto-columns:minmax(300px,78%)!important}
}
@media(max-width:560px){
.home .oa-v590-photo-box,.home .oa-v590-photo-box.box-1{min-height:500px!important}
.home .oa-v590-box-copy{left:22px!important;right:22px!important;bottom:28px!important}
.home .oa-v590-box-copy h3,.home .oa-v590-photo-box:not(.box-1) .oa-v590-box-copy h3{font-size:clamp(2.35rem,11vw,3.5rem)!important}
.home .oa-v48-home-slider-inner{padding-left:20px!important;padding-right:20px!important}
.home .oa-v48-activity-slide{flex-basis:100%!important;min-height:520px!important}
.home .oa-v584-events-track{grid-auto-columns:88%!important}
.site-footer .footer-grid{grid-template-columns:1fr!important}
}
/* ==========================================================
V6.0.8 — GOOGLE REVIEWS CAROUSEL
========================================================== */
.oa-v608-reviews{
width:100%!important;
background:#fff!important;
padding:6rem 0 6.4rem!important;
}
.oa-v608-reviews-inner{
width:100%;
padding-left:clamp(28px,6vw,110px);
padding-right:clamp(28px,6vw,110px);
}
.oa-v608-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:2.5rem;
margin-bottom:2rem;
}
.oa-v608-kicker{
display:block;
margin-bottom:.8rem;
color:#047368;
font-size:.76rem;
font-weight:800;
letter-spacing:.14em;
}
.oa-v608-head h2{
margin:0 0 .8rem;
color:#20312f;
font-size:clamp(3rem,5.6vw,6rem);
line-height:.94;
letter-spacing:-.055em;
}
.oa-v608-head p{
max-width:670px;
margin:0;
color:#65716e;
font-size:1.06rem;
line-height:1.7;
}
.oa-v608-rating-box{
flex:0 0 auto;
display:grid;
justify-items:end;
gap:.2rem;
padding:1.1rem 0 0 2rem;
}
.oa-v608-rating-box strong{
color:#047368;
font-size:2.7rem;
line-height:1;
}
.oa-v608-stars,
.oa-v608-card-stars{
color:#f2b809;
letter-spacing:.08em;
}
.oa-v608-rating-box small{
color:#697572;
}
.oa-v608-nav{
display:flex;
justify-content:flex-end;
gap:.55rem;
margin-bottom:1rem;
}
.oa-v608-nav button{
width:48px;
height:48px;
border:1px solid rgba(4,115,104,.20);
background:#fff;
color:#047368;
cursor:pointer;
}
.oa-v608-nav button:hover,
.oa-v608-nav button:focus{
background:#047368;
border-color:#047368;
color:#fff;
}
.oa-v608-track{
display:flex;
gap:1.1rem;
overflow-x:auto;
scroll-snap-type:x mandatory;
scrollbar-width:none;
padding:.2rem 0 1.1rem;
}
.oa-v608-track::-webkit-scrollbar{display:none}
.oa-v608-card{
flex:0 0 calc((100% - 2.2rem)/3);
min-width:0;
min-height:330px;
scroll-snap-align:start;
display:flex;
flex-direction:column;
padding:1.55rem;
border:1px solid rgba(4,115,104,.12);
background:#fbfcf9;
box-shadow:0 12px 35px rgba(25,55,50,.07);
}
.oa-v608-card-top{
display:flex;
align-items:center;
gap:.9rem;
margin-bottom:1.15rem;
}
.oa-v608-avatar{
width:50px;
height:50px;
flex:0 0 50px;
overflow:hidden;
display:grid;
place-items:center;
border-radius:50%;
background:#047368;
color:#fff;
font-weight:800;
}
.oa-v608-avatar img{
width:100%;
height:100%;
object-fit:cover;
}
.oa-v608-card h3{
margin:0 0 .2rem;
color:#20312f;
font-size:1rem;
}
.oa-v608-card small{
color:#79827f;
}
.oa-v608-card blockquote{
margin:0 0 1.3rem;
padding:0;
color:#465552;
font-size:1rem;
line-height:1.7;
}
.oa-v608-card>a{
margin-top:auto;
align-self:flex-start;
padding-bottom:.2rem;
color:#047368!important;
border-bottom:2px solid #f2b809;
text-decoration:none!important;
font-weight:800;
}
@media(max-width:980px){
.oa-v608-card{flex-basis:calc((100% - 1.1rem)/2)}
}
@media(max-width:680px){
.oa-v608-reviews{padding:4.6rem 0 5rem!important}
.oa-v608-reviews-inner{padding-left:20px;padding-right:20px}
.oa-v608-head{display:block}
.oa-v608-rating-box{justify-items:start;padding:1.5rem 0 0}
.oa-v608-nav{justify-content:flex-start;margin-top:1.3rem}
.oa-v608-card{flex-basis:88%;min-height:300px}
}
/* ==========================================================
V6.0.9 — RECENSIONI SEMPRE VISIBILI / SPAZIO BIANCO STABILE
========================================================== */
.oa-v608-reviews{
position:relative!important;
display:block!important;
min-height:430px!important;
background:#fff!important;
border-top:0!important;
border-bottom:0!important;
padding:5.6rem 0 5.9rem!important;
}
.oa-v608-reviews:before{
content:""!important;
position:absolute!important;
top:0!important;
left:0!important;
right:0!important;
height:5px!important;
background:linear-gradient(90deg,#047368 0 78%,#f2b809 78% 100%)!important;
}
.oa-v608-reviews.is-empty{
min-height:390px!important;
}
.oa-v609-empty{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:2rem!important;
margin-top:2rem!important;
padding:1.6rem 0 0!important;
border-top:1px solid rgba(4,115,104,.12)!important;
}
.oa-v609-empty>div{
display:flex!important;
align-items:flex-start!important;
gap:1rem!important;
max-width:820px!important;
}
.oa-v609-google-mark{
display:grid!important;
place-items:center!important;
width:48px!important;
height:48px!important;
flex:0 0 48px!important;
border-radius:50%!important;
background:#fff!important;
border:1px solid rgba(4,115,104,.16)!important;
color:#047368!important;
font-size:1.35rem!important;
font-weight:900!important;
box-shadow:0 8px 24px rgba(25,55,50,.08)!important;
}
.oa-v609-empty h3{
margin:0 0 .4rem!important;
color:#20312f!important;
font-size:1.05rem!important;
}
.oa-v609-empty p{
margin:0!important;
color:#66716f!important;
line-height:1.6!important;
}
.oa-v609-google-link{
flex:0 0 auto!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:48px!important;
padding:0 1.2rem!important;
background:#047368!important;
color:#fff!important;
text-decoration:none!important;
font-weight:800!important;
border-bottom:3px solid #f2b809!important;
}
.oa-v609-google-link:hover,
.oa-v609-google-link:focus{
background:#035f56!important;
color:#fff!important;
}
@media(max-width:760px){
.oa-v608-reviews{
min-height:360px!important;
padding:4.4rem 0 4.7rem!important;
}
.oa-v609-empty{
display:block!important;
}
.oa-v609-google-link{
margin-top:1.2rem!important;
width:100%!important;
}
}
/* ==========================================================
V6.0.11 — GOOGLE REVIEWS / EDITORIAL POLISH
========================================================== */
.oa-v608-reviews.has-reviews{
overflow:hidden!important;
background:
radial-gradient(circle at 91% 15%,rgba(242,184,9,.10),transparent 22rem),
#fff!important;
padding-top:5.2rem!important;
}
.oa-v608-reviews.has-reviews:after{
content:"";
position:absolute;
width:420px;height:420px;
right:-190px;bottom:-260px;
border:1px solid rgba(4,115,104,.10);
border-radius:50%;
pointer-events:none;
}
.oa-v608-head{align-items:center!important;margin-bottom:2.25rem!important}
.oa-v608-kicker{color:#047368!important;letter-spacing:.18em!important}
.oa-v608-rating-box{
min-width:245px;
justify-items:start!important;
padding:1.25rem 1.45rem!important;
border-left:5px solid #f2b809;
background:#047368;
box-shadow:0 18px 40px rgba(4,115,104,.13);
}
.oa-v608-rating-box strong{color:#fff!important;font-size:3rem!important}
.oa-v608-rating-box small{color:rgba(255,255,255,.78)!important}
.oa-v608-rating-box .oa-v608-stars{font-size:1.05rem}
.oa-v611-toolbar{
display:flex;
align-items:center;
gap:.75rem;
margin:0 0 1.15rem;
}
.oa-v611-google-badge{
display:grid;place-items:center;
width:34px;height:34px;border-radius:50%;
background:#fff;color:#047368;
border:1px solid rgba(4,115,104,.16);
box-shadow:0 6px 18px rgba(25,55,50,.08);
font-weight:900;
}
.oa-v611-trust-copy{color:#65716e;font-size:.9rem;font-weight:700}
.oa-v611-toolbar .oa-v608-nav{margin:0 0 0 auto!important}
.oa-v608-track{gap:1.25rem!important;padding:.3rem .15rem 1.7rem!important}
.oa-v608-card{
position:relative;
flex-basis:calc((100% - 2.5rem)/3)!important;
min-height:365px!important;
padding:1.75rem!important;
border:0!important;
border-top:4px solid #f2b809!important;
border-radius:0 0 18px 18px;
background:#fff!important;
box-shadow:0 16px 44px rgba(25,55,50,.10)!important;
transition:transform .25s ease,box-shadow .25s ease;
}
.oa-v608-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(25,55,50,.14)!important}
.oa-v608-avatar{width:56px!important;height:56px!important;flex-basis:56px!important;border:3px solid rgba(242,184,9,.35)}
.oa-v608-card h3{font-size:1.05rem!important}
.oa-v608-card-stars{font-size:.92rem;margin-bottom:.1rem}
.oa-v611-quote{
display:block;height:34px;
color:#047368;font-family:Georgia,serif;
font-size:3.6rem;line-height:.8;opacity:.25;
margin:.35rem 0 .25rem;
}
.oa-v608-card blockquote{font-size:1.02rem!important;line-height:1.72!important}
.oa-v608-card>a{letter-spacing:.03em}
.oa-v608-nav button{border-radius:50%;font-size:1.05rem;font-weight:800}
@media(max-width:980px){
.oa-v608-card{flex-basis:calc((100% - 1.25rem)/2)!important}
}
@media(max-width:680px){
.oa-v608-head{align-items:flex-start!important}
.oa-v608-rating-box{width:100%;min-width:0;margin-top:1.5rem}
.oa-v611-toolbar{flex-wrap:wrap}
.oa-v611-toolbar .oa-v608-nav{margin-left:0!important;width:100%;justify-content:flex-start!important}
.oa-v608-card{flex-basis:88%!important;min-height:340px!important;padding:1.45rem!important}
}
/* ==========================================================
V6.0.12 — GOOGLE BUSINESS REVIEWS: 10 ALLA VOLTA
========================================================== */
.oa-v6012-reviews{
width:100%;
background:#fff;
padding:6rem 0 6.5rem;
}
.oa-v6012-wrap{
width:100%;
padding:0 clamp(24px,6vw,110px);
}
.oa-v6012-heading{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:2.5rem;
margin-bottom:2.2rem;
}
.oa-v6012-kicker{
display:block;
color:#047368;
font-size:.76rem;
font-weight:800;
letter-spacing:.14em;
margin-bottom:.7rem;
}
.oa-v6012-heading h2{
margin:0 0 .8rem;
color:#20312f;
font-size:clamp(3rem,5.6vw,6rem);
line-height:.94;
letter-spacing:-.055em;
}
.oa-v6012-heading p{
margin:0;
color:#65716e;
font-size:1.06rem;
}
.oa-v6012-summary{
display:grid;
justify-items:end;
gap:.15rem;
}
.oa-v6012-summary strong{
color:#047368;
font-size:2.7rem;
line-height:1;
}
.oa-v6012-summary span{
color:#f2b809;
letter-spacing:.08em;
}
.oa-v6012-summary small{
color:#687370;
}
.oa-v6012-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1.1rem;
}
.oa-v6012-review-card{
min-width:0;
padding:1.5rem;
background:#fbfcf9;
border:1px solid rgba(4,115,104,.12);
box-shadow:0 12px 34px rgba(25,55,50,.07);
}
.oa-v6012-review-top{
display:flex;
align-items:center;
gap:.85rem;
margin-bottom:1rem;
}
.oa-v6012-avatar{
width:48px;
height:48px;
flex:0 0 48px;
display:grid;
place-items:center;
overflow:hidden;
border-radius:50%;
background:#047368;
color:#fff;
font-weight:800;
}
.oa-v6012-avatar img{
width:100%;
height:100%;
object-fit:cover;
}
.oa-v6012-review-card h3{
margin:0 0 .15rem;
color:#20312f;
font-size:1rem;
}
.oa-v6012-stars{
color:#f2b809;
letter-spacing:.06em;
}
.oa-v6012-review-card small{
color:#7a8380;
}
.oa-v6012-review-text{
position:relative;
overflow:hidden;
}
.oa-v6012-review-text p{
margin:0;
color:#465552;
line-height:1.7;
}
.oa-v6012-review-text.is-collapsed{
max-height:8.5em;
}
.oa-v6012-review-text.is-collapsed:after{
content:"";
position:absolute;
left:0;right:0;bottom:0;
height:2.4em;
background:linear-gradient(transparent,#fbfcf9);
}
.oa-v6012-review-text.is-open{
max-height:none;
}
.oa-v6012-read-more{
margin-top:.8rem;
padding:0;
border:0;
background:transparent;
color:#047368;
font-weight:800;
cursor:pointer;
border-bottom:2px solid #f2b809;
}
.oa-v6012-more-wrap{
display:flex;
justify-content:center;
margin-top:2rem;
}
.oa-v6012-load-more{
min-height:50px;
padding:0 1.4rem;
border:0;
background:#047368;
color:#fff;
font-weight:800;
cursor:pointer;
border-bottom:4px solid #f2b809;
}
.oa-v6012-load-more:hover,
.oa-v6012-load-more:focus{
background:#035f56;
}
@media(max-width:980px){
.oa-v6012-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
.oa-v6012-reviews{padding:4.5rem 0 5rem}
.oa-v6012-wrap{padding:0 20px}
.oa-v6012-heading{display:block}
.oa-v6012-summary{justify-items:start;margin-top:1.5rem}
.oa-v6012-grid{grid-template-columns:1fr}
}
/* ==========================================================
V6.1.0 — INTERNAL PAGES RESET
Stesso linguaggio della Home: verde #047368, giallo #f2b809,
Manrope, fotografie full-width, molto bianco e componenti puliti.
========================================================== */
body.oa-v610-internal{
background:#fff!important;
color:#20312f!important;
}
body.oa-v610-internal .site-main{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
/* Header interno */
body.oa-v610-internal .site-header{
position:relative!important;
top:auto!important;
background:#fff!important;
border-bottom:1px solid rgba(4,115,104,.12)!important;
box-shadow:none!important;
}
body.oa-v610-internal .site-header:after{
content:""!important;
display:block!important;
position:absolute!important;
left:0!important;right:0!important;bottom:0!important;
height:2px!important;
background:linear-gradient(90deg,#047368 0 78%,#f2b809 78% 100%)!important;
}
body.oa-v610-internal .site-header .primary-menu>li>a{
color:#20312f!important;
text-shadow:none!important;
}
body.oa-v610-internal .site-header .primary-menu>li>a:hover,
body.oa-v610-internal .site-header .primary-menu>li>a:focus{
color:#047368!important;
}
/* Hero interno */
.oa-v610-inner-hero{
position:relative!important;
min-height:clamp(330px,44vw,570px)!important;
width:100%!important;
display:flex!important;
align-items:flex-end!important;
overflow:hidden!important;
background:#047368!important;
background-image:var(--oa-v610-bg,none)!important;
background-size:cover!important;
background-position:center!important;
}
.oa-v610-inner-shade{
position:absolute!important;
inset:0!important;
background:
linear-gradient(90deg,rgba(1,70,63,.82) 0%,rgba(4,115,104,.50) 48%,rgba(4,115,104,.12) 82%),
linear-gradient(0deg,rgba(0,43,39,.45),transparent 60%)!important;
}
.oa-v610-inner-hero-content{
position:relative!important;
z-index:2!important;
width:100%!important;
padding:clamp(42px,7vw,100px) clamp(24px,6vw,110px)!important;
color:#fff!important;
}
.oa-v610-kicker{
display:block!important;
margin-bottom:.8rem!important;
color:#f2b809!important;
font-size:.76rem!important;
font-weight:800!important;
letter-spacing:.15em!important;
text-transform:uppercase!important;
}
.oa-v610-inner-hero h1{
max-width:980px!important;
margin:0 0 1rem!important;
color:#fff!important;
font-size:clamp(3.1rem,6.4vw,7.2rem)!important;
line-height:.92!important;
letter-spacing:-.055em!important;
font-weight:750!important;
}
.oa-v610-inner-hero p{
max-width:760px!important;
margin:0!important;
color:rgba(255,255,255,.88)!important;
font-size:clamp(1rem,1.5vw,1.22rem)!important;
line-height:1.6!important;
}
/* Nasconde i vecchi hero / banner legacy */
body.oa-v610-internal .oa-v572-page-hero,
body.oa-v610-internal .oa-v568-info-hero,
body.oa-v610-internal .page-banner,
body.oa-v610-internal .oa-v571-hide-old-hero{
display:none!important;
}
/* Contenuto */
.oa-v610-page-main{
width:100%!important;
padding:clamp(3.8rem,7vw,7.2rem) 0!important;
background:#fff!important;
}
.oa-v610-content-wrap{
width:100%!important;
max-width:1500px!important;
margin:0 auto!important;
padding:0 clamp(24px,6vw,110px)!important;
box-sizing:border-box!important;
}
.oa-v610-editor-content{
color:#465552!important;
font-size:1.05rem!important;
line-height:1.78!important;
}
.oa-v610-editor-content h2,
.oa-v610-editor-content h3{
color:#20312f!important;
letter-spacing:-.035em!important;
}
.oa-v610-editor-content h2{
margin-top:2.2rem!important;
font-size:clamp(2rem,3.8vw,3.7rem)!important;
}
.oa-v610-editor-content a{
color:#047368!important;
}
.oa-v610-editor-content .wp-block-button__link{
background:#047368!important;
color:#fff!important;
border-radius:0!important;
border-bottom:4px solid #f2b809!important;
}
/* Generic page: niente box demo generati dal tema */
.oa-v610-generic-page{
max-width:1250px!important;
}
/* Contact */
.oa-contact-layout-v33{
display:grid!important;
grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
gap:1.2rem!important;
margin-top:3rem!important;
}
.oa-contact-card-v33,
.oa-contact-form-v33{
padding:clamp(1.5rem,3vw,2.4rem)!important;
border:1px solid rgba(4,115,104,.12)!important;
background:#fbfcf9!important;
border-radius:0!important;
box-shadow:none!important;
}
.oa-contact-card-v33 h2,
.oa-contact-form-v33 h2{
color:#20312f!important;
font-size:clamp(1.7rem,2.6vw,2.5rem)!important;
}
.oa-contact-item-v33{
border-top:1px solid rgba(4,115,104,.12)!important;
}
.oa-google-map-v33{
margin-top:1.2rem!important;
}
.oa-google-map-v33 iframe{
width:100%!important;
min-height:440px!important;
border:0!important;
border-radius:0!important;
}
/* CF7 */
.oa-v610-internal .wpcf7 input:not([type="submit"]),
.oa-v610-internal .wpcf7 textarea,
.oa-v610-internal .wpcf7 select{
width:100%!important;
min-height:50px!important;
padding:.8rem 1rem!important;
border:1px solid rgba(4,115,104,.22)!important;
background:#fff!important;
border-radius:0!important;
}
.oa-v610-internal .wpcf7 textarea{min-height:150px!important}
.oa-v610-internal .wpcf7 input[type="submit"]{
min-height:50px!important;
padding:0 1.35rem!important;
border:0!important;
border-bottom:4px solid #f2b809!important;
background:#047368!important;
color:#fff!important;
font-weight:800!important;
cursor:pointer!important;
}
/* Activity listing modernizzata senza cambiare dati */
.oa-v610-internal .oa-v4-activities{
margin:0!important;
}
.oa-v610-internal .oa-v4-activities .section-header .eyebrow{
color:#047368!important;
}
.oa-v610-internal .oa-v4-activities .section-header h2{
color:#20312f!important;
font-size:clamp(2.8rem,5vw,5.4rem)!important;
letter-spacing:-.055em!important;
}
.oa-v610-internal .oa-v4-filterbar button{
border:1px solid rgba(4,115,104,.20)!important;
background:#fff!important;
color:#047368!important;
border-radius:0!important;
}
.oa-v610-internal .oa-v4-filterbar button.is-active,
.oa-v610-internal .oa-v4-filterbar button:hover{
background:#047368!important;
color:#fff!important;
border-color:#047368!important;
}
.oa-v610-internal .oa-v4-activity-grid{
gap:1.1rem!important;
}
.oa-v610-internal .oa-v4-activity-card{
overflow:hidden!important;
border:1px solid rgba(4,115,104,.10)!important;
background:#fff!important;
border-radius:0!important;
box-shadow:0 14px 38px rgba(20,60,55,.08)!important;
}
.oa-v610-internal .oa-v4-activity-image{
min-height:290px!important;
}
.oa-v610-internal .oa-v4-activity-image img{
width:100%!important;height:100%!important;object-fit:cover!important;
}
.oa-v610-internal .oa-v4-price-badge{
background:#f2b809!important;color:#20312f!important;border-radius:0!important;
}
.oa-v610-internal .oa-v4-cat-badge{
background:#047368!important;color:#fff!important;border-radius:0!important;
}
.oa-v610-internal .oa-v4-card-button{
background:#047368!important;color:#fff!important;border-radius:0!important;border-bottom:3px solid #f2b809!important;
}
/* Singola attività */
.oa-v610-activity-layout{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(300px,390px)!important;
gap:clamp(2rem,5vw,5rem)!important;
align-items:start!important;
}
.oa-v610-booking-aside{
position:sticky!important;
top:110px!important;
}
.oa-v610-internal [class*="booking-card"],
.oa-v610-internal .oa-v527-booking-card,
.oa-v610-internal .oa-booking-card{
border-radius:0!important;
border:1px solid rgba(4,115,104,.14)!important;
box-shadow:0 14px 40px rgba(20,60,55,.08)!important;
}
/* Event archive */
.oa-v610-events-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:1.2rem!important;
}
.oa-v610-event-card{
overflow:hidden!important;
background:#fff!important;
border:1px solid rgba(4,115,104,.11)!important;
box-shadow:0 14px 40px rgba(20,60,55,.08)!important;
}
.oa-v610-event-media{
position:relative!important;
display:block!important;
min-height:310px!important;
overflow:hidden!important;
background:#047368!important;
}
.oa-v610-event-media img{
width:100%!important;height:100%!important;object-fit:cover!important;
}
.oa-v610-event-fallback{
position:absolute!important;inset:0!important;
background:linear-gradient(135deg,#047368,#03574f)!important;
}
.oa-v610-event-date{
position:absolute!important;
top:1rem!important;left:1rem!important;
width:72px!important;height:72px!important;
display:flex!important;flex-direction:column!important;
align-items:center!important;justify-content:center!important;
background:#fff!important;color:#047368!important;
}
.oa-v610-event-date strong{font-size:1.8rem!important;line-height:1!important}
.oa-v610-event-date small{color:#047368!important;font-weight:800!important}
.oa-v610-event-body{padding:1.45rem!important}
.oa-v610-event-meta{
display:flex!important;flex-wrap:wrap!important;gap:.45rem .9rem!important;
color:#047368!important;font-size:.82rem!important;font-weight:700!important;
}
.oa-v610-event-body h2{margin:.7rem 0!important;font-size:1.6rem!important}
.oa-v610-event-body h2 a{color:#20312f!important;text-decoration:none!important}
.oa-v610-event-body p{color:#66716f!important;line-height:1.6!important}
.oa-v610-text-link{
display:inline-block!important;
color:#047368!important;
text-decoration:none!important;
font-weight:800!important;
padding-bottom:.2rem!important;
border-bottom:2px solid #f2b809!important;
}
/* Single evento */
.oa-v610-event-single-layout,
.oa-v610-hospitality-single{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(300px,390px)!important;
gap:clamp(2rem,5vw,5rem)!important;
align-items:start!important;
}
.oa-v610-event-info-card,
.oa-v610-contact-card{
padding:1.6rem!important;
border:1px solid rgba(4,115,104,.14)!important;
background:#fbfcf9!important;
}
.oa-v610-event-info-card>div,
.oa-v610-contact-card>div{
display:grid!important;
gap:.25rem!important;
padding:.9rem 0!important;
border-top:1px solid rgba(4,115,104,.12)!important;
}
.oa-v610-event-info-card strong,
.oa-v610-contact-card strong{
color:#047368!important;
}
.oa-v610-event-info-card a,
.oa-v610-contact-card>a{
display:block!important;
margin-top:.6rem!important;
padding:.8rem 1rem!important;
background:#047368!important;
color:#fff!important;
text-decoration:none!important;
border-bottom:3px solid #f2b809!important;
}
.oa-v610-map-wrap{
margin-top:3rem!important;
border-top:5px solid #f2b809!important;
}
/* Hospitality shortcode legacy reskin */
.oa-v610-internal .oa-v543-hospitality-grid{
gap:1.1rem!important;
}
.oa-v610-internal .oa-v543-hospitality-card{
border-radius:0!important;
border:1px solid rgba(4,115,104,.11)!important;
box-shadow:0 14px 38px rgba(20,60,55,.08)!important;
background:#fff!important;
}
.oa-v610-internal .oa-v543-hospitality-card img{
min-height:280px!important;
object-fit:cover!important;
}
.oa-v610-internal .oa-v543-hospitality-type{
color:#047368!important;
}
.oa-v610-internal .oa-v543-hospitality-actions a{
background:#047368!important;
color:#fff!important;
border-radius:0!important;
}
/* Special experiences legacy reskin */
.oa-v610-shortcode-wrap [class*="special"],
.oa-v610-shortcode-wrap [class*="esperienze"]{
border-radius:0!important;
}
/* Footer continua con identità Home */
body.oa-v610-internal .site-footer{
margin-top:0!important;
}
/* Responsive */
@media(max-width:980px){
.oa-v610-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.oa-v610-activity-layout,
.oa-v610-event-single-layout,
.oa-v610-hospitality-single,
.oa-contact-layout-v33{
grid-template-columns:1fr!important;
}
.oa-v610-booking-aside{position:static!important}
}
@media(max-width:680px){
.oa-v610-inner-hero{min-height:360px!important}
.oa-v610-inner-hero-content{padding:3rem 20px!important}
.oa-v610-inner-hero h1{font-size:clamp(2.8rem,13vw,4.6rem)!important}
.oa-v610-content-wrap{padding:0 20px!important}
.oa-v610-events-grid{grid-template-columns:1fr!important}
.oa-v610-event-media{min-height:250px!important}
}
/* ==========================================================
V6.1.1 — CONTENT PRESERVATION / ICONOGRAFIA DISCOVERY
========================================================== */
.oa-v611-intro{
max-width:1050px;
margin:0 0 clamp(2.4rem,5vw,4.6rem);
}
.oa-v611-kicker{
display:block;
margin-bottom:.75rem;
color:#047368;
font-size:.76rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v611-intro h2,
.oa-v611-cta h2{
margin:0 0 1rem;
color:#20312f;
font-size:clamp(2.7rem,5vw,5.4rem);
line-height:.96;
letter-spacing:-.055em;
}
.oa-v611-intro p{
max-width:850px;
margin:0;
color:#5d6c69;
font-size:clamp(1.05rem,1.5vw,1.24rem);
line-height:1.75;
}
.oa-v611-icon-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1px;
margin:0 0 clamp(3.4rem,6vw,6rem);
background:rgba(4,115,104,.12);
border:1px solid rgba(4,115,104,.12);
}
.oa-v611-icon-card{
display:flex;
gap:1.1rem;
min-height:190px;
padding:1.6rem;
background:#fff;
}
.oa-v611-icon-card img{
width:44px;
height:44px;
flex:0 0 44px;
padding:8px;
box-sizing:border-box;
background:#f2b809;
color:#047368;
}
.oa-v611-icon-card h3{
margin:.1rem 0 .55rem;
color:#20312f;
font-size:1.15rem;
letter-spacing:-.025em;
}
.oa-v611-icon-card p{
margin:0;
color:#65716e;
line-height:1.62;
font-size:.94rem;
}
.oa-v611-icon-card a{color:#047368!important}
.oa-v611-card-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:1rem;
margin:0 0 clamp(3.5rem,6vw,6rem);
}
.oa-v611-story-card{
position:relative;
min-height:300px;
padding:clamp(1.6rem,3vw,2.5rem);
background:#047368;
overflow:hidden;
}
.oa-v611-story-card:after{
content:"";
position:absolute;
right:-90px;
bottom:-120px;
width:280px;
height:280px;
border-radius:50%;
background:rgba(242,184,9,.14);
}
.oa-v611-story-card>span{
position:relative;
z-index:2;
color:#f2b809;
font-size:.72rem;
font-weight:900;
letter-spacing:.14em;
}
.oa-v611-story-card h3{
position:relative;
z-index:2;
margin:.65rem 0 .75rem;
max-width:570px;
color:#fff!important;
font-size:clamp(1.8rem,3.2vw,3.2rem)!important;
line-height:1;
letter-spacing:-.045em;
}
.oa-v611-story-card p{
position:relative;
z-index:2;
max-width:620px;
color:rgba(255,255,255,.8)!important;
line-height:1.65;
}
.oa-v611-story-card a{
position:absolute;
z-index:3;
left:clamp(1.6rem,3vw,2.5rem);
bottom:1.7rem;
color:#fff!important;
text-decoration:none!important;
font-weight:800;
border-bottom:2px solid #f2b809;
}
.oa-v611-note{
margin:0 0 clamp(3rem,5vw,5rem);
padding:1.5rem 1.6rem;
border-left:5px solid #f2b809;
background:#f7f8f4;
}
.oa-v611-note strong{
color:#047368;
font-size:1.05rem;
}
.oa-v611-note p{
margin:.5rem 0 0;
color:#53615f;
line-height:1.7;
}
.oa-v611-cta{
display:flex;
align-items:center;
justify-content:space-between;
gap:3rem;
margin-top:clamp(3.5rem,7vw,7rem);
padding:clamp(2.2rem,4vw,4rem);
background:#f5f6f1;
border-top:5px solid #f2b809;
}
.oa-v611-cta h2{
max-width:850px;
font-size:clamp(2.3rem,4vw,4.4rem);
}
.oa-v611-cta p{
max-width:720px;
margin:0;
color:#61706d;
line-height:1.65;
}
.oa-v611-cta>a{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:54px;
padding:0 1.4rem;
background:#047368;
color:#fff!important;
text-decoration:none!important;
font-weight:850;
border-bottom:4px solid #f2b809;
}
/* Schede tecniche attività: icone e blocchi coerenti */
.oa-v610-internal .oa-activity-spec-grid,
.oa-v610-internal .oa-v527-spec-grid{
gap:1px!important;
background:rgba(4,115,104,.10)!important;
}
.oa-v610-internal .oa-activity-spec,
.oa-v610-internal .oa-v527-spec{
background:#fbfcf9!important;
border:0!important;
border-radius:0!important;
}
.oa-v610-internal .oa-activity-spec span,
.oa-v610-internal .oa-v527-spec span{
color:#047368!important;
}
.oa-v610-internal .oa-activity-spec strong,
.oa-v610-internal .oa-v527-spec strong{
color:#20312f!important;
}
/* Nessun ritorno ai vecchi blocchi demo nelle pagine migrate */
.oa-v610-internal .oa-content-ready .oa-demo-slider,
.oa-v610-internal .oa-content-ready .content-columns,
.oa-v610-internal .oa-content-ready .strength-grid,
.oa-v610-internal .oa-content-ready .cta-band{
display:none!important;
}
@media(max-width:1050px){
.oa-v611-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.oa-v611-icon-grid,
.oa-v611-card-grid{grid-template-columns:1fr}
.oa-v611-icon-card{min-height:0}
.oa-v611-cta{display:block}
.oa-v611-cta>a{margin-top:1.4rem;width:100%}
}
/* ==========================================================
V6.1.2 — ATTIVITÀ: STESSO DESIGN DELLA HOME
========================================================== */
/* Elimina qualsiasi impronta dello slider/scheda legacy sulle singole attività */
body.single-attivita .oa-v533-activity-slider,
body.single-attivita .oa-v533-activity-body,
body.single-attivita .oa-page-slider{
display:none!important;
}
body.single-attivita{
background:#fff!important;
}
body.single-attivita .site-header{
position:relative!important;
background:#fff!important;
border-bottom:1px solid rgba(4,115,104,.10)!important;
}
body.single-attivita .site-header .primary-menu>li>a{
color:#20312f!important;
text-shadow:none!important;
}
body.single-attivita .site-header .primary-menu>li>a:hover,
body.single-attivita .site-header .primary-menu>li>a:focus{
color:#047368!important;
}
/* HERO fotografica full width */
.oa-v612-activity-hero{
position:relative;
width:100%;
height:clamp(540px,68vh,760px);
min-height:540px;
overflow:hidden;
background:#047368;
}
.oa-v612-hero-track,
.oa-v612-hero-slide{
position:absolute;
inset:0;
}
.oa-v612-hero-slide{
opacity:0;
background-size:cover;
background-position:center;
transform:scale(1.015);
transition:opacity .45s ease,transform 5s ease;
}
.oa-v612-hero-slide.is-active{
opacity:1;
transform:scale(1);
}
.oa-v612-activity-hero.no-photo .oa-v612-hero-slide{
opacity:1;
background:
radial-gradient(circle at 82% 22%,rgba(242,184,9,.12),transparent 30%),
linear-gradient(125deg,#047368,#03574f);
}
.oa-v612-hero-shade{
position:absolute;
inset:0;
background:
linear-gradient(90deg,rgba(0,48,44,.78) 0%,rgba(4,115,104,.42) 44%,rgba(4,115,104,.06) 78%),
linear-gradient(0deg,rgba(0,34,31,.42),transparent 60%);
}
.oa-v612-hero-copy{
position:absolute;
z-index:3;
left:clamp(24px,6vw,110px);
right:clamp(24px,6vw,110px);
bottom:clamp(48px,8vh,90px);
max-width:1050px;
}
.oa-v612-kicker,
.oa-v612-small-kicker{
display:block;
margin-bottom:.8rem;
color:#f2b809;
font-size:.75rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v612-hero-copy h1{
max-width:1000px;
margin:0 0 1rem;
color:#fff;
font-size:clamp(3.7rem,7vw,8rem);
line-height:.9;
letter-spacing:-.06em;
}
.oa-v612-hero-copy p{
max-width:740px;
margin:0;
color:rgba(255,255,255,.88);
font-size:clamp(1rem,1.4vw,1.2rem);
line-height:1.6;
}
.oa-v612-hero-controls{
position:absolute;
z-index:4;
right:clamp(24px,6vw,110px);
bottom:clamp(48px,8vh,90px);
display:flex;
align-items:center;
gap:.7rem;
color:#fff;
}
.oa-v612-hero-controls button{
width:48px;
height:48px;
border:1px solid rgba(255,255,255,.55);
background:rgba(0,0,0,.08);
color:#fff;
cursor:pointer;
}
.oa-v612-hero-controls button:hover{
background:#f2b809;
border-color:#f2b809;
color:#20312f;
}
/* Corpo scheda: margini coerenti e testo non più affogato/centrato */
.oa-v612-activity-main{
width:100%;
padding:clamp(4.5rem,7vw,7rem) 0;
background:#fff;
}
.oa-v612-activity-wrap{
width:100%;
max-width:1600px;
margin:0 auto;
padding:0 clamp(24px,6vw,110px);
box-sizing:border-box;
}
.oa-v612-activity-layout{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(340px,410px);
gap:clamp(2.8rem,6vw,7rem);
align-items:start;
}
.oa-v612-activity-copy{
min-width:0;
max-width:940px;
}
.oa-v612-entry-content{
color:#465552;
font-size:clamp(1.02rem,1.2vw,1.14rem);
line-height:1.78;
}
.oa-v612-entry-content>*:first-child{
margin-top:0!important;
}
.oa-v612-entry-content h2{
max-width:900px;
margin:2.5rem 0 1rem!important;
color:#20312f!important;
font-size:clamp(2.2rem,4vw,4.25rem)!important;
line-height:1!important;
letter-spacing:-.045em!important;
text-align:left!important;
}
.oa-v612-entry-content h3{
color:#20312f!important;
font-size:clamp(1.5rem,2.5vw,2.3rem)!important;
letter-spacing:-.03em!important;
text-align:left!important;
}
.oa-v612-entry-content p,
.oa-v612-entry-content ul,
.oa-v612-entry-content ol{
max-width:850px!important;
text-align:left!important;
}
.oa-v612-entry-content a{color:#047368!important}
/* Scheda tecnica nuova */
.oa-v612-spec-card{
position:sticky;
top:105px;
padding:1.6rem;
background:#f7f8f4;
border-top:5px solid #f2b809;
}
.oa-v612-spec-card>h2{
margin:0 0 1.3rem;
color:#20312f;
font-size:clamp(1.8rem,2.5vw,2.5rem);
letter-spacing:-.04em;
}
.oa-v612-spec-list{
border-top:1px solid rgba(4,115,104,.13);
}
.oa-v612-spec-row{
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:.9rem;
align-items:start;
padding:1rem 0;
border-bottom:1px solid rgba(4,115,104,.13);
}
.oa-v612-spec-row img{
width:38px;
height:38px;
padding:8px;
box-sizing:border-box;
background:#f2b809;
}
.oa-v612-spec-row span{
display:block;
margin-bottom:.2rem;
color:#047368;
font-size:.7rem;
font-weight:900;
letter-spacing:.1em;
text-transform:uppercase;
}
.oa-v612-spec-row strong{
display:block;
color:#20312f;
font-size:.98rem;
line-height:1.4;
}
.oa-v612-spec-cta{
margin-top:1.5rem;
padding-top:1.3rem;
}
.oa-v612-spec-cta h3{
margin:0 0 .5rem;
color:#20312f;
font-size:1.25rem;
}
.oa-v612-spec-cta p{
margin:0 0 1rem;
color:#66716f;
line-height:1.55;
}
.oa-v612-spec-cta a{
display:flex;
min-height:50px;
align-items:center;
justify-content:center;
padding:0 1.1rem;
background:#047368;
color:#fff!important;
text-decoration:none!important;
font-weight:850;
border-bottom:4px solid #f2b809;
}
/* Preparazione */
.oa-v612-prep,
.oa-v612-gallery,
.oa-v612-booking{
margin-top:clamp(4.5rem,8vw,8rem);
}
.oa-v612-section-head{
max-width:900px;
margin-bottom:2rem;
}
.oa-v612-section-head h2{
margin:0;
color:#20312f;
font-size:clamp(2.5rem,4.7vw,5rem);
line-height:.96;
letter-spacing:-.055em;
}
.oa-v612-prep-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1px;
background:rgba(4,115,104,.11);
border:1px solid rgba(4,115,104,.11);
}
.oa-v612-prep-grid article{
min-height:230px;
padding:1.5rem;
background:#fbfcf9;
}
.oa-v612-prep-grid img{
width:44px;
height:44px;
padding:8px;
box-sizing:border-box;
background:#f2b809;
}
.oa-v612-prep-grid h3{
margin:1rem 0 .55rem;
color:#20312f;
font-size:1.12rem;
}
.oa-v612-prep-grid p{
margin:0;
color:#66716f;
line-height:1.6;
}
/* Gallery legacy resa compatibile col nuovo spazio */
.oa-v612-gallery [class*="gallery"]{
max-width:none!important;
}
.oa-v612-gallery img{
border-radius:0!important;
}
/* Form prenotazione */
.oa-v612-booking .oa-booking-box{
margin:0!important;
padding:clamp(1.8rem,4vw,3rem)!important;
background:#047368!important;
color:#fff!important;
border-radius:0!important;
}
.oa-v612-booking .oa-booking-box h2,
.oa-v612-booking .oa-booking-box p,
.oa-v612-booking .oa-booking-box label{
color:#fff!important;
}
.oa-v612-booking .oa-booking-form{
gap:1rem!important;
}
.oa-v612-booking input,
.oa-v612-booking textarea{
border-radius:0!important;
border:0!important;
}
.oa-v612-booking button[type="submit"]{
background:#f2b809!important;
color:#20312f!important;
border-radius:0!important;
border:0!important;
min-height:52px!important;
font-weight:900!important;
}
/* Carosello home: tutte le attività storiche restano disponibili in orizzontale */
.home .oa-v48-home-slider-track{
align-items:stretch!important;
}
.home .oa-v48-activity-slide[data-kind="speciali"]{
background:#047368!important;
}
.home .oa-v48-activity-slide[data-kind="speciali"] .oa-v48-level-icon{
border-top-color:#f2b809!important;
border-right-color:#f2b809!important;
}
/* Archivio attività: spazi meno compressi */
.oa-v610-internal .oa-v4-activities{
padding-top:0!important;
}
.oa-v610-internal .oa-v4-activities .section-header{
max-width:1050px!important;
margin-bottom:2rem!important;
}
.oa-v610-internal .oa-v4-activity-grid{
row-gap:1.2rem!important;
}
.oa-v610-internal .oa-v4-activity-body{
padding:1.35rem!important;
}
/* Responsive */
@media(max-width:1050px){
.oa-v612-activity-layout{
grid-template-columns:1fr;
gap:3.5rem;
}
.oa-v612-spec-card{
position:static;
}
.oa-v612-prep-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:700px){
.oa-v612-activity-hero{
height:62svh;
min-height:470px;
}
.oa-v612-hero-copy{
left:20px;
right:20px;
bottom:42px;
}
.oa-v612-hero-copy h1{
font-size:clamp(3rem,13vw,5rem);
}
.oa-v612-hero-controls{
right:20px;
bottom:18px;
}
.oa-v612-hero-controls span{display:none}
.oa-v612-hero-controls button{
width:42px;height:42px;
}
.oa-v612-activity-wrap{
padding-left:20px;
padding-right:20px;
}
.oa-v612-activity-main{
padding-top:3.6rem;
}
.oa-v612-entry-content h2{
margin-top:2rem!important;
}
.oa-v612-prep-grid{
grid-template-columns:1fr;
}
.oa-v612-prep-grid article{
min-height:0;
}
}
/* ==========================================================
V6.1.3 — DETTAGLI COMPLETI DALLE SCHEDE STORICHE
========================================================== */
.oa-v613-legacy-details{
margin-top:clamp(3.8rem,7vw,6.8rem);
}
.oa-v613-head{
max-width:900px;
margin-bottom:2rem;
}
.oa-v613-head h2{
margin:0;
color:#20312f;
font-size:clamp(2.5rem,4.6vw,4.9rem);
line-height:.96;
letter-spacing:-.055em;
}
.oa-v613-text-sections{
display:grid;
gap:1px;
background:rgba(4,115,104,.11);
border:1px solid rgba(4,115,104,.11);
}
.oa-v613-text-sections section{
padding:clamp(1.5rem,3vw,2.35rem);
background:#fff;
}
.oa-v613-text-sections h3{
margin:0 0 .7rem!important;
color:#20312f!important;
font-size:clamp(1.6rem,2.7vw,2.65rem)!important;
line-height:1!important;
text-align:left!important;
}
.oa-v613-text-sections p{
max-width:900px!important;
margin:0!important;
color:#566562!important;
font-size:1rem!important;
line-height:1.75!important;
text-align:left!important;
}
.oa-v613-facts{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:1px;
margin-top:1px;
background:rgba(4,115,104,.11);
border:1px solid rgba(4,115,104,.11);
}
.oa-v613-facts article{
display:grid;
grid-template-columns:46px minmax(0,1fr);
gap:1rem;
align-items:start;
padding:1.25rem 1.35rem;
background:#f9faf6;
}
.oa-v613-facts img{
width:42px;
height:42px;
padding:9px;
box-sizing:border-box;
background:#f2b809;
}
.oa-v613-facts span{
display:block;
margin-bottom:.2rem;
color:#047368;
font-size:.69rem;
font-weight:900;
letter-spacing:.1em;
text-transform:uppercase;
}
.oa-v613-facts strong{
color:#20312f;
line-height:1.42;
}
.oa-v613-two-cols{
display:grid;
grid-template-columns:1fr 1fr;
gap:1rem;
margin-top:1rem;
}
.oa-v613-list{
min-height:280px;
padding:1.6rem;
border-top:5px solid #f2b809;
}
.oa-v613-list.good{
background:#047368;
}
.oa-v613-list.caution{
background:#f4f6f1;
}
.oa-v613-list h3{
margin:0 0 1rem!important;
font-size:clamp(1.8rem,3vw,3rem)!important;
line-height:1!important;
text-align:left!important;
}
.oa-v613-list.good h3,
.oa-v613-list.good li{
color:#fff!important;
}
.oa-v613-list.caution h3{
color:#20312f!important;
}
.oa-v613-list ul{
margin:0!important;
padding-left:1.2rem!important;
}
.oa-v613-list li{
margin:.55rem 0!important;
line-height:1.55!important;
color:#52615e;
}
.oa-v613-list.good .oa-v612-small-kicker{
color:#f2b809!important;
}
@media(max-width:760px){
.oa-v613-facts,
.oa-v613-two-cols{
grid-template-columns:1fr;
}
.oa-v613-list{min-height:0}
}
/* ==========================================================
V6.1.4 — SLIDER SU TUTTO IL SITO + ATTIVITÀ COME HOME
========================================================== */
/* Nasconde definitivamente i vecchi hero interni quando è presente il nuovo slider. */
.oa-v572-page-hero,
.oa-v610-inner-hero,
body.single-attivita .oa-v612-activity-hero,
body.single-evento .oa-v610-inner-hero,
body.single-struttura .oa-v610-inner-hero{
display:none!important;
}
/* Slider interno riutilizzabile */
.oa-v614-slider{
position:relative;
width:100%;
height:clamp(500px,64vh,720px);
min-height:500px;
overflow:hidden;
background:#047368;
}
.oa-v614-track,
.oa-v614-slide{
position:absolute;
inset:0;
}
.oa-v614-slide{
opacity:0;
background-size:cover;
background-position:center center;
transition:opacity .45s ease;
}
.oa-v614-slide.is-active{opacity:1}
.oa-v614-slide:not([style]){
background:
radial-gradient(circle at 82% 18%,rgba(242,184,9,.14),transparent 28%),
linear-gradient(125deg,#047368 0%,#035b53 68%,#173f3b 100%);
}
.oa-v614-shade{
position:absolute;
inset:0;
background:
linear-gradient(90deg,rgba(0,48,44,.79) 0%,rgba(4,115,104,.43) 45%,rgba(4,115,104,.07) 80%),
linear-gradient(0deg,rgba(0,31,28,.44),transparent 60%);
}
.oa-v614-copy{
position:absolute;
z-index:2;
left:clamp(24px,6vw,110px);
right:clamp(24px,6vw,110px);
bottom:clamp(52px,8vh,92px);
max-width:1100px;
}
.oa-v614-kicker,
.oa-v614-section-kicker{
display:block;
margin-bottom:.8rem;
color:#f2b809;
font-size:.75rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v614-copy h1{
max-width:1080px;
margin:0 0 1rem;
color:#fff;
font-size:clamp(3.7rem,6.8vw,7.8rem);
line-height:.91;
letter-spacing:-.06em;
}
.oa-v614-copy p{
max-width:760px;
margin:0;
color:rgba(255,255,255,.9);
font-size:clamp(1rem,1.4vw,1.2rem);
line-height:1.6;
}
.oa-v614-ui{
position:absolute;
z-index:4;
right:clamp(24px,6vw,110px);
bottom:clamp(40px,6vh,72px);
display:flex;
align-items:center;
gap:.75rem;
}
.oa-v614-ui>button{
width:48px;
height:48px;
border:1px solid rgba(255,255,255,.55);
background:rgba(0,0,0,.10);
color:#fff;
cursor:pointer;
}
.oa-v614-ui>button:hover,
.oa-v614-ui>button:focus{
background:#f2b809;
border-color:#f2b809;
color:#20312f;
}
.oa-v614-dots{
display:flex;
gap:7px;
}
.oa-v614-dots button{
width:9px;
height:9px;
padding:0;
border:1px solid rgba(255,255,255,.8);
border-radius:50%;
background:transparent;
cursor:pointer;
}
.oa-v614-dots button.is-active{
background:#f2b809;
border-color:#f2b809;
}
/* Schede attività: il corpo inizia con più respiro dopo lo slider */
body.single-attivita .oa-v612-activity-main{
padding-top:clamp(4.7rem,7vw,7.5rem)!important;
}
/* Pagina ATTIVITÀ: esattamente il linguaggio del blocco Home */
.oa-v614-activity-index{
width:100%;
margin:0;
padding:0;
}
.oa-v614-activity-index .oa-v48-home-slider-section{
padding:clamp(72px,7vw,120px) 0!important;
background:#047368!important;
}
.oa-v614-activity-index .oa-v48-home-slider-section:before{
background:
radial-gradient(circle at 88% 10%,rgba(242,184,9,.16),transparent 28%),
linear-gradient(115deg,#047368 0%,#035f57 68%,#315f45 100%)!important;
}
.oa-v614-activity-index .oa-v48-home-slider-inner{
width:100%!important;
max-width:none!important;
padding-left:clamp(28px,6vw,112px)!important;
padding-right:clamp(28px,6vw,112px)!important;
box-sizing:border-box!important;
}
.oa-v614-activity-index .oa-v48-home-slider-head{
max-width:950px!important;
margin-bottom:2.4rem!important;
}
.oa-v614-activity-index .oa-v48-home-slider-head h2{
max-width:950px!important;
font-size:clamp(3rem,5.5vw,6.2rem)!important;
}
.oa-v614-activity-index .oa-v48-home-slider-track{
gap:18px!important;
}
.oa-v614-activity-index .oa-v48-activity-slide{
flex-basis:calc((100% - 54px)/4)!important;
min-height:clamp(500px,42vw,650px)!important;
border-radius:20px!important;
border:1px solid rgba(255,255,255,.09)!important;
}
.oa-v614-activity-index .oa-v48-slide-content{
text-align:left!important;
align-items:flex-start!important;
padding:clamp(22px,2vw,34px)!important;
}
.oa-v614-activity-index .oa-v48-activity-slide h3{
text-align:left!important;
text-transform:none!important;
font-size:clamp(1.8rem,2.5vw,2.8rem)!important;
}
.oa-v614-activity-index .oa-v48-target{
text-align:left!important;
color:#fff!important;
}
.oa-v614-activity-index .oa-v48-slide-meta{
justify-content:flex-start!important;
}
/* Eventi dinamici */
.oa-v614-events-page{
width:100%;
padding:clamp(4.8rem,7vw,7.5rem) 0;
background:#fbfbf7;
}
.oa-v614-page-wrap{
width:100%;
max-width:1700px;
margin:0 auto;
padding:0 clamp(24px,6vw,110px);
box-sizing:border-box;
}
.oa-v614-events-head{
max-width:1050px;
margin-bottom:2.4rem;
}
.oa-v614-events-head h2{
margin:0 0 1rem;
color:#20312f;
font-size:clamp(3rem,5.5vw,6rem);
line-height:.95;
letter-spacing:-.055em;
}
.oa-v614-events-head p{
max-width:820px;
margin:0;
color:#63706d;
font-size:1.05rem;
line-height:1.65;
}
.oa-v614-events-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1.1rem;
}
.oa-v614-event-card{
overflow:hidden;
background:#fff;
border:1px solid rgba(4,115,104,.10);
box-shadow:0 14px 38px rgba(20,60,55,.07);
}
.oa-v614-event-media{
position:relative;
display:block;
min-height:320px;
background:
linear-gradient(145deg,#047368,#035149);
background-size:cover;
background-position:center;
}
.oa-v614-event-media:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,45,41,.04),rgba(0,45,41,.38));
}
.oa-v614-event-date{
position:absolute;
z-index:2;
top:1rem;
left:1rem;
width:74px;
height:74px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:#fff;
color:#047368;
}
.oa-v614-event-date strong{
font-size:1.85rem;
line-height:1;
}
.oa-v614-event-date small{
margin-top:.2rem;
color:#047368;
font-weight:850;
}
.oa-v614-event-copy{
padding:1.45rem 1.5rem 1.7rem;
}
.oa-v614-event-meta{
display:flex;
flex-wrap:wrap;
gap:.4rem .8rem;
color:#047368;
font-size:.8rem;
font-weight:750;
}
.oa-v614-event-copy h2{
margin:.65rem 0 .75rem;
font-size:clamp(1.45rem,1.9vw,1.9rem);
line-height:1.1;
}
.oa-v614-event-copy h2 a{
color:#20312f;
text-decoration:none;
}
.oa-v614-event-copy p{
margin:0 0 1rem;
color:#64716e;
line-height:1.62;
}
.oa-v614-event-link{
display:inline-block;
padding-bottom:.2rem;
color:#047368!important;
text-decoration:none!important;
font-weight:850;
border-bottom:2px solid #f2b809;
}
.oa-v614-empty-events{
padding:2rem;
background:#fff;
border-left:5px solid #f2b809;
color:#53615e;
}
.oa-v614-past-events{
margin-top:3.5rem;
}
.oa-v614-past-events summary{
display:inline-block;
margin-bottom:1.5rem;
color:#047368;
font-weight:850;
cursor:pointer;
border-bottom:2px solid #f2b809;
}
.oa-v614-past-events[open] summary{
margin-bottom:2rem;
}
/* Margini più ordinati sulle pagine generiche dopo lo slider */
.oa-v614-slider + .oa-v610-page-main,
.oa-v614-slider + main{
margin-top:0!important;
}
.oa-v610-page-main{
padding-top:clamp(4.4rem,7vw,7rem)!important;
}
.oa-v610-content-wrap{
padding-left:clamp(24px,6vw,110px)!important;
padding-right:clamp(24px,6vw,110px)!important;
}
/* Tablet/mobile */
@media(max-width:1100px){
.oa-v614-activity-index .oa-v48-activity-slide{flex-basis:calc((100% - 36px)/3)!important}
.oa-v614-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
.oa-v614-activity-index .oa-v48-activity-slide{flex-basis:calc((100% - 18px)/2)!important}
}
@media(max-width:680px){
.oa-v614-slider{
height:58svh;
min-height:460px;
}
.oa-v614-copy{
left:20px;
right:20px;
bottom:66px;
}
.oa-v614-copy h1{
font-size:clamp(3rem,13vw,5rem);
}
.oa-v614-ui{
right:20px;
bottom:18px;
}
.oa-v614-ui>button{
width:42px;height:42px;
}
.oa-v614-dots{display:none}
.oa-v614-activity-index .oa-v48-home-slider-inner{
padding-left:20px!important;
padding-right:20px!important;
}
.oa-v614-activity-index .oa-v48-activity-slide{
flex-basis:88%!important;
min-height:520px!important;
}
.oa-v614-events-grid{
grid-template-columns:1fr;
}
.oa-v614-page-wrap{
padding-left:20px;
padding-right:20px;
}
}
/* ==========================================================
V6.1.5 — CLASSIC SLIDER + ALIGNMENT RESET
========================================================== */
:root{
--md-green:#047368;
--md-yellow:#f2b809;
--md-ink:#20312f;
--md-pad:clamp(24px,5.7vw,110px);
}
/* Lo slider V6.1.4 non viene più usato. */
.oa-v614-slider{display:none!important}
/* CLASSIC SLIDER: aspetto V5.3.x, adattato ai colori Discovery */
.oa-v615-classic-slider.oa-page-slider{
position:relative!important;
display:block!important;
width:100%!important;
height:clamp(560px,66vh,760px)!important;
min-height:560px!important;
max-height:760px!important;
margin:0!important;
overflow:hidden!important;
background:var(--md-green)!important;
}
.oa-v615-classic-slider .oa-page-slider-track{
display:flex!important;
width:100%!important;
height:100%!important;
min-height:100%!important;
transition:transform .45s ease!important;
}
.oa-v615-classic-slider .oa-page-slide{
position:relative!important;
flex:0 0 100%!important;
width:100%!important;
height:100%!important;
min-height:100%!important;
background-size:cover!important;
background-position:center!important;
background-color:var(--md-green)!important;
}
.oa-v615-classic-slider .oa-page-slide:not([style]){
background:
radial-gradient(circle at 85% 18%,rgba(242,184,9,.13),transparent 28%),
linear-gradient(120deg,#047368,#035a52)!important;
}
.oa-v615-slide-overlay{
position:absolute!important;
inset:0!important;
z-index:1!important;
background:
linear-gradient(90deg,rgba(0,47,43,.82) 0%,rgba(4,115,104,.44) 48%,rgba(4,115,104,.06) 82%),
linear-gradient(0deg,rgba(0,35,31,.38),transparent 62%)!important;
}
.oa-v615-classic-slider .oa-page-slide-content{
position:relative!important;
z-index:2!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-end!important;
align-items:flex-start!important;
width:100%!important;
max-width:none!important;
height:100%!important;
min-height:100%!important;
padding:0 var(--md-pad) clamp(88px,10vh,118px)!important;
margin:0!important;
box-sizing:border-box!important;
text-align:left!important;
}
.oa-v615-classic-slider .oa-page-slide-kicker{
display:block!important;
margin:0 0 .8rem!important;
padding:0!important;
background:transparent!important;
color:var(--md-yellow)!important;
font-size:.76rem!important;
line-height:1.2!important;
font-weight:900!important;
letter-spacing:.15em!important;
text-transform:uppercase!important;
}
.oa-v615-classic-slider .oa-page-slide-content h2{
max-width:1050px!important;
margin:0 0 1rem!important;
color:#fff!important;
font-size:clamp(3.8rem,6.7vw,7.5rem)!important;
line-height:.91!important;
letter-spacing:-.06em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v615-classic-slider .oa-page-slide-content p{
max-width:780px!important;
margin:0!important;
color:rgba(255,255,255,.9)!important;
font-size:clamp(1rem,1.35vw,1.2rem)!important;
line-height:1.6!important;
text-align:left!important;
}
.oa-v615-classic-slider .oa-page-slider-dots{
left:var(--md-pad)!important;
bottom:36px!important;
transform:none!important;
gap:8px!important;
}
.oa-v615-classic-slider .oa-page-slider-dots button{
width:12px!important;
min-width:12px!important;
height:12px!important;
min-height:12px!important;
background:rgba(255,255,255,.48)!important;
}
.oa-v615-classic-slider .oa-page-slider-dots button.is-active,
.oa-v615-classic-slider .oa-page-slider-dots button[aria-current="true"]{
width:38px!important;
background:var(--md-yellow)!important;
}
.oa-v615-classic-slider .oa-page-slider-controls{
left:auto!important;
right:var(--md-pad)!important;
bottom:24px!important;
transform:none!important;
}
.oa-v615-classic-slider .oa-page-slider-controls button{
width:52px!important;
height:52px!important;
min-width:52px!important;
min-height:52px!important;
border:1px solid rgba(255,255,255,.7)!important;
background:rgba(0,0,0,.08)!important;
color:#fff!important;
}
.oa-v615-classic-slider .oa-page-slider-controls button:hover{
background:var(--md-yellow)!important;
color:var(--md-ink)!important;
border-color:var(--md-yellow)!important;
outline:0!important;
}
/* REGOLA UNICA PER GLI ASSI DEL SITO INTERNO */
.oa-v615-page-main{
width:100%!important;
padding:clamp(4.6rem,7vw,7.2rem) 0!important;
background:#fff!important;
}
.oa-v615-shell,
.oa-v610-content-wrap{
width:100%!important;
max-width:none!important;
margin:0!important;
padding-left:var(--md-pad)!important;
padding-right:var(--md-pad)!important;
box-sizing:border-box!important;
}
.oa-v615-generic-page,
.oa-v610-generic-page{
width:100%!important;
max-width:none!important;
margin:0!important;
}
.oa-v611-intro,
.oa-v615-section-header{
margin-left:0!important;
margin-right:0!important;
}
.oa-v611-icon-grid,
.oa-v611-card-grid,
.oa-contact-layout-v33{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
}
/* Chi siamo / icone: quattro box realmente uguali */
.oa-v611-icon-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
align-items:stretch!important;
}
.oa-v611-icon-card{
display:grid!important;
grid-template-columns:48px minmax(0,1fr)!important;
align-items:start!important;
min-width:0!important;
height:100%!important;
padding:1.55rem!important;
}
.oa-v611-icon-card h3,
.oa-v611-icon-card p{
text-align:left!important;
}
/* Contatti: 50/50, stesso asse dei box superiori */
.oa-contact-layout-v33{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:18px!important;
align-items:stretch!important;
margin-top:3rem!important;
}
.oa-contact-card-v33,
.oa-contact-form-v33{
width:100%!important;
min-width:0!important;
height:100%!important;
box-sizing:border-box!important;
padding:clamp(1.6rem,3vw,2.5rem)!important;
background:#fbfcf9!important;
border:1px solid rgba(4,115,104,.13)!important;
}
.oa-contact-card-v33 h2,
.oa-contact-form-v33 h2{
margin-top:0!important;
text-align:left!important;
}
.oa-v615-contact-form{
display:grid!important;
gap:1rem!important;
}
.oa-v615-contact-form label{
display:grid!important;
gap:.35rem!important;
color:var(--md-ink)!important;
font-weight:700!important;
}
.oa-v615-contact-form input,
.oa-v615-contact-form textarea{
width:100%!important;
box-sizing:border-box!important;
border:1px solid rgba(4,115,104,.20)!important;
background:#fff!important;
padding:.8rem 1rem!important;
border-radius:0!important;
}
.oa-v615-contact-form button{
min-height:50px!important;
border:0!important;
border-bottom:4px solid var(--md-yellow)!important;
background:var(--md-green)!important;
color:#fff!important;
font-weight:850!important;
}
.oa-v615-form-ok{
padding:1rem!important;
background:#eef7f5!important;
border-left:4px solid var(--md-green)!important;
}
/* Ospitalità: rimuove il vecchio rettangolo beige e riallinea */
.oa-v615-hospitality-shell .oa-v543-hospitality-page,
.oa-v615-hospitality-shell .oa-v540-hospitality-light{
width:100%!important;
padding:0!important;
margin:0!important;
background:#fff!important;
}
.oa-v615-hospitality-shell .container,
.oa-v543-hospitality-page>.container,
.oa-v540-hospitality-light>.container{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
.oa-v543-hospitality-hero,
.oa-v540-hospitality-light .section-header{
max-width:1000px!important;
margin:0 0 2.2rem!important;
padding:0!important;
background:transparent!important;
}
.oa-v543-hospitality-grid,
.oa-v540-hospitality-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
}
.oa-v543-hospitality-card,
.oa-v540-hospitality-card{
width:100%!important;
min-width:0!important;
margin:0!important;
border-radius:0!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.oa-v543-hospitality-card img,
.oa-v540-hospitality-card img,
.oa-v543-hospitality-demo,
.oa-v540-hospitality-demo{
width:100%!important;
aspect-ratio:4/3!important;
height:auto!important;
min-height:0!important;
object-fit:cover!important;
}
/* ATTIVITÀ: usa identico componente della home, nessuna vecchia griglia */
.oa-v615-activity-landing{
width:100%!important;
margin:0!important;
padding:0!important;
}
.oa-v615-activity-landing .oa-v4-activities{
display:none!important;
}
.oa-v615-activity-landing .oa-v48-home-slider-section{
width:100%!important;
margin:0!important;
padding:clamp(5rem,7vw,7.5rem) 0!important;
background:var(--md-green)!important;
}
.oa-v615-activity-landing .oa-v48-home-slider-inner{
width:100%!important;
max-width:none!important;
margin:0!important;
padding-left:var(--md-pad)!important;
padding-right:var(--md-pad)!important;
box-sizing:border-box!important;
}
.oa-v615-activity-landing .oa-v48-home-slider-head{
max-width:940px!important;
margin:0 0 2.3rem!important;
text-align:left!important;
}
.oa-v615-activity-landing .oa-v48-home-slider-head h2,
.oa-v615-activity-landing .oa-v48-home-slider-head p{
text-align:left!important;
}
.oa-v615-activity-landing .oa-v48-home-slider-track{
align-items:stretch!important;
}
.oa-v615-activity-landing .oa-v48-activity-slide{
height:auto!important;
align-self:stretch!important;
}
.oa-v615-activity-landing .oa-v48-slide-content,
.oa-v615-activity-landing .oa-v48-activity-slide h3,
.oa-v615-activity-landing .oa-v48-target{
text-align:left!important;
}
/* EVENTI */
.oa-v615-events-section{
width:100%!important;
}
.oa-v615-section-header{
max-width:1000px!important;
margin-bottom:2.3rem!important;
}
.oa-v615-section-kicker{
display:block!important;
margin-bottom:.7rem!important;
color:var(--md-green)!important;
font-size:.76rem!important;
font-weight:900!important;
letter-spacing:.14em!important;
}
.oa-v615-section-header h2{
margin:0 0 1rem!important;
color:var(--md-ink)!important;
font-size:clamp(3rem,5.2vw,5.8rem)!important;
line-height:.96!important;
letter-spacing:-.055em!important;
text-align:left!important;
}
.oa-v615-section-header p{
max-width:820px!important;
margin:0!important;
color:#62706d!important;
line-height:1.65!important;
}
.oa-v615-events-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
align-items:stretch!important;
}
.oa-v615-event-card{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
height:100%!important;
overflow:hidden!important;
background:#fff!important;
border:1px solid rgba(4,115,104,.11)!important;
box-shadow:0 12px 32px rgba(20,60,55,.06)!important;
}
.oa-v615-event-media{
position:relative!important;
display:block!important;
width:100%!important;
aspect-ratio:16/10!important;
background:linear-gradient(135deg,#047368,#03544c)!important;
background-size:cover!important;
background-position:center!important;
}
.oa-v615-event-date{
position:absolute!important;
top:1rem!important;
left:1rem!important;
width:72px!important;
height:72px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
background:#fff!important;
color:var(--md-green)!important;
}
.oa-v615-event-date strong{font-size:1.8rem!important;line-height:1!important}
.oa-v615-event-date small{font-weight:800!important;color:var(--md-green)!important}
.oa-v615-event-body{
display:flex!important;
flex:1!important;
flex-direction:column!important;
padding:1.45rem!important;
}
.oa-v615-event-meta{
display:flex!important;
flex-wrap:wrap!important;
gap:.4rem .8rem!important;
color:var(--md-green)!important;
font-size:.8rem!important;
font-weight:750!important;
}
.oa-v615-event-body h2{
margin:.7rem 0!important;
font-size:1.6rem!important;
text-align:left!important;
}
.oa-v615-event-body h2 a{color:var(--md-ink)!important;text-decoration:none!important}
.oa-v615-event-body p{
margin:0 0 1rem!important;
color:#64716e!important;
line-height:1.6!important;
text-align:left!important;
}
.oa-v615-text-link{
margin-top:auto!important;
align-self:flex-start!important;
color:var(--md-green)!important;
text-decoration:none!important;
font-weight:850!important;
border-bottom:2px solid var(--md-yellow)!important;
}
.oa-v615-empty{
padding:1.5rem!important;
border-left:5px solid var(--md-yellow)!important;
background:#f7f8f4!important;
}
.oa-v615-past{
margin-top:3rem!important;
}
.oa-v615-past summary{
display:inline-block!important;
margin-bottom:1.5rem!important;
color:var(--md-green)!important;
font-weight:850!important;
cursor:pointer!important;
border-bottom:2px solid var(--md-yellow)!important;
}
/* Evita che vecchi hero/banner riappaiano */
.oa-v610-inner-hero,
.oa-v572-page-hero,
.page-banner,
.oa-v614-slider{
display:none!important;
}
/* Responsive */
@media(max-width:1050px){
.oa-v611-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.oa-v543-hospitality-grid,
.oa-v540-hospitality-grid,
.oa-v615-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
.oa-v615-classic-slider.oa-page-slider{
height:560px!important;
min-height:560px!important;
}
.oa-v615-classic-slider .oa-page-slide-content{
padding-left:20px!important;
padding-right:20px!important;
padding-bottom:92px!important;
}
.oa-v615-classic-slider .oa-page-slide-content h2{
font-size:clamp(3rem,13vw,5rem)!important;
}
.oa-v615-classic-slider .oa-page-slider-dots{
left:20px!important;
bottom:30px!important;
}
.oa-v615-classic-slider .oa-page-slider-controls{
right:20px!important;
bottom:16px!important;
}
.oa-v615-shell,
.oa-v610-content-wrap{
padding-left:20px!important;
padding-right:20px!important;
}
.oa-v611-icon-grid,
.oa-contact-layout-v33,
.oa-v543-hospitality-grid,
.oa-v540-hospitality-grid,
.oa-v615-events-grid{
grid-template-columns:1fr!important;
}
.oa-v615-activity-landing .oa-v48-home-slider-inner{
padding-left:20px!important;
padding-right:20px!important;
}
}
/* ==========================================================
V6.1.6 — HOSPITALITY / CONTACTS / MASONRY / ADMIN
========================================================== */
:root{
--md-green:#047368;
--md-green-dark:#035a52;
--md-yellow:#f2b809;
--md-ink:#20312f;
--md-soft:#f7f8f4;
--md-pad:clamp(24px,5.7vw,110px);
}
.oa-v616-shell{
width:100%;
max-width:none;
margin:0;
padding-left:var(--md-pad);
padding-right:var(--md-pad);
box-sizing:border-box;
}
.oa-v616-activity-page,
.oa-v616-hospitality-page,
.oa-v616-hospitality-single-page{
width:100%;
padding:clamp(4.8rem,7vw,7.6rem) 0;
background:#fff;
}
.oa-v616-section-head{
max-width:1050px;
margin:0 0 clamp(2.2rem,4vw,3.4rem);
text-align:left;
}
.oa-v616-kicker{
display:block;
margin:0 0 .75rem;
color:var(--md-green);
font-size:.76rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v616-section-head h2{
margin:0 0 1rem;
color:var(--md-ink);
font-size:clamp(3rem,5.4vw,6.1rem);
line-height:.94;
letter-spacing:-.06em;
text-align:left;
}
.oa-v616-section-head p{
max-width:860px;
margin:0;
color:#63706d;
font-size:clamp(1rem,1.25vw,1.13rem);
line-height:1.7;
text-align:left;
}
/* ---------- CONTATTI: quattro box realmente allineati ---------- */
body.oa-v616-page-contatti .oa-v611-icon-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
align-items:stretch!important;
background:transparent!important;
border:0!important;
margin-bottom:clamp(3.8rem,6vw,6rem)!important;
}
body.oa-v616-page-contatti .oa-v611-icon-card{
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
align-items:flex-start!important;
min-width:0!important;
min-height:285px!important;
height:auto!important;
padding:1.7rem!important;
background:#fff!important;
border:1px solid rgba(4,115,104,.16)!important;
box-shadow:0 12px 28px rgba(19,64,59,.045)!important;
overflow:visible!important;
}
body.oa-v616-page-contatti .oa-v611-icon-card img{
display:block!important;
flex:0 0 52px!important;
width:52px!important;
height:52px!important;
margin:0 0 2.2rem!important;
padding:12px!important;
box-sizing:border-box!important;
background:var(--md-yellow)!important;
}
body.oa-v616-page-contatti .oa-v611-icon-card>div{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
body.oa-v616-page-contatti .oa-v611-icon-card h3{
display:block!important;
width:100%!important;
margin:0 0 .75rem!important;
color:var(--md-ink)!important;
font-size:clamp(1.35rem,1.7vw,1.75rem)!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
text-align:left!important;
word-break:normal!important;
overflow-wrap:normal!important;
white-space:normal!important;
}
body.oa-v616-page-contatti .oa-v611-icon-card p{
display:block!important;
width:100%!important;
max-width:none!important;
margin:0!important;
color:#596865!important;
font-size:1rem!important;
line-height:1.62!important;
text-align:left!important;
word-break:normal!important;
overflow-wrap:break-word!important;
white-space:normal!important;
}
body.oa-v616-page-contatti .oa-v611-icon-card a{
color:var(--md-green)!important;
font-weight:750!important;
}
body.oa-v616-page-contatti .oa-contact-layout-v33{
margin-top:0!important;
}
/* ---------- MASONRY ATTIVITÀ ---------- */
.oa-v616-activity-masonry-section{
width:100%;
}
.oa-v616-masonry-grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
grid-auto-flow:dense;
gap:14px;
width:100%;
}
.oa-v616-experience-card{
position:relative;
grid-column:span 6;
min-height:480px;
overflow:hidden;
background:
linear-gradient(135deg,rgba(4,115,104,.98),rgba(3,80,73,.98)),
var(--oa-v616-bg,none);
background-image:
linear-gradient(135deg,rgba(4,115,104,.16),rgba(3,55,50,.12)),
var(--oa-v616-bg,linear-gradient(135deg,#047368,#035a52));
background-size:cover;
background-position:center;
}
.oa-v616-experience-card.is-wide{
grid-column:1 / -1;
min-height:560px;
}
.oa-v616-experience-card.is-tall{
min-height:620px;
}
.oa-v616-experience-card>a{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:clamp(1.5rem,3vw,2.7rem);
color:#fff;
text-decoration:none;
box-sizing:border-box;
}
.oa-v616-card-shade{
position:absolute;
inset:0;
z-index:0;
background:
linear-gradient(180deg,rgba(1,43,39,.12) 0%,rgba(1,43,39,.18) 40%,rgba(1,43,39,.82) 100%),
linear-gradient(90deg,rgba(4,115,104,.35),rgba(4,115,104,.05));
transition:background .25s ease;
}
.oa-v616-experience-card:hover .oa-v616-card-shade{
background:
linear-gradient(180deg,rgba(1,43,39,.08) 0%,rgba(1,43,39,.12) 35%,rgba(1,43,39,.76) 100%),
linear-gradient(90deg,rgba(4,115,104,.24),rgba(4,115,104,.02));
}
.oa-v616-card-top,
.oa-v616-card-copy{
position:relative;
z-index:2;
}
.oa-v616-card-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:1rem;
}
.oa-v616-card-kicker{
color:var(--md-yellow);
font-size:.72rem;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase;
}
.oa-v616-level{
padding:.5rem .65rem;
background:rgba(4,115,104,.88);
border:1px solid rgba(255,255,255,.22);
color:#fff;
font-size:.74rem;
font-weight:800;
}
.oa-v616-card-copy{
max-width:850px;
}
.oa-v616-card-copy h3{
max-width:820px;
margin:0 0 .75rem;
color:#fff!important;
font-size:clamp(2.4rem,4vw,5rem);
line-height:.93;
letter-spacing:-.055em;
text-align:left!important;
}
.oa-v616-experience-card.is-half .oa-v616-card-copy h3{
font-size:clamp(2rem,3.1vw,3.8rem);
}
.oa-v616-card-copy p{
max-width:720px;
margin:0 0 1rem;
color:rgba(255,255,255,.84);
line-height:1.6;
text-align:left;
}
.oa-v616-card-meta{
display:flex;
flex-wrap:wrap;
gap:.65rem 1rem;
margin-bottom:1rem;
color:rgba(255,255,255,.78);
font-size:.82rem;
font-weight:700;
}
.oa-v616-card-link{
display:inline-block;
padding-bottom:.25rem;
color:#fff;
font-weight:900;
border-bottom:3px solid var(--md-yellow);
}
/* ---------- OSPITALITÀ: colori Discovery ---------- */
.oa-v616-hospitality .oa-v616-kicker{
color:var(--md-green)!important;
}
.oa-v616-hospitality-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
width:100%;
align-items:stretch;
}
.oa-v616-hospitality-card{
display:flex;
flex-direction:column;
min-width:0;
height:100%;
overflow:hidden;
background:#fff;
border:1px solid rgba(4,115,104,.13);
box-shadow:0 14px 34px rgba(19,64,59,.06);
}
.oa-v616-hospitality-photo{
position:relative;
display:block;
width:100%;
aspect-ratio:16/10;
overflow:hidden;
background:var(--md-green);
}
.oa-v616-hospitality-photo img,
.oa-v616-hospitality-fallback{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.oa-v616-hospitality-fallback{
background:
radial-gradient(circle at 82% 18%,rgba(242,184,9,.18),transparent 28%),
linear-gradient(135deg,var(--md-green),var(--md-green-dark));
}
.oa-v616-hospitality-badge{
position:absolute;
left:1rem;
bottom:1rem;
padding:.55rem .78rem;
background:var(--md-yellow);
color:var(--md-green-dark);
font-size:.72rem;
font-weight:900;
letter-spacing:.1em;
text-transform:uppercase;
}
.oa-v616-hospitality-body{
display:flex;
flex:1;
flex-direction:column;
padding:1.5rem;
}
.oa-v616-hospitality-body h3{
margin:0 0 .65rem;
font-size:clamp(1.55rem,2vw,2rem);
line-height:1.08;
letter-spacing:-.035em;
}
.oa-v616-hospitality-body h3 a{
color:var(--md-ink);
text-decoration:none;
}
.oa-v616-hospitality-body p{
margin:0 0 1.2rem;
color:#64716e;
line-height:1.62;
}
.oa-v616-hospitality-meta{
display:grid;
grid-template-columns:1fr 1fr;
gap:.75rem;
margin-top:auto;
padding-top:1rem;
border-top:1px solid rgba(4,115,104,.12);
}
.oa-v616-hospitality-meta span{
display:grid;
gap:.2rem;
color:#596865;
font-size:.88rem;
}
.oa-v616-hospitality-meta strong{
color:var(--md-green);
font-size:.68rem;
letter-spacing:.09em;
text-transform:uppercase;
}
.oa-v616-hospitality-actions{
display:flex;
flex-wrap:wrap;
gap:.5rem;
margin-top:1.15rem;
}
.oa-v616-hospitality-actions a{
display:inline-flex;
min-height:42px;
align-items:center;
justify-content:center;
padding:0 .9rem;
border:1px solid rgba(4,115,104,.22);
color:var(--md-green)!important;
text-decoration:none!important;
font-weight:800;
}
.oa-v616-hospitality-actions a.is-primary{
background:var(--md-green);
color:#fff!important;
border-color:var(--md-green);
border-bottom:3px solid var(--md-yellow);
}
/* elimina definitivamente le vecchie tonalità arancio/rosa hospitality */
.oa-v616-hospitality-page .oa-v543-hospitality-page,
.oa-v616-hospitality-page .oa-v540-hospitality-light,
.oa-v616-hospitality-page .oa-v542-hospitality-archive{
display:none!important;
}
/* ---------- SINGOLA STRUTTURA ---------- */
.oa-v616-hospitality-single-layout{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(320px,400px);
gap:clamp(2.5rem,5vw,5rem);
align-items:start;
}
.oa-v616-structure-copy{
min-width:0;
}
.oa-v616-structure-contact{
position:sticky;
top:105px;
padding:1.6rem;
background:var(--md-soft);
border-top:5px solid var(--md-yellow);
}
.oa-v616-structure-contact h2{
margin:0 0 1.2rem;
color:var(--md-ink);
font-size:2rem;
letter-spacing:-.04em;
}
.oa-v616-structure-contact>div{
display:grid;
gap:.3rem;
padding:.9rem 0;
border-top:1px solid rgba(4,115,104,.13);
}
.oa-v616-structure-contact>div span{
color:var(--md-green);
font-size:.7rem;
font-weight:900;
letter-spacing:.09em;
text-transform:uppercase;
}
.oa-v616-structure-contact>div strong{
color:var(--md-ink);
}
.oa-v616-structure-contact nav{
display:grid;
grid-template-columns:1fr 1fr;
gap:.5rem;
margin-top:1rem;
}
.oa-v616-structure-contact nav a{
display:flex;
min-height:46px;
align-items:center;
justify-content:center;
padding:0 .8rem;
background:var(--md-green);
color:#fff!important;
text-decoration:none!important;
font-weight:800;
border-bottom:3px solid var(--md-yellow);
}
/* ---------- RESPONSIVE ---------- */
@media(max-width:1100px){
body.oa-v616-page-contatti .oa-v611-icon-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.oa-v616-hospitality-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:850px){
.oa-v616-experience-card,
.oa-v616-experience-card.is-wide{
grid-column:1 / -1;
min-height:500px;
}
.oa-v616-hospitality-single-layout{
grid-template-columns:1fr;
}
.oa-v616-structure-contact{
position:static;
}
}
@media(max-width:680px){
.oa-v616-shell{
padding-left:20px;
padding-right:20px;
}
body.oa-v616-page-contatti .oa-v611-icon-grid,
.oa-v616-hospitality-grid{
grid-template-columns:1fr!important;
}
body.oa-v616-page-contatti .oa-v611-icon-card{
min-height:0!important;
}
.oa-v616-experience-card,
.oa-v616-experience-card.is-wide,
.oa-v616-experience-card.is-tall{
min-height:470px;
}
.oa-v616-card-copy h3,
.oa-v616-experience-card.is-half .oa-v616-card-copy h3{
font-size:clamp(2rem,10vw,3.4rem);
}
.oa-v616-card-copy p{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
.oa-v616-hospitality-meta{
grid-template-columns:1fr;
}
}
/* ==========================================================
V6.1.7 — CATALOGO STORICO / INFO ICONOGRAFICHE
========================================================== */
.oa-v617-extra-facts{
margin-top:clamp(4.5rem,8vw,8rem);
}
.oa-v617-extra-facts-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1px;
background:rgba(4,115,104,.12);
border:1px solid rgba(4,115,104,.12);
}
.oa-v617-extra-facts-grid article{
display:grid;
grid-template-columns:46px minmax(0,1fr);
gap:1rem;
align-items:start;
min-height:150px;
padding:1.4rem;
background:#fbfcf9;
}
.oa-v617-extra-facts-grid img{
width:42px;
height:42px;
padding:9px;
box-sizing:border-box;
background:#f2b809;
}
.oa-v617-extra-facts-grid span{
display:block;
margin-bottom:.25rem;
color:#047368;
font-size:.7rem;
font-weight:900;
letter-spacing:.1em;
text-transform:uppercase;
}
.oa-v617-extra-facts-grid strong{
display:block;
color:#20312f;
line-height:1.5;
}
/* Il catalogo è ora chiaramente basato sulle schede esperienze */
.post-type-attivita .wp-heading-inline:before{
content:"Matese Discovery · ";
color:#047368;
font-weight:700;
}
/* Ripulisce eventuali vecchi link/menu uscita nel frontend */
a[href*="/uscite/"]{
/* non nascondiamo link editoriali espliciti; i rewrite sono disattivati */
}
@media(max-width:1050px){
.oa-v617-extra-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
.oa-v617-extra-facts-grid{grid-template-columns:1fr}
.oa-v617-extra-facts-grid article{min-height:0}
}
/* ==========================================================
V6.1.8 — GALLERY IMMERSIVA + BOOKING EDITORIALE
========================================================== */
.oa-v618-eyebrow{
display:block;
margin-bottom:.55rem;
color:#f2b809;
font-size:.72rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
/* GALLERY */
.oa-v618-gallery{
position:relative;
margin-top:clamp(5rem,8vw,8rem);
padding:clamp(1.35rem,3vw,2.4rem);
background:#073f3a;
overflow:hidden;
}
.oa-v618-gallery:before{
content:"";
position:absolute;
width:420px;
height:420px;
right:-160px;
top:-210px;
border-radius:50%;
background:rgba(242,184,9,.08);
pointer-events:none;
}
.oa-v618-gallery-head{
position:relative;
z-index:2;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:1rem;
margin-bottom:1.4rem;
}
.oa-v618-gallery-head h2{
margin:0!important;
color:#fff!important;
font-size:clamp(2.5rem,4.8vw,5rem)!important;
line-height:.94!important;
letter-spacing:-.055em!important;
text-align:left!important;
}
.oa-v618-photo-count{
flex:0 0 auto;
padding:.55rem .75rem;
border:1px solid rgba(255,255,255,.24);
color:rgba(255,255,255,.84);
font-size:.78rem;
font-weight:800;
}
.oa-v618-gallery-mosaic{
position:relative;
z-index:2;
display:grid;
grid-template-columns:2fr 1fr 1fr;
grid-auto-rows:minmax(190px,1fr);
gap:8px;
}
.oa-v618-gallery-photo{
position:relative;
display:block;
width:100%;
min-height:220px;
padding:0;
overflow:hidden;
border:0;
background:#035a52;
cursor:zoom-in;
}
.oa-v618-gallery-photo.is-lead{
grid-row:span 2;
min-height:500px;
}
.oa-v618-gallery-photo img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .45s ease, filter .45s ease;
}
.oa-v618-gallery-photo:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 55%,rgba(0,35,31,.58));
pointer-events:none;
}
.oa-v618-gallery-photo:hover img{
transform:scale(1.035);
filter:saturate(1.06);
}
.oa-v618-photo-index{
position:absolute;
z-index:2;
left:.8rem;
bottom:.7rem;
color:#fff;
font-size:.72rem;
font-weight:900;
letter-spacing:.1em;
}
.oa-v618-lightbox{
position:fixed;
z-index:999999;
inset:0;
display:none;
align-items:center;
justify-content:center;
padding:60px 90px;
background:rgba(1,23,21,.94);
}
.oa-v618-lightbox.is-open{display:flex}
.oa-v618-lightbox figure{
max-width:min(1300px,86vw);
max-height:86vh;
margin:0;
text-align:center;
}
.oa-v618-lightbox img{
display:block;
max-width:100%;
max-height:78vh;
margin:auto;
object-fit:contain;
}
.oa-v618-lightbox figcaption{
margin-top:.8rem;
color:rgba(255,255,255,.76);
font-size:.9rem;
}
.oa-v618-lightbox-close,
.oa-v618-lightbox-prev,
.oa-v618-lightbox-next{
position:absolute;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.35);
background:rgba(0,0,0,.12);
color:#fff;
cursor:pointer;
}
.oa-v618-lightbox-close{
top:24px;
right:28px;
width:50px;
height:50px;
font-size:2rem;
}
.oa-v618-lightbox-prev,
.oa-v618-lightbox-next{
top:50%;
width:54px;
height:54px;
transform:translateY(-50%);
font-size:2.2rem;
}
.oa-v618-lightbox-prev{left:24px}
.oa-v618-lightbox-next{right:24px}
.oa-v618-lightbox button:hover{
background:#f2b809;
border-color:#f2b809;
color:#20312f;
}
html.oa-v618-no-scroll{overflow:hidden}
/* BOOKING */
.oa-v618-booking-section{
margin-top:clamp(5rem,9vw,9rem);
}
.oa-v618-booking-card{
display:grid;
grid-template-columns:minmax(320px,.82fr) minmax(0,1.5fr);
overflow:hidden;
border:1px solid rgba(4,115,104,.12);
box-shadow:0 24px 65px rgba(21,68,62,.10);
}
.oa-v618-booking-intro{
position:relative;
padding:clamp(2rem,4vw,4rem);
background:
radial-gradient(circle at 95% 5%,rgba(242,184,9,.18),transparent 30%),
linear-gradient(145deg,#047368,#03564f);
color:#fff;
}
.oa-v618-booking-intro:after{
content:"";
position:absolute;
left:clamp(2rem,4vw,4rem);
right:clamp(2rem,4vw,4rem);
bottom:0;
height:5px;
background:#f2b809;
}
.oa-v618-booking-intro h2{
max-width:520px;
margin:0 0 1rem!important;
color:#fff!important;
font-size:clamp(2.5rem,4vw,4.5rem)!important;
line-height:.94!important;
letter-spacing:-.055em!important;
text-align:left!important;
}
.oa-v618-booking-intro>p{
max-width:520px;
margin:0 0 2rem;
color:rgba(255,255,255,.83);
line-height:1.65;
}
.oa-v618-booking-facts{
display:grid;
gap:0;
border-top:1px solid rgba(255,255,255,.18);
}
.oa-v618-booking-facts>div{
display:grid;
gap:.18rem;
padding:.95rem 0;
border-bottom:1px solid rgba(255,255,255,.18);
}
.oa-v618-booking-facts span{
color:#f2b809;
font-size:.68rem;
font-weight:900;
letter-spacing:.11em;
text-transform:uppercase;
}
.oa-v618-booking-facts strong{
color:#fff;
font-size:.98rem;
line-height:1.45;
}
.oa-v618-whatsapp{
display:inline-flex;
flex-direction:column;
gap:.15rem;
margin-top:1.7rem;
padding-bottom:.25rem;
color:#fff!important;
text-decoration:none!important;
border-bottom:2px solid #f2b809;
}
.oa-v618-whatsapp strong{color:#f2b809}
.oa-v618-booking-form-wrap{
padding:clamp(2rem,4vw,4rem);
background:#fbfcf9;
}
.oa-v618-booking-form-head{
display:grid;
gap:.25rem;
margin-bottom:1.7rem;
padding-bottom:1.2rem;
border-bottom:1px solid rgba(4,115,104,.13);
}
.oa-v618-booking-form-head span{
color:#047368;
font-size:.7rem;
font-weight:900;
letter-spacing:.11em;
text-transform:uppercase;
}
.oa-v618-booking-form-head strong{
color:#20312f;
font-size:1.3rem;
line-height:1.25;
}
.oa-v618-booking-form{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:1rem 1.1rem;
}
.oa-v618-booking-form label{
display:grid;
gap:.45rem;
min-width:0;
}
.oa-v618-booking-form label>span{
color:#20312f;
font-size:.78rem;
font-weight:850;
}
.oa-v618-booking-form .full{
grid-column:1/-1;
}
.oa-v618-booking-form input,
.oa-v618-booking-form textarea{
width:100%;
box-sizing:border-box;
border:1px solid rgba(4,115,104,.16);
border-radius:0;
background:#fff;
padding:.9rem 1rem;
color:#20312f;
font:inherit;
outline:none;
transition:border-color .2s ease,box-shadow .2s ease;
}
.oa-v618-booking-form textarea{
min-height:145px;
resize:vertical;
}
.oa-v618-booking-form input:focus,
.oa-v618-booking-form textarea:focus{
border-color:#047368;
box-shadow:0 0 0 3px rgba(4,115,104,.08);
}
.oa-v618-booking-submit{
display:flex;
align-items:center;
gap:1rem;
}
.oa-v618-booking-submit button{
flex:0 0 auto;
min-height:54px;
padding:0 1.5rem;
border:0;
background:#f2b809;
color:#20312f;
font-weight:900;
cursor:pointer;
}
.oa-v618-booking-submit button:hover{
background:#047368;
color:#fff;
}
.oa-v618-booking-submit small{
max-width:420px;
color:#6b7673;
line-height:1.45;
}
.oa-v618-booking-message{
margin:0 0 1.2rem;
padding:1rem;
border-left:4px solid #047368;
background:#edf7f5;
color:#20312f;
}
.oa-v618-booking-message.error{
border-left-color:#f2b809;
background:#fff8df;
}
/* I vecchi stili della gallery/prenotazione non interferiscono più */
.single-attivita .oa-gallery-section,
.single-attivita .oa-booking-box{
display:none!important;
}
@media(max-width:980px){
.oa-v618-gallery-mosaic{
grid-template-columns:1.5fr 1fr;
}
.oa-v618-gallery-photo.is-lead{
min-height:450px;
}
.oa-v618-booking-card{
grid-template-columns:1fr;
}
}
@media(max-width:680px){
.oa-v618-gallery{
margin-left:-20px;
margin-right:-20px;
padding:20px;
}
.oa-v618-gallery-head{
align-items:flex-start;
}
.oa-v618-gallery-mosaic{
display:flex;
overflow-x:auto;
gap:8px;
scroll-snap-type:x mandatory;
scrollbar-width:none;
}
.oa-v618-gallery-mosaic::-webkit-scrollbar{display:none}
.oa-v618-gallery-photo,
.oa-v618-gallery-photo.is-lead{
flex:0 0 86%;
min-height:360px;
scroll-snap-align:start;
}
.oa-v618-lightbox{
padding:60px 16px;
}
.oa-v618-lightbox-prev{left:8px}
.oa-v618-lightbox-next{right:8px}
.oa-v618-booking-card{
margin-left:-20px;
margin-right:-20px;
border-left:0;
border-right:0;
}
.oa-v618-booking-intro,
.oa-v618-booking-form-wrap{
padding:2rem 20px;
}
.oa-v618-booking-form{
grid-template-columns:1fr;
}
.oa-v618-booking-form .full{grid-column:auto}
.oa-v618-booking-submit{
align-items:flex-start;
flex-direction:column;
}
.oa-v618-booking-submit button{
width:100%;
}
}
/* ==========================================================
V6.1.9 — ESPERIENZE SPECIALI
========================================================== */
:root{
--md-green:#047368;
--md-green-dark:#03584f;
--md-yellow:#f2b809;
--md-ink:#20312f;
--md-soft:#f7f8f4;
--md-pad:clamp(24px,5.7vw,110px);
}
.oa-v619-shell{
width:100%;
max-width:none;
margin:0;
padding-left:var(--md-pad);
padding-right:var(--md-pad);
box-sizing:border-box;
}
.oa-v619-special-page{
width:100%;
padding:clamp(5rem,8vw,8rem) 0;
background:#fff;
}
/* Intro */
.oa-v619-special-intro{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
align-items:end;
gap:clamp(2rem,6vw,7rem);
margin-bottom:clamp(3rem,6vw,6rem);
}
.oa-v619-special-intro-copy{
max-width:1050px;
}
.oa-v619-kicker{
display:block;
margin:0 0 .7rem;
color:var(--md-green);
font-size:.73rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v619-special-intro h2{
max-width:1050px;
margin:0!important;
color:var(--md-ink)!important;
font-size:clamp(3.4rem,6vw,7rem)!important;
line-height:.91!important;
letter-spacing:-.065em!important;
text-align:left!important;
}
.oa-v619-special-intro>p{
max-width:590px;
margin:0 0 .35rem;
color:#63706d;
font-size:clamp(1rem,1.25vw,1.14rem);
line-height:1.72;
}
/* Editorial masonry */
.oa-v619-special-masonry{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
grid-auto-flow:dense;
gap:14px;
}
.oa-v619-special-card{
position:relative;
grid-column:span 6;
min-height:540px;
overflow:hidden;
background:
radial-gradient(circle at 85% 12%,rgba(242,184,9,.14),transparent 25%),
linear-gradient(135deg,#047368,#03564f);
background-image:
radial-gradient(circle at 85% 12%,rgba(242,184,9,.10),transparent 25%),
var(--oa-v619-bg,linear-gradient(135deg,#047368,#03564f));
background-size:cover;
background-position:center;
}
.oa-v619-special-card.is-hero{
grid-column:1/-1;
min-height:650px;
}
.oa-v619-special-card.is-wide{
grid-column:1/-1;
min-height:580px;
}
.oa-v619-special-card>a{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:clamp(1.6rem,3vw,3rem);
color:#fff!important;
text-decoration:none!important;
box-sizing:border-box;
}
.oa-v619-special-shade{
position:absolute;
inset:0;
z-index:0;
background:
linear-gradient(180deg,rgba(0,36,33,.10) 0%,rgba(0,36,33,.20) 38%,rgba(0,36,33,.86) 100%),
linear-gradient(90deg,rgba(4,115,104,.42),rgba(4,115,104,.04));
transition:background .25s ease;
}
.oa-v619-special-card:hover .oa-v619-special-shade{
background:
linear-gradient(180deg,rgba(0,36,33,.06) 0%,rgba(0,36,33,.15) 35%,rgba(0,36,33,.79) 100%),
linear-gradient(90deg,rgba(4,115,104,.28),rgba(4,115,104,.02));
}
.oa-v619-special-top,
.oa-v619-special-copy{
position:relative;
z-index:2;
}
.oa-v619-special-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:1rem;
}
.oa-v619-special-icon{
display:grid;
place-items:center;
width:58px;
height:58px;
background:var(--md-yellow);
}
.oa-v619-special-icon img{
width:29px;
height:29px;
}
.oa-v619-special-number{
color:rgba(255,255,255,.82);
font-size:.8rem;
font-weight:900;
letter-spacing:.12em;
}
.oa-v619-special-copy{
max-width:920px;
}
.oa-v619-card-kicker{
display:block;
margin-bottom:.65rem;
color:var(--md-yellow);
font-size:.72rem;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase;
}
.oa-v619-special-copy h3{
max-width:900px;
margin:0 0 .9rem!important;
color:#fff!important;
font-size:clamp(2.6rem,5vw,6rem)!important;
line-height:.91!important;
letter-spacing:-.06em!important;
text-align:left!important;
}
.oa-v619-special-card.is-half .oa-v619-special-copy h3{
font-size:clamp(2.2rem,3.7vw,4.6rem)!important;
}
.oa-v619-special-copy p{
max-width:730px;
margin:0 0 1rem;
color:rgba(255,255,255,.86);
line-height:1.62;
text-align:left;
}
.oa-v619-special-copy ul{
display:flex;
flex-wrap:wrap;
gap:.45rem;
margin:0 0 1.25rem!important;
padding:0!important;
list-style:none!important;
}
.oa-v619-special-copy li{
margin:0!important;
padding:.45rem .65rem!important;
border:1px solid rgba(255,255,255,.24);
color:#fff;
font-size:.78rem;
font-weight:750;
}
.oa-v619-special-copy strong{
display:inline-block;
padding-bottom:.25rem;
color:#fff;
border-bottom:3px solid var(--md-yellow);
font-weight:900;
}
/* Contact band */
.oa-v619-special-contact-band{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:end;
gap:2rem;
margin-top:14px;
padding:clamp(2.2rem,5vw,4.5rem);
background:
radial-gradient(circle at 90% 15%,rgba(242,184,9,.18),transparent 28%),
linear-gradient(135deg,#047368,#03564f);
color:#fff;
border-bottom:6px solid var(--md-yellow);
}
.oa-v619-special-contact-band .oa-v619-kicker{
color:var(--md-yellow);
}
.oa-v619-special-contact-band h2{
max-width:900px;
margin:0!important;
color:#fff!important;
font-size:clamp(2.7rem,5vw,5.8rem)!important;
line-height:.92!important;
letter-spacing:-.06em!important;
text-align:left!important;
}
.oa-v619-contact-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:.65rem;
}
.oa-v619-contact-actions a,
.oa-v619-special-bottom-cta a{
display:inline-flex;
min-height:52px;
align-items:center;
justify-content:center;
padding:0 1rem;
border:1px solid rgba(255,255,255,.55);
color:#fff!important;
text-decoration:none!important;
font-weight:850;
}
.oa-v619-contact-actions a.primary,
.oa-v619-special-bottom-cta a.primary{
background:var(--md-yellow);
border-color:var(--md-yellow);
color:var(--md-ink)!important;
}
/* Single */
.oa-v619-special-single{
width:100%;
padding:clamp(4.8rem,8vw,8rem) 0;
background:#fff;
}
.oa-v619-special-single-layout{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(320px,420px);
gap:clamp(3rem,7vw,8rem);
align-items:start;
}
.oa-v619-special-entry{
min-width:0;
max-width:980px;
}
.oa-v619-special-entry h1,
.oa-v619-special-entry h2{
margin:clamp(2.2rem,5vw,4rem) 0 1rem!important;
color:var(--md-ink)!important;
font-size:clamp(2.2rem,4vw,4.4rem)!important;
line-height:.96!important;
letter-spacing:-.05em!important;
text-align:left!important;
}
.oa-v619-special-entry h1:first-child,
.oa-v619-special-entry h2:first-child{
margin-top:0!important;
}
.oa-v619-special-entry h3,
.oa-v619-special-entry h4{
margin:2rem 0 .8rem!important;
color:var(--md-green)!important;
font-size:clamp(1.35rem,2vw,2rem)!important;
line-height:1.12!important;
text-align:left!important;
}
.oa-v619-special-entry p,
.oa-v619-special-entry li{
color:#53635f;
font-size:1.04rem;
line-height:1.78;
}
.oa-v619-special-entry p{
margin:0 0 1.2rem;
}
.oa-v619-special-entry ul,
.oa-v619-special-entry ol{
margin:1rem 0 2rem;
padding-left:1.35rem;
}
.oa-v619-special-entry li{
margin:.45rem 0;
}
.oa-v619-special-entry strong{
color:var(--md-ink);
}
/* Sticky side card */
.oa-v619-special-aside{
position:sticky;
top:105px;
padding:clamp(1.6rem,3vw,2.4rem);
background:#f7f8f4;
border-top:6px solid var(--md-yellow);
}
.oa-v619-special-aside h2{
margin:0 0 1.5rem!important;
color:var(--md-ink)!important;
font-size:clamp(2rem,3vw,3rem)!important;
line-height:.98!important;
letter-spacing:-.05em!important;
text-align:left!important;
}
.oa-v619-special-aside-list{
display:grid;
margin-bottom:1.5rem;
border-top:1px solid rgba(4,115,104,.14);
}
.oa-v619-special-aside-list>div{
display:grid;
grid-template-columns:36px minmax(0,1fr);
gap:.65rem;
align-items:start;
padding:.85rem 0;
border-bottom:1px solid rgba(4,115,104,.14);
}
.oa-v619-special-aside-list span{
color:var(--md-yellow);
font-size:.72rem;
font-weight:900;
}
.oa-v619-special-aside-list strong{
color:var(--md-ink);
line-height:1.4;
}
.oa-v619-special-aside>a{
display:flex;
min-height:50px;
align-items:center;
justify-content:center;
margin-top:.55rem;
padding:0 .9rem;
text-decoration:none!important;
font-weight:850;
}
.oa-v619-aside-primary{
background:var(--md-green);
color:#fff!important;
border-bottom:3px solid var(--md-yellow);
}
.oa-v619-aside-secondary{
border:1px solid rgba(4,115,104,.24);
color:var(--md-green)!important;
}
.oa-v619-special-aside small{
display:block;
margin-top:1rem;
color:#72807c;
line-height:1.5;
}
/* Bottom CTA */
.oa-v619-special-bottom-cta{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:end;
gap:2rem;
margin-top:clamp(5rem,8vw,8rem);
padding:clamp(2.2rem,5vw,4.5rem);
background:#073f3a;
border-bottom:6px solid var(--md-yellow);
}
.oa-v619-special-bottom-cta .oa-v619-kicker{
color:var(--md-yellow);
}
.oa-v619-special-bottom-cta h2{
max-width:850px;
margin:0!important;
color:#fff!important;
font-size:clamp(2.5rem,4.5vw,5rem)!important;
line-height:.94!important;
letter-spacing:-.055em!important;
text-align:left!important;
}
.oa-v619-special-bottom-cta>div{
display:flex;
flex-wrap:wrap;
gap:.65rem;
justify-content:flex-end;
}
/* Old special renderer never appears in V6.1.9 landing */
.oa-v619-special-page .oa-v567-special-hero,
.oa-v619-special-page .oa-v567-special-wrap{
display:none!important;
}
.oa-v619-empty-special{
padding:2rem;
background:#f7f8f4;
border-left:5px solid var(--md-yellow);
color:#53635f;
}
@media(max-width:1100px){
.oa-v619-special-intro{
grid-template-columns:1fr;
align-items:start;
gap:1.5rem;
}
.oa-v619-special-single-layout{
grid-template-columns:1fr;
}
.oa-v619-special-aside{
position:static;
}
}
@media(max-width:820px){
.oa-v619-special-card,
.oa-v619-special-card.is-hero,
.oa-v619-special-card.is-wide{
grid-column:1/-1;
min-height:520px;
}
.oa-v619-special-contact-band,
.oa-v619-special-bottom-cta{
grid-template-columns:1fr;
align-items:start;
}
.oa-v619-contact-actions,
.oa-v619-special-bottom-cta>div{
justify-content:flex-start;
}
}
@media(max-width:680px){
.oa-v619-shell{
padding-left:20px;
padding-right:20px;
}
.oa-v619-special-page,
.oa-v619-special-single{
padding-top:4rem;
padding-bottom:4rem;
}
.oa-v619-special-card,
.oa-v619-special-card.is-hero,
.oa-v619-special-card.is-wide{
min-height:500px;
}
.oa-v619-special-card>a{
padding:1.35rem;
}
.oa-v619-special-copy h3,
.oa-v619-special-card.is-half .oa-v619-special-copy h3{
font-size:clamp(2.2rem,10vw,3.6rem)!important;
}
.oa-v619-special-copy p{
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
}
.oa-v619-special-contact-band,
.oa-v619-special-bottom-cta{
margin-left:-20px;
margin-right:-20px;
padding:2rem 20px;
}
}
/* ==========================================================
V6.2.0 — SPECIAL PAGES EDITORIAL
========================================================== */
:root{
--md-green:#047368;
--md-green-dark:#03574f;
--md-yellow:#f2b809;
--md-ink:#20312f;
--md-muted:#60706c;
--md-soft:#f6f8f4;
--md-pad:clamp(24px,5.7vw,110px);
}
.oa-v620-shell{
width:100%;
max-width:none;
margin:0;
padding-left:var(--md-pad);
padding-right:var(--md-pad);
box-sizing:border-box;
}
.oa-v620-small-label{
display:block;
color:var(--md-green);
font-size:.72rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
/* Fallback hero: NO foto se non esiste uno slider configurato */
.oa-v620-green-hero{
position:relative;
width:100%;
min-height:clamp(480px,62vh,700px);
display:flex;
align-items:flex-end;
overflow:hidden;
background:
radial-gradient(circle at 83% 18%,rgba(242,184,9,.15),transparent 28%),
linear-gradient(115deg,#047368 0%,#047368 52%,#03574f 100%);
}
.oa-v620-green-hero:after{
content:"";
position:absolute;
right:-9vw;
bottom:-26vw;
width:50vw;
height:50vw;
min-width:600px;
min-height:600px;
border:1px solid rgba(255,255,255,.07);
border-radius:50%;
}
.oa-v620-green-hero-inner{
position:relative;
z-index:2;
width:100%;
max-width:none;
padding:0 var(--md-pad) clamp(70px,10vh,110px);
box-sizing:border-box;
}
.oa-v620-green-hero-inner>span{
display:block;
margin-bottom:.75rem;
color:var(--md-yellow);
font-size:.75rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v620-green-hero h1{
max-width:1150px;
margin:0 0 1rem!important;
color:#fff!important;
font-size:clamp(4rem,7vw,8rem)!important;
line-height:.89!important;
letter-spacing:-.065em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v620-green-hero p{
max-width:780px;
margin:0;
color:rgba(255,255,255,.86);
font-size:clamp(1rem,1.35vw,1.2rem);
line-height:1.65;
}
/* LANDING */
.oa-v620-special-landing,
.oa-v620-special-single{
width:100%;
padding:clamp(5rem,8vw,8rem) 0;
background:#fff;
}
.oa-v620-landing-intro{
display:grid;
grid-template-columns:170px minmax(0,1050px);
gap:clamp(1.5rem,4vw,4rem);
align-items:start;
margin-bottom:clamp(3rem,6vw,6rem);
}
.oa-v620-landing-intro h2{
margin:0 0 1rem!important;
color:var(--md-ink)!important;
font-size:clamp(3.3rem,5.6vw,6.5rem)!important;
line-height:.92!important;
letter-spacing:-.06em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v620-landing-intro p{
max-width:800px;
margin:0;
color:var(--md-muted);
line-height:1.72;
}
.oa-v620-special-grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:14px;
grid-auto-flow:dense;
}
.oa-v620-special-tile{
position:relative;
grid-column:span 6;
min-height:540px;
overflow:hidden;
background:
radial-gradient(circle at 88% 10%,rgba(242,184,9,.13),transparent 25%),
linear-gradient(135deg,#047368,#03574f);
background-image:var(--oa-v620-card-bg,linear-gradient(135deg,#047368,#03574f));
background-size:cover;
background-position:center;
}
.oa-v620-special-tile.is-featured{
grid-column:1/-1;
min-height:650px;
}
.oa-v620-special-tile>a{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:clamp(1.5rem,3vw,3rem);
box-sizing:border-box;
color:#fff!important;
text-decoration:none!important;
}
.oa-v620-tile-shade{
position:absolute;
inset:0;
z-index:0;
background:
linear-gradient(180deg,rgba(0,34,31,.08),rgba(0,34,31,.18) 35%,rgba(0,34,31,.88)),
linear-gradient(90deg,rgba(4,115,104,.38),rgba(4,115,104,.05));
}
.oa-v620-special-tile>a>*:not(.oa-v620-tile-shade){
position:relative;
z-index:2;
}
.oa-v620-tile-number{
align-self:flex-end;
color:rgba(255,255,255,.8);
font-size:.78rem;
font-weight:900;
letter-spacing:.12em;
}
.oa-v620-tile-kicker{
display:block;
margin-bottom:.6rem;
color:var(--md-yellow);
font-size:.7rem;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase;
}
.oa-v620-special-tile h3{
max-width:850px;
margin:0 0 .8rem!important;
color:#fff!important;
font-size:clamp(2.5rem,4vw,5rem)!important;
line-height:.92!important;
letter-spacing:-.055em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v620-special-tile p{
max-width:680px;
margin:0 0 1rem;
color:rgba(255,255,255,.84);
line-height:1.6;
}
.oa-v620-special-tile strong{
display:inline-block;
width:max-content;
padding-bottom:.2rem;
border-bottom:3px solid var(--md-yellow);
}
/* ACTIVITY STRIP */
.oa-v620-activity-strip{
display:grid;
grid-template-columns:minmax(220px,.45fr) minmax(0,1.55fr);
gap:1.5rem;
align-items:start;
margin-bottom:clamp(4rem,7vw,7rem);
padding:1.25rem 0;
border-top:1px solid rgba(4,115,104,.18);
border-bottom:1px solid rgba(4,115,104,.18);
}
.oa-v620-activity-strip>div{
display:flex;
flex-wrap:wrap;
gap:.55rem;
}
.oa-v620-activity-strip>div span{
display:inline-flex;
min-height:38px;
align-items:center;
padding:0 .75rem;
background:#f4f7f3;
color:var(--md-green);
font-size:.78rem;
font-weight:850;
border-left:3px solid var(--md-yellow);
}
/* STORY FLOW */
.oa-v620-editorial-flow{
display:grid;
gap:clamp(4rem,9vw,9rem);
}
.oa-v620-story-block{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
gap:clamp(2.5rem,7vw,8rem);
align-items:center;
}
.oa-v620-story-block.is-reverse .oa-v620-story-copy{order:2}
.oa-v620-story-block.is-reverse .oa-v620-story-image,
.oa-v620-story-block.is-reverse .oa-v620-story-accent{order:1}
.oa-v620-story-copy{
min-width:0;
max-width:1000px;
}
.oa-v620-story-num{
display:block;
margin-bottom:1rem;
color:var(--md-yellow);
font-size:.78rem;
font-weight:900;
letter-spacing:.12em;
}
.oa-v620-story-copy h2{
max-width:950px;
margin:0 0 1.25rem!important;
color:var(--md-ink)!important;
font-size:clamp(2.8rem,4.8vw,5.7rem)!important;
line-height:.94!important;
letter-spacing:-.06em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v620-story-body{
max-width:880px;
}
.oa-v620-story-body h2,
.oa-v620-story-body h3,
.oa-v620-story-body h4{
margin:2rem 0 .8rem!important;
color:var(--md-ink)!important;
font-size:clamp(1.4rem,2vw,2rem)!important;
line-height:1.1!important;
letter-spacing:-.025em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v620-story-body p,
.oa-v620-story-body li{
color:#586863;
font-size:1.03rem;
line-height:1.78;
}
.oa-v620-story-body p{
margin:0 0 1.25rem;
}
.oa-v620-story-body ul,
.oa-v620-story-body ol{
margin:1rem 0 1.5rem;
padding-left:1.2rem;
}
.oa-v620-story-body li{
margin:.48rem 0;
}
.oa-v620-story-body strong{
color:var(--md-ink);
}
.oa-v620-story-image{
position:relative;
min-height:500px;
height:100%;
margin:0;
overflow:hidden;
background:var(--md-green);
}
.oa-v620-story-image:after{
content:"";
position:absolute;
inset:auto 0 0;
height:5px;
background:var(--md-yellow);
}
.oa-v620-story-image img{
display:block;
width:100%;
height:100%;
min-height:500px;
object-fit:cover;
}
.oa-v620-story-accent{
align-self:stretch;
display:flex;
flex-direction:column;
justify-content:flex-end;
min-height:430px;
padding:clamp(1.7rem,3vw,3rem);
box-sizing:border-box;
background:
radial-gradient(circle at 88% 10%,rgba(242,184,9,.17),transparent 28%),
linear-gradient(145deg,#047368,#03574f);
border-bottom:5px solid var(--md-yellow);
}
.oa-v620-story-accent span{
margin-bottom:.6rem;
color:var(--md-yellow);
font-size:.72rem;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase;
}
.oa-v620-story-accent strong{
margin-bottom:1rem;
color:#fff;
font-size:clamp(2rem,3.4vw,4rem);
line-height:.94;
letter-spacing:-.05em;
}
.oa-v620-story-accent p{
max-width:460px;
margin:0;
color:rgba(255,255,255,.83);
line-height:1.6;
}
/* CTA */
.oa-v620-special-cta{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:2rem;
align-items:end;
margin-top:clamp(6rem,10vw,10rem);
padding:clamp(2.4rem,5vw,5rem);
background:
radial-gradient(circle at 88% 10%,rgba(242,184,9,.14),transparent 28%),
#073f3a;
border-bottom:6px solid var(--md-yellow);
}
.oa-v620-special-cta .oa-v620-small-label{
color:var(--md-yellow);
}
.oa-v620-special-cta h2{
max-width:950px;
margin:.55rem 0 1rem!important;
color:#fff!important;
font-size:clamp(3rem,5vw,5.8rem)!important;
line-height:.92!important;
letter-spacing:-.06em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v620-special-cta p{
max-width:700px;
margin:0;
color:rgba(255,255,255,.78);
line-height:1.65;
}
.oa-v620-special-cta nav{
display:flex;
flex-wrap:wrap;
gap:.65rem;
justify-content:flex-end;
}
.oa-v620-special-cta a{
display:inline-flex;
min-height:52px;
align-items:center;
justify-content:center;
padding:0 1rem;
color:#fff!important;
text-decoration:none!important;
font-weight:850;
border:1px solid rgba(255,255,255,.55);
}
.oa-v620-special-cta a.primary{
background:var(--md-yellow);
border-color:var(--md-yellow);
color:var(--md-ink)!important;
}
/* Hide legacy V6.1.9 content layout if any old shortcode survives */
.oa-v620-special-landing .oa-v619-special-intro,
.oa-v620-special-landing .oa-v619-special-masonry,
.oa-v620-special-landing .oa-v619-special-contact-band{
display:none!important;
}
@media(max-width:1050px){
.oa-v620-story-block{
grid-template-columns:1fr;
gap:2rem;
}
.oa-v620-story-block.is-reverse .oa-v620-story-copy,
.oa-v620-story-block.is-reverse .oa-v620-story-image,
.oa-v620-story-block.is-reverse .oa-v620-story-accent{
order:initial;
}
.oa-v620-special-cta{
grid-template-columns:1fr;
align-items:start;
}
.oa-v620-special-cta nav{justify-content:flex-start}
}
@media(max-width:820px){
.oa-v620-landing-intro{
grid-template-columns:1fr;
gap:1rem;
}
.oa-v620-special-tile,
.oa-v620-special-tile.is-featured{
grid-column:1/-1;
min-height:520px;
}
.oa-v620-activity-strip{
grid-template-columns:1fr;
gap:.8rem;
}
}
@media(max-width:680px){
.oa-v620-shell{
padding-left:20px;
padding-right:20px;
}
.oa-v620-green-hero{
min-height:520px;
}
.oa-v620-green-hero-inner{
padding-left:20px;
padding-right:20px;
padding-bottom:70px;
}
.oa-v620-green-hero h1{
font-size:clamp(3.4rem,15vw,5rem)!important;
}
.oa-v620-special-landing,
.oa-v620-special-single{
padding-top:4rem;
padding-bottom:4rem;
}
.oa-v620-special-tile,
.oa-v620-special-tile.is-featured{
min-height:500px;
}
.oa-v620-special-tile>a{
padding:1.35rem;
}
.oa-v620-special-tile h3{
font-size:clamp(2.3rem,11vw,3.8rem)!important;
}
.oa-v620-story-image,
.oa-v620-story-image img{
min-height:360px;
}
.oa-v620-story-accent{
min-height:330px;
}
.oa-v620-special-cta{
margin-left:-20px;
margin-right:-20px;
padding:2rem 20px;
}
.oa-v620-special-cta nav{
display:grid;
grid-template-columns:1fr;
width:100%;
}
}
/* V6.2.1 hotfix */
.oa-v621-safe-message{
padding:clamp(2rem,5vw,4rem);
background:#f6f8f4;
border-left:5px solid #f2b809;
}
.oa-v621-safe-message h2{
margin:0 0 .75rem!important;
color:#20312f!important;
text-transform:none!important;
}
/* ==========================================================
V6.2.2 — SAFE SPECIAL ARCHIVE
========================================================== */
.oa-v622-shell{
width:100%;
padding-left:clamp(24px,5.7vw,110px);
padding-right:clamp(24px,5.7vw,110px);
box-sizing:border-box;
}
.oa-v622-hero{
min-height:560px;
display:flex;
align-items:flex-end;
background:
radial-gradient(circle at 85% 18%,rgba(242,184,9,.14),transparent 26%),
linear-gradient(120deg,#047368,#03574f);
}
.oa-v622-hero-inner{
width:100%;
padding:0 clamp(24px,5.7vw,110px) clamp(70px,9vh,110px);
box-sizing:border-box;
}
.oa-v622-hero span{
display:block;
margin-bottom:.75rem;
color:#f2b809;
font-size:.75rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v622-hero h1{
margin:0 0 1rem!important;
color:#fff!important;
font-size:clamp(4rem,7vw,8rem)!important;
line-height:.9!important;
letter-spacing:-.065em!important;
text-transform:none!important;
text-align:left!important;
}
.oa-v622-hero p{
max-width:780px;
margin:0;
color:rgba(255,255,255,.84);
font-size:clamp(1rem,1.35vw,1.2rem);
line-height:1.65;
}
.oa-v622-page{
padding:clamp(5rem,8vw,8rem) 0;
background:#fff;
}
.oa-v622-intro{
max-width:1100px;
margin-bottom:clamp(3rem,6vw,6rem);
}
.oa-v622-intro>span{
display:block;
margin-bottom:.7rem;
color:#047368;
font-size:.72rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v622-intro h2{
margin:0 0 1rem!important;
color:#20312f!important;
font-size:clamp(3.2rem,5.5vw,6.4rem)!important;
line-height:.92!important;
letter-spacing:-.06em!important;
text-transform:none!important;
text-align:left!important;
}
.oa-v622-intro p{
max-width:820px;
margin:0;
color:#61706d;
line-height:1.7;
}
.oa-v622-grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:14px;
}
.oa-v622-card{
position:relative;
grid-column:span 6;
min-height:520px;
overflow:hidden;
background:
radial-gradient(circle at 88% 10%,rgba(242,184,9,.13),transparent 25%),
linear-gradient(135deg,#047368,#03574f);
background-image:var(--oa-v622-bg,linear-gradient(135deg,#047368,#03574f));
background-size:cover;
background-position:center;
}
.oa-v622-card.is-wide{
grid-column:1/-1;
min-height:620px;
}
.oa-v622-card>a{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:clamp(1.5rem,3vw,3rem);
color:#fff!important;
text-decoration:none!important;
box-sizing:border-box;
}
.oa-v622-shade{
position:absolute;
inset:0;
background:
linear-gradient(180deg,rgba(0,34,31,.08),rgba(0,34,31,.18) 35%,rgba(0,34,31,.88)),
linear-gradient(90deg,rgba(4,115,104,.35),rgba(4,115,104,.05));
}
.oa-v622-card>a>*:not(.oa-v622-shade){
position:relative;
z-index:2;
}
.oa-v622-num{
align-self:flex-end;
font-size:.78rem;
font-weight:900;
letter-spacing:.12em;
color:rgba(255,255,255,.82);
}
.oa-v622-card h3{
margin:0 0 .8rem!important;
color:#fff!important;
font-size:clamp(2.5rem,4vw,5rem)!important;
line-height:.92!important;
letter-spacing:-.055em!important;
text-transform:none!important;
text-align:left!important;
}
.oa-v622-card p{
max-width:680px;
margin:0 0 1rem;
color:rgba(255,255,255,.84);
line-height:1.6;
}
.oa-v622-card strong{
display:inline-block;
padding-bottom:.2rem;
border-bottom:3px solid #f2b809;
}
.oa-v622-empty{
grid-column:1/-1;
padding:2rem;
background:#f6f8f4;
border-left:5px solid #f2b809;
}
@media(max-width:820px){
.oa-v622-card,
.oa-v622-card.is-wide{
grid-column:1/-1;
min-height:500px;
}
}
@media(max-width:680px){
.oa-v622-shell{
padding-left:20px;
padding-right:20px;
}
.oa-v622-hero-inner{
padding-left:20px;
padding-right:20px;
}
.oa-v622-hero h1{
font-size:clamp(3.4rem,15vw,5rem)!important;
}
}
/* ==========================================================
V6.2.3 — IDEE REGALO / GIFT CARD
========================================================== */
.oa-v623-shell{
width:100%;
padding-left:clamp(24px,5.7vw,110px);
padding-right:clamp(24px,5.7vw,110px);
box-sizing:border-box;
}
.oa-v623-gift-page{
padding:clamp(5rem,8vw,8rem) 0;
background:#fff;
}
/* HERO */
.oa-v623-gift-hero{
position:relative;
min-height:clamp(600px,82vh,820px);
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(360px,.7fr);
align-items:center;
gap:clamp(2rem,6vw,7rem);
padding:120px clamp(24px,5.7vw,110px) 70px;
box-sizing:border-box;
overflow:hidden;
background:
radial-gradient(circle at 86% 15%,rgba(242,184,9,.16),transparent 27%),
linear-gradient(120deg,#047368,#03574f);
}
.oa-v623-gift-hero:before{
content:"";
position:absolute;
left:-14vw;
bottom:-31vw;
width:55vw;
height:55vw;
border:1px solid rgba(255,255,255,.07);
border-radius:50%;
}
.oa-v623-gift-hero-inner{
position:relative;
z-index:2;
}
.oa-v623-gift-hero-inner>span,
.oa-v623-label{
display:block;
margin-bottom:.7rem;
color:#f2b809;
font-size:.74rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v623-gift-hero h1{
max-width:950px;
margin:0 0 1rem!important;
color:#fff!important;
font-size:clamp(4rem,7vw,8rem)!important;
line-height:.89!important;
letter-spacing:-.065em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v623-gift-hero p{
max-width:700px;
margin:0 0 1.7rem;
color:rgba(255,255,255,.84);
font-size:clamp(1rem,1.3vw,1.18rem);
line-height:1.65;
}
.oa-v623-gift-hero-inner>a{
display:inline-flex;
min-height:52px;
align-items:center;
padding:0 1rem;
background:#f2b809;
color:#20312f!important;
text-decoration:none!important;
font-weight:900;
}
.oa-v623-gift-card-visual{
position:relative;
z-index:2;
width:min(100%,520px);
aspect-ratio:1.58/1;
justify-self:end;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:clamp(1.5rem,3vw,2.7rem);
box-sizing:border-box;
transform:rotate(-3deg);
background:
radial-gradient(circle at 80% 25%,rgba(242,184,9,.20),transparent 22%),
linear-gradient(145deg,#073f3a,#047368);
border:1px solid rgba(255,255,255,.22);
box-shadow:0 35px 80px rgba(0,35,31,.28);
color:#fff;
}
.oa-v623-gift-card-visual:after{
content:"";
position:absolute;
inset:16px;
border:1px solid rgba(242,184,9,.45);
pointer-events:none;
}
.oa-v623-gift-card-visual span{
position:absolute;
left:clamp(1.5rem,3vw,2.7rem);
top:clamp(1.5rem,3vw,2.7rem);
color:#f2b809;
font-size:.72rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v623-gift-card-visual strong{
position:relative;
z-index:1;
font-size:clamp(3rem,5vw,5.8rem);
line-height:.85;
letter-spacing:-.06em;
}
.oa-v623-gift-card-visual small{
position:relative;
z-index:1;
margin-top:.8rem;
color:rgba(255,255,255,.78);
}
.oa-v623-gift-card-visual em{
position:absolute;
right:clamp(1.5rem,3vw,2.7rem);
top:clamp(1.5rem,3vw,2.7rem);
color:#fff;
font-style:normal;
font-weight:900;
}
/* INTRO */
.oa-v623-gift-intro{
display:grid;
grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
gap:clamp(2rem,6vw,7rem);
align-items:end;
margin-bottom:clamp(3.5rem,7vw,7rem);
}
.oa-v623-gift-intro .oa-v623-label{
color:#047368;
}
.oa-v623-gift-intro h2{
max-width:1000px;
margin:0!important;
color:#20312f!important;
font-size:clamp(3.3rem,5.8vw,6.7rem)!important;
line-height:.92!important;
letter-spacing:-.06em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v623-gift-intro>p{
max-width:600px;
margin:0;
color:#60706c;
line-height:1.75;
}
/* STEPS */
.oa-v623-gift-steps{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1px;
margin-bottom:clamp(5rem,8vw,8rem);
background:rgba(4,115,104,.15);
border:1px solid rgba(4,115,104,.15);
}
.oa-v623-gift-steps article{
min-height:250px;
padding:clamp(1.5rem,3vw,2.7rem);
background:#f7f8f4;
}
.oa-v623-gift-steps article>span{
display:block;
margin-bottom:2.5rem;
color:#f2b809;
font-weight:900;
}
.oa-v623-gift-steps h3{
margin:0 0 .8rem!important;
color:#20312f!important;
font-size:clamp(1.7rem,2.4vw,2.7rem)!important;
line-height:1!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v623-gift-steps p{
margin:0;
color:#61706d;
line-height:1.65;
}
/* EDITORIAL CONDITIONS */
.oa-v623-gift-editorial{
display:grid;
border-top:1px solid rgba(4,115,104,.15);
}
.oa-v623-gift-section{
display:grid;
grid-template-columns:90px minmax(0,1000px);
gap:clamp(1.5rem,4vw,4rem);
padding:clamp(2.6rem,5vw,5rem) 0;
border-bottom:1px solid rgba(4,115,104,.15);
}
.oa-v623-gift-section.is-alt{
background:linear-gradient(90deg,rgba(247,248,244,.8),transparent 70%);
}
.oa-v623-section-num{
color:#f2b809;
font-size:.78rem;
font-weight:900;
letter-spacing:.12em;
}
.oa-v623-gift-section h2{
max-width:900px;
margin:0 0 1.2rem!important;
color:#20312f!important;
font-size:clamp(2.3rem,4vw,4.5rem)!important;
line-height:.96!important;
letter-spacing:-.05em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v623-gift-copy{
max-width:880px;
}
.oa-v623-gift-copy p,
.oa-v623-gift-copy li{
color:#5d6c68;
font-size:1.02rem;
line-height:1.76;
}
.oa-v623-gift-copy p{
margin:0 0 1.15rem;
}
.oa-v623-gift-copy ul,
.oa-v623-gift-copy ol{
margin:1rem 0;
padding-left:1.25rem;
}
.oa-v623-gift-copy li{
margin:.52rem 0;
}
/* CTA */
.oa-v623-gift-cta{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:2rem;
align-items:end;
margin-top:clamp(5rem,9vw,9rem);
padding:clamp(2.4rem,5vw,5rem);
background:
radial-gradient(circle at 88% 10%,rgba(242,184,9,.16),transparent 28%),
#073f3a;
border-bottom:6px solid #f2b809;
}
.oa-v623-gift-cta h2{
max-width:900px;
margin:.55rem 0 .8rem!important;
color:#fff!important;
font-size:clamp(3rem,5vw,5.7rem)!important;
line-height:.92!important;
letter-spacing:-.06em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v623-gift-cta p{
max-width:650px;
margin:0;
color:rgba(255,255,255,.8);
}
.oa-v623-gift-cta nav{
display:flex;
flex-wrap:wrap;
gap:.65rem;
justify-content:flex-end;
}
.oa-v623-gift-cta a{
display:inline-flex;
min-height:52px;
align-items:center;
padding:0 1rem;
border:1px solid rgba(255,255,255,.5);
color:#fff!important;
text-decoration:none!important;
font-weight:850;
}
.oa-v623-gift-cta a.primary{
background:#f2b809;
border-color:#f2b809;
color:#20312f!important;
}
@media(max-width:1050px){
.oa-v623-gift-hero{
grid-template-columns:1fr;
min-height:auto;
padding-top:150px;
}
.oa-v623-gift-card-visual{
justify-self:start;
width:min(620px,90%);
}
.oa-v623-gift-intro{
grid-template-columns:1fr;
align-items:start;
}
.oa-v623-gift-cta{
grid-template-columns:1fr;
align-items:start;
}
.oa-v623-gift-cta nav{justify-content:flex-start}
}
@media(max-width:760px){
.oa-v623-shell{
padding-left:20px;
padding-right:20px;
}
.oa-v623-gift-hero{
padding-left:20px;
padding-right:20px;
padding-bottom:60px;
}
.oa-v623-gift-hero h1{
font-size:clamp(3.4rem,15vw,5rem)!important;
}
.oa-v623-gift-card-visual{
width:100%;
transform:none;
}
.oa-v623-gift-steps{
grid-template-columns:1fr;
}
.oa-v623-gift-steps article{
min-height:0;
}
.oa-v623-gift-section{
grid-template-columns:1fr;
gap:.65rem;
}
.oa-v623-gift-cta{
margin-left:-20px;
margin-right:-20px;
padding:2rem 20px;
}
.oa-v623-gift-cta nav{
display:grid;
grid-template-columns:1fr;
width:100%;
}
.oa-v623-gift-cta a{
justify-content:center;
}
}
/* V6.2.4 — Gift Card checkout companion */
.oa-v623-gift-editorial + .mdgc-builder,
.oa-v623-gift-steps + .mdgc-builder{
margin-top:clamp(5rem,8vw,8rem);
}
.mdgc-builder + .oa-v623-gift-cta{
margin-top:clamp(4rem,7vw,7rem);
}
/* ==========================================================
V6.2.5 — IDEE REGALO: CTA ACQUISTA ORA
========================================================== */
.oa-v623-gift-hero-actions{
display:flex;
flex-wrap:wrap;
gap:.65rem;
align-items:center;
}
.oa-v623-gift-hero-inner .oa-v623-gift-hero-actions>a{
display:inline-flex;
min-height:54px;
align-items:center;
justify-content:center;
padding:0 1.1rem;
text-decoration:none!important;
font-weight:900;
transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.oa-v623-gift-action-primary{
background:#f2b809!important;
border:1px solid #f2b809!important;
color:#20312f!important;
}
.oa-v623-gift-action-secondary{
background:transparent!important;
border:1px solid rgba(255,255,255,.58)!important;
color:#fff!important;
}
.oa-v623-gift-hero-actions>a:hover{
transform:translateY(-2px);
}
.oa-v623-gift-action-primary:hover{
background:#fff!important;
border-color:#fff!important;
}
.oa-v623-gift-action-secondary:hover{
border-color:#f2b809!important;
color:#f2b809!important;
}
#acquista-gift-card{
scroll-margin-top:110px;
}
@media(max-width:620px){
.oa-v623-gift-hero-actions{
display:grid;
grid-template-columns:1fr;
width:100%;
}
.oa-v623-gift-hero-actions>a{width:100%;box-sizing:border-box}
}
/* ==========================================================
V6.2.6 — LOGO PIÙ GRANDE + HOME HERO PIÙ BASSA + CHI SIAMO
========================================================== */
/* 1. LOGO — più visibile su tutto il sito */
.site-header .site-branding{
flex:0 0 auto!important;
}
.site-header .custom-logo-link{
display:flex!important;
align-items:center!important;
min-width:0!important;
}
.site-header .custom-logo-link img,
.site-header .custom-logo,
.site-header .oa-v601-official-logo img,
.site-header .oa-v603-logo-switch img{
width:auto!important;
height:66px!important;
max-height:66px!important;
max-width:315px!important;
}
.site-header .oa-v603-logo-switch{
width:315px!important;
height:66px!important;
}
.header-inner,
.home .header-inner{
min-height:98px!important;
}
/* Sticky header: il logo resta importante ma leggermente più compatto */
.home .site-header.oa-v600-scrolled .custom-logo-link img,
.home .site-header.oa-v600-scrolled .oa-v603-logo-switch img{
height:60px!important;
max-height:60px!important;
}
.home .site-header.oa-v600-scrolled .oa-v603-logo-switch{
height:60px!important;
}
/* 2. HOME HERO — copy volutamente più in basso rispetto al menu */
@media(min-width:1025px){
.home .oa-v602-hero-content{
transform:translateY(clamp(48px,6.5vh,82px))!important;
}
}
@media(min-width:641px) and (max-width:1024px){
.home .oa-v602-hero-content{
transform:translateY(clamp(34px,5vh,55px))!important;
}
}
@media(max-width:640px){
.home .oa-v602-hero-content{
transform:translateY(26px)!important;
}
}
/* 3. CHI SIAMO — reset locale: niente titoli sovrapposti */
.oa-v626-about-page .oa-v626-about-main,
.oa-v626-about-page .oa-v626-about-main *,
.oa-v626-about-page .oa-v626-about-content,
.oa-v626-about-page .oa-v626-about-content *{
box-sizing:border-box;
}
.oa-v626-about-main{
width:100%;
padding:clamp(5rem,8vw,8.5rem) 0;
overflow:hidden;
background:#fff;
}
.oa-v626-about-shell{
width:100%;
padding-left:clamp(24px,5.7vw,110px);
padding-right:clamp(24px,5.7vw,110px);
box-sizing:border-box;
}
/* Editorial lead */
.oa-v626-about-lead{
display:grid;
grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);
gap:clamp(2rem,7vw,8rem);
align-items:end;
margin-bottom:clamp(4rem,7vw,7rem);
}
.oa-v626-about-kicker{
display:block;
margin:0 0 .75rem;
color:#047368;
font-size:.72rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v626-about-lead h2{
max-width:1080px!important;
margin:0!important;
color:#20312f!important;
font-size:clamp(3.5rem,6vw,7rem)!important;
line-height:.91!important;
letter-spacing:-.065em!important;
text-align:left!important;
text-transform:none!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.oa-v626-about-lead-copy{
max-width:640px;
padding-bottom:.4rem;
}
.oa-v626-about-lead-copy p{
margin:0 0 1.15rem!important;
color:#5d6c68!important;
font-size:clamp(1rem,1.18vw,1.12rem)!important;
line-height:1.72!important;
text-align:left!important;
}
.oa-v626-about-lead-copy p:last-child{margin-bottom:0!important}
/* Photo mosaic */
.oa-v626-about-mosaic{
display:grid;
grid-template-columns:1.5fr 1fr 1fr;
grid-template-rows:minmax(250px,1fr) minmax(250px,1fr);
gap:10px;
min-height:620px;
margin:0 0 clamp(5rem,9vw,9rem);
background:#f6f7f3;
}
.oa-v626-about-photo{
position:relative;
min-width:0;
min-height:0;
margin:0;
overflow:hidden;
background:#047368;
}
.oa-v626-about-photo.is-main{
grid-row:1/3;
}
.oa-v626-about-photo img{
width:100%;
height:100%;
min-height:100%;
object-fit:cover;
display:block;
transition:transform .45s ease;
}
.oa-v626-about-photo:hover img{
transform:scale(1.025);
}
/* Existing generated content, now disciplined */
.oa-v626-about-content{
width:100%;
}
.oa-v626-about-page .oa-v611-intro{
display:none!important;
}
.oa-v626-about-page .oa-v611-icon-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
width:100%!important;
margin:0 0 clamp(5rem,8vw,8rem)!important;
}
.oa-v626-about-page .oa-v611-icon-card{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:1.4rem!important;
min-width:0!important;
min-height:285px!important;
margin:0!important;
padding:clamp(1.45rem,2.5vw,2.1rem)!important;
background:#f7f8f4!important;
border:1px solid rgba(4,115,104,.11)!important;
border-top:5px solid #f2b809!important;
box-shadow:none!important;
border-radius:0!important;
}
.oa-v626-about-page .oa-v611-icon-card img{
flex:0 0 auto!important;
width:48px!important;
height:48px!important;
margin:0!important;
object-fit:contain!important;
}
.oa-v626-about-page .oa-v611-icon-card>div{
display:block!important;
width:100%!important;
min-width:0!important;
}
.oa-v626-about-page .oa-v611-icon-card h3{
margin:0 0 .65rem!important;
color:#20312f!important;
font-size:clamp(1.35rem,1.7vw,1.7rem)!important;
line-height:1.08!important;
letter-spacing:-.03em!important;
text-align:left!important;
text-transform:none!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.oa-v626-about-page .oa-v611-icon-card p{
margin:0!important;
color:#60706c!important;
font-size:.95rem!important;
line-height:1.62!important;
text-align:left!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
/* Story cards */
.oa-v626-about-page .oa-v611-card-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
width:100%!important;
margin:0 0 clamp(5rem,8vw,8rem)!important;
}
.oa-v626-about-page .oa-v611-story-card{
position:relative!important;
display:flex!important;
flex-direction:column!important;
min-width:0!important;
min-height:410px!important;
margin:0!important;
padding:clamp(1.7rem,3vw,2.7rem)!important;
overflow:hidden!important;
background:
radial-gradient(circle at 92% 8%,rgba(242,184,9,.15),transparent 25%),
linear-gradient(145deg,#047368,#03564f)!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.oa-v626-about-page .oa-v611-story-card>span{
display:block!important;
margin:0 0 auto!important;
color:#f2b809!important;
font-size:.7rem!important;
font-weight:900!important;
letter-spacing:.14em!important;
text-transform:uppercase!important;
}
.oa-v626-about-page .oa-v611-story-card h3{
margin:3rem 0 .8rem!important;
color:#fff!important;
font-size:clamp(2rem,2.8vw,3.2rem)!important;
line-height:.96!important;
letter-spacing:-.05em!important;
text-align:left!important;
text-transform:none!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.oa-v626-about-page .oa-v611-story-card p{
margin:0 0 1.2rem!important;
color:rgba(255,255,255,.82)!important;
font-size:.98rem!important;
line-height:1.62!important;
text-align:left!important;
}
.oa-v626-about-page .oa-v611-story-card a{
display:inline-block!important;
width:max-content!important;
margin-top:auto!important;
padding-bottom:.25rem!important;
color:#fff!important;
font-weight:900!important;
text-decoration:none!important;
border-bottom:3px solid #f2b809!important;
}
/* Remove legacy CTA because V6.2.6 adds a better closing section */
.oa-v626-about-page .oa-v611-cta{
display:none!important;
}
/* Credentials */
.oa-v626-about-credentials{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1px;
margin:0 0 clamp(5rem,9vw,9rem);
background:rgba(4,115,104,.16);
border:1px solid rgba(4,115,104,.16);
}
.oa-v626-about-credentials article{
min-height:300px;
padding:clamp(1.7rem,3vw,2.8rem);
background:#fbfcf9;
}
.oa-v626-about-credentials span{
display:block;
margin-bottom:3rem;
color:#f2b809;
font-size:.76rem;
font-weight:900;
letter-spacing:.12em;
}
.oa-v626-about-credentials h3{
margin:0 0 .8rem!important;
color:#20312f!important;
font-size:clamp(1.8rem,2.4vw,2.8rem)!important;
line-height:.96!important;
letter-spacing:-.045em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v626-about-credentials p{
margin:0!important;
color:#61706d!important;
line-height:1.68!important;
text-align:left!important;
}
/* Final CTA */
.oa-v626-about-final{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:2rem;
align-items:end;
padding:clamp(2.5rem,5vw,5rem);
background:
radial-gradient(circle at 88% 12%,rgba(242,184,9,.17),transparent 28%),
#073f3a;
border-bottom:6px solid #f2b809;
}
.oa-v626-about-final .oa-v626-about-kicker{color:#f2b809}
.oa-v626-about-final h2{
max-width:950px!important;
margin:.55rem 0 1rem!important;
color:#fff!important;
font-size:clamp(3rem,5vw,5.8rem)!important;
line-height:.92!important;
letter-spacing:-.06em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v626-about-final p{
max-width:720px!important;
margin:0!important;
color:rgba(255,255,255,.80)!important;
line-height:1.65!important;
text-align:left!important;
}
.oa-v626-about-final-actions{
display:flex;
flex-wrap:wrap;
gap:.65rem;
justify-content:flex-end;
}
.oa-v626-about-final-actions a{
display:inline-flex;
min-height:52px;
align-items:center;
justify-content:center;
padding:0 1rem;
border:1px solid rgba(255,255,255,.50);
color:#fff!important;
text-decoration:none!important;
font-weight:850;
}
.oa-v626-about-final-actions a.primary{
background:#f2b809;
border-color:#f2b809;
color:#20312f!important;
}
/* Responsive */
@media(max-width:1100px){
.site-header .custom-logo-link img,
.site-header .custom-logo,
.site-header .oa-v601-official-logo img,
.site-header .oa-v603-logo-switch img{
height:58px!important;
max-height:58px!important;
max-width:270px!important;
}
.site-header .oa-v603-logo-switch{
width:270px!important;
height:58px!important;
}
.header-inner,.home .header-inner{min-height:90px!important}
.oa-v626-about-lead{
grid-template-columns:1fr;
gap:1.6rem;
align-items:start;
}
.oa-v626-about-lead-copy{max-width:820px}
.oa-v626-about-page .oa-v611-icon-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.oa-v626-about-page .oa-v611-card-grid{
grid-template-columns:1fr!important;
}
.oa-v626-about-page .oa-v611-story-card{
min-height:330px!important;
}
.oa-v626-about-final{
grid-template-columns:1fr;
align-items:start;
}
.oa-v626-about-final-actions{justify-content:flex-start}
}
@media(max-width:760px){
.site-header .custom-logo-link img,
.site-header .custom-logo,
.site-header .oa-v601-official-logo img,
.site-header .oa-v603-logo-switch img{
height:50px!important;
max-height:50px!important;
max-width:225px!important;
}
.site-header .oa-v603-logo-switch{
width:225px!important;
height:50px!important;
}
.header-inner,.home .header-inner{min-height:82px!important}
.oa-v626-about-shell{
padding-left:20px;
padding-right:20px;
}
.oa-v626-about-mosaic{
display:flex;
min-height:0;
overflow-x:auto;
gap:8px;
scroll-snap-type:x mandatory;
scrollbar-width:none;
}
.oa-v626-about-mosaic::-webkit-scrollbar{display:none}
.oa-v626-about-photo,
.oa-v626-about-photo.is-main{
flex:0 0 86%;
height:390px;
scroll-snap-align:start;
}
.oa-v626-about-page .oa-v611-icon-grid{
grid-template-columns:1fr!important;
}
.oa-v626-about-page .oa-v611-icon-card{
min-height:0!important;
}
.oa-v626-about-credentials{
grid-template-columns:1fr;
}
.oa-v626-about-credentials article{
min-height:0;
}
.oa-v626-about-final{
margin-left:-20px;
margin-right:-20px;
padding:2rem 20px;
}
.oa-v626-about-final-actions{
display:grid;
grid-template-columns:1fr;
width:100%;
}
}
/* ==========================================================
V6.2.7 — IDEE REGALO COME CTA NEL MENU
========================================================== */
@media(min-width:1025px){
.site-header .oa-v627-gift-menu-item > a,
.site-header a.oa-v627-gift-menu-link,
.site-header a[href*="/idee-regalo/"]{
position:relative!important;display:inline-flex!important;align-items:center!important;gap:.55rem!important;
min-height:44px!important;padding:.72rem 1rem .72rem .9rem!important;margin-left:.35rem!important;
background:#f2b809!important;color:#20312f!important;border:1px solid #f2b809!important;border-radius:10px!important;
box-shadow:0 6px 18px rgba(242,184,9,.16)!important;font-weight:900!important;text-decoration:none!important;
transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.site-header .oa-v627-gift-menu-item > a:before,
.site-header a.oa-v627-gift-menu-link:before,
.site-header a[href*="/idee-regalo/"]:before{
content:""!important;flex:0 0 auto!important;width:18px!important;height:18px!important;display:inline-block!important;
background-color:#20312f!important;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 7h-2.18A3 3 0 0 0 12 5.94A3 3 0 0 0 6.18 7H4a2 2 0 0 0-2 2v3h9V9H4V9h4.57A3.02 3.02 0 0 0 11 7.82V12h2V7.82A3.02 3.02 0 0 0 15.43 9H20v3h-7v10h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2Zm-9 15H4a2 2 0 0 1-2-2v-6h9v8Zm-2.5-15A1.5 1.5 0 1 1 10 5.5V7H8.5Zm7 0H14V5.5A1.5 1.5 0 1 1 15.5 7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 7h-2.18A3 3 0 0 0 12 5.94A3 3 0 0 0 6.18 7H4a2 2 0 0 0-2 2v3h9V9H4V9h4.57A3.02 3.02 0 0 0 11 7.82V12h2V7.82A3.02 3.02 0 0 0 15.43 9H20v3h-7v10h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2Zm-9 15H4a2 2 0 0 1-2-2v-6h9v8Zm-2.5-15A1.5 1.5 0 1 1 10 5.5V7H8.5Zm7 0H14V5.5A1.5 1.5 0 1 1 15.5 7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.site-header .oa-v627-gift-menu-item > a:hover,
.site-header a.oa-v627-gift-menu-link:hover,
.site-header a[href*="/idee-regalo/"]:hover{
transform:translateY(-1px)!important;background:#047368!important;border-color:#047368!important;color:#fff!important;
box-shadow:0 10px 24px rgba(4,115,104,.22)!important;
}
.site-header .oa-v627-gift-menu-item > a:hover:before,
.site-header a.oa-v627-gift-menu-link:hover:before,
.site-header a[href*="/idee-regalo/"]:hover:before{background-color:#fff!important}
.home .site-header:not(.oa-v600-scrolled) .oa-v627-gift-menu-item > a,
.home .site-header:not(.oa-v600-scrolled) a.oa-v627-gift-menu-link,
.home .site-header:not(.oa-v600-scrolled) a[href*="/idee-regalo/"]{
color:#20312f!important;background:#f2b809!important;border-color:#f2b809!important;
}
}
@media(max-width:1024px){
.site-header .oa-v627-gift-menu-item{margin-top:.7rem!important}
.site-header .oa-v627-gift-menu-item > a,
.site-header a.oa-v627-gift-menu-link,
.site-header a[href*="/idee-regalo/"]{
position:relative!important;display:flex!important;width:100%!important;min-height:52px!important;align-items:center!important;
justify-content:flex-start!important;gap:.65rem!important;padding:.85rem 1rem!important;background:#f2b809!important;color:#20312f!important;
border:1px solid #f2b809!important;border-radius:10px!important;box-sizing:border-box!important;font-weight:900!important;text-decoration:none!important;
}
.site-header .oa-v627-gift-menu-item > a:before,
.site-header a.oa-v627-gift-menu-link:before,
.site-header a[href*="/idee-regalo/"]:before{
content:""!important;flex:0 0 auto!important;width:20px!important;height:20px!important;background-color:#20312f!important;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 7h-2.18A3 3 0 0 0 12 5.94A3 3 0 0 0 6.18 7H4a2 2 0 0 0-2 2v3h9V9H4V9h4.57A3.02 3.02 0 0 0 11 7.82V12h2V7.82A3.02 3.02 0 0 0 15.43 9H20v3h-7v10h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2Zm-9 15H4a2 2 0 0 1-2-2v-6h9v8Zm-2.5-15A1.5 1.5 0 1 1 10 5.5V7H8.5Zm7 0H14V5.5A1.5 1.5 0 1 1 15.5 7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 7h-2.18A3 3 0 0 0 12 5.94A3 3 0 0 0 6.18 7H4a2 2 0 0 0-2 2v3h9V9H4V9h4.57A3.02 3.02 0 0 0 11 7.82V12h2V7.82A3.02 3.02 0 0 0 15.43 9H20v3h-7v10h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2Zm-9 15H4a2 2 0 0 1-2-2v-6h9v8Zm-2.5-15A1.5 1.5 0 1 1 10 5.5V7H8.5Zm7 0H14V5.5A1.5 1.5 0 1 1 15.5 7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
}
/* ==========================================================
V6.2.8 — FIX DEFINITIVO CTA IDEE REGALO
Il vecchio tema disabilita ::before/::after sulle voci del menu:
l'icona è ora un vero SVG nel markup.
========================================================== */
/* Desktop */
@media(min-width:1025px){
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:.58rem!important;
min-height:46px!important;
padding:.72rem 1.05rem!important;
margin-left:.25rem!important;
background:#f2b809!important;
color:#20312f!important;
border:1px solid #f2b809!important;
border-top:1px solid #f2b809!important;
border-right:1px solid #f2b809!important;
border-bottom:1px solid #f2b809!important;
border-left:1px solid #f2b809!important;
border-radius:10px!important;
/* also guarantees the lower edge even against legacy border resets */
box-shadow:
inset 0 0 0 1px #f2b809,
0 7px 18px rgba(242,184,9,.15)!important;
font-weight:900!important;
line-height:1!important;
text-decoration:none!important;
overflow:visible!important;
transition:
transform .18s ease,
background .18s ease,
color .18s ease,
box-shadow .18s ease!important;
}
/* Kill the old orange underline only on this CTA. */
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link::before,
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link::after{
display:none!important;
content:none!important;
}
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link:hover,
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link:focus{
transform:translateY(-1px)!important;
background:#047368!important;
color:#fff!important;
border-color:#047368!important;
box-shadow:
inset 0 0 0 1px #047368,
0 10px 24px rgba(4,115,104,.22)!important;
}
.oa-v628-gift-icon{
display:inline-flex!important;
flex:0 0 20px!important;
width:20px!important;
height:20px!important;
align-items:center!important;
justify-content:center!important;
color:currentColor!important;
}
.oa-v628-gift-icon svg{
display:block!important;
width:20px!important;
height:20px!important;
fill:currentColor!important;
stroke:none!important;
}
.oa-v628-gift-label{
display:inline-block!important;
color:inherit!important;
white-space:nowrap!important;
}
/* Home overlay and sticky white header: same complete button in both states */
html body.home .site-header:not(.oa-v600-scrolled) .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link,
html body.home .site-header.oa-v600-scrolled .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link{
background:#f2b809!important;
color:#20312f!important;
border:1px solid #f2b809!important;
box-shadow:
inset 0 0 0 1px #f2b809,
0 7px 18px rgba(242,184,9,.15)!important;
}
html body.home .site-header:not(.oa-v600-scrolled) .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link:hover,
html body.home .site-header.oa-v600-scrolled .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link:hover{
background:#047368!important;
color:#fff!important;
border-color:#047368!important;
box-shadow:
inset 0 0 0 1px #047368,
0 10px 24px rgba(4,115,104,.22)!important;
}
}
/* Tablet/mobile */
@media(max-width:1024px){
html body .site-header .primary-menu > li.oa-v628-gift-menu-item{
width:100%!important;
margin:.75rem 0 0!important;
padding:0!important;
}
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link{
position:relative!important;
display:flex!important;
width:100%!important;
min-height:54px!important;
align-items:center!important;
justify-content:flex-start!important;
gap:.7rem!important;
box-sizing:border-box!important;
padding:.9rem 1rem!important;
margin:0!important;
background:#f2b809!important;
color:#20312f!important;
border:1px solid #f2b809!important;
border-bottom:1px solid #f2b809!important;
border-radius:10px!important;
box-shadow:inset 0 0 0 1px #f2b809!important;
font-weight:900!important;
text-decoration:none!important;
}
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link::before,
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link::after{
display:none!important;
content:none!important;
}
.oa-v628-gift-icon{
display:inline-flex!important;
flex:0 0 21px!important;
width:21px!important;
height:21px!important;
color:currentColor!important;
}
.oa-v628-gift-icon svg{
display:block!important;
width:21px!important;
height:21px!important;
fill:currentColor!important;
}
.oa-v628-gift-label{
color:inherit!important;
}
}
/* ==========================================================
V6.2.9 — ICONOGRAFIA LUCIDE
========================================================== */
.oa-v611-icon-card img{
display:block!important;
width:54px!important;
height:54px!important;
min-width:54px!important;
object-fit:contain!important;
}
.oa-v612-spec-row img{
width:25px!important;
height:25px!important;
flex:0 0 25px!important;
object-fit:contain!important;
}
.oa-v612-prep-grid article img{
width:38px!important;
height:38px!important;
object-fit:contain!important;
}
.oa-v613-facts article img{
width:32px!important;
height:32px!important;
object-fit:contain!important;
}
.oa-v619-special-icon img{
width:31px!important;
height:31px!important;
object-fit:contain!important;
}
.oa-v628-gift-icon .oa-v629-menu-gift-svg,
.oa-v628-gift-icon svg{
display:block!important;
width:21px!important;
height:21px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2.15!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.oa-v611-icon-card img,
.oa-v612-spec-row img,
.oa-v612-prep-grid article img,
.oa-v613-facts article img,
.oa-v619-special-icon img{
filter:none!important;
}
@media(max-width:680px){
.oa-v611-icon-card img{
width:48px!important;
height:48px!important;
min-width:48px!important;
}
}
/* ==========================================================
V6.2.10 — IDEE REGALO: ALLINEAMENTO MENU DESKTOP + MOBILE
========================================================== */
/* Desktop: centra perfettamente la CTA sulla stessa linea delle altre voci */
@media(min-width:1025px){
html body .site-header .primary-menu > li.oa-v628-gift-menu-item{
display:flex!important;
align-items:center!important;
align-self:center!important;
height:100%!important;
margin:0!important;
padding:0!important;
}
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link{
display:inline-flex!important;
width:auto!important;
min-width:0!important;
min-height:44px!important;
height:44px!important;
box-sizing:border-box!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
margin:0 0 0 8px!important;
padding:0 15px!important;
line-height:1!important;
vertical-align:middle!important;
}
html body .site-header .oa-v628-gift-icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:19px!important;
height:19px!important;
min-width:19px!important;
flex:0 0 19px!important;
margin:0!important;
line-height:0!important;
}
html body .site-header .oa-v628-gift-icon svg{
display:block!important;
width:19px!important;
height:19px!important;
margin:0!important;
}
html body .site-header .oa-v628-gift-label{
display:block!important;
margin:0!important;
padding:0!important;
line-height:1!important;
white-space:nowrap!important;
}
}
/* Tablet + mobile:
non più un enorme blocco a tutta larghezza.
La CTA parte esattamente dallo stesso margine delle altre voci. */
@media(max-width:1024px){
html body .main-navigation.toggled #primary-menu > li.oa-v628-gift-menu-item,
html body .site-header .primary-menu > li.oa-v628-gift-menu-item{
display:flex!important;
width:100%!important;
align-items:center!important;
justify-content:flex-start!important;
margin:0!important;
padding:10px 0 12px!important;
border-bottom:1px solid rgba(4,115,104,.12)!important;
box-sizing:border-box!important;
}
html body .main-navigation.toggled #primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link,
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link{
display:inline-flex!important;
width:auto!important;
max-width:100%!important;
min-width:0!important;
min-height:48px!important;
height:48px!important;
align-items:center!important;
justify-content:flex-start!important;
gap:9px!important;
margin:0!important;
padding:0 16px!important;
box-sizing:border-box!important;
background:#f2b809!important;
color:#20312f!important;
border:1px solid #f2b809!important;
border-radius:9px!important;
box-shadow:none!important;
font-size:1rem!important;
font-weight:900!important;
line-height:1!important;
text-decoration:none!important;
}
html body .main-navigation.toggled #primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link:hover,
html body .main-navigation.toggled #primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link:focus{
background:#047368!important;
border-color:#047368!important;
color:#fff!important;
}
html body .site-header .oa-v628-gift-icon{
display:flex!important;
width:20px!important;
height:20px!important;
min-width:20px!important;
flex:0 0 20px!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
padding:0!important;
line-height:0!important;
}
html body .site-header .oa-v628-gift-icon svg{
display:block!important;
width:20px!important;
height:20px!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
html body .site-header .oa-v628-gift-label{
display:block!important;
margin:0!important;
padding:0!important;
color:inherit!important;
line-height:1!important;
white-space:nowrap!important;
}
}
/* Smartphone stretto: il pulsante resta compatto ma non esce dal menu */
@media(max-width:420px){
html body .main-navigation.toggled #primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link{
min-height:46px!important;
height:46px!important;
padding:0 14px!important;
gap:8px!important;
font-size:.96rem!important;
}
}
/* ==========================================================
V6.3.0 — MEDIA / FOTO / VIDEO
========================================================== */
.oa-v630-shell{
width:100%;
padding-left:clamp(24px,5.7vw,110px);
padding-right:clamp(24px,5.7vw,110px);
box-sizing:border-box;
}
.oa-v630-media-main{
padding:clamp(5rem,8vw,8.5rem) 0;
background:#fff;
}
.oa-v630-green-hero{
min-height:clamp(480px,64vh,680px);
display:flex;
align-items:flex-end;
background:
radial-gradient(circle at 86% 16%,rgba(242,184,9,.16),transparent 27%),
linear-gradient(120deg,#047368,#03574f);
}
.oa-v630-green-hero-inner{
width:100%;
padding:0 clamp(24px,5.7vw,110px) clamp(62px,8vh,96px);
box-sizing:border-box;
}
.oa-v630-green-hero span,
.oa-v630-media-intro>span,
.oa-v630-single-intro>span{
display:block;
margin-bottom:.75rem;
color:#f2b809;
font-size:.72rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v630-green-hero h1{
max-width:1250px;
margin:0 0 1rem!important;
color:#fff!important;
font-size:clamp(4rem,7vw,8rem)!important;
line-height:.9!important;
letter-spacing:-.065em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v630-green-hero p{
max-width:780px;
margin:0;
color:rgba(255,255,255,.84);
font-size:clamp(1rem,1.3vw,1.18rem);
line-height:1.65;
}
/* Media intro */
.oa-v630-media-intro{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(300px,.7fr);
column-gap:clamp(2rem,6vw,7rem);
align-items:end;
margin:0 0 clamp(4rem,7vw,7rem);
}
.oa-v630-media-intro>span{
grid-column:1/-1;
color:#047368;
}
.oa-v630-media-intro h2{
max-width:1050px;
margin:0!important;
color:#20312f!important;
font-size:clamp(3.2rem,5.6vw,6.4rem)!important;
line-height:.92!important;
letter-spacing:-.06em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v630-media-intro p{
max-width:670px;
margin:0;
color:#61706d;
line-height:1.72;
}
.oa-v630-media-intro strong{color:#047368}
/* Main Media choices */
.oa-v630-media-choices{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.oa-v630-media-choice{
position:relative;
display:flex;
min-height:590px;
flex-direction:column;
justify-content:space-between;
padding:clamp(1.7rem,3.4vw,3.5rem);
overflow:hidden;
background:#047368;
color:#fff!important;
text-decoration:none!important;
box-sizing:border-box;
}
.oa-v630-media-choice.is-video{
background:#073f3a;
}
.oa-v630-media-choice:after{
content:"";
position:absolute;
right:-14%;
top:-13%;
width:320px;
height:320px;
border:1px solid rgba(255,255,255,.10);
border-radius:50%;
transition:transform .35s ease;
}
.oa-v630-media-choice:hover:after{transform:scale(1.14)}
.oa-v630-choice-icon{
position:relative;
z-index:2;
display:grid;
width:64px;
height:64px;
place-items:center;
background:#f2b809;
color:#20312f;
}
.oa-v630-choice-icon svg{
width:30px;
height:30px;
fill:none;
stroke:currentColor;
}
.oa-v630-choice-no{
position:absolute;
z-index:2;
right:clamp(1.7rem,3.4vw,3.5rem);
top:clamp(1.7rem,3.4vw,3.5rem);
color:rgba(255,255,255,.55);
font-size:.8rem;
font-weight:900;
letter-spacing:.12em;
}
.oa-v630-media-choice>div{
position:relative;
z-index:2;
}
.oa-v630-media-choice>div>span{
color:#f2b809;
font-size:.72rem;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.oa-v630-media-choice h2{
margin:.45rem 0 1rem!important;
color:#fff!important;
font-size:clamp(4rem,6vw,7rem)!important;
line-height:.85!important;
letter-spacing:-.07em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v630-media-choice p{
max-width:550px;
margin:0 0 1.3rem;
color:rgba(255,255,255,.78);
line-height:1.65;
}
.oa-v630-media-choice strong{
display:inline-block;
padding-bottom:.22rem;
border-bottom:3px solid #f2b809;
}
/* Album masonry-like grid */
.oa-v630-album-grid,
.oa-v630-video-grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
grid-auto-flow:dense;
gap:12px;
}
.oa-v630-album-card,
.oa-v630-video-card{
position:relative;
grid-column:span 6;
min-height:520px;
overflow:hidden;
background:
radial-gradient(circle at 88% 10%,rgba(242,184,9,.14),transparent 24%),
linear-gradient(135deg,#047368,#03574f);
background-image:
linear-gradient(180deg,rgba(0,30,27,.05),rgba(0,30,27,.22) 40%,rgba(0,30,27,.88)),
var(--oa-media-cover,linear-gradient(135deg,#047368,#03574f));
background-size:cover;
background-position:center;
}
.oa-v630-album-card.is-wide,
.oa-v630-video-card.is-wide{
grid-column:span 12;
min-height:620px;
}
.oa-v630-album-card.is-tall{
min-height:660px;
}
.oa-v630-album-card>a,
.oa-v630-video-card>a{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:clamp(1.5rem,3vw,3rem);
color:#fff!important;
text-decoration:none!important;
box-sizing:border-box;
}
.oa-v630-card-shade{
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 20%,rgba(0,37,33,.12) 42%,rgba(0,37,33,.88));
}
.oa-v630-card-icon,
.oa-v630-play{
position:relative;
z-index:2;
display:grid;
width:54px;
height:54px;
place-items:center;
background:#f2b809;
color:#20312f;
}
.oa-v630-play{
width:64px;
height:64px;
border-radius:50%;
}
.oa-v630-card-icon svg,
.oa-v630-play svg{
width:26px;
height:26px;
fill:none;
stroke:currentColor;
}
.oa-v630-play svg{width:28px;height:28px;margin-left:3px}
.oa-v630-card-copy{
position:relative;
z-index:2;
}
.oa-v630-card-kicker{
display:block;
margin-bottom:.65rem;
color:#f2b809;
font-size:.72rem;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.oa-v630-card-copy h3{
max-width:900px;
margin:0 0 .8rem!important;
color:#fff!important;
font-size:clamp(2.6rem,4.2vw,5.2rem)!important;
line-height:.91!important;
letter-spacing:-.06em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v630-card-copy p{
max-width:690px;
margin:0 0 1rem;
color:rgba(255,255,255,.80);
line-height:1.6;
}
.oa-v630-card-copy strong{
display:inline-block;
padding-bottom:.2rem;
border-bottom:3px solid #f2b809;
}
/* Singles */
.oa-v630-single-intro{
max-width:1160px;
margin-bottom:clamp(3rem,6vw,6rem);
}
.oa-v630-single-intro>span{color:#047368}
.oa-v630-single-intro h2{
margin:0 0 1rem!important;
color:#20312f!important;
font-size:clamp(3.2rem,5.7vw,6.5rem)!important;
line-height:.91!important;
letter-spacing:-.06em!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v630-single-intro p{
max-width:820px;
margin:0;
color:#61706d;
line-height:1.7;
}
.oa-v630-album-copy{
max-width:880px;
margin:0 0 clamp(3rem,6vw,6rem);
color:#566661;
line-height:1.75;
}
.oa-v630-album-copy h2,
.oa-v630-album-copy h3{
color:#20312f!important;
text-align:left!important;
text-transform:none!important;
}
/* True photo masonry */
.oa-v630-photo-masonry{
columns:3 330px;
column-gap:12px;
}
.oa-v630-photo-item{
display:block;
width:100%;
margin:0 0 12px;
break-inside:avoid;
overflow:hidden;
background:#edf1ed;
cursor:zoom-in;
}
.oa-v630-photo-item img{
display:block;
width:100%;
height:auto;
transition:transform .35s ease;
}
.oa-v630-photo-item:hover img{transform:scale(1.025)}
/* Video single: all embeds/natives become consistent and responsive */
.oa-v630-video-content{
max-width:1180px;
}
.oa-v630-video-content>p,
.oa-v630-video-content>ul,
.oa-v630-video-content>ol,
.oa-v630-video-content>h2,
.oa-v630-video-content>h3{
max-width:850px;
}
.oa-v630-video-content p,
.oa-v630-video-content li{
color:#5c6b67;
line-height:1.72;
}
.oa-v630-video-content h2,
.oa-v630-video-content h3{
margin-top:clamp(2rem,5vw,4rem)!important;
color:#20312f!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v630-video-content iframe,
.oa-v630-video-content video{
display:block;
width:100%!important;
max-width:100%!important;
border:0;
background:#0a2421;
}
.oa-v630-video-content iframe{
min-height:min(66vw,660px);
}
.oa-v630-video-content video{
height:auto!important;
}
.oa-v630-video-content .wp-block-embed,
.oa-v630-video-content .wp-block-video,
.oa-v630-video-content figure{
max-width:1180px!important;
margin:clamp(1.8rem,4vw,3.5rem) 0!important;
}
.oa-v630-video-content .wp-block-embed__wrapper{
position:relative;
width:100%;
}
.oa-v630-video-content .wp-block-embed-youtube .wp-block-embed__wrapper,
.oa-v630-video-content .wp-block-embed-vimeo .wp-block-embed__wrapper{
aspect-ratio:16/9;
}
.oa-v630-video-content .wp-block-embed-youtube iframe,
.oa-v630-video-content .wp-block-embed-vimeo iframe{
width:100%!important;
height:100%!important;
min-height:0!important;
}
/* Empty state */
.oa-v630-empty{
padding:clamp(2rem,4vw,4rem);
background:#f6f8f4;
border-left:5px solid #f2b809;
}
.oa-v630-empty h2{
margin:0 0 .7rem!important;
color:#20312f!important;
text-align:left!important;
text-transform:none!important;
}
.oa-v630-empty p{margin:0;color:#61706d;line-height:1.65}
/* Media submenu icons */
.oa-v630-media-submenu .oa-v630-menu-media-icon{
display:inline-flex;
width:19px;
height:19px;
flex:0 0 19px;
margin-right:8px;
vertical-align:middle;
color:#047368;
}
.oa-v630-media-submenu .oa-v630-menu-media-icon svg{
display:block;
width:19px;
height:19px;
fill:none;
stroke:currentColor;
}
/* Lightbox */
body.oa-v630-lightbox-open{overflow:hidden}
.oa-v630-lightbox{
position:fixed;
z-index:999999;
inset:0;
display:none;
align-items:center;
justify-content:center;
padding:40px 80px;
background:rgba(4,28,25,.96);
}
.oa-v630-lightbox.is-open{display:flex}
.oa-v630-lightbox figure{
display:flex;
max-width:calc(100vw - 180px);
max-height:calc(100vh - 80px);
margin:0;
align-items:center;
justify-content:center;
}
.oa-v630-lightbox img{
display:block;
max-width:100%;
max-height:calc(100vh - 80px);
width:auto;
height:auto;
}
.oa-v630-lightbox button{
position:absolute;
border:0;
background:transparent;
color:#fff;
cursor:pointer;
}
.oa-v630-lightbox-close{
right:24px;
top:15px;
font-size:46px;
}
.oa-v630-lightbox-prev,
.oa-v630-lightbox-next{
top:50%;
transform:translateY(-50%);
font-size:64px;
}
.oa-v630-lightbox-prev{left:18px}
.oa-v630-lightbox-next{right:18px}
@media(max-width:1024px){
.oa-v630-media-intro{
grid-template-columns:1fr;
row-gap:1.4rem;
align-items:start;
}
.oa-v630-media-choices{grid-template-columns:1fr}
.oa-v630-media-choice{min-height:480px}
.oa-v630-album-card,
.oa-v630-video-card{
grid-column:span 12;
}
.oa-v630-media-menu .sub-menu{
width:100%!important;
}
}
@media(max-width:680px){
.oa-v630-shell{
padding-left:20px;
padding-right:20px;
}
.oa-v630-green-hero-inner{
padding-left:20px;
padding-right:20px;
}
.oa-v630-green-hero h1{
font-size:clamp(3.5rem,15vw,5.3rem)!important;
}
.oa-v630-media-choice{
min-height:420px;
padding:1.6rem;
}
.oa-v630-album-card,
.oa-v630-video-card,
.oa-v630-album-card.is-wide,
.oa-v630-video-card.is-wide,
.oa-v630-album-card.is-tall{
min-height:460px;
}
.oa-v630-photo-masonry{
columns:2 150px;
column-gap:8px;
}
.oa-v630-photo-item{margin-bottom:8px}
.oa-v630-lightbox{
padding:58px 14px 22px;
}
.oa-v630-lightbox figure{
max-width:100%;
max-height:calc(100vh - 90px);
}
.oa-v630-lightbox img{
max-height:calc(100vh - 90px);
}
.oa-v630-lightbox-prev,
.oa-v630-lightbox-next{
top:auto;
bottom:12px;
transform:none;
font-size:48px;
}
}
/* ==========================================================
V6.3.1 — MEDIA: SOTTOMENU SEMPLICE + GIFT MOBILE SENZA ICONA
========================================================== */
/* MEDIA desktop:
due semplici voci, niente mega menu, niente icone */
@media(min-width:1025px){
html body .site-header .primary-menu > li.oa-v630-media-menu{
position:relative!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu{
position:absolute!important;
top:calc(100% + 8px)!important;
left:0!important;
right:auto!important;
display:block!important;
width:190px!important;
min-width:190px!important;
max-width:190px!important;
height:auto!important;
margin:0!important;
padding:7px!important;
background:#fff!important;
border:1px solid rgba(4,115,104,.10)!important;
border-top:3px solid #f2b809!important;
border-radius:8px!important;
box-shadow:0 16px 34px rgba(21,68,62,.14)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateY(5px)!important;
transition:opacity .16s ease, transform .16s ease, visibility .16s ease!important;
z-index:9999!important;
/* neutralizza qualsiasi layout mega menu ereditato */
grid-template-columns:none!important;
column-count:auto!important;
columns:auto!important;
overflow:visible!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu:hover > .oa-v631-media-simple-submenu,
html body .site-header .primary-menu > li.oa-v630-media-menu:focus-within > .oa-v631-media-simple-submenu{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateY(0)!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a{
display:flex!important;
width:100%!important;
min-height:42px!important;
align-items:center!important;
justify-content:flex-start!important;
margin:0!important;
padding:0 12px!important;
box-sizing:border-box!important;
background:transparent!important;
color:#20312f!important;
border:0!important;
border-radius:6px!important;
font-size:.92rem!important;
font-weight:800!important;
line-height:1.2!important;
text-decoration:none!important;
text-transform:none!important;
letter-spacing:0!important;
transition:background .15s ease,color .15s ease!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:hover,
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:focus{
background:#f5f8f5!important;
color:#047368!important;
}
/* elimina decorazioni/icone ereditate sulle sole voci Media */
html body .site-header .oa-v631-media-simple-submenu svg,
html body .site-header .oa-v631-media-simple-submenu img,
html body .site-header .oa-v631-media-simple-submenu [class*="icon"]{
display:none!important;
}
}
/* MEDIA mobile:
semplice rientro coerente con le altre sottovoci */
@media(max-width:1024px){
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu{
position:static!important;
display:block!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:4px 0 0!important;
padding:0 0 2px 18px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:none!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a{
display:flex!important;
width:100%!important;
min-height:40px!important;
align-items:center!important;
margin:0!important;
padding:7px 0 7px 14px!important;
box-sizing:border-box!important;
background:transparent!important;
color:#374844!important;
border:0!important;
border-left:2px solid rgba(4,115,104,.15)!important;
border-radius:0!important;
font-size:.94rem!important;
font-weight:700!important;
line-height:1.25!important;
text-decoration:none!important;
text-transform:none!important;
letter-spacing:0!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:hover,
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:focus{
color:#047368!important;
border-left-color:#f2b809!important;
}
/* IDEE REGALO mobile/tablet: niente icona, solo testo nel pulsante */
html body .site-header .oa-v628-gift-icon{
display:none!important;
}
html body .site-header .primary-menu > li.oa-v628-gift-menu-item > a.oa-v628-gift-menu-link{
gap:0!important;
padding-left:16px!important;
padding-right:16px!important;
}
html body .site-header .oa-v628-gift-label{
margin:0!important;
padding:0!important;
}
}
/* ==========================================================
V6.3.2 — SOTTOMENU UNIFORMI / PALETTE MATESE DISCOVERY
Verde #047368 · Giallo #f2b809 · Niente arancione
========================================================== */
/* ----------------------------------------------------------
DESKTOP — linguaggio grafico comune per tutti i sottomenu
---------------------------------------------------------- */
@media(min-width:1025px){
/* Contenitore comune: stesso bianco, bordo giallo, raggio e ombra */
html body .site-header .oa-v560-experiences > .sub-menu.depth-1,
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu{
background:#fff!important;
border:1px solid rgba(4,115,104,.12)!important;
border-top:4px solid #f2b809!important;
border-radius:0 0 12px 12px!important;
box-shadow:0 18px 44px rgba(20,70,64,.16)!important;
}
/* MEDIA: compatto ma con lo stesso stile del mega menu Esperienze */
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu{
top:calc(100% + 8px)!important;
width:190px!important;
min-width:190px!important;
max-width:190px!important;
padding:8px!important;
overflow:hidden!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li{
width:100%!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li + li{
border-top:1px solid rgba(4,115,104,.10)!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a{
position:relative!important;
display:flex!important;
width:100%!important;
min-height:46px!important;
align-items:center!important;
margin:0!important;
padding:0 14px!important;
background:transparent!important;
color:#394b47!important;
border:0!important;
border-radius:7px!important;
box-shadow:none!important;
font-size:.95rem!important;
font-weight:800!important;
line-height:1.2!important;
text-transform:none!important;
letter-spacing:0!important;
transition:background .15s ease,color .15s ease,padding .15s ease!important;
}
/* Elimina qualunque vecchia linea/arancione da pseudo-elementi */
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a::before,
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a::after{
display:none!important;
content:none!important;
background:none!important;
border:0!important;
}
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:hover,
html body .site-header .primary-menu > li.oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:focus{
background:#f3f7f5!important;
color:#047368!important;
padding-left:18px!important;
}
/* MEGA MENU ESPERIENZE: stesso codice colore */
html body .site-header .oa-v560-experiences > .sub-menu.depth-1{
overflow:hidden!important;
}
html body .site-header .oa-v560-experiences > .sub-menu.depth-1 > li{
background:#fff!important;
border-right:1px solid rgba(4,115,104,.12)!important;
}
html body .site-header .oa-v560-experiences > .sub-menu.depth-1 > li:last-child{
border-right:0!important;
}
/* Titoli colonne */
html body .site-header .oa-v560-experiences > .sub-menu.depth-1 > li > a{
color:#20312f!important;
background:transparent!important;
border:0!important;
border-bottom:1px solid rgba(4,115,104,.13)!important;
font-weight:900!important;
}
html body .site-header .oa-v560-experiences > .sub-menu.depth-1 > li > a::before,
html body .site-header .oa-v560-experiences > .sub-menu.depth-1 > li > a::after{
display:none!important;
content:none!important;
background:none!important;
border:0!important;
}
html body .site-header .oa-v560-experiences > .sub-menu.depth-1 > li > a:hover,
html body .site-header .oa-v560-experiences > .sub-menu.depth-1 > li > a:focus{
color:#047368!important;
background:transparent!important;
}
/* Link delle esperienze: niente arancione, hover coerente con Media */
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a{
position:relative!important;
color:#53635f!important;
background:transparent!important;
border:0!important;
border-radius:6px!important;
padding:8px 8px 8px 0!important;
transition:background .15s ease,color .15s ease,padding .15s ease!important;
}
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a::before,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a::after{
display:none!important;
content:none!important;
background:none!important;
border:0!important;
}
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a:hover,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a:focus{
color:#047368!important;
background:#f3f7f5!important;
padding-left:8px!important;
}
/* Anche eventuali link attivi nei dropdown restano nella palette */
html body .site-header .oa-v560-experiences .sub-menu a[aria-current="page"],
html body .site-header .oa-v630-media-menu .sub-menu a[aria-current="page"]{
color:#047368!important;
background:#f3f7f5!important;
}
}
/* ----------------------------------------------------------
MOBILE / TABLET — sottovoci con la stessa gerarchia visiva
---------------------------------------------------------- */
@media(max-width:1024px){
/* MEDIA ed ESPERIENZE: niente box bianchi/orange separati */
html body #primary-menu.is-open .oa-v630-media-menu > .oa-v631-media-simple-submenu,
html body .main-navigation.toggled #primary-menu .oa-v630-media-menu > .oa-v631-media-simple-submenu,
html body #primary-menu.is-open .oa-v560-experiences > .sub-menu.depth-1,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences > .sub-menu.depth-1{
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Titoli dei gruppi Esperienze */
html body #primary-menu.is-open .oa-v560-experiences > .sub-menu.depth-1 > li > a,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences > .sub-menu.depth-1 > li > a{
color:#20312f!important;
background:transparent!important;
border:0!important;
border-left:3px solid #f2b809!important;
font-weight:900!important;
}
/* Sottovoci vere e proprie: stesso trattamento per Media ed Esperienze */
html body #primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2 a,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences .sub-menu.depth-2 a,
html body #primary-menu.is-open .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a,
html body .main-navigation.toggled #primary-menu .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a{
display:flex!important;
align-items:center!important;
min-height:40px!important;
background:transparent!important;
color:#53635f!important;
border:0!important;
border-left:2px solid rgba(4,115,104,.18)!important;
border-radius:0!important;
font-size:.94rem!important;
font-weight:700!important;
line-height:1.25!important;
text-transform:none!important;
letter-spacing:0!important;
}
html body #primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2 a:hover,
html body #primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2 a:focus,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences .sub-menu.depth-2 a:hover,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences .sub-menu.depth-2 a:focus,
html body #primary-menu.is-open .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:hover,
html body #primary-menu.is-open .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:focus,
html body .main-navigation.toggled #primary-menu .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:hover,
html body .main-navigation.toggled #primary-menu .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:focus{
color:#047368!important;
background:#f3f7f5!important;
border-left-color:#f2b809!important;
}
/* Spegne definitivamente pseudo-elementi legacy arancioni nel mobile menu */
html body #primary-menu.is-open .oa-v560-experiences .sub-menu a::before,
html body #primary-menu.is-open .oa-v560-experiences .sub-menu a::after,
html body #primary-menu.is-open .oa-v630-media-menu .sub-menu a::before,
html body #primary-menu.is-open .oa-v630-media-menu .sub-menu a::after,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences .sub-menu a::before,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences .sub-menu a::after,
html body .main-navigation.toggled #primary-menu .oa-v630-media-menu .sub-menu a::before,
html body .main-navigation.toggled #primary-menu .oa-v630-media-menu .sub-menu a::after{
display:none!important;
content:none!important;
background:none!important;
border:0!important;
}
}
/* ----------------------------------------------------------
FAILSAFE PALETTE MENU
Neutralizza solo nel menu i vecchi arancioni delle versioni precedenti.
---------------------------------------------------------- */
html body .site-header .primary-menu .sub-menu a:hover,
html body .site-header .primary-menu .sub-menu a:focus{
text-decoration:none!important;
}
/* Nessuna barra orange legacy nei popup */
html body .site-header .oa-v560-experiences > .sub-menu.depth-1,
html body .site-header .oa-v630-media-menu > .sub-menu.depth-1{
border-top-color:#f2b809!important;
}
/* ==========================================================
V6.3.3 — SUBMENU MEDIA PERFETTAMENTE UNIFORME
========================================================== */
@media(min-width:1025px){
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a{
font-size:.94rem!important;
font-weight:700!important;
line-height:1.35!important;
color:#53635f!important;
letter-spacing:0!important;
text-transform:none!important;
font-family:inherit!important;
}
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:hover,
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:focus{
color:#047368!important;
}
}
@media(max-width:1024px){
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a{
font-size:.94rem!important;
font-weight:700!important;
line-height:1.35!important;
color:#53635f!important;
font-family:inherit!important;
}
}
/* ==========================================================
V6.3.3 — NUOVO FOOTER MATESE DISCOVERY
========================================================== */
html body .site-footer.oa-v633-footer{
position:relative!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
background:#063f3a!important;
color:#fff!important;
border-top:5px solid #f2b809!important;
}
html body .site-footer.oa-v633-footer:before{
content:""!important;
position:absolute!important;
right:-110px!important;
top:-130px!important;
width:420px!important;
height:420px!important;
border:1px solid rgba(255,255,255,.06)!important;
border-radius:50%!important;
background:transparent!important;
pointer-events:none!important;
}
.oa-v633-footer-shell{
width:100%;
max-width:none;
padding-left:clamp(24px,5.7vw,110px);
padding-right:clamp(24px,5.7vw,110px);
box-sizing:border-box;
}
.oa-v633-footer-top{
padding:clamp(64px,7vw,105px) 0 clamp(48px,6vw,82px);
}
.oa-v633-footer-top .oa-v633-footer-shell{
display:grid;
grid-template-columns:minmax(300px,1.45fr) .7fr 1fr 1fr;
gap:clamp(32px,4.5vw,82px);
align-items:start;
}
.oa-v633-footer-brand{
max-width:500px;
}
.oa-v633-footer-logo{
display:inline-flex!important;
align-items:center;
max-width:330px;
margin-bottom:1.6rem;
}
.oa-v633-footer-logo img{
display:block;
width:auto;
height:72px;
max-width:100%;
}
.oa-v633-footer-claim{
max-width:480px;
margin:0 0 1.75rem!important;
color:rgba(255,255,255,.78)!important;
font-size:1rem!important;
line-height:1.72!important;
}
.oa-v633-footer-eyebrow{
display:block;
margin:0 0 1.35rem;
color:#f2b809;
font-size:.72rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.oa-v633-footer-col nav{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:.72rem;
}
.oa-v633-footer-col nav a,
.oa-v633-footer-contact>a{
color:rgba(255,255,255,.82)!important;
text-decoration:none!important;
transition:color .16s ease,transform .16s ease;
}
.oa-v633-footer-col nav a{
font-size:.96rem;
font-weight:700;
}
.oa-v633-footer-col nav a:hover,
.oa-v633-footer-col nav a:focus{
color:#f2b809!important;
transform:translateX(3px);
}
.oa-v633-footer-contact{
display:flex;
flex-direction:column;
gap:1.2rem;
}
.oa-v633-footer-contact>a{
display:flex;
flex-direction:column;
gap:.18rem;
}
.oa-v633-footer-contact>a strong{
color:#fff!important;
font-size:.83rem;
font-weight:900;
}
.oa-v633-footer-contact>a span{
color:rgba(255,255,255,.72);
font-size:.94rem;
line-height:1.45;
}
.oa-v633-footer-contact>a:hover span{
color:#f2b809;
}
.oa-v633-footer-booking p{
margin:0 0 1rem!important;
color:rgba(255,255,255,.75)!important;
line-height:1.55!important;
font-size:.92rem!important;
}
.oa-v633-footer-booking p strong{
color:#fff;
}
.oa-v633-footer-actions{
display:flex;
flex-wrap:wrap;
gap:.55rem;
margin-top:1.5rem;
}
.oa-v633-footer-actions a{
display:inline-flex!important;
min-height:43px!important;
align-items:center!important;
justify-content:center!important;
padding:0 .85rem!important;
border:1px solid rgba(255,255,255,.32)!important;
border-radius:7px!important;
color:#fff!important;
text-decoration:none!important;
font-size:.82rem!important;
font-weight:850!important;
}
.oa-v633-footer-actions a.primary{
background:#f2b809!important;
border-color:#f2b809!important;
color:#20312f!important;
}
.oa-v633-footer-actions a:hover{
background:#fff!important;
border-color:#fff!important;
color:#047368!important;
}
/* Social buttons */
.oa-v633-footer-socials{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.oa-v633-footer-socials a{
display:grid!important;
width:42px!important;
height:42px!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.22)!important;
border-radius:50%!important;
background:rgba(255,255,255,.035)!important;
color:#fff!important;
text-decoration:none!important;
font-size:.83rem!important;
font-weight:900!important;
transition:background .16s ease,color .16s ease,border-color .16s ease!important;
}
.oa-v633-footer-socials a:hover{
background:#f2b809!important;
border-color:#f2b809!important;
color:#20312f!important;
}
/* Payments band */
.oa-v633-payments{
border-top:1px solid rgba(255,255,255,.11);
border-bottom:1px solid rgba(255,255,255,.11);
background:rgba(0,0,0,.06);
}
.oa-v633-payments-inner{
display:grid;
grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);
gap:2rem;
align-items:center;
padding-top:24px;
padding-bottom:24px;
}
.oa-v633-payment-copy .oa-v633-footer-eyebrow{
margin-bottom:.4rem;
}
.oa-v633-payment-copy p{
margin:0!important;
color:rgba(255,255,255,.65)!important;
font-size:.86rem!important;
line-height:1.5!important;
}
.oa-v633-payment-icons{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:8px;
}
.oa-v633-payment-badge{
display:flex;
min-width:72px;
height:42px;
align-items:center;
justify-content:center;
box-sizing:border-box;
padding:0 12px;
border-radius:7px;
background:#fff;
color:#152a27;
font-style:normal;
line-height:1;
}
.oa-v633-paypal strong{
color:#003087;
font-size:.95rem;
font-style:italic;
}
.oa-v633-paypal b{
color:#009cde;
font-size:.95rem;
font-style:italic;
}
.oa-v633-visa{
color:#1434cb;
font-size:1.05rem;
font-weight:1000;
font-style:italic;
letter-spacing:-.05em;
}
.oa-v633-mastercard{
position:relative;
min-width:92px;
gap:0;
overflow:hidden;
}
.oa-v633-mastercard i{
display:block;
width:20px;
height:20px;
border-radius:50%;
}
.oa-v633-mastercard i:first-child{
margin-right:-7px;
background:#eb001b;
}
.oa-v633-mastercard i:nth-child(2){
background:#f79e1b;
}
.oa-v633-mastercard em{
margin-left:7px;
color:#252525;
font-size:.62rem;
font-weight:800;
font-style:normal;
}
.oa-v633-bank{
gap:7px;
min-width:112px;
}
.oa-v633-bank svg{
width:19px;
height:19px;
fill:none;
stroke:#047368;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.oa-v633-bank span{
font-size:.72rem;
font-weight:900;
color:#20312f;
}
/* Footer bottom */
.oa-v633-footer-bottom{
background:#032f2b;
}
.oa-v633-footer-bottom-inner{
display:flex;
min-height:74px;
align-items:center;
justify-content:space-between;
gap:1.5rem;
}
.oa-v633-footer-bottom p{
margin:0!important;
color:rgba(255,255,255,.55)!important;
font-size:.78rem!important;
}
.oa-v633-footer-bottom nav{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:1.15rem;
}
.oa-v633-footer-bottom nav a{
color:rgba(255,255,255,.62)!important;
text-decoration:none!important;
font-size:.78rem!important;
font-weight:700!important;
}
.oa-v633-footer-bottom nav a:hover{
color:#f2b809!important;
}
/* Defuse all legacy footer styles */
html body .site-footer.oa-v633-footer h2,
html body .site-footer.oa-v633-footer h3{
text-transform:none!important;
}
html body .site-footer.oa-v633-footer h3:after{
display:none!important;
content:none!important;
}
@media(max-width:1180px){
.oa-v633-footer-top .oa-v633-footer-shell{
grid-template-columns:1.3fr .7fr 1fr;
}
.oa-v633-footer-booking{
grid-column:2/4;
display:grid;
grid-template-columns:1fr 1fr;
column-gap:2rem;
}
.oa-v633-footer-booking>.oa-v633-footer-eyebrow,
.oa-v633-footer-booking>.oa-v633-footer-actions{
grid-column:1/-1;
}
}
@media(max-width:820px){
.oa-v633-footer-top .oa-v633-footer-shell{
grid-template-columns:1fr 1fr;
}
.oa-v633-footer-brand{
grid-column:1/-1;
max-width:620px;
}
.oa-v633-footer-booking{
grid-column:1/-1;
}
.oa-v633-payments-inner{
grid-template-columns:1fr;
}
.oa-v633-payment-icons{
justify-content:flex-start;
}
}
@media(max-width:580px){
.oa-v633-footer-shell{
padding-left:20px;
padding-right:20px;
}
.oa-v633-footer-top{
padding-top:54px;
}
.oa-v633-footer-top .oa-v633-footer-shell{
grid-template-columns:1fr;
gap:2.5rem;
}
.oa-v633-footer-brand,
.oa-v633-footer-booking{
grid-column:auto;
}
.oa-v633-footer-booking{
display:block;
}
.oa-v633-footer-logo img{
height:60px;
}
.oa-v633-payment-icons{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
}
.oa-v633-payment-badge{
width:100%;
}
.oa-v633-footer-bottom-inner{
min-height:0;
padding-top:22px;
padding-bottom:22px;
flex-direction:column;
align-items:flex-start;
}
.oa-v633-footer-bottom nav{
justify-content:flex-start;
}
}
/* ==========================================================
V6.3.4 — MEDIA IDENTICO ALLE SOTTOVOCI ESPERIENZE
Stessa tipografia, colore, spaziatura e hover.
========================================================== */
@media(min-width:1025px){
/* Le due famiglie di link usano ora ESATTAMENTE le stesse regole */
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a,
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a{
display:block!important;
position:relative!important;
width:100%!important;
min-height:0!important;
margin:0!important;
padding:8px 8px 8px 0!important;
box-sizing:border-box!important;
background:transparent!important;
color:#53635f!important;
border:0!important;
border-radius:6px!important;
box-shadow:none!important;
font-family:"Manrope",system-ui,sans-serif!important;
font-size:.86rem!important;
font-weight:600!important;
line-height:1.35!important;
letter-spacing:0!important;
text-transform:none!important;
text-decoration:none!important;
transition:
background .15s ease,
color .15s ease,
padding .15s ease!important;
}
/* Stesso hover per Esperienze e Media */
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a:hover,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a:focus,
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:hover,
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:focus{
background:#f3f7f5!important;
color:#047368!important;
padding-left:8px!important;
border-radius:6px!important;
}
/* Media non deve avere divisori che Esperienze non ha */
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li,
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li + li{
border:0!important;
}
/* Neutralizza qualsiasi vecchia forma pill/arancio */
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a::before,
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a::after,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a::before,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a::after{
display:none!important;
content:none!important;
background:none!important;
border:0!important;
}
}
@media(max-width:1024px){
/* Anche su mobile Foto/Video usano la stessa tipografia
delle sottovoci delle Esperienze */
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a,
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a{
font-family:"Manrope",system-ui,sans-serif!important;
font-size:.94rem!important;
font-weight:600!important;
line-height:1.35!important;
color:#53635f!important;
border-radius:0!important;
}
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a:hover,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 a:focus,
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:hover,
html body .site-header .oa-v630-media-menu > .oa-v631-media-simple-submenu > li > a:focus{
color:#047368!important;
background:#f3f7f5!important;
border-radius:0!important;
}
}
/* ==========================================================
V6.3.12 — RIMOZIONE DEFINITIVA BORDI SOTTOMENU MOBILE
========================================================== */
@media(max-width:1024px){
html body .site-header .oa-v560-experiences .sub-menu.depth-2,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 > li,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 > li > a,
html body #primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2,
html body #primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2 > li,
html body #primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2 > li > a,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences .sub-menu.depth-2,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences .sub-menu.depth-2 > li,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences .sub-menu.depth-2 > li > a{
border:0!important;
border-left:0!important;
border-right:0!important;
background-image:none!important;
box-shadow:none!important;
}
html body .site-header .oa-v560-experiences .sub-menu.depth-2 > li > a,
html body #primary-menu.is-open .oa-v560-experiences .sub-menu.depth-2 > li > a,
html body .main-navigation.toggled #primary-menu .oa-v560-experiences .sub-menu.depth-2 > li > a{
padding-left:18px!important;
}
html body .site-header .oa-v560-experiences .sub-menu.depth-2 > li > a::before,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 > li > a::after{
content:none!important;
display:none!important;
border:0!important;
background:none!important;
}
html body .site-header .oa-v560-experiences .sub-menu.depth-2 > li > a:hover,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 > li > a:focus,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 > li.current-menu-item > a,
html body .site-header .oa-v560-experiences .sub-menu.depth-2 > li > a[aria-current="page"]{
border:0!important;
border-left:0!important;
background:#f3f7f5!important;
color:#047368!important;
padding-left:18px!important;
}
}
/* ==========================================================
V6.3.14 — PROGETTI SCOLASTICI
========================================================== */
.oa-v6314-school-main,.oa-v6314-school-main *{box-sizing:border-box}
.oa-v6314-school-main{width:100%;padding:clamp(58px,7vw,105px) 0 clamp(72px,9vw,135px);overflow:hidden;background:#fff}
.oa-v6314-school-shell{width:100%;padding:0 clamp(24px,5.7vw,110px)}
.oa-v6314-eyebrow{display:block;margin:0 0 12px;color:#047368;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.oa-v6314-school-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 clamp(70px,9vw,125px);background:rgba(4,115,104,.15);border:1px solid rgba(4,115,104,.15)}
.oa-v6314-school-pillars article{display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 16px;align-items:center;min-width:0;min-height:130px;padding:24px;background:#fbfcf9}
.oa-v6314-school-pillars article>span{grid-row:1/3;display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;background:#f2b809;color:#20312f;border-radius:50%}
.oa-v6314-school-pillars strong{color:#20312f;font-size:1rem;line-height:1.18}
.oa-v6314-school-pillars small{color:#687773;font-size:.78rem;line-height:1.35}
.oa-v6314-icon-svg,.oa-v6314-school-main svg{display:block!important;width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.oa-v6314-school-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(42px,7vw,100px);align-items:stretch;margin:0 0 clamp(80px,10vw,145px)}
.oa-v6314-school-lead-copy{min-width:0;padding:clamp(12px,2vw,28px) 0}
.oa-v6314-school-lead h2,.oa-v6314-learning header h2,.oa-v6314-school-details h2,.oa-v6314-teachers h2{margin:0 0 22px!important;color:#20312f!important;font-size:clamp(2.8rem,5vw,5.8rem)!important;line-height:.94!important;letter-spacing:-.06em!important;text-transform:none!important;text-align:left!important;overflow-wrap:break-word!important}
.oa-v6314-school-lead p,.oa-v6314-learning header p,.oa-v6314-learning-grid p,.oa-v6314-teachers p{margin:0 0 17px!important;color:#5b6b67!important;font-size:1rem!important;line-height:1.72!important;text-align:left!important;overflow-wrap:break-word!important}
.oa-v6314-school-lead-copy>a{display:inline-flex;min-height:50px;align-items:center;margin-top:12px;padding:0 20px;background:#f2b809;color:#20312f!important;font-weight:900;text-decoration:none!important}
.oa-v6314-school-lead figure,.oa-v6314-teachers figure{position:relative;min-width:0;min-height:520px;margin:0;overflow:hidden;background:#eaf1ed}
.oa-v6314-school-lead figure:after,.oa-v6314-teachers figure:after{content:"";position:absolute;inset:auto 0 0;height:6px;background:#f2b809}
.oa-v6314-school-lead figure img,.oa-v6314-teachers figure img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}
.oa-v6314-learning{margin:0 0 clamp(80px,10vw,145px)}
.oa-v6314-learning>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:20px 70px;align-items:end;margin-bottom:45px}
.oa-v6314-learning>header .oa-v6314-eyebrow{grid-column:1/-1}
.oa-v6314-learning header h2{margin-bottom:0!important}
.oa-v6314-learning header p{margin-bottom:3px!important}
.oa-v6314-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oa-v6314-learning-grid article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;min-width:0;min-height:270px;padding:clamp(28px,4vw,50px);background:#f4f7f3;border-top:5px solid #f2b809}
.oa-v6314-learning-grid article>span{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;background:#047368;color:#fff;border-radius:50%}
.oa-v6314-learning-grid article>span svg{width:29px!important;height:29px!important}
.oa-v6314-learning-grid h3{margin:0 0 13px!important;color:#20312f!important;font-size:clamp(1.45rem,2vw,2rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;text-transform:none!important;text-align:left!important;overflow-wrap:break-word!important}
.oa-v6314-learning-grid p{margin-bottom:0!important}
.oa-v6314-school-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 clamp(80px,10vw,145px)}
.oa-v6314-school-details article{min-width:0;padding:clamp(32px,5vw,68px);background:#f4f7f3;border-bottom:6px solid #f2b809}
.oa-v6314-school-details article.is-green{background:#047368}
.oa-v6314-school-details article.is-green .oa-v6314-eyebrow{color:#f2b809}
.oa-v6314-school-details article.is-green h2{color:#fff!important}
.oa-v6314-school-details h2{font-size:clamp(2.3rem,4vw,4.6rem)!important}
.oa-v6314-school-details ul{display:grid;gap:14px;margin:28px 0 0!important;padding:0!important;list-style:none!important}
.oa-v6314-school-details li{position:relative;margin:0!important;padding-left:28px;color:#52635f;font-size:1rem;line-height:1.55}
.oa-v6314-school-details li:before{content:"✓";position:absolute;left:0;top:0;color:#047368;font-weight:900}
.oa-v6314-school-details .is-green li{color:rgba(255,255,255,.86)}
.oa-v6314-school-details .is-green li:before{color:#f2b809}
.oa-v6314-teachers{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:clamp(38px,7vw,100px);align-items:stretch;padding:clamp(26px,4vw,54px);background:#073f3a;border-bottom:6px solid #f2b809}
.oa-v6314-teachers>div{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(10px,2vw,28px) 0}
.oa-v6314-teachers .oa-v6314-eyebrow{color:#f2b809}
.oa-v6314-teachers h2{color:#fff!important}
.oa-v6314-teachers p{color:rgba(255,255,255,.8)!important}
.oa-v6314-teachers nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.oa-v6314-teachers nav a{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(255,255,255,.5);color:#fff!important;font-weight:900;text-decoration:none!important}
.oa-v6314-teachers nav a.primary{background:#f2b809;border-color:#f2b809;color:#20312f!important}
@media(max-width:1080px){
.oa-v6314-school-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
.oa-v6314-school-lead,.oa-v6314-learning>header,.oa-v6314-teachers{grid-template-columns:1fr}
.oa-v6314-school-lead figure{min-height:460px}
.oa-v6314-school-lead figure img{min-height:460px}
.oa-v6314-teachers figure{min-height:400px;max-height:520px}
.oa-v6314-teachers figure img{min-height:400px}
}
@media(max-width:720px){
.oa-v6314-school-main{padding-top:42px}
.oa-v6314-school-shell{padding-left:20px;padding-right:20px}
.oa-v6314-school-pillars,.oa-v6314-learning-grid,.oa-v6314-school-details{grid-template-columns:1fr}
.oa-v6314-school-pillars article{min-height:108px;padding:20px}
.oa-v6314-school-lead h2,.oa-v6314-learning header h2,.oa-v6314-teachers h2{font-size:clamp(2.6rem,12vw,4rem)!important}
.oa-v6314-school-lead figure,.oa-v6314-school-lead figure img{min-height:340px}
.oa-v6314-learning-grid article{grid-template-columns:50px minmax(0,1fr);gap:18px;min-height:0;padding:26px 20px}
.oa-v6314-learning-grid article>span{width:48px;height:48px}
.oa-v6314-learning-grid article>span svg{width:24px!important;height:24px!important}
.oa-v6314-school-details article{padding:34px 22px}
.oa-v6314-teachers{margin-left:-20px;margin-right:-20px;padding:20px}
.oa-v6314-teachers figure,.oa-v6314-teachers figure img{min-height:320px}
.oa-v6314-teachers nav{display:grid;grid-template-columns:1fr;width:100%}
}
@media(max-width:390px){
.oa-v6314-learning-grid article{grid-template-columns:1fr}
.oa-v6314-learning-grid article>span{margin-bottom:2px}
}