@layer ariston-areas-base,ariston-areas-components,ariston-areas-states,ariston-areas-responsive;@layer ariston-areas-base{.ariston-areas{--aa-red:var(--main-color,#c42127);--aa-red-soft:color-mix(in srgb,var(--aa-red) 14%,transparent);--aa-red-tint:color-mix(in srgb,var(--aa-red) 6%,#fff);--aa-red-deep:color-mix(in srgb,var(--aa-red) 70%,#000);--aa-ink:#15181c;--aa-ink-soft:#515962;--aa-surface:#ffffff;--aa-line:color-mix(in srgb,var(--aa-ink) 9%,#fff);--aa-radius-lg:20px;--aa-radius-md:14px;--aa-radius-sm:12px;--aa-shadow:0 14px 36px -22px color-mix(in srgb,var(--aa-ink) 35%,transparent);--aa-shadow-hover:0 22px 52px -22px color-mix(in srgb,var(--aa-red) 45%,transparent);--aa-ease:cubic-bezier(0.2,0.7,0.2,1);position:relative;isolation:isolate;padding-block:clamp(64px,8vw,110px);background:radial-gradient(ellipse at 12% 0%,color-mix(in srgb,var(--aa-red) 8%,transparent),transparent 45%),radial-gradient(ellipse at 88% 100%,color-mix(in srgb,var(--aa-red) 5%,transparent),transparent 50%),#fafbfc;overflow:hidden}.ariston-areas::before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--aa-ink) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--aa-ink) 4%,transparent) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 78%);mask-image:radial-gradient(ellipse at center,#000,transparent 78%);z-index:-1;opacity:0.65;pointer-events:none}}@layer ariston-areas-components{.ariston-areas__header{max-inline-size:760px;margin-inline:auto;margin-block-end:clamp(36px,5vw,56px);text-align:center}.ariston-areas__badge{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:linear-gradient(135deg,var(--aa-red),var(--aa-red-deep));color:#fff;font-size:14px;font-weight:700;border-radius:999px;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--aa-red) 65%,transparent)}.ariston-areas__badge i{font-size:13px}.ariston-areas__title{margin-block:22px 14px;font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--aa-ink);line-height:1.25;letter-spacing:-0.4px}.ariston-areas__title span{display:block;margin-block-start:8px;font-size:clamp(15px,1.6vw,18px);font-weight:600;color:var(--aa-red)}.ariston-areas__subtitle{margin:0;font-size:clamp(15px,1.5vw,17px);line-height:1.85;color:var(--aa-ink-soft)}.ariston-areas__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin-block-end:clamp(40px,5vw,60px);padding:22px;background:var(--aa-surface);border:1px solid var(--aa-line);border-radius:var(--aa-radius-lg);box-shadow:var(--aa-shadow)}.ariston-areas__stats>div{padding:10px;text-align:center;border-inline-end:1px solid var(--aa-line)}.ariston-areas__stats>div:last-child{border-inline-end:0}.ariston-areas__stats strong{display:block;margin-block-end:4px;font-size:clamp(22px,2.6vw,28px);font-weight:800;color:var(--aa-red);line-height:1.1}.ariston-areas__stats span{font-size:13px;font-weight:600;color:var(--aa-ink-soft)}.ariston-areas__group{margin-block-end:clamp(30px,4vw,48px)}.ariston-areas__group-title{display:flex;align-items:center;gap:12px;position:relative;margin:0 0 22px;padding-inline-start:16px;font-size:clamp(18px,2vw,22px);font-weight:800;color:var(--aa-ink)}.ariston-areas__group-title::before{content:"";position:absolute;inset-inline-start:0;inset-block:12%;inline-size:4px;background:linear-gradient(180deg,var(--aa-red),var(--aa-red-deep));border-radius:999px}.ariston-areas__group-title i{color:var(--aa-red);font-size:0.95em}.ariston-areas__group-title small{margin-inline-start:auto;font-size:13px;font-weight:600;color:var(--aa-ink-soft)}.ariston-areas__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.area-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--aa-surface);border:1px solid var(--aa-line);border-radius:var(--aa-radius-md);color:var(--aa-ink);text-decoration:none;overflow:hidden;transition:transform 0.3s var(--aa-ease),border-color 0.22s ease,box-shadow 0.3s ease,background-color 0.22s ease}.area-card::after{content:"";position:absolute;inset-inline-start:0;inset-block:0;inline-size:3px;background:linear-gradient(180deg,var(--aa-red),var(--aa-red-deep));transform:scaleY(0);transform-origin:top;transition:transform 0.3s var(--aa-ease)}.area-card__icon{flex:0 0 46px;display:grid;place-items:center;inline-size:46px;block-size:46px;background:var(--aa-red-soft);color:var(--aa-red);border-radius:var(--aa-radius-sm);font-size:18px;transition:background 0.22s ease,color 0.22s ease,transform 0.3s var(--aa-ease)}.area-card__content{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:3px}.area-card__name{font-size:15px;font-weight:700;color:var(--aa-ink);line-height:1.35}.area-card__hint{font-size:12.5px;color:var(--aa-ink-soft);line-height:1.5}.area-card__arrow{flex:0 0 auto;font-size:14px;color:color-mix(in srgb,var(--aa-ink) 30%,transparent);transition:transform 0.3s var(--aa-ease),color 0.22s ease}.area-card--featured{grid-column:span 2;background:linear-gradient(135deg,var(--aa-red),var(--aa-red-deep));border-color:transparent;color:#fff}.area-card--featured .area-card__icon{background:rgba(255,255,255,0.18);color:#fff}.area-card--featured .area-card__name{color:#fff}.area-card--featured .area-card__hint,.area-card--featured .area-card__arrow{color:rgba(255,255,255,0.85)}.ariston-areas__note{display:flex;gap:22px;margin-block-start:clamp(28px,4vw,44px);padding:clamp(22px,3vw,32px);background:linear-gradient(135deg,color-mix(in srgb,#0e7490 10%,#fff),color-mix(in srgb,#0891b2 4%,#fff));border:1px solid color-mix(in srgb,#0891b2 22%,transparent);border-radius:var(--aa-radius-lg);box-shadow:var(--aa-shadow)}.ariston-areas__note-icon{flex:0 0 56px;display:grid;place-items:center;inline-size:56px;block-size:56px;background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;border-radius:var(--aa-radius-sm);font-size:22px}.ariston-areas__note-content{flex:1;min-inline-size:0}.ariston-areas__note-content h3{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:800;color:var(--aa-ink)}.ariston-areas__note-content p{margin:0;font-size:14.5px;line-height:1.85;color:var(--aa-ink-soft)}.ariston-areas__note-content strong{color:var(--aa-ink)}.ariston-areas__note-content em{font-style:normal;padding:2px 8px;background:color-mix(in srgb,#0891b2 16%,transparent);color:#0e7490;border-radius:6px;font-weight:700}.ariston-areas__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-block-start:clamp(36px,5vw,56px)}.ariston-areas__cta a{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;transition:transform 0.22s ease,box-shadow 0.3s ease,background-color 0.22s ease,border-color 0.22s ease}.ariston-areas__cta-primary{background:linear-gradient(135deg,var(--aa-red),var(--aa-red-deep));color:#fff;box-shadow:0 14px 32px -14px color-mix(in srgb,var(--aa-red) 70%,transparent)}.ariston-areas__cta-secondary{background:var(--aa-surface);color:var(--aa-red);border:2px solid color-mix(in srgb,var(--aa-red) 25%,transparent)}}@layer ariston-areas-states{.area-card:hover,.area-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--aa-red) 35%,var(--aa-line));box-shadow:var(--aa-shadow-hover);background:linear-gradient(135deg,var(--aa-red-tint),var(--aa-surface))}.area-card:hover::after,.area-card:focus-visible::after{transform:scaleY(1)}.area-card:hover .area-card__icon,.area-card:focus-visible .area-card__icon{background:var(--aa-red);color:#fff;transform:rotate(-6deg) scale(1.06)}.area-card:hover .area-card__arrow,.area-card:focus-visible .area-card__arrow{transform:translateX(6px);color:var(--aa-red)}[dir="rtl"] .area-card:hover .area-card__arrow,[dir="rtl"] .area-card:focus-visible .area-card__arrow{transform:translateX(-6px)}.area-card--featured:hover,.area-card--featured:focus-visible{background:linear-gradient(135deg,var(--aa-red-deep),color-mix(in srgb,var(--aa-red) 55%,#000))}.area-card--featured:hover .area-card__icon,.area-card--featured:focus-visible .area-card__icon{background:rgba(255,255,255,0.3);color:#fff}.area-card--featured:hover .area-card__arrow,.area-card--featured:focus-visible .area-card__arrow{color:#fff}.ariston-areas__cta-primary:hover,.ariston-areas__cta-primary:focus-visible{transform:translateY(-2px);box-shadow:0 18px 40px -14px color-mix(in srgb,var(--aa-red) 80%,transparent)}.ariston-areas__cta-secondary:hover,.ariston-areas__cta-secondary:focus-visible{transform:translateY(-2px);background:var(--aa-red-tint);border-color:var(--aa-red)}.area-card:focus-visible,.ariston-areas__cta a:focus-visible{outline:3px solid var(--aa-red);outline-offset:3px}}@layer ariston-areas-responsive{@media (max-width:991.98px){.ariston-areas__stats>div{border-inline-end:0;border-block-end:1px solid var(--aa-line)}.ariston-areas__stats>div:last-child{border-block-end:0}}@media (max-width:767.98px){.area-card--featured{grid-column:span 1}.ariston-areas__note{flex-direction:column;gap:14px}.ariston-areas__note-icon{flex:0 0 auto}.ariston-areas__group-title small{display:none}}@media (max-width:479.98px){.ariston-areas__grid{grid-template-columns:1fr}.area-card{padding:14px}.ariston-areas__cta a{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.area-card,.area-card::after,.area-card__icon,.area-card__arrow,.ariston-areas__cta a{transition:none}.area-card:hover,.area-card:focus-visible,.ariston-areas__cta a:hover,.ariston-areas__cta a:focus-visible{transform:none}}}