/** * MEDUSA — Programmatic SEO Engine * Stili dedicati alle pagine /zone/ — isolati dal sito principale */ /* ========================================================= THEME — bridge MEDUSA vars → main site vars (zero hex) ========================================================= */ .medusa-page{--surface:var(--bg-secondary);--surface2:var(--bg-tertiary);--muted:var(--text-muted)}/* ========================================================= BASE ========================================================= */ .medusa-page{background:var(--bg-primary);color:var(--text-primary)}.medusa-main{min-height:70vh;overflow-x:hidden}/* ── Fix:body globale ha overflow:hidden — le medusa page devono scorrere ── */ body.medusa-page{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden;display:block;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-secondary)}/* ── Custom scrollbar (Chrome/Safari/Edge) ── */ body.medusa-page::-webkit-scrollbar{width:6px}body.medusa-page::-webkit-scrollbar-track{background:var(--bg-secondary)}body.medusa-page::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}body.medusa-page::-webkit-scrollbar-thumb:hover{background:var(--accent)}/* ── Scroll reveal per card zone/vie ── */ .medusa-zone-card,.medusa-via-card,.medusa-hub-header,.medusa-hub-cta{opacity:0;transform:translateY(22px);transition:opacity 0.55s cubic-bezier(0.22,1,0.36,1),transform 0.55s cubic-bezier(0.22,1,0.36,1);will-change:opacity,transform}.medusa-zone-card.in,.medusa-via-card.in,.medusa-hub-header.in,.medusa-hub-cta.in{opacity:1;transform:none}.medusa-container{max-width:1280px;margin:0 auto;padding:74px 16px 60px}/* ========================================================= BREADCRUMB ========================================================= */ .medusa-breadcrumb ol{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 24px;font-size:13px;color:var(--text-muted);flex-wrap:wrap;letter-spacing:1px}.medusa-breadcrumb ol li + li::before{content:'/';margin-right:8px}.medusa-breadcrumb a{color:var(--accent);text-decoration:none}/* ========================================================= SHARED PILLS / BUTTONS ========================================================= */ .medusa-pill{padding:5px 14px;border-radius:0;border:solid 1px var(--text-primary);text-decoration:none;color:var(--accent);display:inline-flex;align-items:center;gap:6px;transition:border-color .2s;font-size:16px;font-family:var(--font-sans-4);font-weight:500}.medusa-pill:hover{border-color:var(--accent)}.medusa-pill em{font-style:normal;font-size:11px;color:var(--accent)}.medusa-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:0;font-weight:400;font-size:14px;text-decoration:none;letter-spacing:.5px;text-transform:lowercase}.medusa-btn--primary{background:var(--accent);color:var(--text-secondary)}.medusa-btn--outline{border:solid 1px var(--border);color:var(--text)}.medusa-btn--outline:hover{border-color:var(--accent)}.medusa-filter-pill{padding:4px 12px;border-radius:0;font-size:12px;font-weight:400;text-decoration:none;border:1px solid var(--border);color:var(--text-main);letter-spacing:1px;text-transform:lowercase}.medusa-filter-pill--active{background:var(--accent);color:var(--text-secondary);border-color:var(--accent)}/* ========================================================= CARD IMMOBILE (sidebar listing — zona & via) ========================================================= */ .medusa-listing-header{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.medusa-listing-count{font-weight:400;font-size:15px;display:flex;flex-direction:row;justify-content:center;align-content:center;align-items:center;gap:5px;padding:20px;letter-spacing:1px}.medusa-listing-count i{font-size:10px}.medusa-listing-filters{display:flex;gap:16px}.medusa-listing-cards{display:flex;flex-direction:column;gap:40px}.medusa-listing-empty{text-align:center;padding:32px 16px;color:var(--muted)}.medusa-listing-empty i{display:block;margin-bottom:12px}.medusa-card{display:block;border:1px solid var(--border);border-radius:0;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s;background:var(--bg-primary);min-width:0;max-width:100%}.medusa-card:hover{border-color:var(--accent)}.medusa-card__img{position:relative;height:230px;overflow:hidden;background:var(--surface2)}.medusa-card__img img{width:100%;height:100%;object-fit:cover;display:block}.medusa-card__img-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:28px}.medusa-card__badge{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:0;font-size:11px;font-weight:400;background:var(--accent);color:var(--text-secondary);letter-spacing:1px;text-transform:lowercase}.medusa-card__badge--radius{background:var(--success-text)}.medusa-card__body{padding:10px 12px;min-width:0;overflow:hidden}.medusa-card__tipo{font-size:11px;color:var(--text-primary);margin:0 0 4px;text-transform:uppercase;letter-spacing:2px}.medusa-card__title{white-space:normal;overflow:hidden;text-overflow:ellipsis;letter-spacing:1px;font-family:var(--font-sans-4);font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px;line-height:1.4;margin-top:30px}.medusa-card__details{display:flex;gap:10px;font-size:13px;color:var(--text-primary);margin-bottom:40px}.medusa-card__price{font-size:11px;font-weight:500;margin:0;color:var(--accent);text-transform:lowercase;letter-spacing:1px}/* ========================================================= ZONA — layout 2 colonne ========================================================= */ .medusa-zona__layout{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}@media (max-width:900px){.medusa-zona__layout{grid-template-columns:1fr}}.medusa-zona__sidebar{position:sticky;top:70px;border:none;border-radius:0;padding:0;background:transparent;min-width:0;overflow:hidden}.medusa-zona__content{padding-bottom:60px;min-width:0;overflow-y:visible;margin-top:40px}.medusa-zona__h1{font-size:clamp(24px,6vw,70px);font-weight:400;margin:0 0 12px;line-height:1;letter-spacing:1px;font-family:var(--font-sans-2)}.medusa-zona__intro{display:block;font-size:14px;color:var(--text-primary);margin:0 0 20px;line-height:1.7;text-decoration:none;cursor:pointer;letter-spacing:1px}.medusa-zona__intro:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.medusa-price-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--border);font-size:13px;margin-bottom:24px}.medusa-zona__article{margin-bottom:32px}.medusa-zona__section{margin-bottom:24px}.medusa-zona__section h2{font-size:30px;font-weight:500;margin:0 0 12px;letter-spacing:1px}.medusa-zona__section p{font-size:17px;line-height:1.75;color:var(--text-primary);margin:0 0 12px;text-align:justify;font-family:var(--font-sans-2);letter-spacing:.33px}/* POI */ .medusa-poi{margin-bottom:56px;margin-top:44px}.medusa-poi h3{font-size:16px;font-weight:600;margin:0 0 12px}.medusa-poi__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.medusa-poi__list li{padding:4px 12px;border-radius:0;font-size:16px;background:transparent;border:solid 1px var(--border);cursor:default;color:var(--text-main);font-family:var(--font-sans-2);letter-spacing:.5px}/* ========================================================= INTENTO — CTA pre-FAQ (modale contatti + avatar quiz) ========================================================= */ .medusa-intento__cta-mid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:32px 0;margin:44px 0 40px;display:flex;flex-direction:column;gap:16px}.medusa-intento__cta-mid__kicker{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin:0}.medusa-intento__cta-mid__btns{display:flex;gap:12px;flex-wrap:wrap}.medusa-intento__cta-mid .medusa-btn{cursor:pointer}/* Q&A */ .medusa-qa{margin-bottom:32px}.medusa-qa h2{font-size:18px;font-weight:600;margin:0 0 16px;letter-spacing:3px;font-family:var(--font-sans-3)}.medusa-qa__item{border:solid 1px var(--text-primary);border-radius:0;margin-bottom:20px}.medusa-qa__item summary{padding:14px 16px;cursor:pointer;font-weight:600;font-size:18px;list-style:none;letter-spacing:1px;font-family:var(--font-sans-2)}.medusa-qa__item summary::-webkit-details-marker{display:none}.medusa-qa__item p{padding:0 16px 14px;margin:0;font-size:14px;color:var(--text-primary);line-height:1.65}/* Figli (micro-zone / vie) */ .medusa-children h2{font-size:18px;font-weight:600;margin:0 0 32px;letter-spacing:2px}.medusa-children__grid{display:flex;flex-wrap:wrap;gap:32px;margin-bottom:28px}.medusa-child-card{display:flex;flex-direction:column;align-items:center;padding:10px 16px;border-radius:0;border:solid 1px var(--border);text-decoration:none;color:inherit;background:var(--bg-secondary);transition:border-color .2s}.medusa-child-card:hover{border-color:var(--accent)}.medusa-child-card__name{font-size:13px;font-weight:600}.medusa-child-card__count{font-size:11px;color:var(--muted)}/* Bordering */ .medusa-bordering{margin-bottom:39px}.medusa-bordering h3{font-size:15px;font-weight:600;margin:0 0 30px;letter-spacing:2px}.medusa-bordering__pills{display:flex;flex-wrap:wrap;gap:32px}/* CTA bar */ .medusa-zona__cta-bar{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}/* ========================================================= VIA — layout 2 colonne ========================================================= */ .medusa-via__layout{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}@media (max-width:900px){.medusa-via__layout{grid-template-columns:1fr}}.medusa-via__sidebar{position:sticky;top:70px;border:none;border-radius:0;padding:0;background:transparent;min-width:0;overflow:hidden}/* Lead Trap */ .medusa-lead-trap{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--warning);border-radius:8px;padding:24px;margin-bottom:16px;text-align:center;color:var(--warning-text)}.medusa-lead-trap__icon{font-size:28px;color:var(--warning);margin-bottom:10px}.medusa-lead-trap__headline{font-size:17px;font-weight:700;margin:0 0 10px}.medusa-lead-trap__body,.medusa-lead-trap__cta-text{font-size:14px;line-height:1.6;margin:0 0 12px;color:var(--warning-dark)}.medusa-lead-trap__btn{display:inline-block;padding:12px 24px;background:var(--warning);color:var(--text-secondary);border-radius:8px;font-weight:700;font-size:14px;text-decoration:none}.medusa-radius-header{font-size:13px;font-weight:600;color:var(--muted);margin:16px 0 10px;display:flex;align-items:center;gap:6px}.medusa-via__content{padding-bottom:60px;min-width:0;overflow-y:visible;margin-top:40px}.medusa-via__h1{font-size:clamp(24px,6vw,70px);font-weight:400;margin:0 0 12px;line-height:1;letter-spacing:1px;font-family:var(--font-sans-2)}.medusa-via__intro{display:block;font-size:14px;color:var(--text-primary);margin:0 0 20px;line-height:1.7;text-decoration:none;cursor:pointer;letter-spacing:1px}.medusa-via__intro:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.medusa-via__parent-link{font-size:13px;margin-bottom:24px;color:var(--muted)}.medusa-via__parent-link a{color:var(--accent);text-decoration:none}.medusa-via__article{margin-bottom:32px}.medusa-via__section{margin-bottom:24px}.medusa-via__section h2{font-size:30px;font-weight:500;margin:0 0 12px;letter-spacing:1px}.medusa-via__section p{font-size:17px;line-height:1.75;color:var(--text-primary);margin:0 0 12px;text-align:justify;font-family:var(--font-sans-2);letter-spacing:.33px}.medusa-content-pending{border:1px dashed var(--border);border-radius:10px;padding:24px;text-align:center;color:var(--accent);margin:20px 0}.medusa-content-pending .sami-icon{width:36px;height:36px;margin-bottom:10px;opacity:0.7}/* Altre vie */ .medusa-other-vie{margin-bottom:28px}.medusa-other-vie h3{font-size:15px;font-weight:600;margin:0 0 10px}.medusa-other-vie__list{display:flex;flex-wrap:wrap;gap:8px}.medusa-via__cta-bar{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}/* ========================================================= HUB — /zone/ ========================================================= */ .medusa-hub{display:block}.medusa-hub-header{margin-bottom:60px;margin-top:40px}.medusa-hub-header h1{font-size:clamp(30px,6vw,50px);font-weight:500;margin:0 0 40px;letter-spacing:3px;margin-top:60px;font-family:var(--font-sans-4)}.medusa-hub-intro{font-size:17px;color:var(--text-primary);max-width:680px;letter-spacing:1px;line-height:1.7;font-family:var(--font-sans-2)}.medusa-zones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:60px;margin-bottom:48px}.medusa-zone-card{display:flex;flex-direction:column;justify-content:space-between;border:transparent;border-radius:0;padding:20px;text-decoration:none;color:inherit;transition:border-color .2s,transform .15s;background:transparent;border:solid 1px var(--border)}.medusa-zone-card:hover{border-color:var(--accent);transform:translateY(-2px)}.medusa-zone-card--empty{opacity:.65}.medusa-zone-card__name{font-size:18px;font-weight:600;margin:0 0 8px;font-family:var(--font-sans-4)}.medusa-zone-card__name a{color:inherit;text-decoration:none;letter-spacing:2px}.medusa-zone-card__name a:hover{color:var(--accent)}.medusa-zone-card__desc{font-size:11px;color:var(--text-primary);margin:0 0 10px;line-height:1.5;letter-spacing:.5px}.medusa-zone-card__vias{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.medusa-zone-card__vias li a{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--text-primary);text-decoration:none;padding:10px 0;border-bottom:transparent;transition:color .15s;letter-spacing:.5px}.medusa-zone-card__vias li a:hover{color:var(--accent)}.medusa-zone-card__vias li a em{font-style:normal;font-size:11px;color:var(--text-primary);background:transparent;padding:1px 6px;border-radius:10px}.medusa-zone-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:20px;border-top:solid 1px var(--text-primary);font-size:13px;flex-direction:row}.medusa-zone-card__count{color:var(--text-primary);display:flex;align-items:center;gap:10px}.medusa-zone-card__count i{font-size:8px}.medusa-zone-card__cta{color:var(--text-primary);font-weight:500;font-size:12px;text-decoration:none;white-space:nowrap;letter-spacing:1px;max-width:50%;text-overflow:ellipsis;overflow:hidden;display:flex;flex-direction:row;gap:10px;border:solid 1px;padding:10px;white-space:normal;align-items:center}.medusa-zone-card__cta:hover{opacity:.8}.medusa-hub-cta{background:transparent;border:none;border-radius:0}.medusa-hub-cta__inner{padding:40px;text-align:center}.medusa-hub-cta__inner h2{margin:0 0 25px;font-weight:500;letter-spacing:2px}.medusa-hub-cta__inner p{color:var(--text-primary);margin:0 0 40px;letter-spacing:.5px}.medusa-empty{text-align:center;color:var(--muted);padding:40px}.legal-footer{border:none;gap:15px;padding-bottom:20px}/* Topbar appointment button — mobile medusa pages only! */ .topbar-appt-btn{display:none}@media (max-width:1024px){.topbar-appt-btn{text-decoration:none;white-space:nowrap;flex-shrink:0;background:var(--accent);color:var(--text-secondary);border:none;padding:10px 24px;border-radius:0px;font-weight:400;font-size:13px;box-shadow:var(--shadow-sm);z-index:1050;align-items:center;gap:8px;cursor:pointer;transition:background 0.2s,transform 0.2s;text-transform:lowercase;letter-spacing:1px}.topbar-appt-btn:hover{background:var(--oro-light);color:var(--text-secondary)}}