/* ==================================================================
   estia/box-icone — style.css
   4 card profilo (Locatore/Inquilino/Venditore/Acquirente) + claim
   editabile sopra. Tutti i selettori scoped a .estia-box-icone*.
   ================================================================== */

/* Wrapper: padding top/bottom respiro tra hero e box-icone, per matchare frozen.
   Section è block flow naturale (heading + cells stack verticale); il display:flex
   delle 4 card vive su .box-icone__cells. */
.estia-box-icone.box-icone {
    padding-top: clamp(30px, 3.5vw, 55px);
    padding-bottom: clamp(30px, 3.5vw, 55px);
    padding-left: clamp(24px, 4vw, 72px);
    padding-right: clamp(24px, 4vw, 72px);
}

.estia-box-icone.box-icone{--bi-blu:#4C70AF;--bi-giallo:#F5BE42;--bi-sep:#C5C4C1;--bi-dur:220ms;--bi-ease:cubic-bezier(.2,.7,.2,1);--bi-icon:clamp(54px,5.7vw,125px);--bi-label:clamp(14px,1.37vw,30px);--bi-ls:.02em;--bi-gap:clamp(18px,2.4vw,52px);--bi-pv:clamp(40px,6.35vw,140px);--bi-ph:clamp(8px,2vw,60px);width:100%;max-width:2190px;margin:0 auto;background:#fff;font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-sizing:border-box;color:var(--bi-giallo)}
.estia-box-icone.box-icone *,.estia-box-icone.box-icone *::before,.estia-box-icone.box-icone *::after{box-sizing:inherit}

/* Claim heading sopra le card (editabile da Inspector → Contenuto). */
.estia-box-icone__claim {
    margin: 0 auto clamp(24px, 3vw, 56px);
    max-width: 920px;
    text-align: center;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    font-size: clamp(20px, 2.4vw, 36px);
    line-height: 1.25;
    color: #243E6A;
    letter-spacing: -0.01em;
}

/* Wrapper interno: ospita il display:flex delle 4 card. Prima il flex era
   sulla section, ora sta qui per consentire al claim di vivere come sibling
   sopra le card senza rompere il layout. */
.estia-box-icone .box-icone__cells {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
}

.estia-box-icone .box-icone__cell{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--bi-pv) var(--bi-ph);cursor:pointer;user-select:none;background:0 0;border:0;color:inherit;font:inherit;position:relative;text-decoration:none;outline:0;min-width:0;-webkit-tap-highlight-color:transparent;transition:color var(--bi-dur) var(--bi-ease),opacity var(--bi-dur) ease}
.estia-box-icone .box-icone__cell+.box-icone__cell{border-left:1px solid var(--bi-sep)}
.estia-box-icone .box-icone__icon{width:var(--bi-icon);height:var(--bi-icon);flex:0 0 auto;display:block;color:inherit;transition:transform var(--bi-dur) var(--bi-ease)}
.estia-box-icone .box-icone__icon svg{width:100%;height:100%;display:block;overflow:visible;fill:currentColor}
.estia-box-icone .box-icone__icon img{width:100%;height:100%;display:block;object-fit:contain}
.estia-box-icone .box-icone__label{margin-top:var(--bi-gap);font-weight:700;font-size:var(--bi-label);letter-spacing:var(--bi-ls);text-transform:uppercase;line-height:1;text-align:center;color:inherit;white-space:nowrap;transition:transform var(--bi-dur) var(--bi-ease)}
@media(hover:hover){
  .estia-box-icone .box-icone__cell:hover{color:var(--bi-blu)}
  .estia-box-icone .box-icone__cell:hover .box-icone__icon{transform:translateY(-4px) scale(1.05)}
  .estia-box-icone .box-icone__cell:hover .box-icone__label{transform:translateY(-2px)}
  .estia-box-icone .box-icone__cells:hover .box-icone__cell:not(:hover){opacity:.55}
}
.estia-box-icone .box-icone__cell:focus-visible{color:var(--bi-blu);outline:2px solid currentColor;outline-offset:6px;border-radius:4px}
.estia-box-icone .box-icone__cell:focus-visible .box-icone__icon{transform:translateY(-4px) scale(1.05)}
.estia-box-icone .box-icone__cell.is-active{color:var(--bi-blu)}
.estia-box-icone .box-icone__cell.is-active .box-icone__icon{transform:translateY(-4px) scale(1.08)}
.estia-box-icone .box-icone__cell.is-active .box-icone__label{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
@media(max-width:520px){
  .estia-box-icone.box-icone{--bi-label:10px;--bi-ls:.05em;--bi-icon:48px;--bi-gap:18px;--bi-pv:28px;--bi-ph:6px}
  .estia-box-icone .box-icone__label{letter-spacing:.04em}
  .estia-box-icone__claim{font-size:18px;margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  .estia-box-icone .box-icone__cell,.estia-box-icone .box-icone__icon,.estia-box-icone .box-icone__label{transition:none!important}
  .estia-box-icone .box-icone__cell:hover .box-icone__icon,.estia-box-icone .box-icone__cell.is-active .box-icone__icon,.estia-box-icone .box-icone__cell:focus-visible .box-icone__icon{transform:none}
}