/* Start custom CSS for html, class: .elementor-element-b885fcc *//* =========================================================
   UIL SCUOLA LATINA 2026
   STRUMENTI ONLINE - CSS PERSONALIZZATO ELEMENTOR
   Incollare in: Widget HTML > Avanzate > CSS personalizzato
   ========================================================= */

/* BASE */
.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-page{
    --uil-primary:#5db8e8;
    --uil-primary-dark:#0878bd;
    --uil-primary-soft:#eaf7fe;
    --uil-primary-soft-2:#f7fbfe;
    --uil-text:#203241;
    --uil-text-soft:#5f7380;
    --uil-border:#cfe6f3;
    --uil-yellow:#ffd41f;
    --uil-shadow:0 18px 44px rgba(27,81,111,.10);
    background:#f7fbfe;
}

/* HERO IN STILE DOCENTI / ATA */
.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero{
    width:min(1180px,calc(100% - 40px));
    margin:34px auto 0;
    padding:0;
    border:1px solid #c8e4f3;
    border-radius:26px;
    background:
        radial-gradient(circle at 86% 10%,rgba(255,212,31,.38) 0,rgba(255,212,31,0) 28%),
        radial-gradient(circle at 98% 92%,rgba(93,184,232,.18) 0,rgba(93,184,232,0) 27%),
        linear-gradient(135deg,#f9fdff 0%,#eaf8ff 64%,#fff9da 100%) !important;
    box-shadow:var(--uil-shadow);
    overflow:hidden;
    position:relative;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero:after{
    width:330px;
    height:330px;
    right:-165px;
    bottom:-185px;
    background:transparent;
    border:38px solid rgba(93,184,232,.13);
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero .uil-tools-container{
    width:100%;
    padding:50px 56px 52px;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero-grid{
    grid-template-columns:1.16fr .84fr;
    gap:46px;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-kicker{
    display:inline-flex;
    align-items:center;
    padding:8px 14px;
    border:1px solid #c9e5f4;
    border-radius:999px;
    background:#fff;
    color:#0878bd;
    box-shadow:0 5px 15px rgba(27,81,111,.05);
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-kicker:before{
    content:"";
    width:8px;
    height:8px;
    margin-right:8px;
    border-radius:50%;
    background:var(--uil-yellow);
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero h1{
    margin-top:14px;
    color:#203241;
    font-size:clamp(44px,5.5vw,64px);
    letter-spacing:-1.8px;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero h1 span{
    color:#149bd6;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero-text{
    color:#3d5f73;
    font-size:19px;
    line-height:1.6;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-btn-primary{
    background:#149bd6;
    box-shadow:0 8px 20px rgba(20,155,214,.20);
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-btn-primary:hover{
    background:#0878bd;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-btn-light{
    border-color:#bddff0;
    box-shadow:0 5px 16px rgba(27,81,111,.04);
}

/* BOX DESTRO HERO */
.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero-card{
    border:1px solid rgba(255,255,255,.95);
    background:rgba(255,255,255,.90);
    box-shadow:0 18px 42px rgba(27,81,111,.09);
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero-item{
    background:#f4f9fc;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero-icon{
    background:#59b5e5;
}

/* ACCESSI RAPIDI */
.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-quick-wrap{
    margin-top:18px;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-quick-grid{
    border-color:#cfe6f3;
    border-radius:20px;
    box-shadow:0 12px 30px rgba(27,81,111,.08);
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-quick{
    min-height:96px;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-quick-icon{
    background:#59b5e5;
}

/* TITOLI SEZIONE */
.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-section{
    padding:64px 0;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-section-soft{
    background:#eef8fd;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-section-title{
    max-width:820px;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-section-title h2{
    color:#244357;
    letter-spacing:-.02em;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-section-title p{
    color:#607583;
}

/* CARD STRUMENTI */
.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-grid{
    gap:22px;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tool-card{
    border-color:#cfe6f3;
    border-top:3px solid #67bce7;
    border-radius:21px;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
    box-shadow:0 8px 22px rgba(27,81,111,.055);
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tool-card:hover{
    transform:translateY(-4px);
    border-color:#8fcfee;
    box-shadow:0 16px 34px rgba(27,81,111,.11);
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tool-card.active{
    background:
        radial-gradient(circle at 94% 8%,rgba(255,212,31,.15),transparent 24%),
        linear-gradient(145deg,#fff 0%,#eef9ff 100%);
    border-color:#8fcfee;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tool-icon{
    background:#e9f7fe;
    color:#0878bd;
    border:1px solid #cbe7f5;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tool-status.live{
    background:#e7f6fd;
    color:#0878bd;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tool-link{
    color:#0878bd!important;
}

/* COME FUNZIONANO */
.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-flow-step{
    border-color:#d2e8f4;
    box-shadow:0 6px 18px rgba(27,81,111,.04);
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-flow-number{
    background:#59b5e5;
}

/* NOTA */
.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-note{
    border-color:#cde7f5;
    border-left-color:#ffd41f;
    background:#fffaf0;
}

/* CTA */
.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-cta{
    background:#f7fbfe;
}

.elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-cta-box{
    background:
        radial-gradient(circle at 90% 12%,rgba(255,212,31,.18),transparent 24%),
        linear-gradient(135deg,#0878bd 0%,#1a9bd7 100%);
    box-shadow:0 18px 42px rgba(8,120,189,.20);
}

/* MOBILE */
@media(max-width:1000px){
    .elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero{
        width:min(100% - 28px,1180px);
    }

    .elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero .uil-tools-container{
        padding:42px 38px;
    }
}

@media(max-width:700px){
    .elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero{
        width:calc(100% - 24px);
        margin-top:18px;
        border-radius:20px;
    }

    .elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero .uil-tools-container{
        padding:32px 23px 35px;
    }

    .elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero h1{
        font-size:42px;
        letter-spacing:-1.2px;
    }

    .elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-hero-text{
        font-size:17px;
    }

    .elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-quick-wrap{
        margin-top:14px;
    }

    .elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tools-section{
        padding:48px 0;
    }

    .elementor-4059 .elementor-element.elementor-element-b885fcc .uil-tool-card{
        min-height:0;
    }
}/* End custom CSS */