.elementor-shortcode iframe{border-radius: 20px;}
form .button_div.col-6 {margin-top: 20px;}
form .row-personal, form .row-contact {gap: 5px;}
form .wpcf7-not-valid-tip {color: #ce9b9b;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #ce9b9b;}
.fix_text h4.delta {font-size: 36px;margin-top: 20px;}
.fix_text .service-content-bottom a span{color: white;}
.fix_text .service-item .service-button {padding: 14px 28px 14px 0px;}
.elementor-service-wrapper .d-grid {
        grid-template-columns: repeat(3, 1fr); 
    }


/* IMMAGINE HERO DEI POST */
#page > div.breadcrumb-wrap > div.elementor.elementor-4031 > div::before { 
    /* background-color: #CE9B9B; */
    content: "";
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at center, #28274500 0%, #775454 100%),
        url(https://www.eleonorascolozzi.it/wp-content/uploads/2026/01/Home-header.jpeg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 0; 
    pointer-events: none;
}

  


/* GRGLIA CARD */
.service-item.service-style-1 .icon-wrap {justify-content: start;border: none;background:none;}
div.service-content > div.icon-wrap > img {width: 40px;}
div.service-content {background: #775454!important;}
    

div.team-image-inner:before{
    content: " "!important;
    background: linear-gradient(180deg, #28274500 0%, #CE9B9B 100%)!important;
    opacity: 0;
}


/* Griglia servizi - Assicura che d-grid funzioni */
.elementor-service-wrapper .d-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    gap: 30px;
}

/* Su tablet - 2 colonne */
@media (min-width: 768px) and (max-width: 991px) {
    .elementor-service-wrapper .d-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Su desktop - 3 colonne */
/* @media (min-width: 992px) {
    .elementor-service-wrapper .d-grid {
        grid-template-columns: repeat(2, 1fr); 
    }
}
 */
/* Su mobile - 1 colonna */
@media (max-width: 767px) {
    .elementor-service-wrapper .d-grid {
        grid-template-columns: 1fr;
    }
}

/* Assicura che grid-item occupi tutto lo spazio */
.elementor-service-wrapper .grid-item {
    width: 100%;
    height: 100%;
}

/* Service inner con altezza completa */
.service-inner.service-style-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Content cresce per riempire lo spazio */
.service-inner .service-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Top content cresce */
.service-content-top {
    flex-grow: 1;
}

/* Bottom content sempre in fondo */
.service-content-bottom {
    margin-top: auto;
}


/* widget blog */

.card-consulenza {
    max-width: 450px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    font-family: Arial, sans-serif;
}

.card-img {
    height: 280px;
    overflow: hidden;
    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
}

.card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card-content {
    background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
    padding: 40px 30px;
    position: relative;
    color: #fff;
}

.card-title-bold {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 5px;
    line-height: 1.2;
    color: #ffffff;
}

.card-title-italic {
    font-size: 32px;
    font-weight: 300;
    font-style: italic;
    margin: 0 0 20px;
    line-height: 1.2;
    color: #ffffff;
}

.card-title-italic .highlight {
    font-weight: 700;
}

.card-subtitle {
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 30px;
    color: #d4d4d4;
}

.btn-cta {
    display: block;
    background: #CE9B9B;
    color: #ffffff;
    text-decoration: none;
    padding: 16px 30px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 20px 0 20px 0;
    box-shadow: 0 4px 15px rgba(200,164,155,0.3);
}

a.btn-cta:hover{
    color: #fff!important;
}

.phone-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff!important;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    gap: 10px;
}

.breadcrumb-wrap {background-color: #ce9b9b;}