/* Gioria Contatti 1.0.0 */
:root{
    --gioria-red:#b91f2e;
    --gioria-red-dark:#941724;
    --gioria-ink:#181818;
    --gioria-muted:#6a6a6a;
    --gioria-line:#e7e7e7;
    --gioria-soft:#f6f6f4;
    --gioria-surface:#ffffff;
    --gioria-radius:26px;
}

.gioria-contatti-card{
    width:min(1180px,calc(100% - 32px));
    margin:48px auto;
    display:grid;
    grid-template-columns:minmax(280px,.82fr) minmax(0,1.55fr);
    overflow:hidden;
    border:1px solid var(--gioria-line);
    border-radius:var(--gioria-radius);
    background:var(--gioria-surface);
    box-shadow:0 26px 70px rgba(18,18,18,.10);
    color:var(--gioria-ink);
}

.gioria-contatti-info{
    position:relative;
    min-width:0;
    padding:42px 36px 34px;
    background:
        radial-gradient(circle at 100% 0,rgba(185,31,46,.20),transparent 34%),
        linear-gradient(150deg,#191919 0%,#111 100%);
    color:#fff;
    overflow:hidden;
}
.gioria-contatti-info:after{
    content:"";
    position:absolute;
    width:210px;
    height:210px;
    right:-95px;
    bottom:-95px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
    box-shadow:0 0 0 32px rgba(255,255,255,.025),0 0 0 64px rgba(255,255,255,.018);
    pointer-events:none;
}
.gioria-contatti-info-mark{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    margin-bottom:34px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:15px;
    background:rgba(255,255,255,.06);
    color:#fff;
    font-size:25px;
    font-weight:800;
    line-height:1;
    letter-spacing:-.05em;
}
.gioria-contatti-info-kicker,
.gioria-contatti-eyebrow{
    display:block;
    margin-bottom:8px;
    color:var(--gioria-red);
    font-size:12px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.gioria-contatti-info .gioria-contatti-info-kicker{color:#ff7180}
.gioria-contatti-info h3{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(27px,3vw,38px);
    line-height:1.05;
    letter-spacing:-.035em;
}
.gioria-contatti-info-lead{
    margin:0 0 30px;
    color:rgba(255,255,255,.67);
    font-size:15px;
    line-height:1.65;
}
.gioria-contatti-info-list{display:grid;gap:13px}
.gioria-contatti-info-item{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:12px;
    align-items:start;
    padding:12px 0;
    border-top:1px solid rgba(255,255,255,.10);
}
.gioria-contatti-info-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(185,31,46,.18);
    color:#ff6979;
}
.gioria-contatti-info-icon svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.gioria-contatti-info-item strong,
.gioria-contatti-info-item span,
.gioria-contatti-info-item a{display:block}
.gioria-contatti-info-item strong{
    margin-bottom:3px;
    color:#fff;
    font-size:13px;
}
.gioria-contatti-info-item span,
.gioria-contatti-info-item a{
    color:rgba(255,255,255,.68);
    font-size:13px;
    line-height:1.45;
    text-decoration:none;
}
.gioria-contatti-info-item a:hover{color:#fff}
.gioria-contatti-info-foot{
    position:relative;
    z-index:1;
    margin-top:28px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.10);
    color:rgba(255,255,255,.45);
    font-size:11px;
    line-height:1.55;
}

.gioria-contatti-content{min-width:0;padding:44px 48px 46px}
.gioria-contatti-content h2,
.gioria-contatti-card>h2{
    margin:0;
    color:var(--gioria-ink);
    font-size:clamp(31px,4vw,48px);
    line-height:1.05;
    letter-spacing:-.045em;
}
.gioria-contatti-intro{
    max-width:650px;
    margin:13px 0 28px;
    color:var(--gioria-muted);
    font-size:16px;
    line-height:1.65;
}
.gioria-contatti-form{display:grid;gap:18px;margin:0}
.gioria-contatti-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gioria-contatti-form label{display:grid;gap:7px;color:var(--gioria-ink);font-size:13px;font-weight:700;line-height:1.35}
.gioria-contatti-form input[type="text"],
.gioria-contatti-form input[type="email"],
.gioria-contatti-form textarea{
    width:100%;
    box-sizing:border-box;
    margin:0;
    border:1px solid var(--gioria-line);
    border-radius:12px;
    outline:0;
    background:#fbfbfa;
    color:var(--gioria-ink);
    font:inherit;
    font-size:15px;
    font-weight:400;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.gioria-contatti-form input[type="text"],
.gioria-contatti-form input[type="email"]{height:48px;padding:0 14px}
.gioria-contatti-form textarea{min-height:142px;padding:13px 14px;resize:vertical}
.gioria-contatti-form input::placeholder,
.gioria-contatti-form textarea::placeholder{color:#9b9b9b;opacity:1}
.gioria-contatti-form input:focus,
.gioria-contatti-form textarea:focus{
    border-color:rgba(185,31,46,.65);
    background:#fff;
    box-shadow:0 0 0 4px rgba(185,31,46,.08);
}
.gioria-contatti-privacy,
.gioria-contatti-human-check{
    display:flex!important;
    align-items:flex-start;
    gap:10px!important;
    color:#555!important;
    font-weight:500!important;
    line-height:1.55!important;
}
.gioria-contatti-privacy input,
.gioria-contatti-human-check input,
.gioria-cookie-row input{
    accent-color:var(--gioria-red);
}
.gioria-contatti-privacy input,
.gioria-contatti-human-check input{flex:0 0 auto;margin:3px 0 0}
.gioria-contatti-privacy a{color:var(--gioria-red);text-decoration:underline;text-underline-offset:2px}
.gioria-contatti-antispam-box{
    padding:14px 15px;
    border:1px solid var(--gioria-line);
    border-radius:13px;
    background:var(--gioria-soft);
}
.gioria-contatti-turnstile-title{margin-bottom:7px;color:var(--gioria-ink);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.gioria-contatti-turnstile{margin-top:12px}
.gioria-contatti-turnstile-help{margin:7px 0 0;color:var(--gioria-muted);font-size:12px;line-height:1.45}
.gioria-contatti-turnstile[hidden],.gioria-contatti-turnstile.gioria-turnstile-unavailable{display:none!important}
.gioria-contatti-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.gioria-contatti-submit{
    min-height:50px;
    justify-self:start;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    margin-top:2px;
    padding:0 21px;
    border:1px solid var(--gioria-red);
    border-radius:12px;
    background:var(--gioria-red);
    color:#fff;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 13px 30px rgba(185,31,46,.18);
    transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.gioria-contatti-submit:hover{transform:translateY(-1px);background:var(--gioria-red-dark);box-shadow:0 16px 34px rgba(185,31,46,.23)}
.gioria-contatti-submit:disabled{opacity:.66;cursor:wait;transform:none}
.gioria-contatti-notice{margin:0 0 21px;padding:13px 15px;border-radius:12px;font-size:14px;line-height:1.5}
.gioria-contatti-success{border:1px solid #b9dfc4;background:#eff9f2;color:#1f6031}
.gioria-contatti-error{border:1px solid #efc0c5;background:#fff3f4;color:#8f1e29}

/* Cookie panel */
.gioria-cookie-banner{
    position:fixed;
    z-index:999999;
    inset:0;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:22px;
    background:rgba(0,0,0,.44);
    backdrop-filter:blur(5px);
}
.gioria-cookie-banner[hidden]{display:none!important}
.gioria-cookie-panel{
    position:relative;
    width:min(980px,100%);
    max-height:min(82vh,760px);
    overflow:auto;
    padding:25px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    background:#171717;
    color:#f7f7f7;
    box-shadow:0 28px 80px rgba(0,0,0,.38);
}
.gioria-cookie-main h2{margin:0 42px 8px 0;color:#fff;font-size:24px;line-height:1.15}
.gioria-cookie-main p{margin:0;color:#c6c6c6;font-size:14px;line-height:1.6}
.gioria-cookie-links{margin-top:9px!important}.gioria-cookie-links a{color:#ff7a88;text-decoration:none}
.gioria-cookie-close{
    position:absolute;
    top:17px;
    right:17px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.13);
    border-radius:50%;
    background:rgba(255,255,255,.05);
    color:#fff;
    font-size:21px;
    line-height:1;
    cursor:pointer;
}
.gioria-cookie-preferences{display:grid;gap:9px;margin-top:18px}.gioria-cookie-preferences[hidden]{display:none!important}
.gioria-cookie-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);color:#fff}
.gioria-cookie-row strong{display:block;margin-bottom:2px}.gioria-cookie-row p{margin:0;color:#aaa;font-size:12px;line-height:1.45}.gioria-cookie-row>span{flex:0 0 auto;color:#aaa;font-size:11px}
.gioria-cookie-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;margin-top:18px}
.gioria-cookie-button,.gioria-cookie-inline-button,.gioria-cookie-floating{appearance:none;border-radius:10px;font-weight:750;cursor:pointer}
.gioria-cookie-button{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.14);font-size:13px}
.gioria-cookie-button.primary{border-color:var(--gioria-red);background:var(--gioria-red);color:#fff}.gioria-cookie-button.secondary{background:transparent;color:#eee}
.gioria-cookie-button[hidden]{display:none!important}
.gioria-cookie-floating{position:fixed;z-index:99990;right:18px;bottom:18px;padding:10px 13px;border:1px solid rgba(255,255,255,.14);background:#171717;color:#fff;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.23)}
.gioria-cookie-floating[hidden]{display:none!important}
.gioria-cookie-inline-button{padding:10px 14px;border:1px solid var(--gioria-red);background:transparent;color:var(--gioria-red)}

@media(max-width:900px){
    .gioria-contatti-card{grid-template-columns:1fr;width:min(720px,calc(100% - 26px));margin:30px auto;border-radius:22px}
    .gioria-contatti-info{padding:31px 27px 26px}
    .gioria-contatti-info-mark{margin-bottom:22px}
    .gioria-contatti-info-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
    .gioria-contatti-content{padding:33px 28px 34px}
}
@media(max-width:620px){
    .gioria-contatti-card{width:calc(100% - 20px);margin:20px auto;border-radius:18px}
    .gioria-contatti-info{padding:27px 21px 23px}
    .gioria-contatti-info-list{grid-template-columns:1fr}
    .gioria-contatti-content{padding:28px 20px 28px}
    .gioria-contatti-grid{grid-template-columns:1fr;gap:14px}
    .gioria-contatti-submit{width:100%;justify-content:space-between}
    .gioria-cookie-banner{padding:10px}.gioria-cookie-panel{padding:21px 16px 16px;border-radius:17px}.gioria-cookie-actions{display:grid;grid-template-columns:1fr}.gioria-cookie-button{width:100%}.gioria-cookie-row{align-items:flex-start}.gioria-cookie-row>input{margin-top:4px}
}

@media(prefers-color-scheme:dark){
    .gioria-contatti-card{--gioria-ink:#f4f4f4;--gioria-muted:#b3b3b3;--gioria-line:#383838;--gioria-soft:#242424;--gioria-surface:#1e1e1e;box-shadow:0 26px 70px rgba(0,0,0,.28)}
    .gioria-contatti-form input[type="text"],.gioria-contatti-form input[type="email"],.gioria-contatti-form textarea{background:#242424;color:#f4f4f4}
    .gioria-contatti-form input:focus,.gioria-contatti-form textarea:focus{background:#282828}
    .gioria-contatti-privacy,.gioria-contatti-human-check{color:#c8c8c8!important}
}