.elementor-106 .elementor-element.elementor-element-f3b2e8b{--display:flex;--min-height:35vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1vw;--padding-bottom:2vw;--padding-left:1vw;--padding-right:2vw;}.elementor-106 .elementor-element.elementor-element-f3b2e8b:not(.elementor-motion-effects-element-type-background), .elementor-106 .elementor-element.elementor-element-f3b2e8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-106 .elementor-element.elementor-element-f3b2e8b:hover{--border-radius:25px 25px 25px 25px;--border-top-left-radius:25px;--border-top-right-radius:25px;--border-bottom-right-radius:25px;--border-bottom-left-radius:25px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.31);}.elementor-106 .elementor-element.elementor-element-f3b2e8b, .elementor-106 .elementor-element.elementor-element-f3b2e8b::before{--border-transition:0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-106 .elementor-element.elementor-element-1d242d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-106 .elementor-element.elementor-element-1d242d4 img{width:70%;}.elementor-106 .elementor-element.elementor-element-9aa9b42{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-106 .elementor-element.elementor-element-b22d516{text-align:center;}.elementor-106 .elementor-element.elementor-element-b22d516 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-106 .elementor-element.elementor-element-e82cc7a{text-align:center;}.elementor-106 .elementor-element.elementor-element-e82cc7a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:1em;letter-spacing:-0.02;color:var( --e-global-color-text );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-106 .elementor-element.elementor-element-41750cc .elementor-button{background-color:var( --e-global-color-text );font-family:var( --e-global-typography-5013603-font-family ), Sans-serif;font-size:var( --e-global-typography-5013603-font-size );font-weight:var( --e-global-typography-5013603-font-weight );line-height:var( --e-global-typography-5013603-line-height );letter-spacing:var( --e-global-typography-5013603-letter-spacing );border-radius:25px 25px 25px 25px;}@media(max-width:1366px){.elementor-106 .elementor-element.elementor-element-f3b2e8b{--min-height:35vh;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-106 .elementor-element.elementor-element-b22d516 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-106 .elementor-element.elementor-element-e82cc7a .elementor-heading-title{font-size:1.2vw;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-106 .elementor-element.elementor-element-41750cc .elementor-button{font-size:var( --e-global-typography-5013603-font-size );line-height:var( --e-global-typography-5013603-line-height );letter-spacing:var( --e-global-typography-5013603-letter-spacing );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-106 .elementor-element.elementor-element-9aa9b42{--gap:11px 11px;--row-gap:11px;--column-gap:11px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-106 .elementor-element.elementor-element-b22d516 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-106 .elementor-element.elementor-element-e82cc7a .elementor-heading-title{font-size:1.8vw;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-106 .elementor-element.elementor-element-41750cc .elementor-button{font-size:var( --e-global-typography-5013603-font-size );line-height:var( --e-global-typography-5013603-line-height );letter-spacing:var( --e-global-typography-5013603-letter-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-106 .elementor-element.elementor-element-9aa9b42{--gap:11px 11px;--row-gap:11px;--column-gap:11px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-106 .elementor-element.elementor-element-b22d516 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-106 .elementor-element.elementor-element-e82cc7a .elementor-heading-title{font-size:15px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-106 .elementor-element.elementor-element-41750cc .elementor-button{font-size:var( --e-global-typography-5013603-font-size );line-height:var( --e-global-typography-5013603-line-height );letter-spacing:var( --e-global-typography-5013603-letter-spacing );}}@media(min-width:768px){.elementor-106 .elementor-element.elementor-element-f3b2e8b{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-f3b2e8b */.p-principal:hover {
    background:#204393 !important;
}

.p-principal:hover h2 {
    color: #FFFFFF !important;
}
/* --- 1. FIJAMOS LA TARJETA PRINCIPAL COMO ANCLA --- */
.elementor-106 .elementor-element.elementor-element-f3b2e8b {
    position: relative !important;
    overflow: hidden !important;
}

/* --- ANIMACIÓN PARA EL FONDO DE LA TARJETA (ESTADO INICIAL) --- */
/* Elementor suele renderizar el fondo en el contenedor principal o en su capa interna wrapper */
.elementor-106 .elementor-element.elementor-element-f3b2e8b, 
.elementor-106 .elementor-element.elementor-element-f3b2e8b > .elementor-widget-container,
.elementor-106 .elementor-element.elementor-element-f3b2e8b > .elementor-background-overlay {
    transition: transform 0.5s ease-in-out !important;
}

/* --- 2. LA BARRA COMPLETA (CONTENEDOR DEL BOTÓN E ICONOS) --- */
.elementor-106 .elementor-element.elementor-element-f3b2e8b .contenedor-boton {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background-color: #e0e0e0 !important; /* Tu fondo gris */
    padding: 12px 15px !important;
    box-sizing: border-box !important;
    z-index: 999 !important; /* Lo ponemos al frente de todo */

    /* --- FLEXBOX PARA ALINEAR --- */
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    /* --- ANIMACIÓN (ESTADO OCULTO) --- */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(100%) !important; /* Escondido abajo */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* --- 3. EFECTO HOVER (SUBE LA BARRA Y HACE ZOOM AL FONDO) --- */
.elementor-106 .elementor-element.elementor-element-f3b2e8b:hover .contenedor-boton {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important; /* Sube y se muestra */
}

/* HACE QUE LA TARJETA / FONDO HAGA UN ZOOM SUAVE */
.elementor-106 .elementor-element.elementor-element-f3b2e8b:hover {
    transform: scale(1.02) !important; /* Crece un 4% de forma elegante */
}

/* --- 4. FUERZA AL BOTÓN Y LOS ICONOS A ACOMODARSE --- */
.elementor-106 .elementor-element.elementor-element-f3b2e8b .contenedor-boton > * {
    width: auto !important;
}/* End custom CSS */