<!-- ══════════════════════════════════════════════════════════════
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-286 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-286">
<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="286" class="elementor elementor-286">
<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-en-servizi.html → widget HTML de Elementor (página English › Services: /en/services/)
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="en">
<a class="an-skip" href="#an-main">Skip to content</a>
<!-- @@CABECERA -->
<header class="an-header">
<div class="an-container an-header-inner">
<a href="https://www.anhelocaffe.it/home-eng/" 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="Main navigation">
<ul class="an-nav-list">
<li><a class="an-nav-link" href="https://www.anhelocaffe.it/home-eng/">Home</a></li>
<li><a class="an-nav-link" href="https://www.anhelocaffe.it/storia-eng/">Story</a></li>
<li><a class="an-nav-link" href="https://www.anhelocaffe.it/prodotti-eng/">Products</a></li>
<li><a class="an-nav-link" href="https://www.anhelocaffe.it/servizi-eng/" aria-current="page">Services</a></li>
<li><a class="an-nav-link" href="https://www.anhelocaffe.it/contatti-eng/">Contact</a></li>
</ul>
</nav>
<div class="an-lang-switch" role="group" aria-label="Change language">
<a href="https://www.anhelocaffe.it/servizi-ita/" hreflang="it" lang="it" class="an-lang-link" data-an-event="lang_switch" data-an-label="en-it">IT</a>
<span>·</span>
<span class="an-lang-curr" aria-current="true">EN</span>
</div>
</div>
<button type="button" class="an-burger" aria-expanded="false" aria-controls="an-nav-mobile" aria-label="Open 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="Navigation menu">
<div class="an-mobile-header">
<a href="https://www.anhelocaffe.it/home-eng/" 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="Close menu">Close ✕</button>
</div>
<div class="an-lang-switch an-mobile-lang" role="group" aria-label="Change language">
<a href="https://www.anhelocaffe.it/servizi-ita/" hreflang="it" lang="it" class="an-lang-link" data-an-event="lang_switch" data-an-label="en-it">IT</a>
<span>·</span>
<span class="an-lang-curr" aria-current="true">EN</span>
</div>
<nav aria-label="Main mobile navigation">
<ul class="an-mobile-links">
<li><a class="an-mobile-link" href="https://www.anhelocaffe.it/home-eng/">Home</a></li>
<li><a class="an-mobile-link" href="https://www.anhelocaffe.it/storia-eng/">Story</a></li>
<li><a class="an-mobile-link" href="https://www.anhelocaffe.it/prodotti-eng/">Products</a></li>
<li><a class="an-mobile-link" href="https://www.anhelocaffe.it/servizi-eng/" aria-current="page">Services</a></li>
<li><a class="an-mobile-link" href="https://www.anhelocaffe.it/contatti-eng/">Contact</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">Training</span>
<h1 id="servizi-hero-title" class="an-h1 an-servizi-hero-title">Our Services</h1>
<p class="an-lead an-servizi-hero-lead">The culture of true Neapolitan espresso and dedicated solutions designed to turn every break into a moment of genuine pleasure.</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">Espresso Culture</span>
<h2 id="panel-1-title" class="an-h2 an-panel-title">Dedicated Training & Services</h2>
<blockquote class="an-panel-quote">
More than coffee: the culture of Neapolitan espresso.
</blockquote>
<p class="an-lead an-panel-p-mb32">
Anhelo supports its partners beyond coffee supply: we organise training courses for baristas and industry professionals, sharing not only the technique behind the perfect extraction, but the entire culture of the Neapolitan coffee ritual, from roasting to the cup.
</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">Request Training <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 preparing an espresso at the professional machine" 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="Office coffee corner with capsule machine and Anhelo cups" loading="lazy" decoding="async">
</figure>
</div>
<div class="an-reveal an-reveal--d1">
<span class="an-eyebrow">Office Solution</span>
<h2 id="panel-2-title" class="an-h2 an-panel-title">Office Box</h2>
<p class="an-lead an-panel-p-mb16">
A coffee break deserves to be experienced as a true ritual, even in the office. That's why Office Box was created: a complete kit designed to turn a small corner into a moment of genuine shared pleasure.
</p>
<p class="an-lead an-panel-p-mb20">
Inside the Office Box you'll find everything you need: <strong>capsule machine, stirrers, sugar, napkins, pods and biscuits</strong> — ready to create an elegant and functional coffee corner, even in compact spaces. All it takes is a small space to give colleagues a genuine daily treat: the taste of Anhelo, Neapolitan quality and the conviviality of a proper coffee break.
</p>
<ul class="an-office-list">
<li class="an-office-item">
<span class="an-office-num">01</span>
<span class="an-office-label">Capsule machine</span>
</li>
<li class="an-office-item">
<span class="an-office-num">02</span>
<span class="an-office-label">Single-serve pods</span>
</li>
<li class="an-office-item">
<span class="an-office-num">03</span>
<span class="an-office-label">Sugar</span>
</li>
<li class="an-office-item">
<span class="an-office-num">04</span>
<span class="an-office-label">Stirrers</span>
</li>
<li class="an-office-item">
<span class="an-office-num">05</span>
<span class="an-office-label">Napkins</span>
</li>
<li class="an-office-item">
<span class="an-office-num">06</span>
<span class="an-office-label">Biscuits</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">Request 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="Settings where Anhelo is enjoyed">
<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="Counter of a historic Italian café" 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="Anhelo cup next to the capsule machine in an office" 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="Hand lighting the stove under a moka pot" 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">Contact Us</span>
<h2 id="cta-heading" class="an-h2 an-panel-title">Discover the pleasure of authentic coffee</h2>
<p class="an-lead an-cta-lead">Let yourself be won over by Neapolitan excellence. Anhelo: a taste that tells its own story.</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">Write to Us by Email <span class="an-btn-arrow">→</span></a>
<a href="https://www.anhelocaffe.it/contatti-eng/" class="an-btn an-btn--secondary-dark">All Contact Details <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/home-eng/" 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">Neapolitan blend distributed in quality gastronomy, boutique hotels and selected cafés.</p>
<div class="an-footer-legal-name">Concept S.r.l. · Napoli (IT)</div>
</div>
<!-- Col 2: Navigazione -->
<div>
<h2 class="an-footer-heading">Navigation</h2>
<ul class="an-footer-list">
<li><a href="https://www.anhelocaffe.it/home-eng/">Home</a></li>
<li><a href="https://www.anhelocaffe.it/storia-eng/">Story</a></li>
<li><a href="https://www.anhelocaffe.it/prodotti-eng/">Products</a></li>
<li><a href="https://www.anhelocaffe.it/servizi-eng/">Services</a></li>
<li><a href="https://www.anhelocaffe.it/galleria-eng/">Gallery</a></li>
<li><a href="https://www.anhelocaffe.it/contatti-eng/">Contact</a></li>
</ul>
</div>
<!-- Col 3: Prodotti -->
<div>
<h2 class="an-footer-heading">Products</h2>
<ul class="an-footer-list">
<li><a href="https://www.anhelocaffe.it/chicchi-1000-eng/">Whole Beans 1000g</a></li>
<li><a href="https://www.anhelocaffe.it/chicchi-250-eng/">Whole Beans 250g</a></li>
<li><a href="https://www.anhelocaffe.it/macinato-eng/">Ground Coffee (250g)</a></li>
<li><a href="https://www.anhelocaffe.it/capsule-eng/">Single-Serve Capsules</a></li>
<li><a href="https://www.anhelocaffe.it/cialde-eng/">Single-Serve Pods</a></li>
</ul>
</div>
<!-- Col 4: Contatti -->
<div>
<h2 class="an-footer-heading">Contact</h2>
<p class="an-footer-address">
Concept S.r.l.<br>
Via San Biagio dei Librai 19, 80138 Napoli (NA), Italy
</p>
<p class="an-footer-address an-footer-address-info">
Orders: <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">VAT No. (P.IVA): 07508881211</div>
</div>
</div>
<div class="an-footer-bottom">
<div>© 2026 Concept S.r.l. · Anhelo. All rights reserved.</div>
<div class="an-footer-legal-links">
<a href="https://www.anhelocaffe.it/privacy-eng/">Privacy Policy</a>
<a href="https://www.anhelocaffe.it/cookie-eng/">Cookie Policy</a>
<button type="button" class="an-btn-manage-cookies" data-an-consent="manage">Manage cookies</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":"b375892fa6","atomicFormsSendForm":"34faf52feb"},"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":286,"title":"Servizi%20eng%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>