.elementor-1230 .elementor-element.elementor-element-1cd37c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1230 .elementor-element.elementor-element-a49360b{--display:flex;}.elementor-1230 .elementor-element.elementor-element-3b461f5{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:18px;--padding-right:18px;}.elementor-1230 .elementor-element.elementor-element-3b461f5:not(.elementor-motion-effects-element-type-background), .elementor-1230 .elementor-element.elementor-element-3b461f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-1230 .elementor-element.elementor-element-1cd37c5{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-1230 .elementor-element.elementor-element-1cd37c5{--content-width:1200px;}.elementor-1230 .elementor-element.elementor-element-a49360b{--width:30%;}}@media(max-width:767px){.elementor-1230 .elementor-element.elementor-element-1cd37c5{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;--z-index:999;}}/* Start custom CSS for shortcode, class: .elementor-element-686b41b */.stw-tipos-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}


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

.stw-tipo-card {
    position: relative;

    display: flex;
    align-items: center;
    gap: 10px;

    background: #F0F6F8;
    border-radius: 8px;

    padding: 18px 20px;

    min-height: 82px;
    width: 100%;
    box-sizing: border-box;

    text-decoration: none;
    color: #00425C;
    font-weight: 600;

    overflow: hidden;
    isolation: isolate;
}


/* =========================================
   CONTENIDO NORMAL
   ========================================= */

.stw-tipo-icon-fixed,
.stw-tipo-name,
.stw-tipo-icon-dynamic {
    position: relative;
    z-index: 3;

    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}


/* =========================================
   ICONO IZQUIERDO
   ========================================= */

.stw-tipo-icon-fixed {
    flex-shrink: 0;
    height: 100%;
    padding: 5px 0;
}

.stw-tipo-icon-fixed svg {
    width: 19px;
    height: 18px;
}


/* =========================================
   TEXTO
   ========================================= */

.stw-tipo-name {
    line-height: 1.35;
    max-width: 55%;
    overflow-wrap: break-word;
}


/* =========================================
   ICONO DERECHO
   ========================================= */

.stw-tipo-icon-dynamic {
    margin-left: auto;
    flex-shrink: 0;
}

.stw-tipo-icon-dynamic img {
    width: 40px;
    height: 40px;
    object-fit: contain;

    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}


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

.stw-tipo-hover-overlay {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;

    width: 40%;

    background-image: var(--hover-img);
    background-size: cover;
    background-position: center;

    opacity: 0;
    transform: translateX(18px);

    transition:
        opacity 0.45s ease,
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: 2;

    pointer-events: none;
}


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

.stw-tipo-card:hover .stw-tipo-hover-overlay {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================
   OCULTAR CONTENIDO AL HACER HOVER
   ========================================= */

.stw-tipo-card:hover .stw-tipo-icon-fixed {
    opacity: 0;
    transform: translateX(-8px);
}

.stw-tipo-card:hover .stw-tipo-name {
    transform: translateX(-28px);
    color: #00425C;
}

.stw-tipo-card:hover .stw-tipo-icon-dynamic {
    opacity: 0;
    transform: translateX(8px);
}


/* =========================================
   RESPONSIVE
   ========================================= */

/* Tablet */
@media (max-width: 1024px) {
    .stw-tipos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* Móvil */
@media (max-width: 600px) {
    .stw-tipos-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b461f5 */.megamenu-bg-content{
    box-shadow: 0 0 20px 0 rgba(147, 147, 147, 0.25);
}/* End custom CSS */