/* Ashram Harmonia 2027: quello che theme.json da solo non sa fare. Colori e font arrivano da theme.json come variabili --wp--preset--. */ :root { --ah-raggio: 22px; --ah-crema: var(--wp--preset--color--crema); --ah-bianco: var(--wp--preset--color--bianco); --ah-bosco: var(--wp--preset--color--bosco); --ah-salvia-scuro: var(--wp--preset--color--salvia-scuro); --ah-tenue: var(--wp--preset--color--inchiostro-tenue); --ah-linea: var(--wp--preset--color--linea); } html, body { overflow-x: clip; } html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { -webkit-font-smoothing: antialiased; } img { height: auto; } :focus-visible { outline: 3px solid var(--wp--preset--color--lavanda); outline-offset: 3px; } strong, b { font-weight: 500; } /* ---------- Sezioni ---------- */ .ah-sezione { position: relative; overflow-x: clip; padding-top: var(--wp--preset--spacing--70); padding-bottom: var(--wp--preset--spacing--70); } .ah-sezione > * { position: relative; z-index: 1; } /* Foglie ad acquerello ai bordi */ .ah-foglia-sx::before, .ah-foglia-dx::after { content: ""; position: absolute; width: 260px; height: 300px; background: center / contain no-repeat; opacity: .85; pointer-events: none; z-index: 0; } .ah-foglia-sx::before { left: -70px; bottom: -40px; background-image: url("../img/foglia.webp"); } .ah-foglia-dx::after { right: -70px; top: 60px; background-image: url("../img/foglia-specchio.webp"); } .ah-foglia-sx.ah-foglia-alto::before { top: 120px; bottom: auto; } .ah-foglia-dx.ah-foglia-basso::after { top: auto; bottom: 40px; } @media (max-width: 900px) { .ah-foglia-sx::before, .ah-foglia-dx::after { width: 150px; height: 180px; } .ah-foglia-sx::before { left: -60px; } .ah-foglia-dx::after { right: -60px; } } /* Divisore col loto */ .ah-divisore { display: flex; align-items: center; justify-content: center; gap: 14px; color: var(--ah-salvia-scuro); margin: 0 auto 34px !important; min-height: 34px; } .ah-divisore::before, .ah-divisore::after { content: ""; width: 90px; height: 5px; background: radial-gradient(circle, currentColor 2.5px, transparent 3px) left center / 5px 5px no-repeat, linear-gradient(currentColor, currentColor) right center / 70px 1px no-repeat; opacity: .55; } .ah-divisore::after { transform: scaleX(-1); } .ah-divisore img { width: 34px; height: auto; } /* Occhiello e introduzione */ .is-style-occhiello { font-size: 0.78rem !important; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--ah-tenue); display: flex; align-items: center; gap: 10px; margin-bottom: 0 !important; } .is-style-occhiello::before { content: ""; width: 22px; height: 1px; background: currentColor; flex: none; } .has-text-align-center.is-style-occhiello { justify-content: center; } .has-text-align-center.is-style-occhiello::before { display: none; } .is-style-lead { font-size: var(--wp--preset--font-size--lead); color: var(--ah-tenue); max-width: 640px; } .has-text-align-center.is-style-lead { margin-left: auto; margin-right: auto; } /* ---------- Pulsanti a pillola con freccia ---------- */ .wp-block-button.is-style-freccia .wp-block-button__link, .wp-block-button.is-style-chiaro .wp-block-button__link { position: relative; transition: background .2s; } .wp-block-button.is-style-freccia .wp-block-button__link::after, .wp-block-button.is-style-chiaro .wp-block-button__link::after { content: ""; position: absolute; right: -52px; top: 50%; width: 46px; height: 46px; margin-top: -23px; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6F1E9' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center / 18px no-repeat, var(--ah-bosco); transition: transform .25s; } .wp-block-button.is-style-freccia .wp-block-button__link:hover::after, .wp-block-button.is-style-chiaro .wp-block-button__link:hover::after { transform: rotate(45deg); } .wp-block-button.is-style-chiaro .wp-block-button__link { background: var(--ah-crema); color: var(--wp--preset--color--inchiostro); } .wp-block-button.is-style-chiaro .wp-block-button__link:hover { background: #fff; } .wp-block-button.is-style-chiaro .wp-block-button__link::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A2420' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center / 18px no-repeat, var(--ah-crema); } .wp-block-button.is-style-link .wp-block-button__link { background: none; color: var(--wp--preset--color--inchiostro); padding: 0 0 2px; border-radius: 0; border-bottom: 1px solid currentColor; } .wp-block-button.is-style-link .wp-block-button__link:hover { color: var(--ah-salvia-scuro); } .wp-block-buttons { align-items: center; gap: 22px; } /* ---------- Immagini ---------- */ .ah-forma, .is-style-tondo { border-radius: var(--ah-raggio); overflow: hidden; margin: 0; } .ah-forma img, .is-style-tondo img, .is-style-arco img { width: 100%; height: 100%; object-fit: cover; display: block; } .is-style-arco { border-radius: 999px 999px var(--ah-raggio) var(--ah-raggio); overflow: hidden; margin: 0; } .ah-icona { width: 46px; height: 46px; color: var(--ah-salvia-scuro); margin-bottom: 16px; } .ah-icona svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; } /* ---------- Testata a pillola ---------- */ .ah-testata { position: sticky; top: 12px; z-index: 60; padding: 12px 16px 0; } .admin-bar .ah-testata { top: 44px; } .ah-nav { max-width: 1180px; margin: 0 auto; background: rgba(251, 248, 243, .92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 999px; padding: 9px 10px 9px 24px !important; box-shadow: 0 2px 18px rgba(40, 50, 35, .07); gap: 18px; } .ah-nav .ah-logo img { height: 38px; width: auto; } .ah-nav .wp-block-navigation { font-size: .92rem; gap: 26px; } .ah-nav .wp-block-navigation a { color: var(--ah-tenue); text-decoration: none; } .ah-nav .wp-block-navigation a:hover { color: var(--wp--preset--color--inchiostro); } .ah-nav .wp-block-button__link { padding: .65rem 1.1rem; font-size: .88rem; } @media (max-width: 1140px) { .ah-nav .ah-wa-testo { display: none; } } @media (max-width: 480px) { .ah-nav { padding-left: 16px !important; } .ah-nav .ah-logo img { height: 32px; } } /* ---------- Apertura ---------- */ .ah-apertura { margin-top: -78px !important; padding-top: 150px !important; } .ah-apertura h1 { margin-top: 18px; } .ah-apertura .ah-kicker { font-family: var(--wp--preset--font-family--testo); font-size: .78rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--ah-tenue); margin: 0; } .ah-apertura .is-style-arco { aspect-ratio: 4 / 4.8; max-height: 660px; } .ah-prova { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-size: .875rem; color: var(--ah-tenue); margin-top: 38px; } .ah-volti { display: flex; } .ah-volti img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid var(--wp--preset--color--salvia-chiaro); margin-left: -10px; } .ah-volti img:first-child { margin-left: 0; } .ah-prova b { color: var(--wp--preset--color--inchiostro); } .ah-stelle { color: var(--wp--preset--color--oro); letter-spacing: 1px; } @media (max-width: 781px) { .ah-apertura { padding-top: 118px !important; } .ah-apertura .wp-block-columns { flex-direction: column-reverse; } .ah-apertura .is-style-arco { aspect-ratio: 4 / 3.3; border-radius: 200px 200px var(--ah-raggio) var(--ah-raggio); } } /* ---------- Da cosa vuoi partire ---------- */ .ah-bisogni { display: grid !important; grid-template-columns: 1.25fr 1fr 1fr; gap: 26px; align-items: start; } .ah-bisogno .ah-forma { aspect-ratio: 4 / 4.6; margin-bottom: 22px; } .ah-bisogno:nth-child(2) .ah-forma, .ah-bisogno:nth-child(3) .ah-forma { aspect-ratio: 1; } .ah-bisogno:nth-child(2) { margin-top: 70px !important; } .ah-bisogno h3 { font-style: italic; margin-bottom: 10px; } .ah-bisogno p { color: var(--ah-tenue); } .ah-fuoco-basso img { object-position: center 72%; } .ah-fuoco-medio img { object-position: center 58%; } .ah-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; } .ah-chips a { font-size: .84rem; text-decoration: none; border: 1px solid var(--ah-linea); color: var(--wp--preset--color--inchiostro); padding: 5px 13px; border-radius: 999px; background: var(--ah-bianco); } .ah-chips a:hover { border-color: var(--wp--preset--color--inchiostro); } @media (max-width: 900px) { .ah-bisogni { grid-template-columns: 1fr; } .ah-bisogno:nth-child(2) { margin-top: 0 !important; } } /* ---------- La prima volta ---------- */ .ah-stat { display: flex; gap: 18px; align-items: center; background: var(--ah-bianco); border-radius: 18px; padding: 18px 22px; margin-top: 30px; max-width: 460px; } .ah-stat b { font-family: var(--wp--preset--font-family--titoli); font-weight: 400; font-size: 2.5rem; line-height: 1; white-space: nowrap; } .ah-stat span { font-size: .9rem; color: var(--ah-tenue); line-height: 1.5; } .ah-pv-foto { display: grid !important; grid-template-columns: 1.2fr 1fr; gap: 18px; align-items: end; } .ah-pv-foto > :first-child { aspect-ratio: 3 / 4.1; } .ah-pv-foto > :last-child { aspect-ratio: 3 / 3.8; margin-bottom: 40px; } .ah-passi { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 64px !important; } .ah-passo { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 28px 24px 24px !important; position: relative; } .ah-passo .ah-num { font-family: var(--wp--preset--font-family--titoli); font-size: 2.75rem; line-height: 1; display: block; margin-bottom: 18px; } .ah-passo .ah-icona { position: absolute; top: 24px; right: 22px; width: 38px; height: 38px; margin: 0; } .ah-passo h3 { font-size: 1.3rem; margin: 0 0 8px; } .ah-passo p { font-size: .94rem; color: var(--ah-tenue); margin: 0; } .ah-chiosa { font-family: var(--wp--preset--font-family--titoli); font-style: italic; font-size: 1.3rem; text-align: center; margin: 44px auto 0 !important; max-width: 640px; } @media (max-width: 980px) { .ah-passi { grid-template-columns: repeat(2, 1fr); } } /* Fasce salvia: testo scuro, il crema sul salvia non si legge */ .has-salvia-background-color, .has-salvia-pieno-background-color { --ah-tenue: #2C3528; --ah-linea: rgba(47, 58, 46, .22); } /* ---------- Trattamenti ---------- */ .ah-testa { display: flex !important; justify-content: space-between; align-items: flex-end; gap: 30px; flex-wrap: wrap; margin-bottom: 48px !important; } .ah-tratt-griglia { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 34px 26px; } .ah-tratt .ah-forma { aspect-ratio: 4 / 4.4; margin-bottom: 20px; position: relative; } .ah-tratt .ah-riga { display: flex !important; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 8px !important; } .ah-tratt .ah-riga h3 { margin: 0; } .ah-meta { font-size: .84rem; color: var(--ah-tenue); white-space: nowrap; margin: 0; } .ah-tratt p { color: var(--ah-tenue); font-size: .97rem; } .ah-vuota { display: grid; place-items: center; text-align: center; color: var(--ah-tenue); font-size: .875rem; border: 1px dashed var(--ah-salvia-scuro); background: var(--wp--preset--color--salvia-chiaro); } .ah-badge { position: absolute; top: 16px; left: 16px; background: var(--ah-bianco); font-size: .72rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; padding: 5px 12px; border-radius: 999px; z-index: 2; margin: 0; } @media (max-width: 960px) { .ah-tratt-griglia { grid-template-columns: repeat(2, 1fr); } } /* ---------- Banda in parallasse ---------- */ .ah-banda { text-align: center; padding-top: 140px !important; padding-bottom: 140px !important; } .ah-banda.wp-block-cover { min-height: 0 !important; } .ah-banda .wp-block-cover__image-background { background-attachment: fixed; } .ah-banda h2, .ah-banda h3, .ah-banda p { color: #FBF6EE; } .ah-banda .is-style-occhiello { color: #EADFCB; justify-content: center; } .ah-banda .is-style-occhiello::before { display: none; } .ah-banda .is-style-lead { color: #F1E8DA; margin-left: auto; margin-right: auto; max-width: 680px; } .ah-concetti { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 48px 0 44px !important; text-align: left; } .ah-concetti > * { background: rgba(251, 248, 243, .12); backdrop-filter: blur(3px); border: 1px solid rgba(251, 248, 243, .25); border-radius: 18px; padding: 22px 20px !important; } .ah-concetti h3 { font-size: 1.3rem; margin: 0 0 6px; } .ah-concetti p { font-size: .9rem; margin: 0; color: #EDE6D8 !important; } .ah-banda .wp-block-buttons { justify-content: center; } @media (max-width: 900px) { .ah-banda { padding-top: 90px !important; padding-bottom: 90px !important; } .ah-concetti { grid-template-columns: 1fr 1fr; } } /* ---------- Chi siamo ---------- */ .ah-chi .is-style-arco { aspect-ratio: 3 / 4.2; } .ah-team { display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 36px !important; } .ah-persona { text-align: center; } .ah-ritratto { aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--wp--preset--color--salvia-chiaro); display: grid; place-items: center; margin: 0 auto 10px; max-width: 110px; width: 100%; font-family: var(--wp--preset--font-family--titoli); font-size: 2.1rem; color: var(--ah-salvia-scuro); } .ah-ritratto img { width: 100%; height: 100%; object-fit: cover; } .ah-persona h3 { font-size: 1.1rem; margin: 0; } .ah-persona p { font-size: .78rem; color: var(--ah-tenue); margin: 2px 0 0; line-height: 1.45; } @media (max-width: 781px) { .ah-chi .is-style-arco { aspect-ratio: 4 / 3.6; max-width: 560px; } .ah-team { grid-template-columns: repeat(3, 1fr); } } /* ---------- Recensioni ---------- */ .ah-rec-griglia { display: grid !important; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } .ah-rec-grande { grid-row: span 2; border-radius: var(--ah-raggio); overflow: hidden; min-height: 460px !important; align-items: flex-end !important; padding: 30px !important; } .ah-rec-grande blockquote, .ah-rec-grande .ah-citazione { font-family: var(--wp--preset--font-family--titoli); font-size: 1.6rem; line-height: 1.35; margin: 0 0 16px; color: #FBF6EE; } .ah-rec-grande .wp-block-cover__image-background { object-position: 60% 30%; } .ah-rec { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 26px 24px !important; display: flex !important; flex-direction: column; justify-content: space-between; } .ah-rec .ah-citazione { font-size: .97rem; line-height: 1.6; margin: 10px 0 18px; } .ah-firma { font-size: .84rem; opacity: .85; margin: 0; } .ah-google { background: var(--ah-bosco); color: var(--ah-crema); border-radius: var(--ah-raggio); padding: 26px 24px !important; display: flex !important; flex-direction: column; justify-content: space-between; } .ah-google .ah-voto { font-family: var(--wp--preset--font-family--titoli); font-size: 3.4rem; line-height: 1; margin: 0; color: var(--ah-crema); } .ah-google p { color: #D5DACB; } .ah-google a { color: var(--ah-crema); } @media (max-width: 980px) { .ah-rec-griglia { grid-template-columns: 1fr 1fr; } .ah-rec-grande { grid-column: span 2; grid-row: auto; min-height: 380px !important; } } /* ---------- Prezzi ---------- */ .ah-prezzi { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 18px; } .ah-prezzo { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 28px 24px !important; display: flex !important; flex-direction: column; } .ah-prezzo h3 { font-size: 1.35rem; margin: 0 0 4px; } .ah-sconto { font-size: .84rem; color: var(--ah-salvia-scuro); font-weight: 500; min-height: 22px; margin: 0 0 14px !important; } .ah-listino { list-style: none; padding: 0 !important; margin: 0 0 10px !important; } .ah-listino li { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid var(--ah-linea); padding: 9px 0; font-size: .9rem; color: var(--ah-tenue); } .ah-listino li strong { font-family: var(--wp--preset--font-family--titoli); font-weight: 400; font-size: 1.6rem; color: var(--wp--preset--color--inchiostro); } .ah-prezzo-scuro { background: var(--ah-bosco); color: var(--ah-crema); } .ah-prezzo-scuro h3, .ah-prezzo-scuro .ah-sconto { color: var(--ah-crema); } .ah-prezzo-scuro p { color: #D5DACB; font-size: .9rem; } .ah-prezzi-note { margin-top: 28px !important; font-size: .9rem; color: var(--ah-tenue); } .ah-prezzi-note p { margin: 0 0 6px; } @media (max-width: 1000px) { .ah-prezzi { grid-template-columns: repeat(2, 1fr); } } /* ---------- Yoga ed eventi ---------- */ .ah-corso, .ah-evento { display: flex !important; gap: 18px; justify-content: space-between; padding: 20px 0 !important; border-bottom: 1px solid var(--ah-linea); } .ah-corso h3, .ah-evento h3 { font-size: 1.3rem; margin: 0; } .ah-quando { text-align: right; font-size: .9rem; color: var(--ah-tenue); margin: 0; } .ah-evento { justify-content: flex-start; } .ah-data { flex: none; width: 66px; height: 72px; border-radius: 16px; background: var(--ah-bianco); display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; } .ah-data b { font-family: var(--wp--preset--font-family--titoli); font-weight: 400; font-size: 1.75rem; } .ah-data span { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; margin-top: 5px; color: var(--ah-tenue); } .ah-evento p { font-size: .9rem; color: var(--ah-tenue); margin: 4px 0 0; } /* ---------- Domande ---------- */ .ah-faq .wp-block-details { border-bottom: 1px solid var(--ah-linea); padding: 0; } .ah-faq summary { cursor: pointer; list-style: none; font-family: var(--wp--preset--font-family--titoli); font-size: 1.3rem; padding: 20px 44px 20px 0; position: relative; } .ah-faq summary::-webkit-details-marker { display: none; } .ah-faq summary::after { content: ""; position: absolute; right: 2px; top: 22px; width: 26px; height: 26px; border-radius: 50%; background: var(--ah-bosco) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6F1E9' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 14px no-repeat; transition: transform .25s; } .ah-faq details[open] summary::after { transform: rotate(45deg); } .ah-faq details p { color: var(--ah-tenue); margin: 0 0 20px; max-width: 600px; } /* ---------- Chiusura a tutta foto ---------- */ /* La fascia intorno alla foto finale prende il colore della sezione che la precede (Luca 16/10): in home è la salvia delle domande, nelle pagine il colore dell'ultima sezione */ .ah-finale-fascia { background-color: transparent; } .has-salvia-chiaro-background-color + .ah-finale-fascia, .entry-content:has(> :last-child.has-salvia-chiaro-background-color) + .ah-finale-fascia { background-color: var(--wp--preset--color--salvia-chiaro); } .has-salvia-tenue-background-color + .ah-finale-fascia, .entry-content:has(> :last-child.has-salvia-tenue-background-color) + .ah-finale-fascia { background-color: var(--wp--preset--color--salvia-tenue); } .has-bianco-background-color + .ah-finale-fascia, .entry-content:has(> :last-child.has-bianco-background-color) + .ah-finale-fascia { background-color: var(--wp--preset--color--bianco); } .ah-finale { border-radius: 28px; overflow: hidden; min-height: 440px !important; text-align: center; } .ah-finale h2, .ah-finale p { color: #FBF6EE; } .ah-finale .wp-block-buttons { justify-content: center; } .ah-tel { font-size: .9rem; color: #F1E8DA !important; } .ah-tel a { color: inherit; } /* ---------- Piè di pagina ---------- */ .ah-piede { color: #D5DACB; font-size: .9rem; } .ah-piede a { color: #D5DACB; text-decoration: none; } .ah-piede a:hover { color: #fff; } .ah-piede h4 { font-family: var(--wp--preset--font-family--testo); font-size: .8rem; font-weight: 400; color: #F1E8DA; margin: 6px 0 16px; text-decoration: underline; text-underline-offset: 4px; } .ah-piede ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; } .ah-carta { background: #3A4638; border-radius: var(--ah-raggio); padding: 30px 26px !important; } .ah-carta h3 { color: var(--ah-crema); font-size: 1.6rem; margin: 0 0 10px; } .ah-marchio { border-top: 1px solid #465344; padding-top: 30px !important; margin-top: 40px !important; } .ah-marchio img { height: 74px; width: auto; } .ah-legale { font-size: .78rem; color: #AAB3A1; max-width: 640px; margin: 0; } /* ---------- Contatti rapidi ---------- */ .ah-wa-fisso { position: fixed; right: 18px; bottom: 18px; z-index: 65; width: 58px; height: 58px; border-radius: 50%; background: #3E8A5B; color: #fff; display: grid; place-items: center; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); } .ah-wa-fisso svg { width: 30px; height: 30px; } .ah-barra-contatti { position: fixed; right: 16px; top: 50%; transform: translateY(-50%); z-index: 65; display: none; flex-direction: column; gap: 8px; background: rgba(251, 248, 243, .92); backdrop-filter: blur(8px); padding: 8px; border-radius: 999px; box-shadow: 0 6px 24px rgba(40, 50, 35, .12); } .ah-barra-contatti a { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: var(--ah-salvia-scuro); border: 1px solid rgba(94, 115, 88, .4); background: var(--ah-bianco); } .ah-barra-contatti a:hover { background: var(--ah-salvia-scuro); color: #fff; } .ah-barra-contatti svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } @media (min-width: 901px) { .ah-barra-contatti { display: flex; } .ah-wa-fisso { display: none; } } /* ---------- Telefono: le schede scorrono di lato ---------- */ @media (max-width: 600px) { .ah-scorri { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 22px; gap: 14px !important; margin-left: -22px !important; margin-right: -22px !important; padding: 0 22px 10px !important; scrollbar-width: none; align-items: stretch; } .ah-scorri::-webkit-scrollbar { display: none; } .ah-scorri > * { flex: 0 0 84%; scroll-snap-align: start; margin-top: 0 !important; } .ah-bisogni.ah-scorri { align-items: flex-start; } .ah-bisogno .ah-forma, .ah-bisogno:nth-child(2) .ah-forma, .ah-bisogno:nth-child(3) .ah-forma { aspect-ratio: 4 / 3.4; } .ah-rec-grande { grid-column: auto; min-height: 380px !important; } .ah-pv-foto > :last-child { margin-bottom: 24px; } .ah-scorri-nota { display: block !important; font-size: .78rem; color: var(--ah-tenue); margin: -30px 0 16px !important; } } .ah-scorri-nota { display: none !important; } @media (max-width: 1000px) { .ah-banda .wp-block-cover__image-background { background-attachment: scroll; } } @supports (-webkit-touch-callout: none) { .ah-banda .wp-block-cover__image-background { background-attachment: scroll; } } /* ---------- Ritocchi ---------- */ .ah-apertura .ah-kicker { display: block; margin-bottom: 22px; line-height: 1.6; } .ah-stelle { margin: 0; } .ah-rec .ah-stelle { font-size: .95rem; } /* Il menu passa all'hamburger sotto i 1140 px, non sotto i 600 come di serie */ @media (min-width: 600px) and (max-width: 1140px) { .ah-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } .ah-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } } @media (max-width: 600px) { .ah-nav .ah-nav-azione { display: none; } } .wp-block-navigation__responsive-container.is-menu-open { padding: 80px 28px 28px; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 4px; font-size: 1.1rem; } /* ---------- Correzioni dopo la prima attivazione (15/10) ---------- */ .wp-block-button.is-style-freccia, .wp-block-button.is-style-chiaro { margin-right: 52px; } /* Nelle griglie WordPress aggiunge un margine sopra dal secondo elemento in poi: le schede partivano sfalsate */ .ah-bisogni > *, .ah-passi > *, .ah-tratt-griglia > *, .ah-concetti > *, .ah-rec-griglia > *, .ah-prezzi > *, .ah-pv-foto > *, .ah-team > * { margin-block-start: 0 !important; } .ah-bisogni > .ah-bisogno:nth-child(2) { margin-block-start: 70px !important; } @media (max-width: 900px) { .ah-bisogni > .ah-bisogno:nth-child(2) { margin-block-start: 0 !important; } } /* La banda: la griglia dei concetti torna al centro */ .ah-concetti { margin: 48px auto 44px !important; } @media (max-width: 600px) { .ah-banda .ah-concetti.ah-scorri { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } } /* Chi siamo: la foglia scende sotto il team, non ci passa sopra */ .ah-chi.ah-foglia-dx::after { top: auto; bottom: -110px; right: -110px; } /* Le foglie stanno sempre dietro al contenuto, sopra lo sfondo della sezione */ .ah-sezione { isolation: isolate; } .ah-foglia-sx::before, .ah-foglia-dx::after { z-index: -1; } /* ---------- Menu sul telefono (15/10) ---------- Il velo sfocato della pillola stava sul contenitore: un backdrop-filter crea un nuovo riferimento per gli elementi "fixed", e il menu a tutto schermo restava chiuso nella pillola, alto 50 px. Ora il velo sta su uno pseudo-elemento dietro. */ .ah-nav { background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; position: relative; isolation: isolate; } .ah-nav::before { content: ""; position: absolute; inset: 0; border-radius: 999px; z-index: -1; background: rgba(251, 248, 243, .92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 2px 18px rgba(40, 50, 35, .07); } .ah-nav .ah-nav-wa { display: none; } .ah-nav .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--crema) !important; padding: 26px 26px 40px !important; } .ah-nav .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 76px !important; align-items: stretch !important; position: relative; } .ah-nav .is-menu-open .wp-block-navigation__responsive-container-content::before { content: ""; position: absolute; top: 2px; left: 0; width: 150px; height: 40px; background: url("../img/logo-color.webp") left center / contain no-repeat; } .ah-nav .is-menu-open .wp-block-navigation__container { gap: 0 !important; width: 100%; align-items: stretch !important; } .ah-nav .is-menu-open .wp-block-navigation-item { width: 100%; border-bottom: 1px solid var(--ah-linea); } .ah-nav .is-menu-open .wp-block-navigation-item__content { display: block; width: 100%; padding: 15px 0 !important; font-family: var(--wp--preset--font-family--titoli); font-size: 1.6rem; line-height: 1.2; color: var(--wp--preset--color--inchiostro) !important; } .ah-nav .is-menu-open .ah-nav-wa { display: block; border-bottom: 0; margin-top: 30px; } .ah-nav .is-menu-open .ah-nav-wa .wp-block-navigation-item__content { font-family: var(--wp--preset--font-family--testo); font-size: 1rem; text-align: center; background: var(--ah-bosco); color: var(--ah-crema) !important; border-radius: 999px; padding: 15px 20px !important; } .ah-nav .wp-block-navigation__responsive-container-close { top: 28px; right: 26px; } .ah-nav .wp-block-navigation__responsive-container-close svg, .ah-nav .wp-block-navigation__responsive-container-open svg { width: 30px; height: 30px; } /* A menu aperto il pulsante tondo di WhatsApp si toglie di mezzo: c'è già quello nel menu */ .has-modal-open .ah-wa-fisso, .has-modal-open .ah-barra-contatti { display: none !important; } /* La fascia dell'apertura parte dal bordo alto: prima restavano 17 px color crema sopra (la testata galleggia a 12 px e la fascia partiva subito sotto, non sotto di lei). Si tira su più del necessario: quello che finisce sopra lo 0 non si vede. */ .ah-apertura { margin-top: -120px !important; padding-top: 192px !important; } @media (max-width: 781px) { .ah-apertura { padding-top: 160px !important; } } /* Home 16/10: tre trattamenti, tre persone, la scheda scura dei prezzi con un link */ .ah-team { grid-template-columns: repeat(3, 1fr) !important; max-width: 420px; } .ah-link-chiaro { margin-top: auto !important; } .ah-link-chiaro a { color: var(--ah-crema); border-bottom: 1px solid currentColor; text-decoration: none; padding-bottom: 2px; } .ah-link-chiaro a:hover { color: #fff; } .ah-prezzo-scuro h3 { font-size: 1.35rem; } /* ---------- Pagine composte (16/10) ---------- */ .ah-pagina .wp-block-post-content > * { margin-block-start: 0 !important; } /* ...tranne l'apertura, che sale sotto il menu come in home: niente fascia crema dietro la barra (Luca 16/10) */ .ah-pagina .wp-block-post-content > .ah-apertura:first-child { margin-block-start: -120px !important; } .ah-apertura-pagina { padding-bottom: 80px !important; } .ah-apertura-pagina h1 { margin-top: 14px; } /* Tabelle dei prezzi */ .ah-tabella { margin: 0; } .ah-tabella table { width: 100%; border-collapse: collapse; font-size: .97rem; } .ah-tabella th { text-align: left; font-weight: 500; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--ah-tenue); border-bottom: 1px solid var(--ah-linea); padding: 10px 12px 10px 0; } .ah-tabella td { border-bottom: 1px solid var(--ah-linea); padding: 14px 12px 14px 0; vertical-align: baseline; color: var(--wp--preset--color--inchiostro); } .ah-tabella td:nth-child(2) { color: var(--ah-tenue); white-space: nowrap; } .ah-tabella td:last-child, .ah-tabella th:last-child { text-align: right; padding-right: 0; } .ah-tabella td:last-child { font-family: var(--wp--preset--font-family--titoli); font-size: 1.25rem; white-space: nowrap; } .ah-tabella.ah-tabella-testo td:last-child { font-family: var(--wp--preset--font-family--testo); font-size: .97rem; white-space: normal; } .ah-tabella table.has-fixed-layout { table-layout: auto; } @media (max-width: 600px) { .ah-tabella td:nth-child(2) { white-space: normal; } .ah-tabella td:last-child { font-size: 1.1rem; } } /* Riquadri */ .ah-riquadro { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 30px 30px 26px !important; } .ah-riquadro-offerta { background: var(--ah-bosco); color: var(--ah-crema); border-radius: var(--ah-raggio); padding: 30px !important; } .ah-riquadro-offerta h2, .ah-riquadro-offerta h3, .ah-riquadro-offerta p { color: var(--ah-crema); } .ah-riquadro-offerta .is-style-occhiello { color: #D5DACB; } .ah-due { display: grid !important; grid-template-columns: 1fr 1fr; gap: 22px; } .ah-quattro { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 20px; } .ah-due > *, .ah-quattro > * { margin-block-start: 0 !important; } @media (max-width: 900px) { .ah-quattro { grid-template-columns: 1fr 1fr; } } @media (max-width: 700px) { .ah-due { grid-template-columns: 1fr; } } @media (max-width: 520px) { .ah-quattro { grid-template-columns: 1fr; } } .ah-cifra { font-family: var(--wp--preset--font-family--titoli); font-size: 3rem; line-height: 1; margin: 0 0 6px !important; } .ah-nota-piccola { font-size: .9rem; color: var(--ah-tenue); } .ah-elenco { padding-left: 1.1em; } .ah-elenco li { margin-bottom: 6px; } /* Tabelle: via la griglia nera di serie del blocco Tabella, restano le linee orizzontali */ .wp-block-table.ah-tabella thead { border-bottom: 1px solid var(--ah-linea); } .wp-block-table.ah-tabella td, .wp-block-table.ah-tabella th { border: 0; border-bottom: 1px solid var(--ah-linea); } .wp-block-table.ah-tabella-pacchetti td:nth-child(n+2) { font-family: var(--wp--preset--font-family--titoli); font-size: 1.25rem; color: var(--wp--preset--color--inchiostro); text-align: right; } .wp-block-table.ah-tabella-pacchetti th:nth-child(n+2) { text-align: right; } /* Schede «Cosa sapere prima»: l'icona sopra il titolo, non sopra le lettere */ .ah-passi-pagina .ah-passo .ah-icona { position: static; display: block; margin: 0 0 14px; } /* Niente striscia crema fra la chiusura e il piè di pagina */ .wp-site-blocks > footer { margin-block-start: 0 !important; } @media (max-width: 600px) { .ah-riquadro, .ah-riquadro-offerta { padding: 24px 20px !important; } .ah-tabella table { font-size: .9rem; } .wp-block-table.ah-tabella th { letter-spacing: .06em; white-space: nowrap; } .wp-block-table.ah-tabella td:nth-child(2) { white-space: nowrap; } } /* ========================================================= Blog (16/10): elenco a schede, rubriche a pillole, articolo con colonna laterale ========================================================= */ .ah-indietro { font-size: .86rem; margin-top: 0 !important; margin-bottom: 18px !important; } .ah-indietro a { text-decoration: none; color: var(--ah-tenue); } .ah-indietro a::before { content: "← "; } .ah-indietro a:hover { color: var(--wp--preset--color--inchiostro); } .is-style-occhiello a { color: inherit; text-decoration: none; } /* Rubriche a pillole */ .ah-rubriche { margin-top: 34px !important; } .ah-rubriche-titolo { font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ah-tenue); margin-top: 0 !important; margin-bottom: 12px !important; } .ah-rubriche .wp-block-categories, .ah-lato-rubriche { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; } .ah-rubriche .wp-block-categories li, .ah-lato-rubriche li { margin: 0; } .ah-rubriche .wp-block-categories a, .ah-lato-rubriche a { display: inline-block; padding: 8px 16px; border-radius: 999px; font-size: .9rem; text-decoration: none; background: var(--ah-bianco); color: var(--wp--preset--color--inchiostro); border: 1px solid var(--ah-linea); transition: background .2s, color .2s, border-color .2s; } .ah-rubriche .wp-block-categories a:hover, .ah-lato-rubriche a:hover, .ah-rubriche .current-cat > a { background: var(--ah-bosco); color: var(--ah-crema); border-color: var(--ah-bosco); } .cat-item-1 { display: none !important; } .ah-card-rubrica a[href*="/senza-categoria/"] { display: none; } /* Elenco degli articoli: griglia a tre, il primo grande in prima pagina */ .ah-blog-elenco { padding-top: 70px !important; } .ah-blog-griglia { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 46px 28px; } .ah-blog-griglia > li { margin: 0 !important; display: flex; flex-direction: column; } .ah-card-foto { margin: 0 0 18px !important; border-radius: var(--ah-raggio); overflow: hidden; background: var(--wp--preset--color--salvia-tenue); } .ah-card-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; } .ah-card-foto:hover img, .ah-blog-griglia > li:hover .ah-card-foto img { transform: scale(1.03); } .ah-card-corpo > * { margin-block-start: 0 !important; } .ah-card-rubrica { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; margin-top: 0 !important; margin-bottom: 10px !important; color: var(--wp--preset--color--salvia-scuro); } .ah-card-rubrica a { color: inherit; text-decoration: none; } .ah-card-titolo { font-size: 1.45rem !important; line-height: 1.22; margin-top: 0 !important; margin-bottom: 10px !important; } .ah-card-titolo a { text-decoration: none; } .ah-card-titolo a:hover { color: var(--wp--preset--color--salvia-scuro); } .ah-card-estratto { color: var(--ah-tenue); font-size: .95rem; margin-top: 0 !important; margin-bottom: 12px !important; } .ah-card-estratto .wp-block-post-excerpt__more-text { display: none; } .ah-card-data { font-size: .82rem; color: var(--ah-tenue); } body:not(.paged) .ah-blog-griglia > li:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1.25fr 1fr; gap: 0 46px; align-items: center; } body:not(.paged) .ah-blog-griglia > li:first-child .ah-card-foto { margin: 0 !important; aspect-ratio: 4 / 3 !important; } body:not(.paged) .ah-blog-griglia > li:first-child .ah-card-titolo { font-size: var(--wp--preset--font-size--titolo) !important; line-height: 1.12; } body:not(.paged) .ah-blog-griglia > li:first-child .ah-card-estratto { font-size: 1.05rem; } .ah-paginazione { margin-top: 60px !important; gap: 8px; font-size: .95rem; } .ah-paginazione a, .ah-paginazione .current { text-decoration: none; padding: 8px 14px; border-radius: 999px; } .ah-paginazione .current { background: var(--ah-bosco); color: var(--ah-crema); } @media (max-width: 960px) { .ah-blog-griglia { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 781px) { body:not(.paged) .ah-blog-griglia > li:first-child { grid-template-columns: 1fr; } body:not(.paged) .ah-blog-griglia > li:first-child .ah-card-foto { margin: 0 0 18px !important; } } @media (max-width: 600px) { .ah-blog-griglia { grid-template-columns: 1fr; gap: 40px; } } /* Articolo */ .ah-articolo-testa .ah-card-rubrica { margin-bottom: 14px !important; } .ah-articolo-titolo { font-size: clamp(2.2rem, 5vw, 3.6rem) !important; margin-top: 0 !important; margin-bottom: 18px !important; } .ah-articolo-meta { gap: 6px 18px; font-size: .9rem; color: var(--ah-tenue); } .ah-articolo-meta > * { margin: 0 !important; } .ah-articolo-meta .wp-block-post-date + p, .ah-articolo-meta .ah-lettura { position: relative; } .ah-articolo { padding-top: 0 !important; } .ah-articolo-foto { margin: -40px auto 60px !important; border-radius: 28px; overflow: hidden; max-width: 1180px; position: relative; z-index: 2; } .ah-articolo-foto img { width: 100%; height: 100%; object-fit: cover; display: block; } .ah-articolo:not(:has(.ah-articolo-foto)) { padding-top: 70px !important; } .ah-articolo-colonne { align-items: flex-start !important; } .ah-articolo-testo { font-size: 1.07rem; line-height: 1.75; } .ah-articolo-testo .wp-block-post-content > * + * { margin-block-start: 1.1em !important; } .ah-articolo-testo .wp-block-post-content > :is(h2, h3, h4) { margin-block-start: 1.7em !important; margin-bottom: .2em; } .ah-articolo-testo .wp-block-post-content h4 { font-size: 1.2rem; } .ah-articolo-testo .wp-block-post-content li + li { margin-top: .35em; } .ah-articolo-testo h2 { font-size: 2rem; margin-top: 1.6em !important; } .ah-articolo-testo h3 { font-size: 1.45rem; margin-top: 1.4em !important; } .ah-articolo-testo img { border-radius: 16px; } .ah-articolo-testo blockquote { border-left: 3px solid var(--wp--preset--color--salvia); margin-left: 0; padding-left: 22px; font-family: var(--wp--preset--font-family--titoli); font-size: 1.3rem; } .ah-articolo-testo a { color: var(--wp--preset--color--salvia-scuro); } .ah-tag { margin-top: 40px !important; font-size: .88rem; color: var(--ah-tenue); } .ah-tag a { text-decoration: none; padding: 4px 12px; border: 1px solid var(--ah-linea); border-radius: 999px; margin: 0 4px 6px 0; display: inline-block; color: var(--ah-tenue); } .ah-tag .wp-block-post-terms__separator { display: none; } .ah-articolo-lato { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 22px; } .ah-articolo-lato > * { margin: 0 !important; } .ah-lato-box { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 26px 26px 24px !important; } .ah-lato-box h3 { font-size: 1.25rem; margin: 0 0 14px !important; } .ah-lato-rubriche a { padding: 6px 13px; font-size: .84rem; background: var(--ah-crema); } .ah-lato-ultimi { list-style: none; padding: 0; margin: 0; } .ah-lato-ultimi li { padding: 10px 0; border-top: 1px solid var(--ah-linea); margin: 0; } .ah-lato-ultimi li:first-child { border-top: 0; padding-top: 0; } .ah-lato-ultimi a { text-decoration: none; font-size: .95rem; line-height: 1.4; } .ah-lato-ultimi a:hover { color: var(--wp--preset--color--salvia-scuro); } .ah-lato-invito { background: var(--ah-bosco); color: var(--ah-crema); } .ah-lato-invito h3, .ah-lato-invito p { color: var(--ah-crema); } .ah-lato-invito p { font-size: .95rem; } .ah-correlati { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 30px; } .ah-correlati .ah-card-foto { display: block; aspect-ratio: 3 / 2; } .ah-correlati .ah-card-titolo { font-size: 1.3rem !important; } @media (max-width: 900px) { .ah-articolo-lato { position: static; } .ah-correlati { grid-template-columns: 1fr 1fr; } } @media (max-width: 781px) { .ah-articolo-foto { margin: -30px 16px 40px !important; border-radius: 20px; } } @media (max-width: 600px) { .ah-correlati { grid-template-columns: 1fr; } } /* ========================================================= Eventi (16/10) ========================================================= */ .ah-evento-titolo { font-size: clamp(2.2rem, 5vw, 3.8rem) !important; margin-top: 0 !important; margin-bottom: 14px !important; } .ah-evento-testa-quando { font-size: 1.1rem; color: var(--ah-tenue); margin-top: 0 !important; margin-bottom: 0 !important; } .ah-bollino { display: inline-block; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; background: var(--ah-bosco); color: var(--ah-crema); padding: 4px 10px; border-radius: 999px; margin-right: 8px; vertical-align: middle; } .ah-evento-foto-grande { margin: 0 0 34px !important; border-radius: var(--ah-raggio); overflow: hidden; } .ah-evento-foto-grande img { width: 100%; height: auto; display: block; } .ah-evento-pagina .ah-articolo-testo img { max-width: 100%; height: auto; } .ah-evento-scheda { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 28px 28px 26px; } .ah-evento-scheda dl { margin: 0 0 18px; } .ah-evento-scheda dl > div { padding: 12px 0; border-bottom: 1px solid var(--ah-linea); } .ah-evento-scheda dl > div:first-child { padding-top: 0; } .ah-evento-scheda dt { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ah-tenue); margin-bottom: 4px; } .ah-evento-scheda dd { margin: 0; font-size: 1rem; } .ah-evento-nota { font-size: .92rem; color: var(--ah-tenue); margin: 0 0 18px; } /* Elenco: prossimi a schede grandi, passati a griglia compatta */ .ah-eventi-prossimi { display: grid; gap: 28px; } .ah-evento-card { display: grid; grid-template-columns: 380px 1fr; gap: 0 40px; align-items: center; background: var(--ah-bianco); border-radius: 28px; padding: 18px; } .ah-evento-card .ah-evento-foto { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 20px; overflow: hidden; background: var(--wp--preset--color--salvia-tenue); } .ah-evento-card .ah-evento-foto img { width: 100%; height: 100%; object-fit: cover; display: block; } .ah-evento-giorno { position: absolute; top: 14px; left: 14px; background: var(--ah-crema); border-radius: 16px; padding: 8px 14px 10px; text-align: center; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; line-height: 1.1; color: var(--ah-tenue); } .ah-evento-giorno b { display: block; font-family: var(--wp--preset--font-family--titoli); font-weight: 400; font-size: 2rem; letter-spacing: 0; color: var(--wp--preset--color--inchiostro); } .ah-evento-corpo > * { margin: 0 0 10px; } .ah-evento-quando { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--salvia-scuro); } .ah-evento-card h3 { font-size: 1.9rem; line-height: 1.15; } .ah-evento-card h3 a, .ah-evento-passato h3 a { text-decoration: none; } .ah-evento-chi { font-size: .95rem; color: var(--ah-tenue); } .ah-evento-vai a { font-weight: 500; text-underline-offset: 4px; } .ah-eventi-passati { display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px 22px; } .ah-evento-passato .ah-evento-foto { display: block; aspect-ratio: 1; border-radius: 18px; overflow: hidden; margin-bottom: 14px; background: var(--wp--preset--color--salvia-tenue); } .ah-evento-passato .ah-evento-foto img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.85); } .ah-evento-passato h3 { font-size: 1.15rem; line-height: 1.25; } .ah-eventi-vuoto { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 26px 28px; } @media (max-width: 960px) { .ah-eventi-passati { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 781px) { .ah-evento-card { grid-template-columns: 1fr; padding: 14px; } .ah-evento-card .ah-evento-corpo { padding: 20px 8px 6px; } .ah-eventi-passati { grid-template-columns: 1fr 1fr; } } /* ========================================================= Pagine interne (16/10): trattamenti, chi siamo, yoga, contatti... ========================================================= */ /* I dati del trattamento in pillole, sotto l'introduzione */ .ah-dati { list-style: none; padding: 0; margin-top: 26px !important; margin-bottom: 30px !important; display: flex; flex-wrap: wrap; gap: 10px; } .ah-dati li { background: var(--ah-bianco); border-radius: 16px; padding: 10px 16px 11px; font-size: .95rem; line-height: 1.3; } .ah-dati span { display: block; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ah-tenue); margin-bottom: 3px; } /* Sezioni a righe: titolo a sinistra, testo a destra, una linea fra le righe */ .ah-righe .wp-block-columns { margin-top: 0 !important; margin-bottom: 0 !important; padding: 44px 0; border-top: 1px solid var(--ah-linea); } .ah-righe .wp-block-columns:first-child { border-top: 0; padding-top: 0; } .ah-righe .wp-block-columns:last-child { padding-bottom: 0; } .ah-riga-titolo { font-size: 2rem !important; line-height: 1.15; margin-top: 0 !important; } .ah-righe .wp-block-column > p:first-child, .ah-righe .wp-block-column > ul:first-child { margin-top: 0; } .ah-righe .wp-block-column p + p { margin-top: .9em; } .ah-righe .ah-elenco { margin-top: .6em; } .ah-riquadro-avviso { border: 1px solid var(--ah-linea); } .ah-riquadro-avviso > * { margin-block-start: 0 !important; } .ah-riquadro-avviso > * + * { margin-block-start: .8em !important; } @media (max-width: 781px) { .ah-righe .wp-block-columns { padding: 34px 0; gap: 10px !important; } .ah-riga-titolo { font-size: 1.6rem !important; } } /* Il team in Chi siamo */ .ah-squadra { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 26px !important; } .ah-squadra > * { margin-block-start: 0 !important; } .ah-membro .ah-forma { aspect-ratio: 1; margin-bottom: 14px; } .ah-membro h3 { margin: 0 0 4px !important; } .ah-membro .ah-meta { white-space: normal; margin-bottom: 8px !important; } .ah-membro p { font-size: .95rem; } @media (max-width: 700px) { .ah-squadra { grid-template-columns: 1fr 1fr; } } /* I corsi di yoga */ .ah-lezioni { margin: 10px 0 18px !important; } .ah-lezione { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 16px 16px 22px; } .ah-lezione .ah-forma { aspect-ratio: 4 / 3; margin-bottom: 16px; } .ah-lezione > :not(figure) { padding: 0 8px; } .ah-lezione h3 { margin: 0 0 2px !important; } .ah-lezione .ah-meta { margin-bottom: 8px !important; } /* Griglia da due (pagine che consigliano da dove partire) */ .ah-tratt-griglia.ah-griglia-due { grid-template-columns: repeat(2, 1fr); max-width: 820px; } @media (max-width: 600px) { .ah-tratt-griglia.ah-griglia-due { grid-template-columns: 1fr; } } /* Le parti ancora da completare: visibili, così Luca le trova */ .ah-segnaposto { background: #F4E3B5; color: #6B4E12; padding: 1px 6px; border-radius: 6px; font-size: .9em; } /* Schede trattamento: anche foto e titolo portano alla pagina (Luca 16/10) */ .ah-tratt .ah-forma a { display: block; height: 100%; } .ah-tratt .ah-forma img { transition: transform .6s ease; } .ah-tratt:hover .ah-forma img { transform: scale(1.03); } .ah-tratt h3 a { text-decoration: none; color: inherit; } .ah-tratt h3 a:hover { color: var(--wp--preset--color--salvia-scuro); } /* ========================================================= Pagine trattamento meno «piatte» (Luca 16/10): icone, fascia, passi ========================================================= */ /* Le pillole dei dati con la loro icona */ .ah-dati li { display: flex; align-items: center; gap: 10px; padding: 9px 16px 9px 12px; } .ah-dati li svg { width: 28px; height: 28px; flex: none; fill: none; stroke: var(--ah-salvia-scuro); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; } /* Icona sopra il titolo di ogni sezione, in un cerchio salvia */ .ah-righe-icone .wp-block-column:first-child .ah-icona { width: 66px; height: 66px; border-radius: 50%; background: var(--wp--preset--color--salvia-chiaro); display: flex; align-items: center; justify-content: center; margin: 0 0 18px; } .ah-righe-icone .wp-block-column:first-child .ah-icona svg { width: 36px; height: 36px; } @media (max-width: 781px) { .ah-righe-icone .wp-block-column:first-child .ah-icona { width: 54px; height: 54px; margin-bottom: 12px; } .ah-righe-icone .wp-block-column:first-child .ah-icona svg { width: 30px; height: 30px; } } /* «Massaggio o trattamento?»: fascia scura a tutta larghezza in mezzo alla pagina */ .ah-fascia-spiega { text-align: center; padding-top: 110px !important; padding-bottom: 110px !important; } .ah-fascia-spiega-dentro { max-width: 760px; margin-left: auto !important; margin-right: auto !important; } .ah-fascia-spiega .ah-icona { display: block; width: 60px; height: 60px; margin: 0 auto 22px; color: #B9C6B0; } .ah-fascia-spiega h2 { color: var(--ah-crema); font-size: clamp(2rem, 4vw, 2.8rem); margin: 0 0 22px; } .ah-fascia-spiega p { color: #DCE2D4; font-size: 1.12rem; line-height: 1.75; } .ah-fascia-spiega p + p { margin-top: .9em; } .ah-fascia-spiega a { color: var(--ah-crema); } @media (max-width: 781px) { .ah-fascia-spiega { padding-top: 76px !important; padding-bottom: 76px !important; } } /* «Il tuo appuntamento» in quattro passi */ .ah-passi-tratt { margin-top: 40px !important; } .ah-passi-tratt .ah-passo .ah-icona { top: 26px; right: 24px; } /* Articolo precedente / successivo: due schede con la freccia (Luca 16/10) */ .ah-articolo-navi { display: grid !important; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch !important; margin-bottom: 64px !important; } .ah-articolo-navi > div { margin: 0 !important; max-width: none !important; } .ah-articolo-navi .post-navigation-link-next { grid-column: 2; } .ah-articolo-navi a { display: grid; grid-template-columns: 46px 1fr; column-gap: 18px; align-items: center; height: 100%; background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 22px 26px; text-decoration: none; color: var(--wp--preset--color--inchiostro); transition: background .2s, transform .2s; } .ah-articolo-navi a:hover { background: #fff; transform: translateY(-2px); } .ah-articolo-navi a::before { content: "←"; grid-row: 1 / span 2; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--ah-linea); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color: var(--ah-salvia-scuro); transition: background .2s, color .2s; } .ah-articolo-navi a:hover::before { background: var(--ah-bosco); color: var(--ah-crema); border-color: var(--ah-bosco); } .ah-articolo-navi .post-navigation-link-next a { grid-template-columns: 1fr 46px; text-align: right; } .ah-articolo-navi .post-navigation-link-next a::before { content: "→"; grid-column: 2; } .ah-articolo-navi .post-navigation-link__label { grid-column: 1; align-self: end; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ah-tenue); margin-bottom: 6px; } .ah-articolo-navi .post-navigation-link-previous .post-navigation-link__label, .ah-articolo-navi .post-navigation-link-previous .post-navigation-link__title { grid-column: 2; } .ah-articolo-navi .post-navigation-link__title { grid-column: 1; align-self: start; font-family: var(--wp--preset--font-family--titoli); font-size: 1.2rem; line-height: 1.3; } @media (max-width: 781px) { .ah-articolo-navi { grid-template-columns: 1fr; gap: 14px; } .ah-articolo-navi .post-navigation-link-next { grid-column: auto; } .ah-articolo-navi a { padding: 18px 20px; } .ah-articolo-navi .post-navigation-link__title { font-size: 1.08rem; } } /* Su computer il titolo della sezione sta accanto alla sua icona (Luca 16/10) */ @media (min-width: 782px) { .ah-righe-icone .wp-block-column:first-child { display: flex; align-items: center; gap: 20px; } .ah-righe-icone .wp-block-column:first-child > * { margin: 0 !important; } .ah-righe-icone .wp-block-column:first-child .ah-icona { flex: none; } .ah-righe-icone .ah-riga-titolo { font-size: 1.75rem !important; } } /* Video del trattamento nell'arco (16/10): un'immagine che respira, senza audio */ .is-style-arco video { width: 100%; height: 100%; object-fit: cover; display: block; } .ah-video { margin: 0; background: var(--wp--preset--color--salvia-tenue); } /* «I benefici»: voci brevi su due colonne, con una fogliolina */ .ah-benefici { list-style: none; padding: 0 !important; margin: .4em 0 0 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .ah-benefici li { margin: 0 !important; background: var(--ah-bianco); border-radius: 14px; padding: 13px 16px 13px 44px; position: relative; line-height: 1.45; } .ah-benefici li::before { content: ""; position: absolute; left: 14px; top: 14px; width: 20px; height: 20px; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%235E7358' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 38C8 21.5 18.5 10 39 9c1 20-10 31-29 29Z'/%3E%3Cpath d='M10 38c6-9 13-16 22-22'/%3E%3C/svg%3E"); } @media (max-width: 600px) { .ah-benefici { grid-template-columns: 1fr; } } /* Condividi (articoli ed eventi): link semplici, niente tracciamenti */ .ah-condividi { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 34px; padding-top: 26px; border-top: 1px solid var(--ah-linea); } .ah-condividi span { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ah-tenue); margin-right: 6px; } .ah-condividi a, .ah-condividi button { display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border-radius: 999px; border: 1px solid var(--ah-linea); background: var(--ah-bianco); color: var(--wp--preset--color--inchiostro); font: inherit; font-size: .88rem; text-decoration: none; cursor: pointer; transition: background .2s, color .2s, border-color .2s; } .ah-condividi a:hover, .ah-condividi button:hover { background: var(--ah-bosco); color: var(--ah-crema); border-color: var(--ah-bosco); } .ah-condividi svg { width: 16px; height: 16px; fill: currentColor; } /* ========================================================= Strato «acquerello» (prova del 21/10/2026): lo stile del buono regalo e del pieghevole. Tutto vale solo con body.ah-acquerello: si spegne togliendo il filtro in functions.php. ========================================================= */ body.ah-acquerello { background-image: url("../img/acquerello/carta.webp"); background-size: 640px auto; } /* Divisori: il loto ad acquerello al posto di quello a linea */ .ah-acquerello .ah-divisore { background: url("../img/acquerello/loto.webp") center / 72px auto no-repeat; min-height: 66px; } .ah-acquerello .ah-divisore img { visibility: hidden; width: 72px; } /* Solo il loto: la linea dritta e il punto stonavano con la morbidezza dell'acquerello (Luca 21/10) */ .ah-acquerello .ah-divisore::before, .ah-acquerello .ah-divisore::after { display: none; } /* Niente foglie né rametti ai lati della pagina: «old school» (Luca 21/10) */ .ah-acquerello .ah-foglia-sx::before, .ah-acquerello .ah-foglia-dx::after { display: none; } /* Un cerchio ad acquerello dietro l'arco con la foto o il video */ .ah-acquerello .ah-apertura .wp-block-column:has(> .is-style-arco) { position: relative; } .ah-acquerello .ah-apertura .wp-block-column:has(> .is-style-arco)::before { content: ""; position: absolute; left: 50%; top: 54%; width: 122%; aspect-ratio: 1; transform: translate(-50%, -50%); background: url("../img/acquerello/cerchio.webp") center / contain no-repeat; opacity: .9; z-index: -1; pointer-events: none; } /* Fasce scure e piè di pagina: verde ad acquerello invece del verde pieno */ .ah-acquerello .ah-fascia-spiega, .ah-acquerello .ah-piede { background-image: url("../img/acquerello/verde-scuro.webp"); background-size: cover; background-position: center; } .ah-acquerello .ah-banda .wp-block-cover__image-background { background-image: url("../img/acquerello/verde-scuro.webp") !important; } .ah-acquerello .ah-banda .wp-block-cover__background { opacity: .2 !important; } /* «Quando vuoi, scrivici»: un acquerello che gira attorno alla scritta e parla di scrivere (fogli bianchi, penna, tè, lettere legate). Il vassoio di prima col box non c'entrava (Luca 21/10) */ .ah-acquerello .ah-finale { background: #FEFBF4 url("../img/acquerello/scrivici-largo.webp") center / cover no-repeat; min-height: 520px !important; } .ah-acquerello .ah-finale .wp-block-cover__image-background { display: none; } .ah-acquerello .ah-finale .wp-block-cover__background { opacity: 0 !important; } .ah-acquerello .ah-finale .wp-block-cover__inner-container { max-width: 540px; } .ah-acquerello .ah-finale h2 { color: var(--wp--preset--color--inchiostro); } .ah-acquerello .ah-finale p, .ah-acquerello .ah-finale .ah-tel { color: var(--ah-tenue) !important; } .ah-acquerello .ah-finale .wp-block-button.is-style-chiaro .wp-block-button__link { background: var(--ah-bosco); color: var(--ah-crema); } .ah-acquerello .ah-finale .wp-block-button.is-style-chiaro .wp-block-button__link::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6F1E9' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center / 18px no-repeat, var(--ah-bosco); } @media (max-width: 781px) { /* Sul telefono l'acquerello largo non lascia posto alla scritta: ghirlanda in alto, lettera e tè in basso */ .ah-acquerello .ah-finale { background: url("../img/acquerello/scrivici-sopra.webp") top center / 100% auto no-repeat, url("../img/acquerello/scrivici-sotto.webp") bottom center / 100% auto no-repeat, #FDFCF9; min-height: 0 !important; padding-top: calc(29% + 14px) !important; padding-bottom: calc(40% + 12px) !important; } } /* Buoni regalo: in testa la cartolina vera, leggermente inclinata, come appoggiata sul tavolo */ .ah-buono-carta { margin: 0; transform: rotate(-3deg); box-shadow: 0 18px 40px rgba(47, 58, 46, .18), 0 2px 6px rgba(47, 58, 46, .12); border-radius: 6px; overflow: hidden; } .ah-buono-carta img { display: block; width: 100%; height: auto; } /* Banner dei cookie fatto in casa (inc/consenso.php + assets/js/consenso.js, 21/10/2026). «Rifiuta» e «Accetta» uguali per forma e peso, come chiede il Garante; la X vale come rifiuto */ .ah-consenso { box-sizing: border-box; position: fixed; left: 20px; bottom: 20px; z-index: 1000; width: min(440px, calc(100vw - 40px)); max-height: calc(100vh - 40px); overflow: auto; background: #FBF7F0 url("../img/acquerello/carta.webp") center / 640px auto; color: var(--wp--preset--color--inchiostro); border-radius: 20px; box-shadow: 0 18px 50px rgba(30, 38, 29, .24), 0 2px 8px rgba(30, 38, 29, .12); padding: 22px 22px 16px; font-size: .9rem; line-height: 1.55; animation: ah-consenso-entra .35s ease-out; } .ah-consenso[hidden] { display: none; } @keyframes ah-consenso-entra { from { opacity: 0; transform: translateY(12px); } } @media (prefers-reduced-motion: reduce) { .ah-consenso { animation: none; } } .ah-consenso p { margin: 0 0 14px; } .ah-consenso a { color: inherit; text-underline-offset: 3px; } .ah-consenso-titolo { font-family: var(--wp--preset--font-family--titoli); font-size: 1.4rem; line-height: 1.2; margin: 0 32px 8px 0 !important; } .ah-consenso-chiudi { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; display: grid; place-items: center; } .ah-consenso-chiudi:hover { background: rgba(47, 58, 46, .08); } .ah-consenso-chiudi svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; } .ah-consenso-bottoni { display: flex; gap: 10px; } .ah-consenso-bottoni button { flex: 1; padding: 12px 16px; border-radius: 999px; border: 0; background: var(--ah-bosco); color: var(--ah-crema); font: inherit; font-weight: 500; cursor: pointer; } .ah-consenso-bottoni button:hover { background: #3A4638; } .ah-consenso-altro { display: block; margin: 12px auto 0; padding: 4px; border: 0; background: none; color: inherit; font: inherit; font-size: .85rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } .ah-consenso-salva, .ah-consenso-scelte { display: none; } .ah-consenso--scelte .ah-consenso-scelte { display: block; margin: 0 0 16px; border-top: 1px solid var(--ah-linea); } .ah-consenso--scelte .ah-consenso-salva { display: block; } .ah-consenso--scelte [data-ah-consenso="personalizza"] { display: none; } .ah-consenso-scelte label { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--ah-linea); cursor: pointer; font-size: .85rem; line-height: 1.45; } .ah-consenso-scelte strong { display: block; font-weight: 600; } .ah-consenso-scelte input { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--ah-bosco); } @media (max-width: 600px) { .ah-consenso { left: 12px; bottom: 12px; width: calc(100vw - 24px); padding: 18px 18px 12px; } } /* Video di YouTube in attesa del sì: riquadro verde al posto del lettore */ .ah-video-esterno { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 24px; text-align: center; color: var(--ah-crema); border-radius: 14px; background: var(--ah-bosco) url("../img/acquerello/verde-scuro.webp") center / cover; } .ah-video-esterno p { margin: 0 !important; max-width: 440px; font-size: .9rem; } .ah-video-esterno a { color: inherit; font-size: .85rem; } .ah-video-guarda { margin: 10px 0 4px; padding: 11px 22px; border: 0; border-radius: 999px; background: var(--ah-crema); color: var(--ah-bosco); font: inherit; font-weight: 500; cursor: pointer; } .wp-block-embed__wrapper:has(> .ah-video-esterno) { min-height: 240px; } /* Piè di pagina: social a icone e link legali su una riga loro (21/10) */ .ah-piede .ah-social { display: flex; gap: 10px; margin-top: 18px; } .ah-social a { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(213, 218, 203, .35); border-radius: 50%; } .ah-social a:hover { border-color: #fff; } .ah-social svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; } .ah-legale-blocco { max-width: 640px; } .ah-legali-link { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0 0 10px; font-size: .85rem; } .ah-legali-link a { color: #F1E8DA; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(241, 232, 218, .4); } /* Piè di pagina sul telefono: prima era una colonna sola lunga una schermata e mezza */ @media (max-width: 781px) { .ah-piede > .wp-block-columns { display: grid !important; grid-template-columns: 1fr 1fr; gap: 34px 18px !important; } .ah-piede > .wp-block-columns > .wp-block-column:first-child, .ah-piede > .wp-block-columns > .wp-block-column:last-child { grid-column: 1 / -1; } .ah-piede > .wp-block-columns > .wp-block-column:last-child ul:not(.ah-social) { grid-template-columns: auto; } .ah-piede h4 { margin-bottom: 12px; } .ah-piede ul { gap: 11px; } .ah-marchio { flex-direction: column; align-items: center !important; text-align: center; margin-top: 34px !important; padding-bottom: 76px; } .ah-marchio img { height: 64px; } .ah-legali-link { justify-content: center; font-size: .9rem; margin-bottom: 14px; } } /* Pagine Privacy e Cookie: colonna di lettura stretta, allineata come l'apertura */ .ah-testo-legale > * { max-width: 760px; } .ah-testo-legale h2 { margin-top: 2.2em !important; } .ah-testo-legale h2:first-child { margin-top: 0 !important; } .ah-testo-legale h3 { margin-top: 1.6em !important; } .ah-aggiornato { color: var(--ah-tenue); font-size: .85rem; margin-top: 2.4em !important; } .ah-tabella-cookie td { vertical-align: top; font-size: .92rem; } .wp-block-table.ah-tabella.ah-tabella-cookie td:nth-child(2) { white-space: normal; } .ah-tabella-cookie td:last-child { white-space: nowrap; font-size: .92rem; } @media (max-width: 600px) { .ah-tabella-cookie thead { display: none; } .ah-tabella-cookie tr { display: block; padding: 14px 0; border-bottom: 1px solid var(--ah-linea); } .ah-tabella-cookie td { display: block; padding: 2px 0 !important; border: 0 !important; text-align: left !important; } } /* Prezzi, «Trattamenti più intensi»: sul telefono il prezzo va sotto il nome. La regola del telefono che non manda a capo la seconda colonna (fatta per «60 min») la allargava a 662 px: si scorreva di lato (Luca 23/10) */ @media (max-width: 600px) { .wp-block-table.ah-tabella-testo:not(.ah-tabella-cookie) thead { display: none; } .wp-block-table.ah-tabella-testo:not(.ah-tabella-cookie) :is(table, tbody, tr, td) { display: block; } .wp-block-table.ah-tabella-testo:not(.ah-tabella-cookie) tr { padding: 14px 0; border-bottom: 1px solid var(--ah-linea); } .wp-block-table.ah-tabella-testo:not(.ah-tabella-cookie) tr:first-child { border-top: 1px solid var(--ah-linea); } .wp-block-table.ah-tabella-testo:not(.ah-tabella-cookie) td { padding: 0 !important; border: 0 !important; text-align: left !important; white-space: normal !important; } .wp-block-table.ah-tabella-testo:not(.ah-tabella-cookie) td:first-child { font-weight: 600; } .wp-block-table.ah-tabella-testo:not(.ah-tabella-cookie) td:last-child { margin-top: 4px; font-size: .95rem; } } /* Chi siamo con una forma per sezione (Banu 21/10: «troppo flat»). Il costruttore è chi_siamo() in pagine-2.py */ .ah-chi-storia h2, .ah-chi-cascina h2, .ah-chi-squadra > h2, .ah-chi-testa h2 { margin: 0 0 30px; } .ah-tappe > *, .ah-tappa > * { margin-block-start: 0 !important; } .ah-tappa { display: grid; grid-template-columns: 92px 1fr; column-gap: 26px; } .ah-tappa-anno { font-family: var(--wp--preset--font-family--titoli); font-size: 2.2rem; line-height: 1; color: var(--ah-salvia-scuro); text-align: right; padding-top: 2px; } .ah-tappa p { position: relative; margin: 0; padding: 0 0 30px 28px; border-left: 1px solid var(--ah-linea); } .ah-tappa:last-child p { padding-bottom: 0; border-left-color: transparent; } .ah-tappa p::before { content: ""; position: absolute; left: -6px; top: .5em; width: 11px; height: 11px; border-radius: 50%; background: #E4B9C1; box-shadow: 0 0 0 5px #FBF7F0; } .ah-chi-foto { aspect-ratio: 4 / 5; position: sticky; top: 120px; } .ah-chi-metodo .ah-chi-citazione { font-family: var(--wp--preset--font-family--titoli); font-size: clamp(1.35rem, 2.4vw, 1.75rem); line-height: 1.45; color: var(--ah-crema); margin-top: 34px !important; padding-top: 30px; border-top: 1px solid rgba(246, 241, 233, .22); } .ah-chi-mosaico { display: grid !important; grid-template-columns: 1fr 1fr; gap: 14px; } .ah-chi-mosaico > * { margin-block-start: 0 !important; } .ah-chi-mosaico-foto { margin: 0; border-radius: var(--ah-raggio); overflow: hidden; aspect-ratio: 4 / 5; } .ah-chi-mosaico-foto:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; } .ah-chi-mosaico-foto img { width: 100%; height: 100%; object-fit: cover; display: block; } .ah-chi-perche { max-width: 640px; margin-left: auto !important; margin-right: auto !important; text-align: center; } .ah-chi-perche h2 { margin: 6px 0 20px; } .ah-chi-perche p { font-size: 1.08rem; line-height: 1.75; } .ah-chi-squadra .ah-squadra { gap: 30px; } .ah-chi-squadra .ah-membro .ah-forma { aspect-ratio: 4 / 5; border-radius: 200px 200px var(--ah-raggio) var(--ah-raggio); } .ah-chi-squadra .ah-membro h3 { font-size: 1.6rem; } .ah-chi-nota-sez { padding-top: 0 !important; } .ah-chi-nota { display: flex !important; gap: 22px; align-items: flex-start; max-width: 860px; padding: 28px 30px; border: 1px solid var(--ah-linea); border-radius: var(--ah-raggio); } .ah-chi-nota > * { margin-block-start: 0 !important; } .ah-chi-nota .ah-icona { flex: none; margin: 0; width: 40px; height: 40px; } .ah-chi-nota h3 { margin: 0 0 8px; font-size: 1.25rem; } .ah-chi-nota p { margin: 0; color: var(--ah-tenue); font-size: .97rem; } .ah-chi-testa { max-width: 640px; text-align: center; } .ah-formazione { display: grid !important; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 30px !important; } .ah-formazione > * { margin-block-start: 0 !important; } .ah-formazione-scheda { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 28px 28px 14px; } .ah-formazione-scheda > * { margin-block-start: 0 !important; } .ah-formazione-foto { width: 84px; height: 84px; border-radius: 50% !important; margin-bottom: 14px; } .ah-formazione-scheda h3 { font-size: 1.6rem; margin: 0 0 10px; } .ah-formazione-scheda .wp-block-details { border-top: 1px solid var(--ah-linea); padding: 14px 0; } .ah-formazione-scheda summary { cursor: pointer; font-weight: 500; } .ah-formazione-scheda .ah-elenco { list-style: none; padding: 0; margin: 12px 0 4px; font-size: .93rem; } .ah-formazione-scheda .ah-elenco li { padding: 7px 0; border-bottom: 1px dashed var(--ah-linea); margin: 0; } .ah-formazione-scheda .ah-elenco li:last-child { border-bottom: 0; } @media (max-width: 781px) { .ah-tappa { grid-template-columns: 58px 1fr; column-gap: 16px; } .ah-tappa-anno { font-size: 1.5rem; } .ah-tappa p { padding-left: 20px; } .ah-chi-foto { position: static; aspect-ratio: 4 / 3; } .ah-chi-mosaico { gap: 10px; } .ah-formazione { grid-template-columns: 1fr; } .ah-chi-nota { padding: 22px 20px; gap: 16px; } .ah-chi-squadra .ah-squadra { gap: 20px; } } /* Sul telefono una persona per riga: foto piccola a sinistra, testo a destra (in due colonne il testo diventava una striscia) */ @media (max-width: 600px) { .ah-chi-squadra .ah-squadra { grid-template-columns: 1fr; gap: 26px; } .ah-chi-squadra .ah-membro { display: grid !important; grid-template-columns: 112px 1fr; column-gap: 18px; align-items: start; } .ah-chi-squadra .ah-membro > * { margin-block-start: 0 !important; grid-column: 2; } .ah-chi-squadra .ah-membro > .ah-forma { grid-column: 1; grid-row: 1 / span 3; margin: 0; } .ah-chi-squadra .ah-membro h3 { font-size: 1.4rem; } } /* Schede trattamento su fondo verde (La prima volta): sul salvia il titolo si perdeva (Luca 21/10). Scheda chiara con la foto dentro, titolo più grande e scuro, «su futon» come etichetta */ .has-salvia-background-color .ah-tratt { background: #FBF7F0; border-radius: var(--ah-raggio); padding: 14px 14px 24px; box-shadow: 0 10px 30px rgba(47, 58, 46, .10); } .has-salvia-background-color .ah-tratt > * { margin-block-start: 0 !important; } .has-salvia-background-color .ah-tratt .ah-forma { border-radius: 16px; margin-bottom: 20px; } .has-salvia-background-color .ah-tratt > :not(.ah-forma) { padding-left: 12px; padding-right: 12px; } .has-salvia-background-color .ah-tratt .ah-riga { align-items: center; margin-bottom: 10px !important; } .has-salvia-background-color .ah-tratt h3 { font-size: clamp(1.7rem, 2.6vw, 2.15rem); color: var(--wp--preset--color--inchiostro); } .has-salvia-background-color .ah-tratt .ah-meta { background: var(--wp--preset--color--salvia-chiaro); color: var(--ah-bosco); padding: 5px 12px; border-radius: 999px; font-size: .8rem; } .has-salvia-background-color .ah-tratt .wp-block-buttons { margin-top: 14px; } /* La prima volta: la frase «massaggio o trattamento» chiude la sezione dei due trattamenti. Era una nota piccola e si perdeva sotto le schede (Luca 21/10: «è molto importante») */ .ah-spiega-massaggio { max-width: 760px; margin-left: auto !important; margin-right: auto !important; margin-top: 54px !important; text-align: center; font-family: var(--wp--preset--font-family--titoli); font-size: clamp(1.25rem, 2.2vw, 1.6rem); line-height: 1.5; color: var(--wp--preset--color--inchiostro); } .ah-spiega-massaggio::before { content: ""; display: block; width: 64px; height: 56px; margin: 0 auto 16px; background: url("../img/acquerello/loto.webp") center / contain no-repeat; } /* Yoga e meditazione nello stile di Chi siamo (Luca 21/10). Costruttore: yoga_meditazione() in pagine-2.py */ .ah-yoga-corsi > h2, .ah-yoga-iniziare > h2, .ah-yoga-carnet > h2 { margin: 0 0 30px; } .ah-corsi { display: grid !important; grid-template-columns: 1fr 1fr; gap: 30px; } .ah-corsi > *, .ah-corso-scheda > * { margin-block-start: 0 !important; } .ah-corso-scheda { position: relative; background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 14px 14px 26px; } .ah-corso-scheda > :not(.ah-forma):not(.ah-corso-quando) { padding-left: 14px; padding-right: 14px; } .ah-corso-scheda .ah-forma { aspect-ratio: 4 / 3; border-radius: 16px; margin-bottom: 22px; } .ah-corso-quando { position: absolute; top: 28px; left: 28px; background: var(--ah-bosco); color: var(--ah-crema); padding: 8px 16px; border-radius: 999px; font-size: .9rem; font-weight: 500; letter-spacing: .02em; } .ah-corso-scheda h3 { font-size: clamp(1.6rem, 2.4vw, 2rem); margin: 0 0 4px; } .ah-corso-scheda .ah-meta { margin-bottom: 12px !important; } .ah-corsi-nota { margin-top: 26px !important; color: var(--ah-tenue); font-size: .95rem; } .ah-passi-yoga { grid-template-columns: repeat(3, 1fr); margin-top: 0 !important; } .ah-passi-yoga .ah-passo p { font-size: 1rem; color: var(--wp--preset--color--inchiostro); line-height: 1.6; } .ah-carnet-griglia { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 26px !important; margin-bottom: 20px !important; } .ah-carnet-griglia > *, .ah-carnet > * { margin-block-start: 0 !important; } .ah-carnet { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 26px 22px; text-align: center; } .ah-carnet:nth-child(3) { background: var(--ah-bosco); } .ah-carnet:nth-child(3) p { color: var(--ah-crema) !important; } .ah-carnet-nome { font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ah-tenue); margin: 0 0 10px !important; } .ah-carnet-prezzo { font-family: var(--wp--preset--font-family--titoli); font-size: 2.8rem; line-height: 1; margin: 0 0 12px !important; color: var(--wp--preset--color--inchiostro); } .ah-carnet-dettagli { font-size: .9rem; color: var(--ah-tenue); margin: 0; } .ah-individuali { display: grid !important; gap: 16px; } .ah-individuali > *, .ah-individuale > * { margin-block-start: 0 !important; } .ah-individuale { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 24px 26px; } .ah-individuale h3 { font-size: 1.5rem; margin: 0 0 12px; } .ah-etichette { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; } .ah-etichette li { background: var(--wp--preset--color--salvia-chiaro); color: var(--ah-bosco); padding: 6px 14px; border-radius: 999px; font-size: .88rem; } .ah-yoga-individuali .wp-block-buttons { margin-top: 24px; } .ah-yoga-meditazione .wp-block-buttons { margin-top: 30px; } @media (max-width: 980px) { .ah-carnet-griglia { grid-template-columns: repeat(2, 1fr); } .ah-passi-yoga { grid-template-columns: 1fr; } } @media (max-width: 700px) { .ah-corsi { grid-template-columns: 1fr; } .ah-corso-quando { top: 24px; left: 24px; } .ah-carnet { padding: 22px 14px; } .ah-carnet-prezzo { font-size: 2.2rem; } } /* PROVA 21/10 (Luca): menu tutto in maiuscolo. Per tornare indietro basta togliere questo blocco */ .ah-nav .wp-block-navigation .wp-block-navigation-item__content { text-transform: uppercase; letter-spacing: .13em; font-size: .74rem; font-weight: 500; } .ah-nav .is-menu-open .wp-block-navigation-item__content { letter-spacing: .08em; font-size: 1.25rem !important; } .ah-nav .is-menu-open .ah-nav-wa .wp-block-navigation-item__content { text-transform: none; letter-spacing: 0; } /* PROVA 21/10: testata «centrale» come sadhaka.nl (si vede con ?menu=centrale, si sceglie con AH_MENU in functions.php). Sul computer: barra a tutta larghezza, loto in mezzo, tre voci per lato, trasparente in cima e chiara quando si scorre. Sotto i 1140 px è come la pillola: logo intero e menu a tendina */ .ah-nav-centrale { display: flex !important; justify-content: space-between; align-items: center; } .ah-nav-centrale .ah-nav-sx, .ah-nav-centrale .ah-nav-dx, .ah-nav-centrale .ah-loto-centro { display: none !important; } @media (min-width: 1141px) { .ah-testata:has(.ah-nav-centrale) { top: 0; padding: 0; } .admin-bar .ah-testata:has(.ah-nav-centrale) { top: 32px; } .ah-nav-centrale { display: grid !important; grid-template-columns: 1fr auto 1fr; column-gap: 46px; max-width: none; padding: 14px 40px !important; } .ah-nav-centrale > * { margin: 0 !important; } .ah-nav-centrale::before { border-radius: 0; box-shadow: none; opacity: 0; transition: opacity .3s ease; background: rgba(251, 248, 243, .88); border-bottom: 1px solid var(--ah-linea); } .ah-scorre .ah-nav-centrale::before { opacity: 1; } .ah-nav-centrale .ah-logo-mobile, .ah-nav-centrale .ah-nav-mobile { display: none !important; } .ah-nav-centrale .ah-nav-sx { display: flex !important; grid-column: 1; justify-self: end; } .ah-nav-centrale .ah-nav-dx { display: flex !important; grid-column: 3; justify-self: start; } .ah-nav-centrale .ah-loto-centro { display: block !important; grid-column: 2; } .ah-loto-centro img { display: block; height: 52px; width: auto; transition: transform .3s ease; } .ah-loto-centro:hover img { transform: scale(1.05); } } /* Contatti nello stile di Chi siamo (Luca 21/10). Costruttore: contatti() in pagine-2.py */ .ah-pag-contatti > h2, .ah-pag-dove h2 { margin: 0 0 28px; } .ah-contatti { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 20px; } .ah-contatti > *, .ah-contatti-note > *, .ah-parcheggio > *, .ah-scheda-info > * { margin-block-start: 0 !important; } .ah-contatto { display: flex; flex-direction: column; gap: 6px; padding: 28px 26px; border-radius: var(--ah-raggio); background: var(--ah-bianco); color: var(--wp--preset--color--inchiostro); text-decoration: none; transition: transform .25s ease, box-shadow .25s ease; } .ah-contatto:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(47, 58, 46, .12); } .ah-contatto:first-child { background: var(--ah-bosco); color: var(--ah-crema); } .ah-contatto-icona { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--wp--preset--color--salvia-chiaro); color: var(--ah-bosco); margin-bottom: 10px; } .ah-contatto:first-child .ah-contatto-icona { background: rgba(246, 241, 233, .14); color: var(--ah-crema); } .ah-contatto-icona svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } .ah-contatto-nome { font-size: .76rem; letter-spacing: .14em; text-transform: uppercase; opacity: .75; } .ah-contatto-valore { font-family: var(--wp--preset--font-family--titoli); font-size: 1.45rem; line-height: 1.25; word-break: break-word; } .ah-contatto-azione { margin-top: 10px; font-size: .9rem; text-decoration: underline; text-underline-offset: 4px; } .ah-contatti-note { margin-top: 30px !important; color: var(--ah-tenue); } .ah-contatti-note > * { max-width: 760px; } .ah-contatti-note p + p { margin-top: .8em; } .ah-distanze { list-style: none; padding: 0; margin: 18px 0 30px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } .ah-distanze li { background: var(--ah-bianco); border-radius: 16px; padding: 16px 18px; display: grid; grid-template-columns: 1fr auto; align-items: baseline; row-gap: 2px; } .ah-distanze span { font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--ah-tenue); grid-column: 1 / -1; } .ah-distanze strong { font-family: var(--wp--preset--font-family--titoli); font-weight: 400; font-size: 1.6rem; } .ah-distanze em { font-style: normal; color: var(--ah-tenue); font-size: .92rem; } .ah-parcheggio { display: flex !important; gap: 18px; align-items: flex-start; padding-top: 24px; border-top: 1px solid var(--ah-linea); } .ah-parcheggio .ah-icona { flex: none; width: 40px; height: 40px; margin: 0; } .ah-parcheggio h3 { margin: 0 0 6px; font-size: 1.25rem; } .ah-parcheggio p { margin: 0; } .ah-contatti-foto { aspect-ratio: 4 / 5; border-radius: 300px 300px var(--ah-raggio) var(--ah-raggio) !important; margin-bottom: 22px; } .ah-pag-dove .wp-block-column:last-child .wp-block-buttons { justify-content: center; } .ah-schede-info { gap: 24px; } .ah-scheda-info { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 32px 32px 28px; } .ah-scheda-info .ah-icona { display: block; width: 42px; height: 42px; margin: 0 0 14px; } .ah-scheda-info h2 { font-size: clamp(1.6rem, 2.4vw, 2rem); margin: 0 0 18px; } .ah-scheda-info p + p { margin-top: .8em; } .ah-giorni { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0 0 12px; } .ah-giorni li { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font-size: .8rem; font-weight: 500; background: var(--ah-bosco); color: var(--ah-crema); } .ah-giorni li.chiuso { background: transparent; color: var(--ah-tenue); border: 1px dashed var(--ah-linea); text-decoration: line-through; } .ah-orario { font-family: var(--wp--preset--font-family--titoli); font-size: 1.9rem; margin: 0 0 14px !important; } .ah-scheda-info .wp-block-buttons { margin-top: 18px; } @media (max-width: 900px) { .ah-contatti { grid-template-columns: 1fr; gap: 12px; } .ah-contatto { display: grid; grid-template-columns: 46px 1fr; column-gap: 16px; padding: 20px; } .ah-contatto-icona { grid-row: 1 / span 3; margin: 0; } .ah-contatto-azione { margin-top: 2px; } } @media (max-width: 600px) { .ah-distanze li { padding: 14px; } .ah-distanze strong { font-size: 1.35rem; } .ah-giorni li { width: 38px; height: 38px; } .ah-scheda-info { padding: 26px 22px 22px; } .ah-contatti-foto { aspect-ratio: 4 / 3.4; } } .ah-contatti-note > * + *, .ah-scheda-info > p + p { margin-block-start: .8em !important; } /* Menu del telefono: il pulsante WhatsApp sporgeva dall'elenco (larghezza 100% più il padding) */ .ah-nav .is-menu-open .wp-block-navigation-item__content { box-sizing: border-box; } /* Contatti sul telefono: l'indirizzo email non stava nella tessera */ .ah-contatto-valore { overflow-wrap: anywhere; min-width: 0; } @media (max-width: 900px) { .ah-contatto-valore { font-size: 1.2rem; } .ah-contatto > span { min-width: 0; } } /* Distanze: «poco più di un'ora» schiacciava i km. I km non vanno mai a capo; sul telefono il tempo va sotto */ .ah-distanze strong { white-space: nowrap; } .ah-distanze em { text-align: right; } @media (max-width: 600px) { .ah-distanze li { grid-template-columns: 1fr; } .ah-distanze em { text-align: left; } } .ah-distanze li { align-content: start; } /* Telefono e tablet con la testata centrale, come sadhaka.nl (Luca 21/10): loto in mezzo, tre linee a destra, niente barra in cima; quando si scorre compare la barra chiara come sul computer */ @media (max-width: 1140px) { .ah-testata:has(.ah-nav-centrale) { top: 0; padding: 0; pointer-events: none; } .ah-testata:has(.ah-nav-centrale) a, .ah-testata:has(.ah-nav-centrale) button { pointer-events: auto; } .ah-nav-centrale { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; max-width: none; padding: 12px 18px !important; } .ah-nav-centrale > * { margin: 0 !important; } .ah-nav-centrale::before { border-radius: 0; box-shadow: none; opacity: 0; transition: opacity .3s ease; background: rgba(251, 248, 243, .9); border-bottom: 1px solid var(--ah-linea); } .ah-scorre .ah-nav-centrale::before { opacity: 1; } .ah-nav-centrale .ah-logo-mobile { display: none !important; } .ah-nav-centrale .ah-loto-centro { display: block !important; grid-column: 2; } .ah-nav-centrale .ah-loto-centro img { display: block; height: 44px; width: auto; } .ah-nav-centrale .ah-nav-mobile { grid-column: 3; justify-self: end; } /* tre linee al posto delle due di WordPress */ .ah-nav .ah-nav-mobile .wp-block-navigation__responsive-container-open { width: 44px; height: 44px; padding: 0; display: grid !important; place-items: center; color: var(--wp--preset--color--inchiostro); } .ah-nav .ah-nav-mobile .wp-block-navigation__responsive-container-open svg { display: none; } .ah-nav .ah-nav-mobile .wp-block-navigation__responsive-container-open::before { content: ""; width: 24px; height: 16px; background: linear-gradient(currentColor, currentColor) top / 100% 1.6px no-repeat, linear-gradient(currentColor, currentColor) center / 100% 1.6px no-repeat, linear-gradient(currentColor, currentColor) bottom / 100% 1.6px no-repeat; } .ah-nav .ah-nav-mobile .wp-block-navigation__responsive-container-close { top: 18px; right: 18px; } } /* Menu aperto sul telefono (testata centrale): loto in mezzo e X al posto delle tre linee, così aprendo e chiudendo non salta niente */ @media (max-width: 1140px) { .ah-nav-centrale .is-menu-open .wp-block-navigation__responsive-container-content::before { top: -14px; left: 50%; width: 50px; height: 44px; transform: translateX(-50%); background: url("../img/loto-menu.webp") center / contain no-repeat; } .ah-nav .ah-nav-centrale .ah-nav-mobile .wp-block-navigation__responsive-container-close, .ah-nav-centrale .ah-nav-mobile .wp-block-navigation__responsive-container-close { width: 44px; height: 44px; top: -21px; right: -8px; display: grid; place-items: center; } .ah-nav-centrale .ah-nav-mobile .wp-block-navigation__responsive-container-close svg { width: 26px !important; height: 26px !important; } } /* Home, «Yoga e meditazione» ed «Eventi» sul telefono (Luca 22/10: «spaziata male»): l'orario va sotto il titolo su una riga sola invece che in una colonnina stretta, e fra yoga ed eventi c'è respiro con una linea */ @media (max-width: 781px) { .ah-corso { flex-direction: column; gap: 6px; } .ah-quando { text-align: left; } .ah-quando br { display: none; } .ah-quando b { margin-right: 4px; } #yoga > .wp-block-columns > .wp-block-column + .wp-block-column { margin-top: 26px !important; padding-top: 44px; border-top: 1px solid var(--ah-linea); } .ah-evento { gap: 16px; } } /* Ancore (#pacchetti, #un-trattamento-al-mese): la testata non deve coprire il titolo quando ci si arriva */ [id] { scroll-margin-top: 110px; } /* La prima volta e Prezzi: accanto al riquadro dei 65 €, testo e pulsanti centrati in altezza */ .ah-prenota-prima { align-self: center; } .ah-prenota-prima > * { margin-block-start: 0 !important; } .ah-prenota-prima > * + * { margin-block-start: 1em !important; } /* Buoni regalo nello stile di Chi siamo e Yoga (Luca 26/10). Costruttore: buoni_regalo() in pagine-2.py. Riusa le schede di Dove siamo (.ah-scheda-info), le tessere dei carnet (.ah-carnet) e i passi dello yoga */ .ah-buono-modi > h2, .ah-buono-cosa > h2, .ah-buono-passi > h2 { margin: 0 0 30px; } .ah-buono-modo { display: flex; flex-direction: column; } .ah-buono-modo > * { margin-block-start: 0 !important; } .ah-buono-modo h3 { font-size: clamp(1.6rem, 2.4vw, 2rem); margin: 0 0 14px; } .ah-buono-modo p { margin: 0 0 6px; } .ah-buono-modo .wp-block-buttons { margin-top: auto !important; padding-top: 18px; } .ah-buono-modo .ah-icona { width: 46px; height: 46px; } /* Nelle tessere dei prezzi spicca la seconda (90 minuti, quella consigliata per la prima volta), non la terza dello yoga */ .ah-buono-cosa .ah-carnet:nth-child(3) { background: var(--ah-bianco); } .ah-buono-cosa .ah-carnet:nth-child(3) p { color: inherit !important; } .ah-buono-cosa .ah-carnet:nth-child(3) .ah-carnet-nome, .ah-buono-cosa .ah-carnet:nth-child(3) .ah-carnet-dettagli { color: var(--ah-tenue) !important; } .ah-buono-cosa .ah-carnet:nth-child(3) .ah-carnet-prezzo { color: var(--wp--preset--color--inchiostro) !important; } .ah-buono-cosa .ah-carnet:nth-child(2) { background: var(--ah-bosco); } .ah-buono-cosa .ah-carnet:nth-child(2) p { color: var(--ah-crema) !important; } .ah-buono-cosa .ah-carnet-nome { line-height: 1.5; } .ah-passi-buono { grid-template-columns: repeat(4, 1fr); } .ah-buono-ricevi { max-width: 680px; margin-left: auto !important; margin-right: auto !important; text-align: center; } .ah-buono-ricevi > * { margin-block-start: 0 !important; } .ah-buono-ricevi .ah-icona { display: block; width: 46px; height: 46px; margin: 0 auto 16px; } .ah-buono-ricevi h2 { margin: 0 0 16px; } .ah-buono-ricevi .wp-block-buttons { margin-top: 18px !important; } @media (max-width: 980px) { .ah-passi-buono { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .ah-passi-buono { grid-template-columns: 1fr; } } /* Consulenza, «Massaggio o trattamento?», Domande frequenti e pagina 404 nello stile di Chi siamo (Luca 26/10). Costruttori: consulenza(), massaggio_trattamento(), pagina_faq() in pagine-2.py; la 404 è templates/404.html */ .ah-centrata { max-width: 680px; margin-left: auto !important; margin-right: auto !important; text-align: center; } .ah-centrata > * { margin-block-start: 0 !important; } .ah-centrata .ah-icona { display: block; width: 46px; height: 46px; margin: 0 auto 16px; } .ah-centrata h2 { margin: 0 0 16px; } .ah-centrata > p + p { margin-top: .8em !important; } .ah-centrata .ah-nota-piccola { margin-top: 1.4em !important; } .ah-centrata .wp-block-buttons { margin-top: 22px !important; } .ah-etichette-link a { color: inherit; text-decoration: none; } .ah-etichette-link li { transition: background .2s, color .2s; } .ah-etichette-link li:hover { background: var(--ah-bosco); color: var(--ah-crema); } /* Consulenza: Camilla accanto ai due momenti dell'ora */ .ah-consulenza-foto { aspect-ratio: 4 / 5; border-radius: 300px 300px var(--ah-raggio) var(--ah-raggio) !important; } .ah-consulenza-foto img { width: 100%; height: 100%; object-fit: cover; } .ah-consulenza-ora .wp-block-column > h2 { margin: 0 0 26px; } .ah-passi-consulenza { grid-template-columns: 1fr; margin-top: 0 !important; gap: 16px; } .ah-passi-consulenza .ah-passo h3 { font-size: 1.45rem; } .ah-passi-consulenza .ah-passo p { font-size: 1rem; color: var(--wp--preset--color--inchiostro); line-height: 1.6; } .ah-passi-consulenza .ah-passo p + p { margin-top: .7em !important; } .ah-consulenza-indicazione .ah-meta { white-space: normal; text-transform: uppercase; letter-spacing: .12em; font-size: .76rem; margin: 0 0 12px !important; } .ah-consulenza-indicazione .ah-etichette + .ah-meta { margin-top: 24px !important; } .ah-consulenza-prima .wp-block-column > h2 { margin: 0 0 18px; } .ah-consulenza-prima .wp-block-column > p + p { margin-top: .8em !important; } @media (max-width: 781px) { .ah-consulenza-foto { aspect-ratio: 4 / 3.4; } } /* Massaggio o trattamento: le due cose a confronto, il trattamento sulla scheda scura */ .ah-confronto { display: grid !important; grid-template-columns: 1fr 1.15fr; gap: 24px; align-items: stretch; } .ah-confronto > * { margin-block-start: 0 !important; } .ah-confronto-solito, .ah-confronto-noi { border-radius: var(--ah-raggio); padding: 40px 38px 36px; } .ah-confronto-solito > *, .ah-confronto-noi > * { margin-block-start: 0 !important; } .ah-confronto-solito { background: var(--ah-bianco); } .ah-confronto-solito p:not(.is-style-occhiello) { color: var(--ah-tenue); } .ah-confronto-noi { background: var(--ah-bosco); } .ah-confronto-noi, .ah-confronto-noi h2, .ah-confronto-noi p, .ah-confronto-noi li { color: var(--ah-crema) !important; } .ah-confronto h2 { font-size: clamp(1.7rem, 2.6vw, 2.2rem); margin: 0 0 18px; } .ah-confronto p + p { margin-top: .8em !important; } .ah-cambia { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 14px; } .ah-cambia li { position: relative; padding-left: 34px; line-height: 1.55; } .ah-cambia li::before { content: ""; position: absolute; left: 0; top: .2em; width: 22px; height: 22px; border-radius: 50%; background: #F6F1E9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%232F3A2E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; } .ah-cambia strong { font-weight: 600; } .ah-sez-partire > h2 { margin: 0 0 18px; } .ah-sez-partire .ah-tratt-griglia { margin-top: 30px !important; } .ah-sez-partire .ah-nota-piccola { margin-top: 26px !important; } .ah-sez-partire > .wp-block-buttons { margin-top: 22px !important; } .ah-righe .ah-etichette-link { margin-top: 18px !important; } @media (max-width: 800px) { .ah-confronto { grid-template-columns: 1fr; } .ah-confronto-solito, .ah-confronto-noi { padding: 30px 24px 26px; } } /* Domande frequenti: gli argomenti in cima, i titoli che restano in vista mentre si scorre */ .ah-faq-temi ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 44px; } .ah-faq-temi a { display: block; padding: 8px 16px; border-radius: 999px; background: var(--wp--preset--color--salvia-chiaro); color: var(--ah-bosco); text-decoration: none; font-size: .9rem; transition: background .2s, color .2s; } .ah-faq-temi a:hover { background: var(--ah-bosco); color: var(--ah-crema); } .ah-faq-pagina .ah-faq-gruppo { margin-block-start: 0 !important; padding: 44px 0; border-top: 1px solid var(--ah-linea); } .ah-faq-pagina .ah-faq-temi + .ah-faq-gruppo { border-top: 0; padding-top: 0; } .ah-faq-pagina .ah-faq-gruppo:last-child { padding-bottom: 0; } .ah-faq-pagina .ah-faq-gruppo .wp-block-columns { padding: 0 !important; border-top: 0 !important; } @media (min-width: 782px) { .ah-faq-pagina .ah-faq-gruppo .wp-block-column:first-child { align-self: stretch !important; } .ah-faq-pagina .ah-riga-titolo { position: sticky; top: 110px; } } @media (max-width: 781px) { .ah-faq-pagina .ah-faq-gruppo { padding: 34px 0; } } /* Pagina 404: il testo allineato al titolo e le scorciatoie verso le pagine che si cercano di più */ .ah-404 { max-width: 760px; } .ah-404 > * { margin-block-start: 0 !important; } .ah-404 h1 { margin: 0 0 18px; } .ah-404 .wp-block-buttons { margin-top: 26px !important; } .ah-404 .ah-404-oppure { margin-top: 34px !important; color: var(--ah-tenue); font-size: .95rem; } .ah-404 .ah-etichette { margin-top: 12px !important; } /* Consulenza: i temi del manuale di Camilla, una scheda per tema (Luca 29/10). Costruttore: consulenza() in pagine-2.py */ .ah-testa-temi > * { margin-block-start: 0 !important; } .ah-testa-temi h2 { margin: 0 0 14px; } .ah-testa-temi p { max-width: 640px; } .ah-temi { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 30px !important; } .ah-temi > *, .ah-tema > * { margin-block-start: 0 !important; } .ah-tema { background: var(--ah-bianco); border-radius: var(--ah-raggio); padding: 26px 24px 24px; } .ah-tema .ah-icona { display: block; width: 40px; height: 40px; margin: 0 0 14px; } .ah-tema h3 { font-size: 1.35rem; margin: 0 0 10px; } .ah-tema p { font-size: .95rem; line-height: 1.6; margin: 0; } @media (max-width: 980px) { .ah-temi { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .ah-temi { grid-template-columns: 1fr; } } /* Prezzi: la consulenza in una fascia sua, con Camilla accanto (Luca 29/10). Costruttore: pagine-1.py */ .ah-prezzi-consulenza .wp-block-column > * { margin-block-start: 0 !important; } .ah-prezzi-consulenza h2 { margin: 0 0 16px; } .ah-prezzi-consulenza .is-style-lead { margin-bottom: 22px; } .ah-prezzi-consulenza .ah-etichette { margin: 0 0 4px; } .ah-prezzi-consulenza .ah-dati { margin-top: 20px !important; margin-bottom: 14px !important; } .ah-prezzi-consulenza .ah-nota-piccola { margin-bottom: 22px; } /* Landing di Google Ads (/primo-trattamento/, 29/10): foto che si alternano ogni 2,5 secondi e piè di pagina a una colonna. Lo scambio delle foto lo fa lo script in functions.php. */ .ah-ruota { position: relative; aspect-ratio: 4 / 4.4; } .ah-ruota img { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease; } .ah-ruota img.ah-ruota-attiva { opacity: 1; } .ah-piede-landing { text-align: center; padding: 64px 24px 90px !important; } .ah-piede-landing > * { margin-left: auto !important; margin-right: auto !important; } .ah-piede-landing .ah-piede-logo img { height: 70px; width: auto; } .ah-piede-landing .ah-piede-dove { margin-top: 26px !important; line-height: 1.7; } .ah-piede-landing .ah-piede-contatti { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-top: 14px !important; } .ah-piede-landing .ah-piede-contatti a { text-decoration: underline; text-underline-offset: 4px; } .ah-piede-landing .ah-legali-link { border-top: 1px solid #465344; padding-top: 26px; margin-top: 34px !important; } .ah-piede-landing .ah-legali-link { justify-content: center; } /* 30/10: sul computer i link stavano a sinistra */ .ah-piede-landing .ah-legali-link a { margin: 0 9px; } .ah-piede-landing .ah-legale { font-size: .78rem; line-height: 1.6; opacity: .8; margin-top: 12px !important; } /* Landing di Google, giro 2 (Luca 29/10): il loto da solo al centro della testata, sempre; niente barra laterale dei contatti; il pulsante WhatsApp dice «Prenota su WhatsApp». Su computer e telefono è una pillola in basso a destra. */ .ah-testata-landing .ah-nav-centrale { display: grid !important; grid-template-columns: 1fr auto 1fr; } .ah-testata-landing .ah-loto-centro { display: block !important; grid-column: 2; } .ah-testata-landing .ah-loto-centro img { display: block; height: 52px; width: auto; } .page-template-pagina-landing .ah-barra-contatti { display: none !important; } .page-template-pagina-landing .ah-wa-fisso { width: auto; height: auto; border-radius: 999px; padding: 9px 18px 9px 12px; display: flex; align-items: center; gap: 9px; text-decoration: none; font-size: .92rem; font-weight: 500; line-height: 1.2; } .page-template-pagina-landing .ah-wa-fisso svg { width: 28px; height: 28px; flex: none; } /* Sul computer la stessa pillola del telefono, in basso a destra (Luca 29/10: la versione verticale a metà pagina no) */ @media (min-width: 901px) { .page-template-pagina-landing .ah-wa-fisso { display: flex !important; right: 24px; bottom: 24px; padding: 11px 22px 11px 14px; font-size: .95rem; } } @media (max-width: 1140px) { .ah-testata-landing .ah-loto-centro img { height: 44px; } } @media (max-width: 781px) { .ah-foto-prima .wp-block-columns { flex-direction: column-reverse; } .ah-foto-prima .ah-ruota { aspect-ratio: 4 / 3.3; border-radius: 200px 200px var(--ah-raggio) var(--ah-raggio); } } /* Fascia verde ad acquerello come il piè di pagina, con le schede chiare sopra (Prezzi, Buoni regalo e Yoga: Luca 29/10) */ .ah-acquerello .ah-verdone { background-image: url("../img/acquerello/verde-scuro.webp"); background-size: cover; background-position: center; } /* «Offerta del mese» e newsletter (30/10/2026, brief di Luca del 29/10). inc/offerta-mese.php + assets/js/offerta.js. Le due fasce della home restano nascoste finché lo script non le riempie */ .ah-offerta-sezione:has(.ah-offerta:empty) { display: none !important; } /* Meno aria attorno al box (Luca 30/10): sopra poca, sotto lascia lo spazio alla fascia dei prezzi */ .ah-offerta-sezione { padding-top: var(--wp--preset--spacing--50) !important; padding-bottom: 0 !important; } .ah-offerta-scheda > *, .ah-offerta-voce > * { margin-block-start: 0 !important; } .ah-offerta-scheda .is-style-occhiello { margin-bottom: 12px !important; } .ah-offerta-scheda > p + p { margin-top: .5em !important; } .ah-offerta-voce h3 { font-size: 1.55rem; line-height: 1.25; margin: 0 0 8px; } .ah-offerta-voce h3 span, .ah-offerta-voce h3 small { font-family: var(--wp--preset--font-family--testo); font-size: .95rem; color: #D5DACB; font-weight: 400; } .ah-offerta-prezzo { display: flex; align-items: baseline; gap: 12px; margin: 2px 0 6px !important; } .ah-offerta-prezzo strong { font-family: var(--wp--preset--font-family--titoli); font-size: 2.6rem; line-height: 1; font-weight: 400; } .ah-offerta-prezzo s { font-size: 1.15rem; color: #B9C2AF; } .ah-offerta-scheda .wp-block-buttons { margin-top: 18px !important; } .ah-offerta-voce + .ah-offerta-voce { border-top: 1px solid rgba(246, 241, 233, .22); margin-top: 26px !important; padding-top: 24px; } .ah-offerta-community { font-size: .9rem; color: #D5DACB !important; border-top: 1px solid rgba(246, 241, 233, .22); margin-top: 26px !important; padding-top: 16px; } .ah-offerta-community a { color: var(--ah-crema); text-underline-offset: 3px; white-space: nowrap; } .ah-offerta-sezione .ah-riquadro-offerta { max-width: 760px; margin-left: auto; margin-right: auto; padding: 40px 44px !important; } @media (max-width: 600px) { .ah-offerta-sezione .ah-riquadro-offerta { padding: 28px 22px !important; } } /* Newsletter in home: testo a sinistra, modulo a destra, sul verde ad acquerello */ .ah-newsletter { display: grid; grid-template-columns: 1fr 1.1fr; gap: 50px; align-items: center; color: var(--ah-crema); } .ah-newsletter-testo > * { margin: 0; } .ah-newsletter-testo .is-style-occhiello { color: #D5DACB; margin-bottom: 12px; } .ah-newsletter-testo h2 { color: var(--ah-crema); margin-bottom: 14px; } .ah-newsletter-testo p:last-child { color: #DCE2D4; font-size: 1.08rem; line-height: 1.7; } .ah-newsletter-modulo { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .ah-newsletter-modulo .ah-campo-largo { grid-column: 1 / -1; } /* Nome e Cognome affiancati, l'email sotto (Luca 30/10) */ .ah-campo input { box-sizing: border-box; width: 100%; padding: 14px 18px; border-radius: 999px; border: 1px solid transparent; background: var(--ah-bianco); color: var(--wp--preset--color--inchiostro); font: inherit; } .ah-campo input:focus { outline: 2px solid #D5DACB; outline-offset: 2px; } /* La casella del consenso: quadrato crema arrotondato con la spunta del sito, in colonna con «Nome» ed «Email» (19 px = il rientro del testo dentro i campi) e al centro della prima riga (Luca 30/10) */ .ah-newsletter-consenso { grid-column: 1 / -1; display: flex; gap: 12px; align-items: flex-start; padding-left: 19px; font-size: .88rem; line-height: 1.5; color: #DCE2D4; cursor: pointer; } .ah-newsletter-consenso input { -webkit-appearance: none; appearance: none; flex: none; box-sizing: border-box; width: 20px; height: 20px; margin: calc((1.5em - 20px) / 2) 0 0; font: inherit; border: 0; border-radius: 6px; background: var(--ah-bianco); cursor: pointer; } .ah-newsletter-consenso input:checked { background: var(--ah-bianco) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%232F3A2E' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 15px no-repeat; } .ah-newsletter-consenso input:focus-visible { outline: 2px solid #D5DACB; outline-offset: 2px; } .ah-newsletter-consenso a { color: var(--ah-crema); } /* «Iscrivimi» come gli altri bottoni chiari del sito (is-style-chiaro: pillola crema e freccia nel cerchio, Luca 30/10) */ .ah-newsletter-invia { grid-column: 1 / -1; justify-self: start; margin-top: 4px; } .ah-newsletter-invia .wp-block-button__link { border: 0; cursor: pointer; } .ah-newsletter-modulo button:disabled { opacity: .6; cursor: default; } .ah-newsletter-esito { grid-column: 1 / -1; margin: 0; min-height: 1.4em; color: var(--ah-crema); font-size: .95rem; } .ah-newsletter-modulo.inviato .ah-campo, .ah-newsletter-modulo.inviato .ah-newsletter-consenso, .ah-newsletter-modulo.inviato .ah-newsletter-invia { display: none; } .ah-esca { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .ah-solo-lettori { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (max-width: 800px) { .ah-newsletter { grid-template-columns: 1fr; gap: 26px; } .ah-newsletter-modulo { grid-template-columns: 1fr; } } /* Il QR della community accanto al bottone, solo sul computer (Luca 30/10) */ .ah-offerta-con-qr { display: flex; gap: 30px; align-items: center; justify-content: space-between; } .ah-offerta-testo > * { margin-block-start: 0 !important; } .ah-offerta-testo > p + p { margin-top: .5em !important; } .ah-offerta-qr { margin: 0; flex: none; text-align: center; } .ah-offerta-qr img { display: block; width: 118px; height: 118px; border-radius: 10px; } .ah-offerta-qr figcaption { margin-top: 8px; font-size: .78rem; color: #D5DACB; } @media (max-width: 900px) { .ah-offerta-qr { display: none; } } /* Newsletter in cima al piè di pagina, in tutte le pagine (Luca 30/10). Nascosta finché il server non mette «ah-newsletter-attiva» sul body (c'è il flusso di GoHighLevel); col link d'anteprima si vede comunque */ .ah-newsletter-piede { display: none !important; } body.ah-newsletter-attiva .ah-newsletter-piede, body.ah-anteprima .ah-newsletter-piede { display: grid !important; padding-bottom: 44px; margin-bottom: 44px; border-bottom: 1px solid rgba(246, 241, 233, .18); } .ah-newsletter-piede h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); margin-bottom: 10px; } .ah-newsletter-piede .ah-newsletter-testo p:last-child { font-size: 1rem; } .ah-newsletter-piede .ah-campo input, .ah-newsletter-piede button { font-size: .95rem; } .ah-piede .ah-newsletter-consenso a { color: var(--ah-crema); text-decoration: underline; } /* Il box dell'offerta in fondo a «Prezzi chiari» (Luca 30/10). Vuoto non occupa spazio */ .ah-offerta-home .ah-riquadro-offerta { max-width: 760px; margin: 44px auto 0; padding: 40px 44px !important; } #offerta { scroll-margin-top: 120px; } @media (max-width: 600px) { .ah-offerta-home .ah-riquadro-offerta { margin-top: 30px; padding: 28px 22px !important; } } /* Parallasse sul verde ad acquerello, come la banda della home: lo sfondo resta fermo e il testo ci scorre sopra (Luca 30/10: «su tutto il sito, tranne che nel footer»). Solo da computer: sotto i 1000 px e su iPhone/iPad lo sfondo scorre normale, perché iOS non tiene fermo lo sfondo e lo disegnerebbe sgranato */ @media (min-width: 1001px) { .ah-acquerello .ah-fascia-spiega, .ah-acquerello .ah-verdone, .ah-video-esterno { background-attachment: fixed; } } @supports (-webkit-touch-callout: none) { .ah-acquerello .ah-fascia-spiega, .ah-acquerello .ah-verdone, .ah-video-esterno { background-attachment: scroll; } } /* Fra 901 e 1340 px la barra dei contatti a destra copriva il bordo del piè di pagina (modulo della newsletter, email, link legali): lì il piè si ferma prima, a sinistra resta allineato al resto della pagina (Luca 30/10). Le landing hanno il loro piè e niente barra */ @media (min-width: 901px) and (max-width: 1340px) { .ah-piede:not(.ah-piede-landing) { padding-right: 96px !important; } }