.elementor-63 .elementor-element.elementor-element-3f61326{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7acf949 *//* =====================================================
   ACTIVIDADES POR COMUNIDAD AUTÓNOMA
   FONDO BLANCO + TARJETAS BEIGE
===================================================== */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin{

    position:relative;

    width:100%;

    padding:100px 30px;

    box-sizing:border-box;

    background:#ffffff;

    text-align:center;

    overflow:hidden;
}


/* =====================================================
   DECORACIÓN
===================================================== */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin::before{

    content:"";

    position:absolute;

    width:380px;
    height:380px;

    border-radius:50%;

    right:-190px;
    top:-190px;

    border:1px solid rgba(202,134,78,.12);

    pointer-events:none;
}


.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin::after{

    content:"";

    position:absolute;

    width:240px;
    height:240px;

    border-radius:50%;

    left:-120px;
    bottom:-120px;

    border:1px solid rgba(202,134,78,.08);

    pointer-events:none;
}


/* =====================================================
   TÍTULO
===================================================== */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-title{

    position:relative;

    z-index:2;

    max-width:850px;

    margin:0 auto 60px;

    color:#CA864E;

    font-size:clamp(40px,5vw,64px);

    line-height:1.02;

    font-weight:900;

    letter-spacing:-2px;
}


/* PRIMERA PARTE DEL TÍTULO */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-title span{

    color:#24313f;
}


/* =====================================================
   GRID
===================================================== */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-grid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

    width:100%;

    max-width:1000px;

    margin:0 auto;
}


/* =====================================================
   TARJETAS
===================================================== */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card{

    position:relative;

    width:100%;

    min-height:380px;

    padding:30px;

    box-sizing:border-box;

    border:none;

    border-left:5px solid #CA864E;

    border-radius:24px;

    background:#f4efe9;

    font-family:inherit;

    text-align:center;

    cursor:pointer;

    outline:none;

    box-shadow:
        0 10px 30px rgba(18,59,86,.07);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}


/* =====================================================
   BANDERA
===================================================== */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-flag{

    width:52px !important;

    height:34px !important;

    display:block;

    margin:0 auto 18px;

    object-fit:cover;

    border:1px solid rgba(36,49,63,.15);

    border-radius:5px;

    box-shadow:
        0 3px 8px rgba(0,0,0,.08);
}


/* =====================================================
   NOMBRE DE LA COMUNIDAD
===================================================== */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card h3{

    margin:0 0 20px;

    color:#24313f;

    font-size:27px;

    line-height:1.15;

    font-weight:800;
}


/* =====================================================
   IMAGEN
===================================================== */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-img{

    width:100%;

    height:190px;

    display:block;

    object-fit:cover;

    border-radius:16px;

    margin:0;

    box-shadow:
        0 8px 20px rgba(18,59,86,.08);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


/* =====================================================
   INDICADOR DE APERTURA
===================================================== */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card::after{

    content:"⤢";

    position:absolute;

    top:18px;

    right:18px;

    width:32px;

    height:32px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#ffffff;

    color:#CA864E;

    font-size:17px;

    opacity:.7;

    box-shadow:
        0 4px 12px rgba(18,59,86,.08);

    transition:
        transform .3s ease,
        opacity .3s ease;
}


/* =====================================================
   HOVER
===================================================== */

.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card:hover{

    transform:translateY(-8px);

    background:#f7f2ed;

    box-shadow:
        0 20px 45px rgba(18,59,86,.13);
}


.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card:hover .qs-actiprovin-img{

    transform:scale(1.02);

    box-shadow:
        0 12px 25px rgba(18,59,86,.12);
}


.elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card:hover::after{

    opacity:1;

    transform:scale(1.1);
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin{

        padding:80px 25px;
    }

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-grid{

        grid-template-columns:1fr;

        max-width:600px;

        gap:25px;
    }

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card{

        min-height:auto;
    }

}


/* =====================================================
   MÓVIL
===================================================== */

@media(max-width:768px){

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin{

        padding:70px 20px;
    }

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-title{

        font-size:46px;

        margin-bottom:45px;
    }

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card{

        padding:25px;

        border-left-width:4px;

        border-radius:20px;
    }

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card h3{

        font-size:24px;

        margin-bottom:17px;
    }

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-img{

        height:165px;

        border-radius:14px;
    }

}


/* =====================================================
   MÓVILES PEQUEÑOS
===================================================== */

@media(max-width:480px){

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin{

        padding:60px 16px;
    }

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-title{

        font-size:38px;

        letter-spacing:-1.5px;
    }

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card{

        padding:22px;

        border-radius:18px;
    }

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-img{

        height:145px;
    }

    .elementor-63 .elementor-element.elementor-element-7acf949 .qs-actiprovin-card h3{

        font-size:22px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f61326 */@media (max-width:900px){
  .elementor-63 .elementor-element.elementor-element-3f61326{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
}/* End custom CSS */