.elementor-278 .elementor-element.elementor-element-bec3b6f{--display:flex;overflow:visible;}/* Start custom CSS for text-editor, class: .elementor-element-92da122 *//* ============================================================
   MESA DE PARTES
   IESTP SANGARARÁ
============================================================ */

.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa{
    --morado:#5B2C83;
    --morado-oscuro:#35124F;
    --amarillo:#F4C430;
    --amarillo-claro:#FFD84A;
    --rojo:#C62828;

    position:relative;
    overflow:hidden;

    padding:60px 5% 70px;

    background:
        radial-gradient(
            circle at 4% 5%,
            rgba(255,216,74,.14),
            transparent 22%
        ),
        radial-gradient(
            circle at 96% 94%,
            rgba(198,40,40,.08),
            transparent 24%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbf8fd 55%,
            #f4edf8 100%
        );

    border-radius:24px;

    font-family:
        "Segoe UI",
        Arial,
        sans-serif;
}


/* CABECERA */

.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-header{
    max-width:850px;
    margin-bottom:38px;
}


.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-badge{
    display:inline-block;

    margin-bottom:14px;

    padding:8px 14px;

    color:#35124F;

    background:
        linear-gradient(
            135deg,
            #FFD84A,
            #F4C430
        );

    border-radius:999px;

    font-size:9px;
    font-weight:900;
    letter-spacing:1px;

    text-transform:uppercase;
}


.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-title{
    margin:0 0 15px !important;

    color:#35124F !important;

    font-size:
        clamp(38px,4.3vw,56px) !important;

    font-weight:900 !important;

    line-height:1.05 !important;

    letter-spacing:-1.4px;
}


.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-line{
    width:90px;
    height:5px;

    margin-bottom:19px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #5B2C83,
            #F4C430,
            #C62828
        );
}


.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-intro{
    max-width:700px;

    margin:0 !important;

    color:#716577 !important;

    font-size:14px !important;

    line-height:1.8 !important;
}


/* ============================================================
   DOS COLUMNAS
============================================================ */

.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-grid{
    display:grid;

    grid-template-columns:
        minmax(300px,.88fr)
        minmax(420px,1.12fr);

    gap:28px;

    align-items:stretch;
}


/* ============================================================
   TARJETA IZQUIERDA
============================================================ */

.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-card{
    position:relative;

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    min-height:470px;

    padding:45px 38px;

    overflow:hidden;

    text-align:center;

    background:
        linear-gradient(
            145deg,
            #5B2C83,
            #35124F
        );

    border-radius:24px;

    box-shadow:
        0 22px 50px
        rgba(53,18,79,.22);
}


.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-card::before{
    content:"";

    position:absolute;

    width:250px;
    height:250px;

    top:-130px;
    right:-130px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,216,74,.20),
            transparent 68%
        );
}


.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-card::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:6px;

    background:
        linear-gradient(
            90deg,
            #FFD84A,
            #F4C430,
            #C62828
        );
}


/* IMAGEN PEQUEÑA */

.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-icon{
    position:relative;

    z-index:2;

    width:125px;
    height:125px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin-bottom:25px;

    padding:17px;

    background:#ffffff;

    border-radius:22px;

    box-shadow:
        0 15px 32px
        rgba(0,0,0,.18);
}


.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-icon img{
    display:block;

    width:100% !important;
    height:100% !important;

    margin:0 !important;

    object-fit:contain;
}


/* TÍTULO INTERNO */

.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-card h2{
    position:relative;

    z-index:2;

    margin:
        0 0 13px !important;

    color:#ffffff !important;

    font-size:28px !important;

    line-height:1.2 !important;

    font-weight:850 !important;
}


/* DESCRIPCIÓN */

.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-card p{
    position:relative;

    z-index:2;

    max-width:480px;

    margin:
        0 0 24px !important;

    color:
        rgba(255,255,255,.84) !important;

    font-size:
        13.5px !important;

    line-height:
        1.75 !important;
}


/* BOTÓN */

.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-btn{
    position:relative;

    z-index:2;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:48px;

    padding:0 22px;

    color:#35124F !important;

    background:
        linear-gradient(
            135deg,
            #FFD84A,
            #F4C430
        );

    border-radius:12px;

    font-size:13px;

    font-weight:850;

    text-decoration:none !important;

    box-shadow:
        0 10px 24px
        rgba(244,196,48,.22);

    transition:
        .3s ease;
}


.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-btn:hover{
    color:#ffffff !important;

    background:
        linear-gradient(
            135deg,
            #C62828,
            #941B1B
        );

    transform:
        translateY(-3px);
}


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

.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-photo{
    position:relative;

    min-height:470px;

    overflow:hidden;

    background:#ffffff;

    border-radius:24px;

    box-shadow:
        0 22px 50px
        rgba(53,18,79,.14);
}


.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-photo img{
    display:block;

    width:100% !important;

    height:470px !important;

    margin:0 !important;

    object-fit:cover;

    object-position:center;

    transition:
        transform .5s ease;
}


.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-photo:hover img{
    transform:
        scale(1.035);
}


/* ESQUINA AMARILLA */

.elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-photo::after{
    content:"";

    position:absolute;

    left:20px;
    top:20px;

    width:65px;
    height:65px;

    border-top:
        5px solid #FFD84A;

    border-left:
        5px solid #FFD84A;

    border-radius:
        8px 0 0 0;

    pointer-events:none;
}


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

@media(max-width:900px){

    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa{
        padding:
            50px 25px 60px;
    }


    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-grid{
        grid-template-columns:
            1fr;
    }


    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-card{
        min-height:auto;
    }


    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-photo,
    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-photo img{
        height:380px !important;
        min-height:380px;
    }

}


/* ============================================================
   CELULAR
============================================================ */

@media(max-width:600px){

    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa{
        padding:
            42px 16px 50px;

        border-radius:
            18px;
    }


    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-title{
        font-size:
            34px !important;
    }


    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-card{
        padding:
            36px 21px;

        border-radius:
            18px;
    }


    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-card h2{
        font-size:
            24px !important;
    }


    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-icon{
        width:105px;
        height:105px;
    }


    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-photo{
        min-height:
            290px;

        border-radius:
            18px;
    }


    .elementor-278 .elementor-element.elementor-element-92da122 .sg-mesa-photo img{
        height:
            290px !important;

        min-height:
            290px;
    }

}/* End custom CSS */