<!-- ══════════════════════════════════════════════════════════════
01-HEAD-CODE.html — Anhelo Caffè
→ Pegar en: Head & Footer Code → HEAD (todo el sitio)
→ Contiene: CSS de TODAS las páginas (IT y EN comparten el mismo CSS)
+ estilo para que el contenido sea visible sin JavaScript.
→ Todo el CSS está acotado a #an, #an-banner o :root.
→ También contiene el script SEO (hreflang + JSON-LD de las 26 páginas, activado según la URL).
→ NO contiene: , <meta>, canonical, robots ni Open Graph (los gestiona Yoast).
→ Las rutas de imágenes no aparecen en el CSS (solo un SVG incrustado en data:).
══════════════════════════════════════════════════════════════ -->
<noscript>
<style>
#an .an-reveal { opacity: 1 !important; transform: none !important; }
</style>
</noscript>
<style>
/* @@CSS-COMUN (incluye :root) */
:root {
--an-ivory: #F6F1E3;
--an-ivory-2: #EFE8D5;
--an-dark: #33100A;
--an-ink: #47170E;
--an-ink-2: #5C2A1E;
--an-ink-3: #7A4A3B;
--an-sage: #ADC8AE;
--an-sage-lt: #C9DBCA;
--an-sage-dk: #7FA081;
--an-majolica: #23508F;
--an-hair: rgba(71,23,14,.18);
--an-hair-dk: rgba(246,241,227,.22);
--an-display: 'Fraunces', Georgia, 'Times New Roman', serif;
--an-sans: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
--an-sec: clamp(88px, 12vw, 168px);
--an-gutter: clamp(20px, 4vw, 56px);
--an-max: 1320px;
--an-ease: cubic-bezier(.16,1,.3,1);
--an-zz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'%3E%3Cpath d='M0 9 L6 1 L12 9 L18 1 L24 9 M3 9 L9 1 L15 9 L21 1 L27 9 M-21 9 L-15 1 L-9 9 L-3 1 L3 9' fill='none' stroke='%2347170E' stroke-width='0.9'/%3E%3C/svg%3E");
}
#an {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
overflow-x: hidden;
z-index: 9999;
background: var(--an-ivory);
color: var(--an-ink);
font-family: var(--an-sans);
font-size: 17px;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
scroll-padding-top: 96px;
overscroll-behavior: contain;
}
#an *, #an *::before, #an *::after { box-sizing: border-box; }
#an h1, #an h2, #an h3, #an h4, #an p, #an ul, #an ol, #an dl, #an dd, #an figure, #an blockquote { margin: 0; padding: 0; }
#an ul, #an ol { list-style: none; }
#an img { display: block; max-width: 100%; height: auto; }
#an a { color: inherit; text-decoration: none; }
#an button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
#an :focus-visible { outline: 2px solid var(--an-majolica); outline-offset: 3px; }
.an-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { #an { scroll-behavior: auto; } }
/* Skip Link */
#an .an-skip {
position: absolute;
top: -100px;
left: 16px;
z-index: 10001;
background: var(--an-dark);
color: var(--an-ivory);
padding: 12px 20px;
font-weight: 700;
font-size: 14px;
border-radius: 2px;
transition: top 0.2s var(--an-ease);
}
#an .an-skip:focus { top: 16px; }
/* Layout Helpers */
#an .an-container {
width: 100%;
max-width: var(--an-max);
margin: 0 auto;
padding-left: var(--an-gutter);
padding-right: var(--an-gutter);
}
#an .an-sec-padding {
padding-top: var(--an-sec);
padding-bottom: var(--an-sec);
}
/* Typography Utilities */
#an h1, #an h2, #an h3 {
font-family: var(--an-display);
font-weight: 300;
font-optical-sizing: auto;
color: var(--an-ink);
}
#an .an-h1 {
font-size: clamp(38px, 5.5vw, 76px);
line-height: 1.06;
letter-spacing: -.02em;
}
#an .an-h2 {
font-size: clamp(30px, 3.8vw, 52px);
line-height: 1.12;
letter-spacing: -.015em;
}
#an .an-h3 {
font-size: clamp(22px, 2.4vw, 32px);
line-height: 1.25;
}
#an .an-lead {
font-size: clamp(17px, 1.4vw, 20px);
line-height: 1.65;
color: var(--an-ink-2);
}
#an .an-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--an-sans);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .24em;
color: var(--an-majolica);
margin-bottom: 14px;
}
#an .an-eyebrow::after {
content: '';
display: inline-block;
width: 32px;
height: 6px;
background: currentColor;
opacity: 0.8;
-webkit-mask: var(--an-zz) repeat-x center / 14px 6px;
mask: var(--an-zz) repeat-x center / 14px 6px;
}
#an .an-eyebrow--dark { color: var(--an-sage); }
/* Dividers */
#an .an-divider-greca {
width: 100%;
height: 10px;
background-color: var(--an-hair);
-webkit-mask: var(--an-zz) repeat-x center / 24px 10px;
mask: var(--an-zz) repeat-x center / 24px 10px;
border: 0;
margin: 0;
}
#an .an-divider-greca--dark {
background-color: var(--an-hair-dk);
}
/* Buttons */
#an .an-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 16px 32px;
font-family: var(--an-sans);
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .18em;
background: var(--an-ink);
color: var(--an-ivory);
border: 1px solid var(--an-ink);
border-radius: 2px;
transition: background-color 0.3s var(--an-ease), color 0.3s var(--an-ease), transform 0.3s var(--an-ease);
}
#an .an-btn::after {
content: '';
position: absolute;
inset: 3px;
border: 1px solid currentColor;
opacity: 0.35;
border-radius: 1px;
pointer-events: none;
}
#an .an-btn:hover {
background: var(--an-dark);
color: var(--an-ivory);
}
#an .an-btn:hover .an-btn-arrow {
transform: translateX(4px);
}
#an .an-btn-arrow {
display: inline-block;
transition: transform 0.3s var(--an-ease);
}
/* Button Variants */
#an .an-btn--sage {
background: var(--an-sage);
color: var(--an-dark);
border-color: var(--an-sage);
}
#an .an-btn--sage:hover {
background: var(--an-sage-lt);
color: var(--an-dark);
}
#an .an-btn--secondary {
background: transparent;
color: var(--an-ink);
border-color: var(--an-ink);
}
#an .an-btn--secondary:hover {
background: var(--an-ink);
color: var(--an-ivory);
}
#an .an-btn--secondary-dark {
background: transparent;
color: var(--an-ivory);
border-color: var(--an-ivory);
}
#an .an-btn--secondary-dark:hover {
background: var(--an-ivory);
color: var(--an-dark);
}
#an .an-btn--white {
background: var(--an-ivory);
color: var(--an-dark);
border-color: var(--an-ivory);
}
#an .an-btn--white:hover {
background: var(--an-ivory-2);
color: var(--an-dark);
}
#an .an-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 500;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--an-ink);
border-bottom: 1px solid var(--an-hair);
padding-bottom: 2px;
transition: border-color 0.3s var(--an-ease), color 0.3s var(--an-ease);
}
#an .an-link:hover {
border-color: var(--an-ink);
}
/* Reveal Animations */
#an .an-reveal {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s var(--an-ease), transform 0.8s var(--an-ease);
}
#an .an-reveal.is-in {
opacity: 1;
transform: translateY(0);
}
#an .an-reveal--d1 { transition-delay: 0.12s; }
#an .an-reveal--d2 { transition-delay: 0.24s; }
#an .an-reveal--d3 { transition-delay: 0.36s; }
/* Corner Mayolica Decorative Frame */
#an .an-majolica-corner {
position: absolute;
width: min(320px, 35vw);
height: auto;
pointer-events: none;
z-index: 2;
opacity: 0.7;
}
#an .an-majolica-corner--top-right {
top: 0;
right: 0;
}
#an .an-majolica-corner--bottom-right {
bottom: 0;
right: 0;
}
/* Variante hero: más grande y más presente */
#an .an-majolica-corner--hero {
width: min(400px, 38vw);
opacity: 0.92;
}
@media (max-width: 767px) {
#an .an-majolica-corner { display: none; }
}
/* Contact Actions Component */
#an .an-contact-actions {
display: flex;
flex-direction: column;
gap: 12px;
}
#an .an-contact-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
/* Header Styles */
#an .an-header {
position: sticky;
top: 0;
z-index: 1000;
height: 84px;
background: var(--an-ivory);
border-bottom: 1px solid var(--an-hair);
transition: height 0.3s var(--an-ease), background-color 0.3s var(--an-ease), box-shadow 0.3s var(--an-ease);
}
#an .an-header.is-stuck {
height: 68px;
box-shadow: 0 4px 20px rgba(51,16,10,0.06);
}
#an .an-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
}
#an .an-brand {
display: flex;
align-items: center;
gap: 14px;
}
#an .an-brand-img {
height: 28px;
width: auto;
}
#an .an-brand-tag {
font-family: var(--an-display);
font-style: italic;
font-size: 13px;
color: var(--an-ink-3);
}
@media (max-width: 1023px) {
#an .an-brand-tag { display: none; }
}
#an .an-nav-desktop {
display: flex;
align-items: center;
gap: 32px;
}
@media (max-width: 1023px) {
#an .an-nav-desktop { display: none; }
}
#an .an-nav-list {
display: flex;
align-items: center;
gap: 28px;
}
#an .an-nav-link {
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .14em;
color: var(--an-ink);
position: relative;
padding: 4px 0;
transition: color 0.2s var(--an-ease);
}
#an .an-nav-link[aria-current="page"] {
color: var(--an-ink);
}
#an .an-nav-link[aria-current="page"]::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: var(--an-ink);
}
#an .an-lang-switch {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 500;
letter-spacing: .1em;
}
#an .an-lang-curr {
color: var(--an-ink);
font-weight: 700;
}
#an .an-lang-link {
color: var(--an-ink-3);
transition: color 0.2s var(--an-ease);
}
#an .an-lang-link:hover { color: var(--an-ink); }
/* Idioma actual en verde (cabecera clara: verde oscuro para contraste) */
#an .an-lang-curr { color: #4A7352; }
/* Mobile Navigation Burger & Drawer */
#an .an-burger {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 44px;
height: 44px;
padding: 10px;
}
@media (max-width: 1023px) {
#an .an-burger { display: flex; }
}
#an .an-burger-line {
display: block;
width: 100%;
height: 2px;
background: var(--an-ink);
transition: transform 0.3s var(--an-ease), opacity 0.3s var(--an-ease);
}
#an-nav-mobile {
position: fixed;
inset: 0;
z-index: 10000;
background: var(--an-dark);
color: var(--an-ivory);
padding: 32px var(--an-gutter);
display: flex;
flex-direction: column;
justify-content: flex-start;
overflow-y: auto;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.4s var(--an-ease), visibility 0.4s var(--an-ease);
}
#an-nav-mobile.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#an-nav-mobile .an-mobile-header {
display: flex;
align-items: center;
justify-content: space-between;
}
#an-nav-mobile .an-mobile-close {
color: var(--an-ivory);
font-size: 14px;
letter-spacing: .14em;
text-transform: uppercase;
padding: 12px;
}
#an-nav-mobile .an-mobile-links {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 40px;
}
#an-nav-mobile .an-mobile-link {
font-family: var(--an-display);
font-size: clamp(32px, 8vw, 44px);
font-weight: 300;
color: var(--an-ivory);
transition: color 0.2s var(--an-ease);
}
#an-nav-mobile .an-mobile-link[aria-current="page"] {
color: var(--an-sage);
}
#an-nav-mobile .an-mobile-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 24px;
border-top: 1px solid var(--an-hair-dk);
}
/* Selector de idioma al inicio del menú móvil */
#an-nav-mobile .an-mobile-lang {
margin-top: 18px;
margin-left: -8px;
gap: 0;
font-size: 15px;
letter-spacing: .14em;
}
#an-nav-mobile .an-mobile-lang .an-lang-curr {
color: var(--an-sage);
padding: 10px 8px;
}
#an-nav-mobile .an-mobile-lang .an-lang-link {
color: var(--an-ivory);
padding: 10px 8px;
}
#an-nav-mobile .an-mobile-footer { margin-top: auto; }
#an-nav-mobile .an-mobile-links { margin-top: 24px; }
/* Footer Styles */
#an .an-footer {
background: var(--an-dark);
color: var(--an-ivory);
position: relative;
overflow: hidden;
}
#an .an-footer-grid {
display: grid;
grid-template-columns: 2.2fr 1fr 1.2fr 1.6fr;
gap: 48px;
padding-top: calc(var(--an-sec) * 0.8);
padding-bottom: calc(var(--an-sec) * 0.8);
}
@media (max-width: 1023px) {
#an .an-footer-grid {
grid-template-columns: 1fr 1fr;
gap: 36px;
}
}
@media (max-width: 639px) {
#an .an-footer-grid {
grid-template-columns: 1fr;
gap: 32px;
}
}
#an .an-footer-logo {
width: min(220px, 60vw);
height: auto;
margin-bottom: 20px;
}
#an .an-footer-desc {
font-size: 15px;
line-height: 1.6;
color: rgba(246,241,227,0.78);
margin-bottom: 16px;
max-width: 320px;
}
#an .an-footer-legal-name {
font-size: 13px;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--an-sage);
}
#an .an-footer-heading {
font-family: var(--an-sans);
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .18em;
color: var(--an-sage);
margin-bottom: 20px;
}
#an .an-footer-list {
display: flex;
flex-direction: column;
gap: 12px;
}
#an .an-footer-list a {
font-size: 14px;
color: rgba(246,241,227,0.8);
transition: color 0.2s var(--an-ease);
}
#an .an-footer-list a:hover {
color: var(--an-ivory);
}
#an .an-footer-address {
font-size: 14px;
line-height: 1.6;
color: rgba(246,241,227,0.8);
}
#an .an-footer-piva {
font-size: 13px;
color: rgba(246,241,227,0.8);
margin-top: 12px;
}
#an .an-footer-bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 24px 0;
border-top: 1px solid var(--an-hair-dk);
font-size: 13px;
color: rgba(246,241,227,0.65);
}
#an .an-footer-legal-links {
display: flex;
align-items: center;
gap: 20px;
}
#an .an-footer-legal-links a, #an .an-btn-manage-cookies {
color: rgba(246,241,227,0.65);
font-size: 13px;
transition: color 0.2s var(--an-ease);
}
#an .an-footer-legal-links a:hover, #an .an-btn-manage-cookies:hover {
color: var(--an-ivory);
}
/* Cookie Banner Styles */
#an-banner, #an-banner * {
box-sizing: border-box;
}
#an-banner {
position: fixed;
bottom: 24px;
left: 24px;
z-index: 10000;
max-width: 420px;
width: calc(100% - 48px);
background: var(--an-dark);
color: var(--an-ivory);
padding: 24px;
border-radius: 2px;
border: 1px solid var(--an-hair-dk);
box-shadow: 0 12px 40px rgba(0,0,0,0.35);
box-sizing: border-box;
}
@media (max-width: 767px) {
#an-banner {
left: 16px;
right: 16px;
bottom: 16px;
width: auto;
max-width: none;
padding: 20px;
}
}
#an-banner[hidden] { display: none; }
#an-banner p {
font-size: 13px;
line-height: 1.6;
color: rgba(246,241,227,0.88);
margin-bottom: 20px;
}
#an-banner p a {
color: var(--an-sage);
text-decoration: underline;
}
#an-banner .an-bn-btns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
#an-banner .an-bn-btn {
padding: 12px 16px;
font-family: var(--an-sans);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .14em;
border-radius: 2px;
text-align: center;
}
#an-banner button[data-an-consent="decline"] {
background: transparent;
color: var(--an-ivory);
border: 1px solid var(--an-hair-dk);
}
#an-banner button[data-an-consent="decline"]:hover {
background: rgba(246,241,227,0.08);
}
#an-banner button[data-an-consent="accept"] {
background: var(--an-sage);
color: var(--an-dark);
border: 1px solid var(--an-sage);
}
#an-banner button[data-an-consent="accept"]:hover {
background: var(--an-sage-lt);
}
/* ════════ @@CSS-SCHEDA — las 5 fichas de producto (.an-pg-scheda) ════════ */
#an.an-pg-scheda .an-crumb-bar {
padding-top: 24px;
padding-bottom: 24px;
border-bottom: 1px solid var(--an-hair);
}
#an.an-pg-scheda .an-breadcrumbs {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: var(--an-ink-3);
}
#an.an-pg-scheda .an-breadcrumbs a {
color: var(--an-ink-2);
transition: color 0.2s var(--an-ease);
}
#an.an-pg-scheda .an-breadcrumbs a:hover {
color: var(--an-ink);
}
#an.an-pg-scheda .an-breadcrumbs-sep {
opacity: 0.5;
}
/* Hero Compact */
#an.an-pg-scheda .an-scheda-hero {
position: relative;
padding-top: clamp(48px, 6vw, 80px);
padding-bottom: clamp(48px, 6vw, 80px);
background: var(--an-dark);
color: var(--an-ivory);
overflow: hidden;
}
#an.an-pg-scheda .an-scheda-hero-bg {
position: absolute;
inset: 0;
z-index: 1;
}
#an.an-pg-scheda .an-scheda-hero-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#an.an-pg-scheda .an-scheda-hero-overlay {
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(180deg, rgba(43,13,7,0.85) 0%, rgba(43,13,7,0.72) 100%);
}
#an.an-pg-scheda .an-scheda-hero-content {
position: relative;
z-index: 3;
max-width: 820px;
}
#an.an-pg-scheda .an-scheda-hero-title {
color: var(--an-ivory);
margin-bottom: 12px;
}
#an.an-pg-scheda .an-scheda-hero-title .an-hero-compat {
display: block;
margin-top: .45em;
font-size: clamp(15px, 1.5vw, 19px);
font-weight: 400;
letter-spacing: .02em;
line-height: 1.3;
opacity: .7;
}
/* Detail Grid (7/12 Gallery + 5/12 Specs) */
#an.an-pg-scheda .an-scheda-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: clamp(32px, 5vw, 64px);
align-items: start;
}
#an.an-pg-scheda .an-scheda-grid > * {
min-width: 0;
}
@media (max-width: 1023px) {
#an.an-pg-scheda .an-scheda-grid {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 36px;
}
#an.an-pg-scheda .an-gallery-col {
position: static;
width: 100%;
}
}
#an.an-pg-scheda .an-gallery-col {
grid-column: span 7;
min-width: 0;
}
@media (min-width: 1024px) {
#an.an-pg-scheda .an-gallery-col {
position: sticky;
top: 96px;
}
}
#an.an-pg-scheda .an-specs-col {
grid-column: span 5;
min-width: 0;
}
/* Gallery */
#an.an-pg-scheda .an-gallery-main {
position: relative;
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
margin-bottom: 16px;
}
#an.an-pg-scheda .an-gallery-main-img {
max-width: 88%;
max-height: 88%;
object-fit: contain;
mix-blend-mode: multiply;
}
#an.an-pg-scheda .an-gallery-thumbs {
display: flex;
gap: 12px;
overflow-x: auto;
padding-bottom: 8px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
max-width: 100%;
}
#an.an-pg-scheda .an-thumb-btn {
flex: 0 0 84px;
height: 84px;
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
padding: 6px;
cursor: pointer;
scroll-snap-align: start;
transition: border-color 0.2s var(--an-ease), transform 0.2s var(--an-ease);
}
#an.an-pg-scheda .an-thumb-btn[aria-current="true"] {
border-color: var(--an-ink);
outline: 2px solid var(--an-ink);
outline-offset: -2px;
}
#an.an-pg-scheda .an-thumb-img {
width: 100%;
height: 100%;
object-fit: contain;
mix-blend-mode: multiply;
}
/* Spec Sheet DL */
#an.an-pg-scheda .an-spec-emblem {
height: 48px;
width: auto;
object-fit: contain;
margin-bottom: 24px;
}
#an.an-pg-scheda .an-spec-dl {
display: grid;
grid-template-columns: max-content 1fr;
gap: 14px 28px;
padding-top: 20px;
padding-bottom: 24px;
border-top: 1px solid var(--an-hair);
border-bottom: 1px solid var(--an-hair);
margin-bottom: 24px;
}
#an.an-pg-scheda .an-spec-dl dt {
font-family: var(--an-sans);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .18em;
color: var(--an-majolica);
}
#an.an-pg-scheda .an-spec-dl dd {
font-family: var(--an-display);
font-size: 20px;
font-weight: 300;
color: var(--an-ink);
}
#an.an-pg-scheda .an-spec-text {
font-size: 16px;
line-height: 1.7;
color: var(--an-ink-2);
margin-bottom: 28px;
}
#an.an-pg-scheda .an-action-row {
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 20px;
}
#an.an-pg-scheda .an-action-sublinks {
display: flex;
align-items: center;
gap: 20px;
font-size: 13px;
}
/* FAQ Section */
#an.an-pg-scheda .an-faq-item {
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
padding: 24px;
margin-top: 40px;
}
#an.an-pg-scheda .an-faq-q {
font-family: var(--an-display);
font-size: 22px;
font-weight: 300;
color: var(--an-ink);
margin-bottom: 12px;
}
#an.an-pg-scheda .an-faq-a {
font-size: 16px;
color: var(--an-ink-2);
line-height: 1.7;
}
/* Mobile Sticky Bar */
#an.an-pg-scheda .an-mobile-sticky-bar {
display: none;
}
@media (max-width: 767px) {
#an.an-pg-scheda .an-mobile-sticky-bar {
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 990;
background: var(--an-dark);
padding: 12px 16px;
border-top: 1px solid var(--an-hair-dk);
box-shadow: 0 -4px 20px rgba(0,0,0,0.2);
}
#an.an-pg-scheda .an-mobile-sticky-bar .an-btn {
width: 100%;
}
#an.an-pg-scheda #an-main {
padding-bottom: 76px;
}
}
/* Recipe Box (Dark Section) */
#an.an-pg-scheda .an-recipe-sec {
background: var(--an-dark);
color: var(--an-ivory);
}
#an.an-pg-scheda .an-recipe-box {
max-width: 860px;
margin: 0 auto;
text-align: center;
}
#an.an-pg-scheda .an-recipe-title {
color: var(--an-ivory);
margin-bottom: 24px;
}
#an.an-pg-scheda .an-recipe-text {
font-family: var(--an-display);
font-weight: 300;
font-size: clamp(18px, 2vw, 24px);
line-height: 1.6;
color: rgba(246,241,227,0.92);
}
/* Publi Mood Section */
#an.an-pg-scheda .an-mood-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
}
@media (max-width: 767px) {
#an.an-pg-scheda .an-mood-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
#an.an-pg-scheda .an-mood-item {
position: relative;
overflow: hidden;
border-radius: 2px;
aspect-ratio: 16 / 9;
}
#an.an-pg-scheda .an-mood-img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Altri Prodotti Cards */
#an.an-pg-scheda .an-altri-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-top: 36px;
}
@media (max-width: 1023px) {
#an.an-pg-scheda .an-altri-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 599px) {
#an.an-pg-scheda .an-altri-grid {
grid-template-columns: 1fr;
}
}
#an.an-pg-scheda .an-altri-card {
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.3s var(--an-ease);
}
#an.an-pg-scheda .an-altri-card:hover {
transform: translateY(-3px);
}
#an.an-pg-scheda .an-altri-media {
width: 100%;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
}
#an.an-pg-scheda .an-altri-img {
max-width: 80%;
max-height: 80%;
object-fit: contain;
mix-blend-mode: multiply;
}
#an.an-pg-scheda .an-altri-title {
font-family: var(--an-display);
font-size: 18px;
font-weight: 300;
margin-bottom: 12px;
}
/* Overrides por producto (las 5 fichas comparten este bloque; en cada pagina original estos valores eran distintos) */
#an.an-pg-scheda[data-producto="capsule-monodose"] .an-scheda-hero-img { object-position: center 60%; }
#an.an-pg-scheda[data-producto="cialde-monodose"] .an-scheda-hero-img { object-position: center 55%; }
#an.an-pg-scheda[data-producto="capsule-monodose"] .an-spec-text { margin-bottom: 20px; }
/* ════════ @@CSS-PAGINA:home (.an-pg-home) ════════ */
#an.an-pg-home .an-hero-sec {
position: relative;
min-height: calc(100vh - 84px);
background: var(--an-dark);
color: var(--an-ivory);
display: flex;
align-items: center;
overflow: hidden;
}
#an.an-pg-home .an-hero-bg {
position: absolute;
inset: 0;
z-index: 1;
}
#an.an-pg-home .an-hero-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 72% center;
animation: an-hero-zoom 24s linear infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
#an.an-pg-home .an-hero-img { animation: none; }
}
@keyframes an-hero-zoom {
from { transform: scale(1); }
to { transform: scale(1.06); }
}
#an.an-pg-home .an-hero-overlay {
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(90deg, rgba(43,13,7,0.92) 0%, rgba(43,13,7,0.7) 45%, rgba(43,13,7,0.15) 100%);
}
@media (max-width: 1023px) {
#an.an-pg-home .an-hero-overlay {
background: rgba(43,13,7,0.78);
}
}
#an.an-pg-home .an-hero-content {
position: relative;
z-index: 3;
max-width: 680px;
padding-top: 40px;
padding-bottom: 60px;
}
#an.an-pg-home .an-hero-badge {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 12px;
font-weight: 500;
letter-spacing: .2em;
text-transform: uppercase;
color: var(--an-sage);
margin-bottom: 20px;
}
#an.an-pg-home .an-hero-title {
color: var(--an-ivory);
margin-bottom: 24px;
}
#an.an-pg-home .an-hero-title em {
font-style: italic;
color: var(--an-sage-lt);
}
#an.an-pg-home .an-hero-lead {
color: rgba(246,241,227,0.9);
margin-bottom: 36px;
}
#an.an-pg-home .an-hero-btns {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
#an.an-pg-home .an-scroll-indicator {
position: absolute;
bottom: 24px;
left: var(--an-gutter);
z-index: 3;
display: flex;
align-items: center;
gap: 8px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .2em;
color: rgba(246,241,227,0.6);
}
/* Section 2: La Gamma */
#an.an-pg-home .an-gamma-sec {
background: var(--an-ivory-2);
padding-top: calc(var(--an-sec) * 0.5);
padding-bottom: calc(var(--an-sec) * 0.5);
}
#an.an-pg-home .an-gamma-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
margin-top: 32px;
margin-bottom: 28px;
}
@media (max-width: 1279px) {
#an.an-pg-home .an-gamma-grid {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding-left: var(--an-gutter);
padding-bottom: 16px;
margin-left: calc(var(--an-gutter) * -1);
margin-right: calc(var(--an-gutter) * -1);
padding-left: var(--an-gutter);
padding-right: var(--an-gutter);
}
}
#an.an-pg-home .an-prod-card {
position: relative;
cursor: pointer;
background: var(--an-ivory-2);
border-radius: 2px;
display: flex;
flex-direction: column;
padding: 16px 0;
transition: transform 0.3s var(--an-ease);
}
@media (max-width: 1279px) {
#an.an-pg-home .an-prod-card {
flex: 0 0 260px;
scroll-snap-align: start;
border: 1px solid var(--an-hair);
padding: 16px 14px;
}
}
#an.an-pg-home .an-prod-img-wrap {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
#an.an-pg-home .an-prod-img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
mix-blend-mode: multiply;
}
#an.an-pg-home .an-prod-icon {
display: block;
height: 22px !important;
width: auto !important;
max-width: none !important;
object-fit: contain;
margin-bottom: 8px;
opacity: 0.85;
}
#an.an-pg-home .an-prod-title {
font-family: var(--an-display);
font-size: 22px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 6px;
}
#an.an-pg-home .an-prod-desc {
font-size: 14px;
line-height: 1.5;
color: var(--an-ink-2);
margin-bottom: 16px;
flex-grow: 1;
}
#an.an-pg-home .an-prod-card .an-link {
color: var(--an-dark);
background: var(--an-sage);
border: 1px solid var(--an-sage);
border-radius: 2px;
padding: 12px 14px;
margin: 0 16px;
justify-content: center;
font-size: 12px;
transition: background 0.2s var(--an-ease), border-color 0.2s var(--an-ease);
}
@media (max-width: 1279px) {
#an.an-pg-home .an-prod-card .an-link { margin: 0; }
}
/* Enlace extendido: toda la tarjeta lleva a la ficha */
#an.an-pg-home .an-prod-card .an-link::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
#an.an-pg-home .an-prod-card:hover .an-link,
#an.an-pg-home .an-prod-card .an-link:focus-visible {
background: var(--an-sage-lt);
border-color: var(--an-sage-lt);
}
#an.an-pg-home .an-nespresso-note {
font-size: 13px;
color: var(--an-ink-3);
text-align: center;
margin-top: 16px;
}
/* Section 3: Storia & Origini */
#an.an-pg-home .an-storia-grid {
display: grid;
grid-template-columns: 7fr 5fr;
gap: 60px;
align-items: center;
}
@media (max-width: 900px) {
#an.an-pg-home .an-storia-grid {
grid-template-columns: 1fr;
gap: 40px;
}
}
#an.an-pg-home .an-storia-img-wrap {
position: relative;
}
/* Section 4: Sulle tavole più prestigiose */
#an.an-pg-home .an-tavole-sec {
background: var(--an-dark);
color: var(--an-ivory);
}
#an.an-pg-home .an-tavole-sec h2 { color: var(--an-ivory); }
#an.an-pg-home .an-tavole-sec p { color: rgba(246,241,227,0.85); }
#an.an-pg-home .an-tavole-sec .an-lead { margin-bottom: 32px; }
#an.an-pg-home .an-zones-list {
display: flex;
flex-wrap: wrap;
gap: 20px 40px;
margin: 36px 0 48px;
}
#an.an-pg-home .an-zone-item {
font-family: var(--an-display);
font-size: clamp(24px, 3vw, 36px);
font-weight: 300;
color: var(--an-sage-lt);
}
#an.an-pg-home .an-figures-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 28px;
margin-top: 60px;
}
@media (max-width: 767px) {
#an.an-pg-home .an-figures-grid { grid-template-columns: 1fr; gap: 24px; }
}
#an.an-pg-home .an-figure-card {
position: relative;
}
#an.an-pg-home .an-figure-img-wrap {
aspect-ratio: 4 / 3;
overflow: hidden;
margin-bottom: 12px;
}
#an.an-pg-home .an-figure-img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Section 5: Servizi */
#an.an-pg-home .an-servizi-sec {
background: var(--an-ivory);
}
#an.an-pg-home .an-servizi-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}
@media (max-width: 900px) {
#an.an-pg-home .an-servizi-grid { grid-template-columns: 1fr; gap: 32px; }
}
#an.an-pg-home .an-servizi-quote {
font-family: var(--an-display);
font-style: italic;
font-size: clamp(22px, 2.5vw, 32px);
line-height: 1.3;
color: var(--an-ink);
margin: 20px 0 28px;
padding-left: 20px;
border-left: 2px solid var(--an-majolica);
}
/* Section 6: Il Rito Anhelo */
#an.an-pg-home .an-rito-sec {
background: var(--an-ivory);
}
#an.an-pg-home .an-rito-grid {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 48px;
margin-bottom: 40px;
}
#an.an-pg-home .an-rito-block-a {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
#an.an-pg-home .an-rito-block-b {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
#an.an-pg-home .an-rito-item {
position: relative;
overflow: hidden;
display: block;
}
@media (min-width: 1024px) {
#an.an-pg-home .an-rito-item-1 {
grid-column: span 5;
grid-row: span 2;
height: 100%;
min-height: 440px;
}
#an.an-pg-home .an-rito-item-2 {
grid-column: span 7;
aspect-ratio: 16 / 7;
}
#an.an-pg-home .an-rito-item-3 {
grid-column: span 7;
aspect-ratio: 16 / 7;
}
#an.an-pg-home .an-rito-item-4,
#an.an-pg-home .an-rito-item-5,
#an.an-pg-home .an-rito-item-6 {
grid-column: span 4;
aspect-ratio: 4 / 3;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
#an.an-pg-home .an-rito-block-a,
#an.an-pg-home .an-rito-block-b {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
#an.an-pg-home .an-rito-item-1,
#an.an-pg-home .an-rito-item-2,
#an.an-pg-home .an-rito-item-3,
#an.an-pg-home .an-rito-item-4,
#an.an-pg-home .an-rito-item-5,
#an.an-pg-home .an-rito-item-6 {
grid-column: span 1;
grid-row: span 1;
aspect-ratio: 4 / 3;
height: auto;
}
}
@media (max-width: 767px) {
#an.an-pg-home .an-rito-block-a,
#an.an-pg-home .an-rito-block-b {
display: flex;
flex-direction: column;
gap: 16px;
}
#an.an-pg-home .an-rito-item {
aspect-ratio: 4 / 3;
width: 100%;
}
}
#an.an-pg-home .an-rito-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.6s var(--an-ease);
}
#an.an-pg-home .an-rito-item-6 .an-rito-img {
object-position: center 30%;
}
#an.an-pg-home .an-rito-item:hover .an-rito-img {
transform: scale(1.03);
}
/* Section 7: FAQ */
#an.an-pg-home .an-faq-sec {
background: var(--an-ivory);
}
#an.an-pg-home .an-faq-grid {
display: grid;
grid-template-columns: 4fr 8fr;
gap: 60px;
}
@media (max-width: 900px) {
#an.an-pg-home .an-faq-grid {
grid-template-columns: 1fr;
gap: 32px;
}
}
#an.an-pg-home .an-faq-list {
display: flex;
flex-direction: column;
}
#an.an-pg-home .an-faq-item {
border-bottom: 1px solid var(--an-hair);
padding: 24px 0;
}
#an.an-pg-home .an-faq-item:first-child {
padding-top: 0;
}
#an.an-pg-home .an-faq-summary {
font-family: var(--an-display);
font-size: clamp(20px, 2.2vw, 26px);
font-weight: 300;
color: var(--an-ink);
cursor: pointer;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
}
#an.an-pg-home .an-faq-summary::-webkit-details-marker { display: none; }
#an.an-pg-home .an-faq-icon {
font-family: var(--an-sans);
font-size: 24px;
font-weight: 300;
color: var(--an-ink-3);
transition: transform 0.3s var(--an-ease);
}
#an.an-pg-home .an-faq-item[open] .an-faq-icon {
transform: rotate(45deg);
}
#an.an-pg-home .an-faq-answer {
font-size: 16px;
line-height: 1.7;
color: var(--an-ink-2);
margin-top: 16px;
max-width: 62ch;
}
/* Section 8: CTA Final */
#an.an-pg-home .an-cta-sec {
background: var(--an-dark);
color: var(--an-ivory);
position: relative;
overflow: hidden;
text-align: center;
}
#an.an-pg-home .an-cta-sec h2 { color: var(--an-ivory); }
#an.an-pg-home .an-cta-sec p { color: rgba(246,241,227,0.85); }
#an.an-pg-home .an-cta-box {
max-width: 820px;
margin: 0 auto;
}
#an.an-pg-home .an-cta-btns {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 16px;
margin-top: 36px;
margin-bottom: 24px;
}
/* ════════ @@CSS-PAGINA:storia (.an-pg-storia) ════════ */
#an.an-pg-storia .an-storia-hero {
position: relative;
background: var(--an-dark);
color: var(--an-ivory);
padding-top: calc(var(--an-sec) * 0.8);
padding-bottom: calc(var(--an-sec) * 0.8);
overflow: hidden;
}
#an.an-pg-storia .an-storia-hero-bg {
position: absolute;
inset: 0;
z-index: 1;
opacity: 0.28;
}
#an.an-pg-storia .an-storia-hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 40%;
}
#an.an-pg-storia .an-storia-hero-content {
position: relative;
z-index: 3;
max-width: 800px;
}
#an.an-pg-storia .an-storia-hero-title {
color: var(--an-ivory);
margin-bottom: 20px;
}
#an.an-pg-storia .an-storia-hero-lead {
color: rgba(246,241,227,0.9);
}
#an.an-pg-storia .an-chapter-sec {
position: relative;
}
#an.an-pg-storia .an-chapter-sec--bg2 {
background: var(--an-ivory-2);
}
#an.an-pg-storia .an-chapter-title {
margin-bottom: 24px;
}
#an.an-pg-storia .an-chapter-p {
margin-bottom: 20px;
}
#an.an-pg-storia .an-chapter-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(32px, 6vw, 80px);
align-items: start;
}
@media (max-width: 991px) {
#an.an-pg-storia .an-chapter-grid {
grid-template-columns: 1fr;
}
}
#an.an-pg-storia .an-chapter-sticky {
position: sticky;
top: 110px;
}
@media (max-width: 991px) {
#an.an-pg-storia .an-chapter-sticky {
position: static;
}
}
#an.an-pg-storia .an-chapter-num {
font-family: var(--an-display);
font-size: clamp(48px, 6vw, 80px);
font-weight: 300;
line-height: 1;
color: var(--an-majolica);
opacity: 0.35;
margin-bottom: 8px;
}
#an.an-pg-storia .an-chapter-img-wrap {
position: relative;
border-radius: 2px;
overflow: hidden;
background: var(--an-ivory-2);
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
border: 1px solid var(--an-hair);
}
#an.an-pg-storia .an-chapter-img-wrap--ivory {
background: var(--an-ivory);
}
#an.an-pg-storia .an-chapter-img {
width: 100%;
height: auto;
max-height: 540px;
object-fit: contain;
}
/* Mission / Vision */
#an.an-pg-storia .an-mv-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(32px, 6vw, 80px);
}
@media (max-width: 767px) {
#an.an-pg-storia .an-mv-grid {
grid-template-columns: 1fr;
}
}
#an.an-pg-storia .an-mv-item {
border-top: 2px solid var(--an-sage);
padding-top: 24px;
}
#an.an-pg-storia .an-mv-title {
margin-bottom: 16px;
}
/* Curiosità sul caffè */
#an.an-pg-storia .an-curio-intro {
max-width: 760px;
margin-bottom: 32px;
}
#an.an-pg-storia .an-curio-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
@media (max-width: 767px) {
#an.an-pg-storia .an-curio-grid {
grid-template-columns: 1fr;
}
}
#an.an-pg-storia .an-curio-card {
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-left: 3px solid var(--an-sage);
border-radius: 2px;
padding: 24px;
font-size: 16px;
line-height: 1.65;
color: var(--an-ink);
}
#an.an-pg-storia .an-curio-card strong {
font-weight: 700;
}
/* Cita Final Box */
#an.an-pg-storia .an-quote-sec {
background: var(--an-dark);
color: var(--an-ivory);
text-align: center;
position: relative;
overflow: hidden;
}
#an.an-pg-storia .an-quote-content {
max-width: 860px;
margin: 0 auto;
}
#an.an-pg-storia .an-quote-title {
font-family: var(--an-display);
font-style: italic;
font-size: clamp(30px, 4.5vw, 56px);
font-weight: 300;
line-height: 1.2;
color: var(--an-ivory);
margin-bottom: 24px;
}
#an.an-pg-storia .an-quote-sub {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .22em;
color: var(--an-sage);
}
/* ════════ @@CSS-PAGINA:prodotti (.an-pg-prodotti) ════════ */
#an.an-pg-prodotti .an-hero-sec {
position: relative;
min-height: clamp(420px, 50vh, 600px);
background: var(--an-dark);
color: var(--an-ivory);
display: flex;
align-items: center;
overflow: hidden;
}
#an.an-pg-prodotti .an-hero-bg {
position: absolute;
inset: 0;
z-index: 1;
}
#an.an-pg-prodotti .an-hero-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#an.an-pg-prodotti .an-hero-overlay {
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(180deg, rgba(43,13,7,0.85) 0%, rgba(43,13,7,0.65) 50%, rgba(43,13,7,0.88) 100%);
}
#an.an-pg-prodotti .an-hero-content {
position: relative;
z-index: 3;
max-width: 780px;
margin: 0 auto;
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
}
#an.an-pg-prodotti .an-hero-title {
color: var(--an-ivory);
margin-bottom: 20px;
}
#an.an-pg-prodotti .an-hero-lead {
color: rgba(246,241,227,0.9);
max-width: 680px;
margin: 0 auto;
}
/* Catalog Grid */
#an.an-pg-prodotti .an-catalog-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 28px;
margin-bottom: 24px;
}
@media (max-width: 1023px) {
#an.an-pg-prodotti .an-catalog-grid {
display: flex;
flex-direction: column;
gap: 24px;
}
}
#an.an-pg-prodotti .an-prod-card {
position: relative;
cursor: pointer;
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
display: flex;
flex-direction: column;
padding: 28px;
transition: transform 0.4s var(--an-ease), box-shadow 0.4s var(--an-ease);
}
#an.an-pg-prodotti .an-prod-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(51,16,10,0.08);
}
/* Grid Layout Spans (3 + 2 layout) */
#an.an-pg-prodotti .an-prod-card--c1 { grid-column: span 4; }
#an.an-pg-prodotti .an-prod-card--c2 { grid-column: span 4; }
#an.an-pg-prodotti .an-prod-card--c3 { grid-column: span 4; }
#an.an-pg-prodotti .an-prod-card--c4 { grid-column: span 6; }
#an.an-pg-prodotti .an-prod-card--c5 { grid-column: span 6; }
#an.an-pg-prodotti .an-card-media {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
background: radial-gradient(circle at center, rgba(246,241,227,0.8) 0%, rgba(239,232,213,0) 70%);
}
#an.an-pg-prodotti .an-card-img {
max-width: 85%;
max-height: 85%;
object-fit: contain;
mix-blend-mode: multiply;
transition: transform 0.4s var(--an-ease);
}
#an.an-pg-prodotti .an-prod-card:hover .an-card-img {
transform: scale(1.04);
}
#an.an-pg-prodotti .an-card-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
#an.an-pg-prodotti .an-card-icon {
width: 36px;
height: 36px;
object-fit: contain;
}
#an.an-pg-prodotti .an-card-title {
font-family: var(--an-display);
font-size: clamp(22px, 2vw, 28px);
font-weight: 300;
line-height: 1.2;
}
#an.an-pg-prodotti .an-card-desc {
font-size: 15px;
color: var(--an-ink-2);
line-height: 1.6;
margin-bottom: 20px;
flex-grow: 1;
}
#an.an-pg-prodotti .an-card-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 24px;
}
#an.an-pg-prodotti .an-pill {
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .1em;
padding: 4px 10px;
background: rgba(71,23,14,0.06);
color: var(--an-ink-2);
border-radius: 2px;
border: 1px solid var(--an-hair);
}
#an.an-pg-prodotti .an-card-actions {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
padding-top: 16px;
border-top: 1px solid var(--an-hair);
margin-top: auto;
}
#an.an-pg-prodotti .an-card-link {
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .14em;
color: var(--an-dark);
background: var(--an-sage);
border: 1px solid var(--an-sage);
border-radius: 2px;
padding: 14px 20px;
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
white-space: nowrap;
transition: background 0.2s var(--an-ease), border-color 0.2s var(--an-ease);
}
/* Enlace extendido: toda la tarjeta lleva a la ficha */
#an.an-pg-prodotti .an-card-link::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
#an.an-pg-prodotti .an-card-actions .an-btn {
position: relative;
z-index: 2;
}
#an.an-pg-prodotti .an-prod-card:hover .an-card-link,
#an.an-pg-prodotti .an-card-link:focus-visible {
background: var(--an-sage-lt);
border-color: var(--an-sage-lt);
}
#an.an-pg-prodotti .an-prod-card:hover .an-card-link .an-btn-arrow {
transform: translateX(4px);
}
#an.an-pg-prodotti .an-card-actions .an-btn {
white-space: nowrap;
width: 100%;
justify-content: center;
}
#an.an-pg-prodotti .an-nespresso-note {
font-size: 13px;
color: var(--an-ink-3);
text-align: center;
margin-bottom: 60px;
}
/* Recipe Box (Miscela) */
#an.an-pg-prodotti .an-recipe-sec {
background: var(--an-dark);
color: var(--an-ivory);
position: relative;
overflow: hidden;
}
#an.an-pg-prodotti .an-recipe-box {
max-width: 860px;
margin: 0 auto;
text-align: center;
}
#an.an-pg-prodotti .an-recipe-title {
color: var(--an-ivory);
margin-bottom: 24px;
}
#an.an-pg-prodotti .an-recipe-text {
font-family: var(--an-display);
font-weight: 300;
font-size: clamp(18px, 2vw, 24px);
line-height: 1.6;
color: rgba(246,241,227,0.92);
margin-bottom: 36px;
}
/* 4 fichas de origen: acordeón (movidas desde storia) */
#an.an-pg-prodotti .an-origins-sec {
padding-top: clamp(48px, 6vw, 88px);
padding-bottom: clamp(40px, 5vw, 72px);
}
#an.an-pg-prodotti .an-origins-layout {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: clamp(28px, 4vw, 56px);
align-items: start;
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 899px) {
#an.an-pg-prodotti .an-origins-layout { grid-template-columns: 1fr; gap: 28px; }
}
#an.an-pg-prodotti .an-origins-layout > .an-map {
margin: 0;
max-width: none;
align-self: start;
}
@media (min-width: 900px) {
#an.an-pg-prodotti .an-origins-layout > .an-map { position: sticky; top: 110px; margin-top: 28px; }
}
#an.an-pg-prodotti .an-origins-grid {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
align-items: start;
}
#an.an-pg-prodotti .an-origin-card {
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
}
#an.an-pg-prodotti .an-origin-card > summary {
list-style: none;
display: flex;
align-items: center;
gap: 14px;
padding: 18px 20px;
cursor: pointer;
}
#an.an-pg-prodotti .an-origin-card > summary::-webkit-details-marker { display: none; }
#an.an-pg-prodotti .an-origin-card > summary:focus-visible { outline: 2px solid var(--an-majolica); outline-offset: -2px; }
#an.an-pg-prodotti .an-origin-icon {
width: 28px;
height: auto;
flex-shrink: 0;
opacity: 0.85;
}
#an.an-pg-prodotti .an-origin-head { flex: 1; min-width: 0; }
#an.an-pg-prodotti .an-origin-head > span { display: block; }
#an.an-pg-prodotti .an-origin-badge {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .14em;
color: var(--an-majolica);
margin-bottom: 4px;
}
#an.an-pg-prodotti .an-origin-text {
font-size: 15px;
font-weight: 500;
color: var(--an-ink);
line-height: 1.4;
}
#an.an-pg-prodotti .an-origin-chev {
flex-shrink: 0;
width: 10px;
height: 10px;
border-right: 1.5px solid var(--an-ink);
border-bottom: 1.5px solid var(--an-ink);
transform: rotate(45deg) translate(-2px, -2px);
transition: transform .3s var(--an-ease);
}
#an.an-pg-prodotti .an-origin-card[open] > summary .an-origin-chev { transform: rotate(-135deg) translate(-2px, -2px); }
#an.an-pg-prodotti .an-origin-body { padding: 0 20px 20px 62px; }
@media (max-width: 479px) {
#an.an-pg-prodotti .an-origin-body { padding-left: 20px; }
}
#an.an-pg-prodotti .an-origin-desc {
font-size: 15px;
line-height: 1.65;
color: var(--an-ink-2);
}
#an.an-pg-prodotti .an-origin-desc + .an-origin-desc { margin-top: 10px; }
#an.an-pg-prodotti .an-origins-note {
max-width: 720px;
margin: 36px auto 0;
text-align: center;
font-size: clamp(16px, 1.6vw, 19px);
line-height: 1.65;
color: var(--an-ink-2);
}
/* Mapa de orígenes */
#an.an-pg-prodotti .an-map-svg { width: 100%; height: auto; display: block; }
#an.an-pg-prodotti .an-map-land { fill: #E3D9BE; }
#an.an-pg-prodotti .an-map-route {
stroke: var(--an-majolica);
stroke-width: 1.4;
stroke-linecap: round;
stroke-dasharray: 1;
stroke-dashoffset: 0;
opacity: .85;
}
#an.an-pg-prodotti .an-map.is-in .an-map-route {
animation: anMapDraw 1.9s var(--an-ease) both;
animation-delay: calc(var(--i) * .22s + .2s);
}
@keyframes anMapDraw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
#an.an-pg-prodotti .an-map-pin circle:first-child { fill: var(--an-ivory); stroke: var(--an-majolica); stroke-width: 1.6; }
#an.an-pg-prodotti .an-map-bean { fill: var(--an-ink); }
#an.an-pg-prodotti .an-map-bean-line { fill: none; stroke: var(--an-ivory); stroke-width: 1.2; stroke-linecap: round; }
#an.an-pg-prodotti .an-map-pin .an-map-ring { fill: none; stroke: var(--an-ink); stroke-width: 1.2; opacity: .55; }
#an.an-pg-prodotti .an-map-pin .an-map-dot { fill: var(--an-dark); stroke: none; }
#an.an-pg-prodotti .an-map-label {
font-family: var(--an-sans);
font-size: 21px;
font-weight: 500;
letter-spacing: .03em;
fill: var(--an-ink);
paint-order: stroke;
stroke: var(--an-ivory);
stroke-width: 5px;
stroke-linejoin: round;
}
#an.an-pg-prodotti .an-map-label--hub { font-weight: 700; font-size: 24px; }
@media (max-width: 767px) {
#an.an-pg-prodotti .an-map-label { font-size: 27px; stroke-width: 6px; }
#an.an-pg-prodotti .an-map-label--hub { font-size: 30px; }
#an.an-pg-prodotti .an-map-route { stroke-width: 2.2; }
}
@media (prefers-reduced-motion: reduce) {
#an.an-pg-prodotti .an-map.is-in .an-map-route { animation: none; }
}
/* Mosaic Section */
#an.an-pg-prodotti .an-mosaic-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 24px;
margin-top: 48px;
}
@media (max-width: 1023px) {
#an.an-pg-prodotti .an-mosaic-grid {
display: flex;
flex-direction: column;
gap: 20px;
}
}
#an.an-pg-prodotti .an-mosaic-item {
position: relative;
overflow: hidden;
border-radius: 2px;
}
#an.an-pg-prodotti .an-mosaic-item--1 {
grid-column: span 5;
grid-row: span 2;
aspect-ratio: 4 / 5;
}
#an.an-pg-prodotti .an-mosaic-item--2 { grid-column: span 7; aspect-ratio: 16 / 9; }
#an.an-pg-prodotti .an-mosaic-item--3 { grid-column: span 7; aspect-ratio: 16 / 9; }
#an.an-pg-prodotti .an-mosaic-item--4 { grid-column: span 6; aspect-ratio: 16 / 9; }
#an.an-pg-prodotti .an-mosaic-item--5 { grid-column: span 6; aspect-ratio: 16 / 9; }
@media (max-width: 1023px) {
#an.an-pg-prodotti .an-mosaic-item--1,
#an.an-pg-prodotti .an-mosaic-item--2,
#an.an-pg-prodotti .an-mosaic-item--3,
#an.an-pg-prodotti .an-mosaic-item--4,
#an.an-pg-prodotti .an-mosaic-item--5 {
aspect-ratio: 16 / 9;
height: auto;
}
}
#an.an-pg-prodotti .an-mosaic-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s var(--an-ease);
}
#an.an-pg-prodotti .an-mosaic-item:hover .an-mosaic-img {
transform: scale(1.03);
}
/* ════════ @@CSS-PAGINA:servizi (.an-pg-servizi) ════════ */
#an.an-pg-servizi .an-servizi-hero {
background: var(--an-dark);
color: var(--an-ivory);
padding-top: calc(var(--an-sec) * 0.8);
padding-bottom: calc(var(--an-sec) * 0.8);
position: relative;
overflow: hidden;
}
#an.an-pg-servizi .an-servizi-hero-bg {
position: absolute;
inset: 0;
z-index: 1;
opacity: 0.28;
}
#an.an-pg-servizi .an-servizi-hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 35%;
}
#an.an-pg-servizi .an-servizi-hero-content {
position: relative;
z-index: 3;
max-width: 800px;
}
#an.an-pg-servizi .an-servizi-hero-title {
color: var(--an-ivory);
margin-bottom: 20px;
}
#an.an-pg-servizi .an-servizi-hero-lead {
color: rgba(246,241,227,0.9);
}
#an.an-pg-servizi .an-panel-sec {
position: relative;
}
#an.an-pg-servizi .an-panel-sec--bg2 {
background: var(--an-ivory-2);
}
#an.an-pg-servizi .an-panel-title {
margin-bottom: 20px;
}
#an.an-pg-servizi .an-panel-p-mb32 {
margin-bottom: 32px;
}
#an.an-pg-servizi .an-panel-p-mb16 {
margin-bottom: 16px;
}
#an.an-pg-servizi .an-panel-p-mb20 {
margin-bottom: 20px;
}
#an.an-pg-servizi .an-panel-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(32px, 6vw, 64px);
align-items: center;
}
@media (max-width: 991px) {
#an.an-pg-servizi .an-panel-grid {
grid-template-columns: 1fr;
}
}
#an.an-pg-servizi .an-panel-quote {
font-family: var(--an-display);
font-style: italic;
font-size: clamp(22px, 2.5vw, 32px);
line-height: 1.3;
color: var(--an-ink);
margin-bottom: 24px;
padding-left: 20px;
border-left: 3px solid var(--an-majolica);
}
#an.an-pg-servizi .an-panel-figure {
position: relative;
border-radius: 2px;
overflow: hidden;
background: var(--an-dark);
border: 1px solid var(--an-hair);
}
#an.an-pg-servizi .an-panel-img {
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
}
/* Lista de 6 componentes de Office Box */
#an.an-pg-servizi .an-office-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin-top: 28px;
margin-bottom: 32px;
}
@media (max-width: 599px) {
#an.an-pg-servizi .an-office-list {
grid-template-columns: 1fr;
}
}
#an.an-pg-servizi .an-office-item {
background: var(--an-ivory);
border: 1px solid var(--an-hair);
border-radius: 2px;
padding: 16px 20px;
display: flex;
align-items: center;
gap: 16px;
}
#an.an-pg-servizi .an-office-num {
font-family: var(--an-display);
font-size: 20px;
font-weight: 400;
color: var(--an-majolica);
opacity: 0.8;
flex-shrink: 0;
}
#an.an-pg-servizi .an-office-label {
font-size: 15px;
font-weight: 500;
color: var(--an-ink);
}
/* Franja de 3 fotos */
#an.an-pg-servizi .an-strip-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
@media (max-width: 599px) {
#an.an-pg-servizi .an-strip-grid {
grid-template-columns: 1fr;
}
}
/* CTA Final Banner */
#an.an-pg-servizi .an-cta-sec {
background: var(--an-dark);
color: var(--an-ivory);
position: relative;
overflow: hidden;
}
#an.an-pg-servizi .an-cta-box {
max-width: 760px;
margin: 0 auto;
text-align: center;
}
#an.an-pg-servizi .an-cta-sec .an-panel-title {
color: var(--an-ivory);
}
#an.an-pg-servizi .an-cta-lead {
color: rgba(246,241,227,0.9);
}
#an.an-pg-servizi .an-cta-btns {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
margin-top: 32px;
}
/* ════════ @@CSS-PAGINA:galleria (.an-pg-galleria) ════════ */
#an.an-pg-galleria .an-galleria-hero {
background: var(--an-dark);
color: var(--an-ivory);
padding-top: calc(var(--an-sec) * 0.8);
padding-bottom: calc(var(--an-sec) * 0.8);
position: relative;
overflow: hidden;
}
#an.an-pg-galleria .an-galleria-hero-bg {
position: absolute;
inset: 0;
z-index: 1;
opacity: 0.28;
}
#an.an-pg-galleria .an-galleria-hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 60%;
}
#an.an-pg-galleria .an-galleria-hero-content {
position: relative;
z-index: 3;
max-width: 800px;
}
#an.an-pg-galleria .an-galleria-hero-title {
color: var(--an-ivory);
margin-bottom: 20px;
}
#an.an-pg-galleria .an-galleria-hero-lead {
color: rgba(246,241,227,0.9);
}
/* Category Sticky Nav */
#an.an-pg-galleria .an-cat-nav-bar {
position: relative;
z-index: 1;
background: var(--an-ivory-2);
border-bottom: 1px solid var(--an-hair);
padding: 12px 0;
}
#an.an-pg-galleria .an-cat-nav-list {
display: flex;
align-items: center;
gap: 10px;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: 4px;
}
#an.an-pg-galleria .an-cat-nav-link {
display: inline-block;
padding: 8px 18px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .14em;
color: var(--an-ink-2);
background: var(--an-ivory);
border: 1px solid var(--an-hair);
border-radius: 40px;
white-space: nowrap;
transition: all 0.2s var(--an-ease);
}
#an.an-pg-galleria .an-cat-nav-link:hover,
#an.an-pg-galleria .an-cat-nav-link.is-active {
background: var(--an-ink);
color: var(--an-ivory);
border-color: var(--an-ink);
}
/* Group Sections */
#an.an-pg-galleria .an-group-sec {
position: relative;
scroll-margin-top: 140px;
}
#an.an-pg-galleria .an-group-header {
margin-bottom: 36px;
}
#an.an-pg-galleria .an-group-count {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .2em;
color: var(--an-majolica);
margin-bottom: 6px;
}
#an.an-pg-galleria .an-group-title {
font-family: var(--an-display);
font-size: clamp(28px, 3.5vw, 44px);
font-weight: 300;
margin-bottom: 10px;
}
#an.an-pg-galleria .an-group-desc {
font-size: 16px;
color: var(--an-ink-2);
max-width: 680px;
}
/* Gallery Grid */
#an.an-pg-galleria .an-gal-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
#an.an-pg-galleria .an-gal-item {
grid-column: span 6;
position: relative;
}
@media (max-width: 767px) {
#an.an-pg-galleria .an-gal-item {
grid-column: span 12;
}
}
#an.an-pg-galleria .an-gal-item--vertical {
grid-column: span 6;
}
@media (max-width: 767px) {
#an.an-pg-galleria .an-gal-item--vertical {
grid-column: span 12;
}
}
#an.an-pg-galleria .an-gal-btn {
display: block;
width: 100%;
height: 100%;
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
overflow: hidden;
position: relative;
cursor: pointer;
text-align: left;
}
#an.an-pg-galleria .an-gal-img-wrap {
width: 100%;
aspect-ratio: 16 / 10;
overflow: hidden;
background: var(--an-dark);
}
#an.an-pg-galleria .an-gal-item--vertical .an-gal-img-wrap {
aspect-ratio: 4 / 5;
}
#an.an-pg-galleria .an-gal-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s var(--an-ease);
}
#an.an-pg-galleria .an-gal-btn:hover .an-gal-img {
transform: scale(1.04);
}
/* Lightbox Dialog */
#an.an-pg-galleria .an-lightbox-dialog {
position: fixed;
inset: 0;
z-index: 10000;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
margin: 0;
padding: 0;
border: 0;
background: rgba(43,13,7,0.95);
color: var(--an-ivory);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s var(--an-ease), visibility 0.3s var(--an-ease);
}
#an.an-pg-galleria .an-lightbox-dialog.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#an.an-pg-galleria .an-lb-container {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px 80px 40px;
}
@media (max-width: 767px) {
#an.an-pg-galleria .an-lb-container {
padding: 60px 16px 60px;
}
}
#an.an-pg-galleria .an-lb-close-btn {
position: absolute;
top: 20px;
right: 24px;
z-index: 10;
width: 44px;
height: 44px;
background: rgba(246,241,227,0.1);
color: var(--an-ivory);
border: 1px solid var(--an-hair-dk);
border-radius: 2px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s var(--an-ease);
}
#an.an-pg-galleria .an-lb-close-btn:hover {
background: rgba(246,241,227,0.25);
}
#an.an-pg-galleria .an-lb-nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 52px;
height: 52px;
background: rgba(246,241,227,0.1);
color: var(--an-ivory);
border: 1px solid var(--an-hair-dk);
border-radius: 2px;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s var(--an-ease);
}
#an.an-pg-galleria .an-lb-nav-btn:hover {
background: rgba(246,241,227,0.25);
}
#an.an-pg-galleria .an-lb-prev-btn { left: 24px; }
#an.an-pg-galleria .an-lb-next-btn { right: 24px; }
@media (max-width: 767px) {
#an.an-pg-galleria .an-lb-prev-btn { left: 12px; width: 40px; height: 40px; }
#an.an-pg-galleria .an-lb-next-btn { right: 12px; width: 40px; height: 40px; }
}
#an.an-pg-galleria .an-lb-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 1200px;
max-height: 100%;
}
#an.an-pg-galleria .an-lb-img {
max-width: 100%;
max-height: calc(100vh - 160px);
width: auto;
height: auto;
object-fit: contain;
border-radius: 2px;
box-shadow: 0 16px 48px rgba(0,0,0,0.5);
}
#an.an-pg-galleria .an-lb-meta {
margin-top: 16px;
text-align: center;
}
#an.an-pg-galleria .an-lb-counter {
font-size: 13px;
text-transform: uppercase;
letter-spacing: .16em;
color: var(--an-sage);
}
/* CTA Final */
#an.an-pg-galleria .an-cta-sec {
background: var(--an-dark);
color: var(--an-ivory);
position: relative;
overflow: hidden;
}
#an.an-pg-galleria .an-cta-box {
max-width: 760px;
margin: 0 auto;
text-align: center;
}
#an.an-pg-galleria .an-cta-btns {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
margin-top: 32px;
}
#an.an-pg-galleria {
scroll-padding-top: 140px;
}
#an.an-pg-galleria .an-group-sec--cream {
background-color: var(--an-cream);
}
#an.an-pg-galleria .an-galleria-cta-h2 {
margin-bottom: 20px;
color: var(--an-ivory);
}
#an.an-pg-galleria .an-galleria-cta-p {
color: rgba(246,241,227,0.9);
}
/* ════════ @@CSS-PAGINA:contatti (.an-pg-contatti) ════════ */
#an.an-pg-contatti .an-contatti-hero {
background: var(--an-dark);
color: var(--an-ivory);
padding-top: calc(var(--an-sec) * 0.8);
padding-bottom: calc(var(--an-sec) * 0.8);
position: relative;
overflow: hidden;
}
#an.an-pg-contatti .an-contatti-hero-bg {
position: absolute;
inset: 0;
z-index: 1;
opacity: 0.28;
}
#an.an-pg-contatti .an-contatti-hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 60%;
}
#an.an-pg-contatti .an-contatti-hero-content {
position: relative;
z-index: 3;
max-width: 800px;
}
#an.an-pg-contatti .an-contatti-hero-title {
color: var(--an-ivory);
margin-bottom: 20px;
}
#an.an-pg-contatti .an-contatti-hero-lead {
color: rgba(246,241,227,0.9);
}
#an.an-pg-contatti .an-contact-grid {
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: clamp(32px, 5vw, 64px);
align-items: start;
}
@media (max-width: 991px) {
#an.an-pg-contatti .an-contact-grid {
grid-template-columns: 1fr;
}
}
#an.an-pg-contatti .an-info-lead {
color: var(--an-ink-2);
margin-bottom: 28px;
}
#an.an-pg-contatti .an-info-cards {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 28px;
}
#an.an-pg-contatti .an-info-card {
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
padding: 24px;
}
#an.an-pg-contatti .an-info-card-title {
font-family: var(--an-display);
font-size: 20px;
font-weight: 400;
margin-bottom: 8px;
}
#an.an-pg-contatti .an-info-card-body {
font-size: 15px;
line-height: 1.6;
color: var(--an-ink-2);
}
#an.an-pg-contatti .an-info-card-link {
text-decoration: underline;
color: var(--an-ink);
}
#an.an-pg-contatti .an-info-figure {
border-radius: 2px;
overflow: hidden;
border: 1px solid var(--an-hair);
position: relative;
background: var(--an-dark);
}
#an.an-pg-contatti .an-info-img {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
/* 5 botones de motivo */
#an.an-pg-contatti .an-motivi-list {
display: flex;
flex-direction: column;
gap: 20px;
}
#an.an-pg-contatti .an-motivo-item {
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
}
#an.an-pg-contatti .an-motivo-btn {
width: 100%;
justify-content: space-between;
text-align: left;
}
#an.an-pg-contatti .an-motivo-gmail-row {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 8px;
border-top: 1px solid var(--an-hair);
font-size: 13px;
color: var(--an-ink-2);
}
#an.an-pg-contatti .an-motivo-mail {
color: var(--an-ink);
-webkit-user-select: all;
user-select: all;
}
/* Seccion mapa */
#an.an-pg-contatti .an-map-sec {
position: relative;
}
#an.an-pg-contatti .an-map-box {
position: relative;
width: 100%;
height: 420px;
border-radius: 2px;
overflow: hidden;
border: 1px solid var(--an-hair);
background: var(--an-ivory-2);
}
#an.an-pg-contatti .an-map-consent {
position: absolute;
inset: 0;
z-index: 2;
background: var(--an-ivory-2);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px;
text-align: center;
}
#an.an-pg-contatti .an-map-consent-title {
font-family: var(--an-display);
font-size: 24px;
font-weight: 400;
margin-bottom: 12px;
}
#an.an-pg-contatti .an-map-consent-desc {
font-size: 15px;
color: var(--an-ink-2);
max-width: 460px;
margin-bottom: 24px;
}
#an.an-pg-contatti .an-map-iframe {
width: 100%;
height: 100%;
border: 0;
}
#an.an-pg-contatti .an-contatti-h2 { margin-bottom: 16px; }
#an.an-pg-contatti .an-info-card-copy { margin-top: 12px; }
#an.an-pg-contatti .an-motivi-lead { margin-bottom: 28px; }
#an.an-pg-contatti .an-alt-label { color: var(--an-ink-2); }
#an.an-pg-contatti .an-privacy-link-box { margin-top: 24px; text-align: center; }
#an.an-pg-contatti .an-privacy-sublink { font-size: 13px; }
#an.an-pg-contatti .an-map-open { margin-top: 20px; text-align: center; }
#an.an-pg-contatti .an-map-header { text-align: center; max-width: 680px; margin: 0 auto 32px; }
/* ════════ @@CSS-PAGINA:legal — privacy y cookie (.an-pg-legal) ════════ */
#an.an-pg-legal .an-legal-hero .an-container {
position: relative;
z-index: 3;
}
#an.an-pg-legal .an-legal-hero {
position: relative;
overflow: hidden;
background: var(--an-dark);
color: var(--an-ivory);
padding-top: calc(var(--an-sec) * 0.7);
padding-bottom: calc(var(--an-sec) * 0.6);
}
#an.an-pg-legal .an-legal-hero .an-eyebrow { color: var(--an-sage); }
#an.an-pg-legal .an-legal-hero .an-h1 { color: var(--an-ivory); margin-bottom: 20px; }
#an.an-pg-legal .an-legal-hero .an-legal-lead {
color: rgba(246,241,227,0.88);
font-size: 18px;
line-height: 1.7;
max-width: 62ch;
margin: 0;
}
#an.an-pg-legal .an-legal-wrap {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 40px;
align-items: start;
}
#an.an-pg-legal .an-toc {
display: flex;
flex-direction: column;
gap: 4px;
padding-bottom: 24px;
border-bottom: 1px solid var(--an-hair);
min-width: 0;
}
#an.an-pg-legal .an-toc-title {
font-family: var(--an-sans);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--an-ink-3);
margin: 0 0 12px;
}
#an.an-pg-legal .an-toc a {
display: block;
padding: 8px 0 8px 14px;
border-left: 1px solid var(--an-hair);
color: var(--an-ink-2);
font-size: 15px;
line-height: 1.4;
text-decoration: none;
transition: color 0.3s var(--an-ease), border-color 0.3s var(--an-ease);
}
#an.an-pg-legal .an-toc a:hover,
#an.an-pg-legal .an-toc a:focus-visible {
color: var(--an-ink);
border-left-color: var(--an-ink);
}
#an.an-pg-legal .an-legal-body { min-width: 0; max-width: 72ch; }
#an.an-pg-legal .an-legal-section {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid var(--an-hair);
scroll-margin-top: 110px;
}
#an.an-pg-legal .an-legal-section:last-child { border-bottom: 0; margin-bottom: 0; }
#an.an-pg-legal .an-legal-section h2 {
font-family: var(--an-display);
font-weight: 400;
font-size: clamp(26px, 3vw, 36px);
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--an-ink);
margin: 0 0 20px;
}
#an.an-pg-legal .an-legal-section p,
#an.an-pg-legal .an-legal-section li {
font-size: 17px;
line-height: 1.7;
color: var(--an-ink);
}
#an.an-pg-legal .an-legal-section p { margin: 0 0 16px; }
#an.an-pg-legal .an-legal-section ul { margin: 0 0 16px; padding-left: 22px; }
#an.an-pg-legal .an-legal-section li { margin-bottom: 10px; }
#an.an-pg-legal .an-legal-section a {
color: var(--an-ink);
text-decoration: underline;
text-underline-offset: 3px;
overflow-wrap: anywhere;
}
#an.an-pg-legal .an-legal-box {
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
padding: 20px 24px;
font-size: 16px;
line-height: 1.8;
}
#an.an-pg-legal .an-table-wrap {
overflow-x: auto;
margin: 0 0 20px;
border: 1px solid var(--an-hair);
border-radius: 2px;
}
#an.an-pg-legal table { width: 100%; border-collapse: collapse; min-width: 560px; }
#an.an-pg-legal th,
#an.an-pg-legal td {
text-align: left;
vertical-align: top;
padding: 12px 14px;
font-size: 15px;
line-height: 1.5;
border-bottom: 1px solid var(--an-hair);
color: var(--an-ink);
}
#an.an-pg-legal th {
font-family: var(--an-sans);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--an-ink-3);
background: var(--an-ivory-2);
}
#an.an-pg-legal tr:last-child td { border-bottom: 0; }
#an.an-pg-legal code {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 14px;
background: var(--an-ivory-2);
padding: 1px 6px;
border-radius: 2px;
}
#an.an-pg-legal .an-consent-status {
padding: 14px 18px;
margin: 0 0 16px;
background: var(--an-ivory-2);
border: 1px solid var(--an-hair);
border-radius: 2px;
font-size: 16px;
}
@media (min-width: 1024px) {
#an.an-pg-legal .an-legal-wrap { grid-template-columns: 240px minmax(0, 1fr); gap: 72px; }
#an.an-pg-legal .an-toc {
position: sticky;
top: 110px;
padding-bottom: 0;
border-bottom: 0;
}
}
@media (max-width: 767px) {
}
/* PROTECCION CABECERA: el tema/Elementor puede forzar width/height (!important) en img y button.
Estas reglas fijan el tamano del logo y del boton de menu. */
#an .an-brand { flex: 0 1 auto; min-width: 0; }
#an .an-brand-img { display: block; flex: none; height: 28px !important; width: auto !important; max-width: none !important; max-height: none !important; }
#an .an-burger { flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; height: 44px !important; padding: 10px !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; }
#an .an-burger-line { display: block !important; width: 100% !important; height: 2px !important; background: var(--an-ink) !important; }
</style>
<script>
/* ── SEO por página (hreflang + datos estructurados) ──
Un único bloque para todo el sitio: detecta la URL actual y añade al <head>
los 3 hreflang y el JSON-LD de ESA página. Yoast emite el resto (title, description,
canonical, robots, Open Graph, WebSite). Para añadir/quitar una página: editar el array D. */
(function(){
var D = [{"it":"https://www.anhelocaffe.it/","en":"https://www.anhelocaffe.it/home-eng/","ldIt":[{"@type":"Organization","@id":"https://www.anhelocaffe.it/#organization","name":"Anhelo","legalName":"Concept S.r.l.","vatID":"IT07508881211","url":"https://www.anhelocaffe.it/","email":"ask@anhelocaffe.com","telephone":"+39 081 318 5279","description":"Anhelo, fine Italian espresso caffè. Miscela di caffè partenopea dal 1930, distribuita a ristoranti, hotel e caffetterie di qualità.","address":{"@type":"PostalAddress","streetAddress":"Via San Biagio dei Librai 19","addressLocality":"Napoli","postalCode":"80138","addressRegion":"NA","addressCountry":"IT"}},{"@type":"FAQPage","@id":"https://www.anhelocaffe.it/#faq","mainEntity":[{"@type":"Question","name":"Le capsule Anhelo sono compatibili con le macchine Nespresso®?","acceptedAnswer":{"@type":"Answer","text":"Sì, le capsule monodose Anhelo sono compatibili con Nespresso®*. *Nespresso® è un marchio registrato di terzi, non collegato né affiliato ad Anhelo."}},{"@type":"Question","name":"C'è un esperto dietro la selezione del caffè?","acceptedAnswer":{"@type":"Answer","text":"Sì. La selezione dei caffè che compongono la miscela Anhelo è affidata a un esperto di Anhelo, che sceglie le origini migliori prima che il caffè venga tostato a Napoli."}},{"@type":"Question","name":"Dove viene distribuito il caffè Anhelo?","acceptedAnswer":{"@type":"Answer","text":"Anhelo è distribuito esclusivamente nel mercato nazionale ed internazionale della gastronomia di qualità, raffinati hotels di charme e selezionate caffetterie."}},{"@type":"Question","name":"Qual è l'origine dei chicchi utilizzati da Anhelo?","acceptedAnswer":{"@type":"Answer","text":"Anhelo è una preziosa miscela composta dai migliori caffè arabica provenienti da piantagioni del Brasile e dalle alture del Centro-America, con una nota di eccellente robusta etiope e di robusta indiana lavata. L'Arabica brasiliana dona chicchi dolci, rotondi e naturalmente equilibrati; quella centroamericana, coltivata in altura, note floreali e agrumate; la Robusta etiope note speziate e sentori di cacao; la Robusta indiana lavata una struttura pulita e un gusto persistente. Le origini sono selezionate da un esperto di Anhelo e il caffè viene tostato a Napoli."}},{"@type":"Question","name":"Dove posso acquistare Anhelo?","acceptedAnswer":{"@type":"Answer","text":"Anhelo ha una produzione limitata ed è distribuito esclusivamente nel mercato nazionale ed internazionale della gastronomia di qualità, raffinati hotels di charme e selezionate caffetterie. Per informazioni: ask@anhelocaffe.com."}},{"@type":"Question","name":"Dove viene tostato il caffè Anhelo?","acceptedAnswer":{"@type":"Answer","text":"Il caffè Anhelo viene tostato a Napoli, dopo la selezione effettuata da un esperto di Anhelo."}}]}],"ldEn":[{"@type":"Organization","@id":"https://www.anhelocaffe.it/#organization","name":"Anhelo","legalName":"Concept S.r.l.","vatID":"IT07508881211","url":"https://www.anhelocaffe.it/","email":"ask@anhelocaffe.com","telephone":"+39 081 318 5279","description":"Anhelo, fine Italian espresso caffè. Neapolitan coffee blend since 1930, distributed to quality restaurants, hotels and cafés.","address":{"@type":"PostalAddress","streetAddress":"Via San Biagio dei Librai 19","addressLocality":"Napoli","postalCode":"80138","addressRegion":"NA","addressCountry":"IT"}},{"@type":"FAQPage","@id":"https://www.anhelocaffe.it/#faq","mainEntity":[{"@type":"Question","name":"Are Anhelo capsules compatible with Nespresso® machines?","acceptedAnswer":{"@type":"Answer","text":"Yes, Anhelo single-serve capsules are compatible with Nespresso®*. *Nespresso® is a third-party registered trademark and is not connected or affiliated with Anhelo."}},{"@type":"Question","name":"Is there an expert behind the coffee selection?","acceptedAnswer":{"@type":"Answer","text":"Yes. The coffees that make up the Anhelo blend are selected by an Anhelo expert, who chooses the finest origins before the coffee is roasted in Naples."}},{"@type":"Question","name":"Where is Anhelo coffee distributed?","acceptedAnswer":{"@type":"Answer","text":"Anhelo is distributed exclusively through the domestic and international premium gastronomy market, refined boutique hotels and selected cafés."}},{"@type":"Question","name":"Where do the beans used by Anhelo come from?","acceptedAnswer":{"@type":"Answer","text":"Anhelo is a precious blend made from the finest Arabica coffees from Brazilian plantations and the highlands of Central America, with a note of excellent Ethiopian Robusta and washed Indian Robusta. Brazilian Arabica gives naturally sweet, round and balanced beans; Central American Arabica, grown at altitude, brings floral and citrus notes; Ethiopian Robusta adds spicy nuances and hints of cocoa; washed Indian Robusta contributes a clean structure and a persistent taste. The origins are selected by an Anhelo expert and the coffee is roasted in Naples."}},{"@type":"Question","name":"Where can I buy Anhelo?","acceptedAnswer":{"@type":"Answer","text":"Anhelo is produced in limited quantities and distributed exclusively through the domestic and international premium gastronomy market, refined boutique hotels and selected cafés. For information: ask@anhelocaffe.com."}},{"@type":"Question","name":"Where is Anhelo coffee roasted?","acceptedAnswer":{"@type":"Answer","text":"Anhelo coffee is roasted in Naples, after being selected by an Anhelo expert."}}]}]},{"it":"https://www.anhelocaffe.it/storia-ita/","en":"https://www.anhelocaffe.it/storia-eng/","ldIt":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/storia-ita/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/"},{"@type":"ListItem","position":2,"name":"La Storia","item":"https://www.anhelocaffe.it/storia-ita/"}]}],"ldEn":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/storia-eng/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/home-eng/"},{"@type":"ListItem","position":2,"name":"Story","item":"https://www.anhelocaffe.it/storia-eng/"}]}]},{"it":"https://www.anhelocaffe.it/prodotti-ita/","en":"https://www.anhelocaffe.it/prodotti-eng/","ldIt":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/prodotti-ita/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/"},{"@type":"ListItem","position":2,"name":"Prodotti","item":"https://www.anhelocaffe.it/prodotti-ita/"}]}],"ldEn":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/prodotti-eng/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/home-eng/"},{"@type":"ListItem","position":2,"name":"Products","item":"https://www.anhelocaffe.it/prodotti-eng/"}]}]},{"it":"https://www.anhelocaffe.it/servizi-ita/","en":"https://www.anhelocaffe.it/servizi-eng/","ldIt":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/servizi-ita/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/"},{"@type":"ListItem","position":2,"name":"Servizi","item":"https://www.anhelocaffe.it/servizi-ita/"}]},{"@type":"Service","@id":"https://www.anhelocaffe.it/servizi-ita/#formazione","name":"Corsi di Formazione Barista","provider":{"@id":"https://www.anhelocaffe.it/#organization"},"description":"Corsi di formazione dedicati a baristi e professionisti del settore per trasmettere la tecnica di estrazione e la cultura del rito napoletano del caffè."}],"ldEn":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/servizi-eng/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/home-eng/"},{"@type":"ListItem","position":2,"name":"Services","item":"https://www.anhelocaffe.it/servizi-eng/"}]},{"@type":"Service","@id":"https://www.anhelocaffe.it/servizi-eng/#formazione","name":"Barista Training Courses","provider":{"@id":"https://www.anhelocaffe.it/#organization"},"description":"Training courses for baristas and industry professionals, sharing the extraction technique and the culture of the Neapolitan coffee ritual."}]},{"it":"https://www.anhelocaffe.it/galleria-ita/","en":"https://www.anhelocaffe.it/galleria-eng/","ldIt":[{"@type":"ImageGallery","@id":"https://www.anhelocaffe.it/galleria-ita/#gallery","name":"Galleria Anhelo","description":"La galleria di Anhelo: Napoli, la moka di casa, il chicco, la crema e il bar. Le immagini della campagna del fine Italian espresso caffè dal 1930.","url":"https://www.anhelocaffe.it/galleria-ita/"},{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/galleria-ita/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/"},{"@type":"ListItem","position":2,"name":"Galleria","item":"https://www.anhelocaffe.it/galleria-ita/"}]}],"ldEn":[{"@type":"ImageGallery","@id":"https://www.anhelocaffe.it/galleria-eng/#gallery","name":"Anhelo Gallery","description":"The Anhelo gallery: Naples, the home moka pot, the bean, the crema and the café. Images of the fine Italian espresso caffè since 1930.","url":"https://www.anhelocaffe.it/galleria-eng/"},{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/galleria-eng/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/home-eng/"},{"@type":"ListItem","position":2,"name":"Gallery","item":"https://www.anhelocaffe.it/galleria-eng/"}]}]},{"it":"https://www.anhelocaffe.it/contatti-ita/","en":"https://www.anhelocaffe.it/contatti-eng/","ldIt":[{"@type":"ContactPage","@id":"https://www.anhelocaffe.it/contatti-ita/#webpage","url":"https://www.anhelocaffe.it/contatti-ita/","name":"Contattaci | Anhelo","description":"Contatta Anhelo per informazioni sulla preziosa miscela di caffè napoletano, forniture e ordini.","mainEntity":{"@type":"Organization","name":"Anhelo","legalName":"Concept S.r.l.","vatID":"IT07508881211","email":"ask@anhelocaffe.com","telephone":"+39 081 318 5279","address":{"@type":"PostalAddress","streetAddress":"Via San Biagio dei Librai 19","addressLocality":"Napoli","postalCode":"80138","addressRegion":"NA","addressCountry":"IT"}}},{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/contatti-ita/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/"},{"@type":"ListItem","position":2,"name":"Contatti","item":"https://www.anhelocaffe.it/contatti-ita/"}]}],"ldEn":[{"@type":"ContactPage","@id":"https://www.anhelocaffe.it/contatti-eng/#webpage","url":"https://www.anhelocaffe.it/contatti-eng/","name":"Contact Us | Anhelo","description":"Contact Anhelo for information about the precious Neapolitan coffee blend, supplies and orders.","mainEntity":{"@type":"Organization","name":"Anhelo","legalName":"Concept S.r.l.","vatID":"IT07508881211","email":"ask@anhelocaffe.com","telephone":"+39 081 318 5279","address":{"@type":"PostalAddress","streetAddress":"Via San Biagio dei Librai 19","addressLocality":"Napoli","postalCode":"80138","addressRegion":"NA","addressCountry":"IT"}}},{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/contatti-eng/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/home-eng/"},{"@type":"ListItem","position":2,"name":"Contact","item":"https://www.anhelocaffe.it/contatti-eng/"}]}]},{"it":"https://www.anhelocaffe.it/privacy-ita/","en":"https://www.anhelocaffe.it/privacy-eng/","ldIt":[],"ldEn":[]},{"it":"https://www.anhelocaffe.it/cookie-ita/","en":"https://www.anhelocaffe.it/cookie-eng/","ldIt":[],"ldEn":[]},{"it":"https://www.anhelocaffe.it/macinato-ita/","en":"https://www.anhelocaffe.it/macinato-eng/","ldIt":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/macinato-ita/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/"},{"@type":"ListItem","position":2,"name":"Prodotti","item":"https://www.anhelocaffe.it/prodotti-ita/"},{"@type":"ListItem","position":3,"name":"Caffè macinato","item":"https://www.anhelocaffe.it/macinato-ita/"}]},{"@type":"Product","@id":"https://www.anhelocaffe.it/macinato-ita/#product","name":"Caffè macinato","description":"Caffè macinato Anhelo 250g in lattina, perfetto per moka e macchine espresso domestiche. Ricetta di Napoli dal 1930.","image":["https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/macinato-250g-frontale.webp","https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/macinato-250g-tre-quarti.webp"],"brand":{"@type":"Brand","name":"Anhelo"}}],"ldEn":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/macinato-eng/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/home-eng/"},{"@type":"ListItem","position":2,"name":"Products","item":"https://www.anhelocaffe.it/prodotti-eng/"},{"@type":"ListItem","position":3,"name":"Ground Coffee","item":"https://www.anhelocaffe.it/macinato-eng/"}]},{"@type":"Product","@id":"https://www.anhelocaffe.it/macinato-eng/#product","name":"Ground Coffee","description":"Anhelo ground coffee 250g in a tin, perfect for moka pots and home espresso machines. Neapolitan Recipe since 1930.","image":["https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/macinato-250g-frontale.webp","https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/macinato-250g-tre-quarti.webp"],"brand":{"@type":"Brand","name":"Anhelo"}}]},{"it":"https://www.anhelocaffe.it/capsule-ita/","en":"https://www.anhelocaffe.it/capsule-eng/","ldIt":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/capsule-ita/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/"},{"@type":"ListItem","position":2,"name":"Prodotti","item":"https://www.anhelocaffe.it/prodotti-ita/"},{"@type":"ListItem","position":3,"name":"Capsule Monodose","item":"https://www.anhelocaffe.it/capsule-ita/"}]},{"@type":"Product","@id":"https://www.anhelocaffe.it/capsule-ita/#product","name":"Capsule Monodose","description":"Capsule monodose Anhelo compatibili Nespresso®*, confezioni da 10 e 100 pezzi. Ricetta di Napoli dal 1930.","image":["https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/capsule-10pz-frontale-v2.webp","https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/capsule-10pz-tre-quarti-v2.webp"],"brand":{"@type":"Brand","name":"Anhelo"}},{"@type":"FAQPage","@id":"https://www.anhelocaffe.it/capsule-ita/#faq","mainEntity":[{"@type":"Question","name":"Le capsule Anhelo sono compatibili con le macchine Nespresso®?","acceptedAnswer":{"@type":"Answer","text":"Sì, le capsule monodose Anhelo sono compatibili con Nespresso®*. *Nespresso® è un marchio registrato di terzi, non collegato né affiliato ad Anhelo."}}]}],"ldEn":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/capsule-eng/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/home-eng/"},{"@type":"ListItem","position":2,"name":"Products","item":"https://www.anhelocaffe.it/prodotti-eng/"},{"@type":"ListItem","position":3,"name":"Single-Serve Capsules","item":"https://www.anhelocaffe.it/capsule-eng/"}]},{"@type":"Product","@id":"https://www.anhelocaffe.it/capsule-eng/#product","name":"Single-Serve Capsules","description":"Anhelo single-serve capsules compatible with Nespresso®*, packs of 10 and 100 pieces. Neapolitan Recipe since 1930.","image":["https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/capsule-10pz-frontale-v2.webp","https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/capsule-10pz-tre-quarti-v2.webp"],"brand":{"@type":"Brand","name":"Anhelo"}},{"@type":"FAQPage","@id":"https://www.anhelocaffe.it/capsule-eng/#faq","mainEntity":[{"@type":"Question","name":"Are Anhelo capsules compatible with Nespresso® machines?","acceptedAnswer":{"@type":"Answer","text":"Yes, Anhelo single-serve capsules are compatible with Nespresso®*. *Nespresso® is a third-party registered trademark and is not connected or affiliated with Anhelo."}}]}]},{"it":"https://www.anhelocaffe.it/chicchi-250-ita/","en":"https://www.anhelocaffe.it/chicchi-250-eng/","ldIt":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/chicchi-250-ita/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/"},{"@type":"ListItem","position":2,"name":"Prodotti","item":"https://www.anhelocaffe.it/prodotti-ita/"},{"@type":"ListItem","position":3,"name":"Chicchi interi 250g","item":"https://www.anhelocaffe.it/chicchi-250-ita/"}]},{"@type":"Product","@id":"https://www.anhelocaffe.it/chicchi-250-ita/#product","name":"Chicchi interi 250g","description":"Confezione Anhelo chicchi interi 250g, per i veri appassionati che amano macinare il caffè al momento. Ricetta di Napoli dal 1930.","image":["https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/chicchi-250g-frontale.webp","https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/chicchi-250g-tre-quarti.webp"],"brand":{"@type":"Brand","name":"Anhelo"}}],"ldEn":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/chicchi-250-eng/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/home-eng/"},{"@type":"ListItem","position":2,"name":"Products","item":"https://www.anhelocaffe.it/prodotti-eng/"},{"@type":"ListItem","position":3,"name":"Whole Beans 250g","item":"https://www.anhelocaffe.it/chicchi-250-eng/"}]},{"@type":"Product","@id":"https://www.anhelocaffe.it/chicchi-250-eng/#product","name":"Whole Beans 250g","description":"Anhelo whole beans 250g pack, for true enthusiasts who love to grind their coffee fresh. Neapolitan Recipe since 1930.","image":["https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/chicchi-250g-frontale.webp","https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/chicchi-250g-tre-quarti.webp"],"brand":{"@type":"Brand","name":"Anhelo"}}]},{"it":"https://www.anhelocaffe.it/chicchi-1000-ita/","en":"https://www.anhelocaffe.it/chicchi-1000-eng/","ldIt":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/chicchi-1000-ita/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/"},{"@type":"ListItem","position":2,"name":"Prodotti","item":"https://www.anhelocaffe.it/prodotti-ita/"},{"@type":"ListItem","position":3,"name":"Chicchi interi 1000g","item":"https://www.anhelocaffe.it/chicchi-1000-ita/"}]},{"@type":"Product","@id":"https://www.anhelocaffe.it/chicchi-1000-ita/#product","name":"Chicchi interi 1000g","description":"Confezione Anhelo chicchi interi 1000g, ideale per caffetterie, resort e Ho.re.ca. Ricetta di Napoli dal 1930.","image":["https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/chicchi-1000g-frontale-verticale.webp","https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/chicchi-1000g-tre-quarti.webp"],"brand":{"@type":"Brand","name":"Anhelo"}}],"ldEn":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/chicchi-1000-eng/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/home-eng/"},{"@type":"ListItem","position":2,"name":"Products","item":"https://www.anhelocaffe.it/prodotti-eng/"},{"@type":"ListItem","position":3,"name":"Whole Beans 1000g","item":"https://www.anhelocaffe.it/chicchi-1000-eng/"}]},{"@type":"Product","@id":"https://www.anhelocaffe.it/chicchi-1000-eng/#product","name":"Whole Beans 1000g","description":"Anhelo whole beans 1000g pack, ideal for cafés, resorts and the Ho.re.ca. sector. Neapolitan Recipe since 1930.","image":["https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/chicchi-1000g-frontale-verticale.webp","https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/chicchi-1000g-tre-quarti.webp"],"brand":{"@type":"Brand","name":"Anhelo"}}]},{"it":"https://www.anhelocaffe.it/cialde-ita/","en":"https://www.anhelocaffe.it/cialde-eng/","ldIt":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/cialde-ita/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/"},{"@type":"ListItem","position":2,"name":"Prodotti","item":"https://www.anhelocaffe.it/prodotti-ita/"},{"@type":"ListItem","position":3,"name":"Cialde Monodose","item":"https://www.anhelocaffe.it/cialde-ita/"}]},{"@type":"Product","@id":"https://www.anhelocaffe.it/cialde-ita/#product","name":"Cialde Monodose","description":"Cialde monodose Anhelo, confezioni da 10, 100 e 150 pezzi. Praticità e qualità dell'espresso italiano. Ricetta di Napoli dal 1930.","image":["https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/cialde-10pz-frontale-v2.webp","https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/cialde-10pz-tre-quarti-v2.webp"],"brand":{"@type":"Brand","name":"Anhelo"}}],"ldEn":[{"@type":"BreadcrumbList","@id":"https://www.anhelocaffe.it/cialde-eng/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.anhelocaffe.it/home-eng/"},{"@type":"ListItem","position":2,"name":"Products","item":"https://www.anhelocaffe.it/prodotti-eng/"},{"@type":"ListItem","position":3,"name":"Single-Serve Pods","item":"https://www.anhelocaffe.it/cialde-eng/"}]},{"@type":"Product","@id":"https://www.anhelocaffe.it/cialde-eng/#product","name":"Single-Serve Pods","description":"Anhelo single-serve pods, packs of 10, 100 and 150 pieces. Convenience and the quality of Italian espresso. Neapolitan Recipe since 1930.","image":["https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/cialde-10pz-frontale-v2.webp","https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/cialde-10pz-tre-quarti-v2.webp"],"brand":{"@type":"Brand","name":"Anhelo"}}]}];
function norm(u){ var p; try{ p = new URL(u, location.href).pathname; }catch(e){ return ''; } if(p.slice(-1) !== '/') p += '/'; return p.toLowerCase(); }
var here = norm(location.href), hit = null, lang = 'it';
D.forEach(function(e){ if(norm(e.it) === here){ hit = e; lang = 'it'; } else if(norm(e.en) === here){ hit = e; lang = 'en'; } });
if(!hit) return;
function alt(h, u){ var l = document.createElement('link'); l.rel = 'alternate'; l.hreflang = h; l.href = u; document.head.appendChild(l); }
alt('it', hit.it); alt('en', hit.en); alt('x-default', hit.it);
var ld = (lang === 'en') ? hit.ldEn : hit.ldIt;
if(ld && ld.length){
var s = document.createElement('script'); s.type = 'application/ld+json';
s.text = JSON.stringify({'@context': 'https://schema.org', '@graph': ld});
document.head.appendChild(s);
}
})();
</script>
<meta name="generator" content="Elementor 4.2.4; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
<style>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
</style>
<link rel="icon" href="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/cropped-apple-touch-icon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/cropped-apple-touch-icon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/cropped-apple-touch-icon-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/cropped-apple-touch-icon-270x270.png" />
<style id="wp-custom-css">
@media (max-width: 768px) {
/* Imposta il box-sizing per tutti gli elementi */
* {
box-sizing: border-box !important;
}
/* Rimuove lo scorrimento orizzontale dal corpo della pagina e dal contenitore principale */
body, html {
overflow-x: hidden !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* Assicura che tutti i contenitori di Elementor non superino la larghezza dello schermo */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-row {
max-width: 100% !important;
}
/* Assicura che tutte le immagini si adattino al contenitore */
img, video {
max-width: 100% !important;
height: auto !important;
}
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /></head>
<body class="wp-singular page-template page-template-elementor_canvas page page-id-343 wp-embed-responsive wp-theme-astra ast-desktop ast-page-builder-template ast-no-sidebar astra-4.13.12 ast-single-post ast-inherit-site-logo-transparent ast-hfb-header ast-normal-title-enabled elementor-default elementor-template-canvas elementor-kit-6 elementor-page elementor-page-343">
<script data-cfasync="false">
(function(){var mq=window.matchMedia('(max-width:921.99px)');function apply(isMobile){var b=document.body.classList;if(isMobile){b.add('ast-header-break-point');b.remove('ast-desktop');}else{b.remove('ast-header-break-point');b.add('ast-desktop');}}apply(mq.matches);if(mq.addEventListener){mq.addEventListener('change',function(e){apply(e.matches);});}else if(mq.addListener){mq.addListener(function(e){apply(e.matches);});}})();
</script>
<div data-elementor-type="wp-page" data-elementor-id="343" class="elementor elementor-343">
<section class="elementor-section elementor-top-section elementor-element elementor-element-1ed475a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1ed475a" data-element_type="section" data-e-type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ca56c86" data-id="ca56c86" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-4871454 elementor-widget elementor-widget-html" data-id="4871454" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<!-- ═════════════════════════════════════════════════════════════════
widget-servizi.html → widget HTML de Elementor (página Servizi: /servizi/)
Solo marcado: sin estilos, sin scripts, sin banner, sin onclick.
CSS y datos SEO → 01-HEAD-CODE.html · JS y banner de cookies → 02-FOOTER-CODE.html
═════════════════════════════════════════════════════════════════ -->
<div id="an" class="an-pg-servizi" data-lang="it">
<a class="an-skip" href="#an-main">Vai al contenuto</a>
<!-- @@CABECERA -->
<header class="an-header">
<div class="an-container an-header-inner">
<a href="https://www.anhelocaffe.it/" class="an-brand" aria-label="Anhelo, Home">
<img decoding="async" class="an-brand-img" src="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/anhelo-wordmark-bordeaux.png" alt="Anhelo" width="178" height="28">
</a>
<div class="an-nav-desktop">
<nav aria-label="Navigazione principale">
<ul class="an-nav-list">
<li><a class="an-nav-link" href="https://www.anhelocaffe.it/">Home</a></li>
<li><a class="an-nav-link" href="https://www.anhelocaffe.it/storia-ita/">La Storia</a></li>
<li><a class="an-nav-link" href="https://www.anhelocaffe.it/prodotti-ita/">Prodotti</a></li>
<li><a class="an-nav-link" href="https://www.anhelocaffe.it/servizi-ita/" aria-current="page">Servizi</a></li>
<li><a class="an-nav-link" href="https://www.anhelocaffe.it/contatti-ita/">Contatti</a></li>
</ul>
</nav>
<div class="an-lang-switch" role="group" aria-label="Cambia lingua">
<span class="an-lang-curr" aria-current="true">IT</span>
<span>·</span>
<a href="https://www.anhelocaffe.it/servizi-eng/" hreflang="en" lang="en" class="an-lang-link" data-an-event="lang_switch" data-an-label="it-en">EN</a>
</div>
</div>
<button type="button" class="an-burger" aria-expanded="false" aria-controls="an-nav-mobile" aria-label="Apri menu">
<span class="an-burger-line"></span>
<span class="an-burger-line"></span>
</button>
</div>
</header>
<div id="an-nav-mobile" aria-modal="true" role="dialog" aria-label="Menu navigazione">
<div class="an-mobile-header">
<a href="https://www.anhelocaffe.it/" class="an-brand" aria-label="Anhelo, Home">
<img decoding="async" class="an-brand-img" src="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/anhelo-wordmark-verde.png" alt="Anhelo" width="140" height="22">
</a>
<button type="button" class="an-mobile-close" aria-label="Chiudi menu">Chiudi ✕</button>
</div>
<div class="an-lang-switch an-mobile-lang" role="group" aria-label="Cambia lingua">
<span class="an-lang-curr" aria-current="true">IT</span>
<span>·</span>
<a href="https://www.anhelocaffe.it/servizi-eng/" hreflang="en" lang="en" class="an-lang-link" data-an-event="lang_switch" data-an-label="it-en">EN</a>
</div>
<nav aria-label="Navigazione principale mobile">
<ul class="an-mobile-links">
<li><a class="an-mobile-link" href="https://www.anhelocaffe.it/">Home</a></li>
<li><a class="an-mobile-link" href="https://www.anhelocaffe.it/storia-ita/">La Storia</a></li>
<li><a class="an-mobile-link" href="https://www.anhelocaffe.it/prodotti-ita/">Prodotti</a></li>
<li><a class="an-mobile-link" href="https://www.anhelocaffe.it/servizi-ita/" aria-current="page">Servizi</a></li>
<li><a class="an-mobile-link" href="https://www.anhelocaffe.it/contatti-ita/">Contatti</a></li>
</ul>
</nav>
<div class="an-mobile-footer">
<span class="an-mobile-copy">Concept S.r.l. · Napoli</span>
</div>
</div>
<!-- /@@CABECERA -->
<main id="an-main">
<!-- Hero Section -->
<section class="an-servizi-hero" aria-labelledby="servizi-hero-title">
<img fetchpriority="high" class="an-majolica-corner an-majolica-corner--top-right an-majolica-corner--hero" src="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/disegni-tovaglia-corner.webp" width="500" height="332" alt="" aria-hidden="true" decoding="async">
<div class="an-servizi-hero-bg">
<img fetchpriority="high" src="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/publi-bar-barista-macchina-espresso.webp" width="1600" height="893" alt="" fetchpriority="high" decoding="async">
</div>
<div class="an-container">
<div class="an-servizi-hero-content an-reveal">
<span class="an-eyebrow an-eyebrow--dark">Formazione</span>
<h1 id="servizi-hero-title" class="an-h1 an-servizi-hero-title">I Nostri Servizi</h1>
<p class="an-lead an-servizi-hero-lead">La cultura del vero espresso napoletano e soluzioni dedicate per trasformare ogni pausa in un momento di autentico piacere.</p>
</div>
</div>
</section>
<hr class="an-divider-greca">
<!-- Panel 1: Cultura dell'Espresso -->
<section class="an-sec-padding an-panel-sec" aria-labelledby="panel-1-title">
<div class="an-container">
<div class="an-panel-grid">
<div class="an-reveal">
<span class="an-eyebrow">Cultura dell'Espresso</span>
<h2 id="panel-1-title" class="an-h2 an-panel-title">Formazione e Servizi Dedicati</h2>
<blockquote class="an-panel-quote">
Non solo caffè: la cultura dell'espresso napoletano.
</blockquote>
<p class="an-lead an-panel-p-mb32">
Anhelo affianca i propri partner anche oltre la fornitura: organizziamo corsi di formazione dedicati a baristi e professionisti del settore, per trasmettere non solo la tecnica di estrazione perfetta, ma l'intera cultura del rito napoletano del caffè, dalla tostatura alla tazzina.
</p>
<a href="mailto:ask@anhelocaffe.com?subject=Richiesta%20Info%20Formazione%20Barista" class="an-btn" data-an-event="contact_intent" data-an-label="servizi-richiedi-formazione">Richiedi Formazione <span class="an-btn-arrow">→</span></a>
</div>
<div class="an-reveal an-reveal--d1">
<figure class="an-panel-figure">
<img loading="lazy" class="an-panel-img" src="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/publi-bar-barista-macchina-espresso.webp" width="1600" height="893" alt="Barista che prepara un espresso alla macchina professionale" loading="lazy" decoding="async">
</figure>
</div>
</div>
</div>
</section>
<!-- OFFICE-BOX-OCULTO (servizi panel 2 Office Box) — quitar este comentario para restaurar
<hr class="an-divider-greca">
<section class="an-sec-padding an-panel-sec an-panel-sec--bg2" aria-labelledby="panel-2-title">
<div class="an-container">
<div class="an-panel-grid">
<div class="an-reveal">
<figure class="an-panel-figure">
<img loading="lazy" class="an-panel-img" src="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/publi-ufficio-angolo-caffe.webp" width="1600" height="893" alt="Angolo caffè di un ufficio con macchina per capsule e tazze Anhelo" loading="lazy" decoding="async">
</figure>
</div>
<div class="an-reveal an-reveal--d1">
<span class="an-eyebrow">Soluzione Ufficio</span>
<h2 id="panel-2-title" class="an-h2 an-panel-title">Office Box</h2>
<p class="an-lead an-panel-p-mb16">
Il momento della pausa caffè merita di essere vissuto come un vero rito, anche in ufficio. Per questo nasce Office Box: un kit completo pensato per trasformare un piccolo angolo in un momento di autentico piacere condiviso.
</p>
<p class="an-lead an-panel-p-mb20">
All'interno di Office Box trovi tutto il necessario: <strong>macchina per capsule, palette, zucchero, tovaglioli, cialde e biscotti</strong> — pronti per creare un angolo caffè elegante e funzionale, anche negli spazi più contenuti. Basta un piccolo spazio per regalare ai propri collaboratori una vera coccola quotidiana: il gusto Anhelo, la qualità napoletana, la convivialità di una pausa fatta come si deve.
</p>
<ul class="an-office-list">
<li class="an-office-item">
<span class="an-office-num">01</span>
<span class="an-office-label">Macchina per capsule</span>
</li>
<li class="an-office-item">
<span class="an-office-num">02</span>
<span class="an-office-label">Cialde monodose</span>
</li>
<li class="an-office-item">
<span class="an-office-num">03</span>
<span class="an-office-label">Zucchero</span>
</li>
<li class="an-office-item">
<span class="an-office-num">04</span>
<span class="an-office-label">Palette</span>
</li>
<li class="an-office-item">
<span class="an-office-num">05</span>
<span class="an-office-label">Tovaglioli</span>
</li>
<li class="an-office-item">
<span class="an-office-num">06</span>
<span class="an-office-label">Biscotti</span>
</li>
</ul>
<a href="mailto:ask@anhelocaffe.com?subject=Richiesta%20Info%20Office%20Box" class="an-btn" data-an-event="contact_intent" data-an-label="servizi-richiedi-office-box">Richiedi Office Box <span class="an-btn-arrow">→</span></a>
</div>
</div>
</div>
</section>
-->
<hr class="an-divider-greca">
<!-- Franja de 3 fotos -->
<section class="an-sec-padding" aria-label="Ambienti di consumo Anhelo">
<div class="an-container">
<div class="an-strip-grid">
<figure class="an-panel-figure an-reveal">
<img loading="lazy" class="an-panel-img" src="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/publi-bar-storico-bancone.webp" width="1600" height="893" alt="Bancone di una storica caffetteria italiana" loading="lazy" decoding="async">
</figure>
<!-- OFFICE-BOX-OCULTO (servizi franja foto oficina) — quitar este comentario para restaurar
<figure class="an-panel-figure an-reveal an-reveal--d1">
<img loading="lazy" class="an-panel-img" src="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/publi-ufficio-macchina-capsule-tazza.webp" width="1600" height="893" alt="Tazza Anhelo accanto alla macchina per capsule in ufficio" loading="lazy" decoding="async">
</figure>
-->
<figure class="an-panel-figure an-reveal an-reveal--d1">
<img loading="lazy" class="an-panel-img" src="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/publi-casa-moka-fornello.webp" width="1600" height="893" alt="Mano che accende il fornello sotto una moka" loading="lazy" decoding="async">
</figure>
</div>
</div>
</section>
<hr class="an-divider-greca an-divider-greca--dark">
<!-- CTA Final -->
<section class="an-sec-padding an-cta-sec" aria-labelledby="cta-heading">
<div class="an-container">
<div class="an-cta-box an-reveal">
<span class="an-eyebrow an-eyebrow--dark">Contattaci</span>
<h2 id="cta-heading" class="an-h2 an-panel-title">Scopri il piacere di un caffè autentico</h2>
<p class="an-lead an-cta-lead">Lasciati conquistare dall'eccellenza napoletana. Anhelo: il gusto che si racconta.</p>
<div class="an-cta-btns">
<a href="mailto:ask@anhelocaffe.com" class="an-btn an-btn--sage" data-an-event="contact_intent" data-an-label="servizi-cta-scrivici">Scrivici via Email <span class="an-btn-arrow">→</span></a>
<a href="https://www.anhelocaffe.it/contatti-ita/" class="an-btn an-btn--secondary-dark">Tutti i Contatti <span class="an-btn-arrow">→</span></a>
</div>
</div>
</div>
</section>
</main>
<!-- @@PIE -->
<footer class="an-footer">
<hr class="an-divider-greca an-divider-greca--dark">
<div class="an-container">
<div class="an-footer-grid">
<!-- Col 1: Brand -->
<div>
<a href="https://www.anhelocaffe.it/" class="an-brand" aria-label="Anhelo, Home">
<img loading="lazy" decoding="async" class="an-footer-logo" src="https://www.anhelocaffe.it/demo/wp-content/uploads/2026/10/anhelo-footer-verde.webp" alt="Anhelo" width="1384" height="397">
</a>
<p class="an-footer-desc">Miscela napoletana distribuita nella gastronomia di qualità, hotels di charme e selezionate caffetterie.</p>
<div class="an-footer-legal-name">Concept S.r.l. · Napoli (IT)</div>
</div>
<!-- Col 2: Navigazione -->
<div>
<h2 class="an-footer-heading">Navigazione</h2>
<ul class="an-footer-list">
<li><a href="https://www.anhelocaffe.it/">Home</a></li>
<li><a href="https://www.anhelocaffe.it/storia-ita/">La Storia</a></li>
<li><a href="https://www.anhelocaffe.it/prodotti-ita/">Prodotti</a></li>
<li><a href="https://www.anhelocaffe.it/servizi-ita/">Servizi</a></li>
<li><a href="https://www.anhelocaffe.it/galleria-ita/">Galleria</a></li>
<li><a href="https://www.anhelocaffe.it/contatti-ita/">Contatti</a></li>
</ul>
</div>
<!-- Col 3: Prodotti -->
<div>
<h2 class="an-footer-heading">Prodotti</h2>
<ul class="an-footer-list">
<li><a href="https://www.anhelocaffe.it/chicchi-1000-ita/">Chicchi Interi 1000g</a></li>
<li><a href="https://www.anhelocaffe.it/chicchi-250-ita/">Chicchi Interi 250g</a></li>
<li><a href="https://www.anhelocaffe.it/macinato-ita/">Caffè Macinato (250g)</a></li>
<li><a href="https://www.anhelocaffe.it/capsule-ita/">Capsule Monodose</a></li>
<li><a href="https://www.anhelocaffe.it/cialde-ita/">Cialde Monodose</a></li>
</ul>
</div>
<!-- Col 4: Contatti -->
<div>
<h2 class="an-footer-heading">Contatti</h2>
<p class="an-footer-address">
Concept S.r.l.<br>
Via San Biagio dei Librai 19, 80138 Napoli (NA), Italia
</p>
<p class="an-footer-address an-footer-address-info">
Ordini: <a class="an-footer-email-link" href="mailto:go@anhelocaffe.com">go@anhelocaffe.com</a><br>
Info: <a class="an-footer-email-link" href="mailto:ask@anhelocaffe.com">ask@anhelocaffe.com</a>
</p>
<div class="an-footer-piva">P.IVA: 07508881211</div>
</div>
</div>
<div class="an-footer-bottom">
<div>© 2026 Concept S.r.l. · Anhelo. Tutti i diritti riservati.</div>
<div class="an-footer-legal-links">
<a href="https://www.anhelocaffe.it/privacy-ita/">Privacy Policy</a>
<a href="https://www.anhelocaffe.it/cookie-ita/">Cookie Policy</a>
<button type="button" class="an-btn-manage-cookies" data-an-consent="manage">Gestisci cookie</button>
</div>
</div>
</div>
</footer>
<!-- /@@PIE -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/demo/wp-*.php","/demo/wp-admin/*","/demo/wp-content/uploads/*","/demo/wp-content/*","/demo/wp-content/plugins/*","/demo/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<!-- ══════════════════════════════════════════════════════════════
02-FOOTER-CODE.html — Anhelo Caffè
→ Pegar en: Head & Footer Code → FOOTER (todo el sitio)
→ Orden: 1) banner de cookies (bilingüe) 2) script de idioma
3) JS común (consentimiento GA4 + Clarity, cabecera, menú, reveal, copiar dirección)
4) módulos de página (cada uno con su guarda #an.an-pg-xxx)
→ El idioma se toma de #an[data-lang] (it | en), que lleva cada widget.
→ GA4 y Clarity (IDs en la constante CFG del JS común) se cargan SOLO tras «Accetta Tutti / Accept all».
══════════════════════════════════════════════════════════════ -->
<!-- @@BANNER (bilingüe: el texto se conmuta con #an[data-lang], ver el script siguiente) -->
<div id="an-banner" role="dialog" aria-label="Cookie" hidden>
<p><span data-it="Questo sito utilizza servizi di terze parti solo con il tuo consenso: Google Fonts (caratteri), Google Maps (mappa), Google Analytics 4 e Microsoft Clarity (statistiche di utilizzo e mappe di calore). Puoi accettare o rifiutare: il sito funziona in entrambi i casi. Consulta la nostra" data-en="This site uses third-party services only with your consent: Google Fonts (typefaces), Google Maps (map), Google Analytics 4 and Microsoft Clarity (usage statistics and heatmaps). You can accept or decline: the site works either way. See our">Questo sito utilizza servizi di terze parti solo con il tuo consenso: Google Fonts (caratteri), Google Maps (mappa), Google Analytics 4 e Microsoft Clarity (statistiche di utilizzo e mappe di calore). Puoi accettare o rifiutare: il sito funziona in entrambi i casi. Consulta la nostra</span> <a href="https://www.anhelocaffe.it/cookie-ita/" data-href-it="https://www.anhelocaffe.it/cookie-ita/" data-href-en="https://www.anhelocaffe.it/cookie-eng/">Cookie Policy</a> <span data-it="e" data-en="and">e</span> <a href="https://www.anhelocaffe.it/privacy-ita/" data-href-it="https://www.anhelocaffe.it/privacy-ita/" data-href-en="https://www.anhelocaffe.it/privacy-eng/">Privacy Policy</a>.</p>
<div class="an-bn-btns">
<button type="button" class="an-bn-btn" data-an-consent="decline" data-it="Rifiuta" data-en="Decline">Rifiuta</button>
<button type="button" class="an-bn-btn" data-an-consent="accept" data-it="Accetta Tutti" data-en="Accept all">Accetta Tutti</button>
</div>
</div>
<script>
/* ── IDIOMA DEL BANNER Y DEL <html> ── (debe ir antes del motor de consentimiento) */
(function(){
var an=document.getElementById('an'), lang=(an&&an.getAttribute('data-lang'))||'it';
document.documentElement.lang = (lang==='en') ? 'en-GB' : 'it';
var b=document.getElementById('an-banner'); if(!b) return;
b.querySelectorAll('[data-it]').forEach(function(el){ el.innerHTML = el.getAttribute('data-'+lang) || el.getAttribute('data-it'); });
b.querySelectorAll('[data-href-it]').forEach(function(el){ el.setAttribute('href', el.getAttribute('data-href-'+lang) || el.getAttribute('data-href-it')); });
})();
</script>
<script>
/* @@JS-COMUN (motor de consentimiento + cabecera, menú, reveal, copiar dirección) */
(function(){
/* 1. Storage seguro */
window.anStore = {
get: function(k){ try{ return localStorage.getItem(k); }catch(e){ return null; } },
set: function(k,v){ try{ localStorage.setItem(k,v); }catch(e){} },
remove: function(k){ try{ localStorage.removeItem(k); }catch(e){} }
};
/* 2. Cabecera sticky */
var anEl = document.getElementById('an');
var header = document.querySelector('.an-header');
if(anEl && header){
anEl.addEventListener('scroll', function(){
if(anEl.scrollTop > 8){
header.classList.add('is-stuck');
} else {
header.classList.remove('is-stuck');
}
}, {passive: true});
}
/* 3. Menú móvil */
var burger = document.querySelector('.an-burger');
var mobileDrawer = document.getElementById('an-nav-mobile');
var mobileClose = document.querySelector('.an-mobile-close');
if(burger && mobileDrawer){
function openMenu(){
mobileDrawer.classList.add('is-open');
burger.setAttribute('aria-expanded', 'true');
if(mobileClose) mobileClose.focus();
}
function closeMenu(){
mobileDrawer.classList.remove('is-open');
burger.setAttribute('aria-expanded', 'false');
burger.focus();
}
burger.addEventListener('click', function(){
if(mobileDrawer.classList.contains('is-open')) closeMenu(); else openMenu();
});
if(mobileClose){
mobileClose.addEventListener('click', closeMenu);
}
mobileDrawer.querySelectorAll('a').forEach(function(l){
l.addEventListener('click', closeMenu);
});
document.addEventListener('keydown', function(e){
if(e.key === 'Escape' && mobileDrawer.classList.contains('is-open')){
closeMenu();
}
});
}
/* 4. Reveal IntersectionObserver */
var reveals = document.querySelectorAll('#an .an-reveal');
if('IntersectionObserver' in window && anEl){
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if(entry.isIntersecting){
entry.target.classList.add('is-in');
obs.unobserve(entry.target);
}
});
}, {root: anEl, threshold: 0.15});
reveals.forEach(function(el){ obs.observe(el); });
} else {
reveals.forEach(function(el){ el.classList.add('is-in'); });
}
/* 5. Copiar dirección */
document.addEventListener('click', function(e){
var copyBtn = e.target.closest ? e.target.closest('[data-an-copy]') : null;
if(!copyBtn) return;
var textToCopy = copyBtn.getAttribute('data-an-copy');
if(!textToCopy) return;
var originalText = copyBtn.textContent;
var parent = copyBtn.parentNode;
var srStatus = parent ? parent.querySelector('.an-sr[role="status"]') : null;
function handleSuccess(){
var anRoot = document.getElementById('an');
var copiedMsg = (anRoot && anRoot.getAttribute('data-lang') === 'en') ? 'Address copied' : 'Indirizzo copiato';
copyBtn.textContent = copiedMsg;
if(srStatus) srStatus.textContent = copiedMsg;
setTimeout(function(){
copyBtn.textContent = originalText;
if(srStatus) srStatus.textContent = '';
}, 2000);
}
if(navigator.clipboard && navigator.clipboard.writeText){
navigator.clipboard.writeText(textToCopy).then(handleSuccess).catch(function(){
fallbackCopy(textToCopy, handleSuccess);
});
} else {
fallbackCopy(textToCopy, handleSuccess);
}
});
function fallbackCopy(text, callback){
var ta = document.createElement('textarea');
ta.value = text;
ta.style.position = 'fixed';
ta.style.left = '-9999px';
document.body.appendChild(ta);
ta.select();
try {
document.execCommand('copy');
callback();
} catch(e){}
document.body.removeChild(ta);
}
/* 6. Consentimiento y Analítica */
var CFG = {
KEY: 'anhelo_cc',
GA4: 'G-BTPHTPGMH0',
CLARITY: 'yqhwcns9ov',
FONTS: 'https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..500&family=Roboto:wght@400;500;700&display=swap'
};
var loaded = false;
var banner = document.getElementById('an-banner');
function read(){ try{ return localStorage.getItem(CFG.KEY); }catch(e){ return null; } }
function write(v){ try{ localStorage.setItem(CFG.KEY, v); }catch(e){} }
function loadFonts(){
if(document.getElementById('an-fonts')) return;
var a = document.createElement('link'); a.rel='preconnect'; a.href='https://fonts.googleapis.com'; document.head.appendChild(a);
var b = document.createElement('link'); b.rel='preconnect'; b.href='https://fonts.gstatic.com'; b.crossOrigin='anonymous'; document.head.appendChild(b);
var l = document.createElement('link'); l.id='an-fonts'; l.rel='stylesheet'; l.href=CFG.FONTS; document.head.appendChild(l);
}
function loadGA4(){
if(!CFG.GA4 || document.getElementById('an-ga4')) return;
window.dataLayer = window.dataLayer || [];
window.gtag = function(){ window.dataLayer.push(arguments); };
gtag('consent','default',{ ad_storage:'denied', ad_user_data:'denied', ad_personalization:'denied', analytics_storage:'denied' });
gtag('consent','update',{ analytics_storage:'granted' });
gtag('js', new Date());
gtag('config', CFG.GA4);
var s = document.createElement('script'); s.id='an-ga4'; s.async=true;
s.src='https://www.googletagmanager.com/gtag/js?id='+CFG.GA4; document.head.appendChild(s);
}
function loadClarity(){
if(document.getElementById('an-clarity')) return;
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r); t.async=1; t.id='an-clarity'; t.src='https://www.clarity.ms/tag/'+i;
y=l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t,y);
})(window, document, 'clarity', 'script', CFG.CLARITY);
window.clarity('consentv2', { ad_Storage:'denied', analytics_Storage:'granted' });
}
function track(name, params){
if(!loaded) return;
try{
if(window.gtag && CFG.GA4) gtag('event', name, params || {});
if(window.clarity) window.clarity('event', name);
}catch(e){}
}
function loadServices(){
if(loaded) return;
loaded = true;
loadFonts(); loadGA4(); loadClarity();
var an = document.getElementById('an');
if(an && an.getAttribute('data-producto')) track('product_view', { label: an.getAttribute('data-producto') });
}
function eraseCookies(){
var host = location.hostname, parts = host.split('.');
var domains = [host, '.'+host];
if(parts.length > 2) domains.push('.'+parts.slice(-2).join('.'));
document.cookie.split(';').forEach(function(c){
var n = c.split('=')[0].trim();
if(/^(_ga|_gid|_gat|_clck|_clsk)/.test(n)){
document.cookie = n+'=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/';
domains.forEach(function(d){ document.cookie = n+'=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain='+d; });
}
});
}
function emit(v){ try{ document.dispatchEvent(new CustomEvent('anhelo:consent', { detail: v })); }catch(e){} }
function show(){ if(banner){ banner.removeAttribute('hidden'); banner.classList.add('is-open'); } }
function hide(){ if(banner){ banner.setAttribute('hidden',''); banner.classList.remove('is-open'); } }
function accept(){ write('yes'); hide(); loadServices(); emit('yes'); }
function decline(){
var wasLoaded = loaded;
write('no'); hide(); emit('no');
if(wasLoaded){
try{ if(window.clarity) window.clarity('consent', false); }catch(e){}
eraseCookies();
location.reload();
}
}
document.addEventListener('click', function(e){
var t = e.target.closest ? e.target.closest('[data-an-consent]') : null;
if(t){
var act = t.getAttribute('data-an-consent');
if(act==='accept') accept(); else if(act==='decline') decline(); else if(act==='manage') show();
return;
}
var ev = e.target.closest ? e.target.closest('[data-an-event]') : null;
if(!ev) return;
if(ev.tagName==='SUMMARY' && ev.parentNode.open) return;
track(ev.getAttribute('data-an-event'), {
label: ev.getAttribute('data-an-label') || '',
page: location.pathname,
transport_type: 'beacon'
});
});
var v = read();
if(v === 'yes') loadServices();
else if(!v) show();
window.anTrack = track;
})();
</script>
<script>
/* @@JS-PAGINA:home */
(function(){
if(!document.querySelector('#an.an-pg-home')) return;
/* El zoom del hero se maneja via CSS animation (@keyframes an-hero-zoom). No hace falta setInterval. */
})();
</script>
<script>
/* @@JS-PAGINA:storia */
(function(){
if(!document.querySelector('#an.an-pg-storia')) return;
})();
</script>
<script>
/* @@JS-PAGINA:servizi */
(function(){
if(!document.querySelector('#an.an-pg-servizi')) return;
})();
</script>
<script>
/* @@JS-PAGINA:galleria */
(function(){
if(!document.querySelector('#an.an-pg-galleria')) return;
var openBtns = Array.prototype.slice.call(document.querySelectorAll('.an-gal-btn[data-full]'));
var dialog = document.getElementById('anLightboxDialog');
var imgEl = document.getElementById('anLbImg');
var counterEl = document.getElementById('anLbCounter');
var closeBtn = document.getElementById('anLbClose');
var prevBtn = document.getElementById('anLbPrev');
var nextBtn = document.getElementById('anLbNext');
var currentIndex = 0;
var lastFocusedEl = null;
function showImage(index){
if(index < 0) index = openBtns.length - 1;
if(index >= openBtns.length) index = 0;
currentIndex = index;
var btn = openBtns[currentIndex];
var fullSrc = btn.getAttribute('data-full');
var alt = btn.getAttribute('data-alt') || '';
if(imgEl){
imgEl.src = fullSrc;
imgEl.alt = alt;
}
if(counterEl) counterEl.textContent = (document.getElementById('an').getAttribute('data-lang') === 'en')
? 'Image ' + (currentIndex + 1) + ' of ' + openBtns.length
: 'Immagine ' + (currentIndex + 1) + ' di ' + openBtns.length;
/* Precargar siguiente */
var nextIdx = (currentIndex + 1) % openBtns.length;
var nextSrc = openBtns[nextIdx].getAttribute('data-full');
if(nextSrc){
var p = new Image();
p.src = nextSrc;
}
var label = btn.getAttribute('data-an-label') || fullSrc.split('/').pop();
if(window.anTrack) window.anTrack('gallery_open', { label: label });
}
function openLightbox(index){
lastFocusedEl = document.activeElement;
showImage(index);
if(dialog){
dialog.classList.add('is-open');
setTimeout(function(){ if(closeBtn) closeBtn.focus(); }, 60);
}
}
function closeLightbox(){
if(dialog){
dialog.classList.remove('is-open');
}
if(lastFocusedEl && lastFocusedEl.focus){
lastFocusedEl.focus();
}
}
openBtns.forEach(function(btn, i){
btn.addEventListener('click', function(){
openLightbox(i);
});
});
if(closeBtn) closeBtn.addEventListener('click', closeLightbox);
if(prevBtn) prevBtn.addEventListener('click', function(){ showImage(currentIndex - 1); });
if(nextBtn) nextBtn.addEventListener('click', function(){ showImage(currentIndex + 1); });
document.addEventListener('keydown', function(e){
if(!dialog || !dialog.classList.contains('is-open')) return;
if(e.key === 'Tab'){
var ring = [closeBtn, prevBtn, nextBtn].filter(Boolean);
if(ring.length){
var pos = ring.indexOf(document.activeElement);
e.preventDefault();
if(e.shiftKey) pos = pos <= 0 ? ring.length - 1 : pos - 1;
else pos = pos >= ring.length - 1 ? 0 : pos + 1;
ring[pos].focus();
}
return;
}
if(e.key === 'Escape'){
closeLightbox();
} else if(e.key === 'ArrowLeft'){
showImage(currentIndex - 1);
} else if(e.key === 'ArrowRight'){
showImage(currentIndex + 1);
}
});
/* Clic en fondo para cerrar */
if(dialog){
dialog.addEventListener('click', function(e){
if(e.target === dialog || e.target.classList.contains('an-lb-container')){
closeLightbox();
}
});
}
/* Nav de categorías sticky scroll-spy con IntersectionObserver */
var catLinks = document.querySelectorAll('.an-cat-nav-link');
var groupSecs = document.querySelectorAll('.an-group-sec');
var anEl = document.getElementById('an');
if('IntersectionObserver' in window && anEl && groupSecs.length > 0){
var spyObs = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if(entry.isIntersecting){
var id = entry.target.getAttribute('id');
catLinks.forEach(function(link){
if(link.getAttribute('href') === '#' + id){
link.classList.add('is-active');
} else {
link.classList.remove('is-active');
}
});
}
});
}, { root: anEl, threshold: 0.3 });
groupSecs.forEach(function(sec){ spyObs.observe(sec); });
}
})();
</script>
<script>
/* @@JS-PAGINA:contatti */
(function(){
if(!document.querySelector('#an.an-pg-contatti')) return;
var iframe = document.getElementById('anMapIframe');
var box = document.getElementById('anMapConsent');
function loadMap(){
if(iframe && iframe.getAttribute('data-src')){
if(!iframe.src || iframe.src === 'about:blank' || iframe.hasAttribute('hidden')){
iframe.src = iframe.getAttribute('data-src');
iframe.removeAttribute('hidden');
if(box) box.style.display = 'none';
if(window.anTrack) window.anTrack('map_load', { label: 'contatti' });
}
}
}
var btn = document.getElementById('anLoadMapBtn');
if(btn){
btn.addEventListener('click', function(){
var accept = document.querySelector('[data-an-consent="accept"]');
if(accept) accept.click(); else loadMap();
});
}
document.addEventListener('anhelo:consent', function(e){
if(e.detail === 'yes') loadMap();
});
if(window.anStore && window.anStore.get('anhelo_cc') === 'yes'){
loadMap();
}
})();
</script>
<script>
/* @@JS-PAGINA:legal */
(function(){
if(!document.querySelector('#an.an-pg-legal')) return;
var statusEl = document.getElementById('anConsentStatus');
if(!statusEl) return;
function paint(){
var v = null;
try { v = window.anStore ? window.anStore.get('anhelo_cc') : localStorage.getItem('anhelo_cc'); } catch(e) {}
var en = (document.getElementById('an').getAttribute('data-lang') === 'en');
if(v === 'yes') statusEl.textContent = en ? 'Current status: Analytics cookies accepted.' : 'Stato attuale: Cookie analitici accettati.';
else if(v === 'no') statusEl.textContent = en ? 'Current status: Analytics cookies declined.' : 'Stato attuale: Cookie analitici rifiutati.';
else statusEl.textContent = en ? 'Current status: No choice made.' : 'Stato attuale: Nessuna scelta effettuata.';
}
document.addEventListener('anhelo:consent', paint);
paint();
})();
</script>
<script>
/* @@JS-SCHEDA */
(function(){
if(!document.querySelector('#an.an-pg-scheda')) return;
var mainImg = document.getElementById('an-main-img');
var thumbs = Array.from(document.querySelectorAll('.an-thumb-btn'));
if(!mainImg || !thumbs.length) return;
function setIndex(idx){
if(idx < 0) idx = thumbs.length - 1;
if(idx >= thumbs.length) idx = 0;
thumbs.forEach(function(b, i){
if(i === idx){
b.setAttribute('aria-current', 'true');
var src = b.getAttribute('data-src');
var alt = b.getAttribute('data-alt');
if(src) mainImg.src = src;
if(alt) mainImg.alt = alt;
b.focus();
} else {
b.removeAttribute('aria-current');
}
});
}
thumbs.forEach(function(btn, idx){
btn.addEventListener('click', function(){
setIndex(idx);
});
});
/* Keyboard Arrow Navigation */
var galleryCol = document.querySelector('.an-gallery-col');
if(galleryCol){
galleryCol.addEventListener('keydown', function(e){
if(e.key === 'ArrowRight' || e.key === 'ArrowDown'){
e.preventDefault();
var curr = thumbs.findIndex(function(b){ return b.getAttribute('aria-current') === 'true'; });
setIndex(curr + 1);
} else if(e.key === 'ArrowLeft' || e.key === 'ArrowUp'){
e.preventDefault();
var curr = thumbs.findIndex(function(b){ return b.getAttribute('aria-current') === 'true'; });
setIndex(curr - 1);
}
});
}
})();
</script>
<script>
( () => {
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
} )();
</script>
<script id="astra-theme-js-js-extra">
var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","is_dark_palette":""};
//# sourceURL=astra-theme-js-js-extra
</script>
<script id="astra-theme-js-js" src="https://www.anhelocaffe.it/demo/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.13.12"></script>
<script id="elementor-webpack-runtime-js" src="https://www.anhelocaffe.it/demo/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.2.4"></script>
<script id="elementor-frontend-modules-js" src="https://www.anhelocaffe.it/demo/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.2.4"></script>
<script id="jquery-ui-core-js-before">
jQuery.uiBackCompat = true;
//# sourceURL=jquery-ui-core-js-before
</script>
<script id="jquery-ui-core-js" src="https://www.anhelocaffe.it/demo/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Condividi su Facebook","shareOnX":"Condividi su X","pinIt":"Pinterest","download":"Download","downloadImage":"Scarica immagine","fullscreen":"Schermo intero","zoom":"Zoom","share":"Condividi","playVideo":"Riproduci video","previous":"Precedente","next":"Successivo","close":"Chiudi","a11yCarouselPrevSlideMessage":"Diapositiva precedente","a11yCarouselNextSlideMessage":"Prossima diapositiva","a11yCarouselFirstSlideMessage":"Questa \u00e9 la prima diapositiva","a11yCarouselLastSlideMessage":"Questa \u00e8 l'ultima diapositiva","a11yCarouselPaginationBulletMessage":"Vai alla diapositiva"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet verticale","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet orizzontale","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.2.4","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"e_panel_promotions":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true},"urls":{"assets":"https:\/\/www.anhelocaffe.it\/demo\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.anhelocaffe.it\/demo\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/www.anhelocaffe.it\/demo\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"d880891523","atomicFormsSendForm":"0935ddcd48"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":343,"title":"Servizi%20ita%20-%20Anhelo%20Caff%C3%A8","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://www.anhelocaffe.it/demo/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.2.4"></script>
<script>
/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
</script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.anhelocaffe.it/demo/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://www.anhelocaffe.it/demo/wp-includes/js/wp-emoji-loader.min.js
</script>
</body>
</html>