.elementor-1989 .elementor-element.elementor-element-0a7c7a4{--display:flex;--min-height:576px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.83;}.elementor-1989 .elementor-element.elementor-element-0a7c7a4:not(.elementor-motion-effects-element-type-background), .elementor-1989 .elementor-element.elementor-element-0a7c7a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://metodicalatam.com/wp-content/uploads/2025/04/people-working-html-codes-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1989 .elementor-element.elementor-element-0a7c7a4::before, .elementor-1989 .elementor-element.elementor-element-0a7c7a4 > .elementor-background-video-container::before, .elementor-1989 .elementor-element.elementor-element-0a7c7a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-1989 .elementor-element.elementor-element-0a7c7a4 > .elementor-background-slideshow::before, .elementor-1989 .elementor-element.elementor-element-0a7c7a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1989 .elementor-element.elementor-element-0a7c7a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#ECF1F9;--background-overlay:'';}.elementor-1989 .elementor-element.elementor-element-b11934d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1989 .elementor-element.elementor-element-b11934d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1989 .elementor-element.elementor-element-3ee2190 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:600;color:#4484F4;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1989 .elementor-element.elementor-element-68d1e7c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 114px;}.elementor-1989 .elementor-element.elementor-element-68d1e7c{text-align:justify;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#000000;}.elementor-1989 .elementor-element.elementor-element-ec92df7{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1989 .elementor-element.elementor-element-bb770e7 img{border-radius:12px 12px 12px 12px;}.elementor-1989 .elementor-element.elementor-element-3cc5167{--display:flex;--min-height:126px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1989 .elementor-element.elementor-element-3cc5167:not(.elementor-motion-effects-element-type-background), .elementor-1989 .elementor-element.elementor-element-3cc5167 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1989 .elementor-element.elementor-element-02d644c{text-align:center;}.elementor-1989 .elementor-element.elementor-element-02d644c .elementor-heading-title{color:#000000;}.elementor-1989 .elementor-element.elementor-element-282a94e{--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;}.elementor-1989 .elementor-element.elementor-element-aacef4b{--display:flex;}.elementor-1989 .elementor-element.elementor-element-195837e img{width:91%;border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1989 .elementor-element.elementor-element-ebe7cc8{--display:flex;}.elementor-widget-ucaddon_uc_diamond_bullets .ue_item_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_diamond_bullets .ue_item_text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_item_icon{width:40px;height:40px;}.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_icon_output_wrapper{font-size:74px;}.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_item_icon svg.ue-shape-icon path,.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_item_icon svg.ue-shape-icon use{fill:#4484F4;stroke-width:1px;}.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_item_icon_line{background-color:#4484F4;width:3px;margin-top:0px;margin-bottom:0px;}.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_icon_output_wrapper svg{width:30px;}.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_item_content{padding:10px 10px 10px 10px;margin-bottom:0px;text-align:inherit;}.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_item_spacer{width:0px;}.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_item_title{color:#000000;margin-top:0px;}.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_item_text{color:#000000;font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;margin-top:0px;}.elementor-1989 .elementor-element.elementor-element-6a280b5 img{width:49%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1989 .elementor-element.elementor-element-503f784 .elementor-button{background-color:#4484F4;font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;border-radius:21px 21px 21px 21px;}.elementor-1989 .elementor-element.elementor-element-503f784 .elementor-button:hover, .elementor-1989 .elementor-element.elementor-element-503f784 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-1989 .elementor-element.elementor-element-503f784 .elementor-button:hover svg, .elementor-1989 .elementor-element.elementor-element-503f784 .elementor-button:focus svg{fill:#000000;}.elementor-1989 .elementor-element.elementor-element-5555a8d{--display:flex;--min-height:126px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1989 .elementor-element.elementor-element-5555a8d:not(.elementor-motion-effects-element-type-background), .elementor-1989 .elementor-element.elementor-element-5555a8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1989 .elementor-element.elementor-element-44b7382{text-align:center;}.elementor-1989 .elementor-element.elementor-element-44b7382 .elementor-heading-title{color:#000000;}.elementor-1989 .elementor-element.elementor-element-9553c70{--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;}.elementor-1989 .elementor-element.elementor-element-65b51b6{--display:flex;}.elementor-widget-ucaddon_list .ue-list-item-index{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_list .ue-list-item-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_list .ue_badge{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_list .tippy-content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_list .ue-list-item-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1989 .elementor-element.elementor-element-277026b .ue-list{gap:20px;grid-auto-flow:row;grid-template-columns:repeat(1, 1fr);}.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item,.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item-index,.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item-title,.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item-text,.elementor-1989 .elementor-element.elementor-element-277026b .ue_badge,.elementor-1989 .elementor-element.elementor-element-277026b .ue_list_tooltip{transition:all 300ms;}.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item{flex-direction:row;align-items:center;text-align:center;}.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item-index{width:30px;height:30px;font-size:12px;background-color:#4484F4;color:#ffffff;border-radius:50px 50px 50px 50px;}.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item,.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item a{gap:10px;}.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item-index svg{fill:#ffffff;}.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item-title{justify-content:flex-start;color:#000000;margin-top:0px;margin-bottom:0px;}.elementor-1989 .elementor-element.elementor-element-277026b .ue_badge{margin-left:5px;padding:5px 10px 5px 10px;color:#ffffff;background-color:#5900ff;border-radius:20px 20px 20px 20px;}.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item-text{color:#6e6e6e;margin-top:0px;}.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item-image img{width:300px;object-fit:cover;object-position:center;}.elementor-1989 .elementor-element.elementor-element-277026b .ue-list-item-image{text-align:inherit;}.elementor-1989 .elementor-element.elementor-element-1f9c0a7{--display:flex;--min-height:254px;--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;--border-radius:58px 58px 58px 58px;}.elementor-1989 .elementor-element.elementor-element-1f9c0a7:not(.elementor-motion-effects-element-type-background), .elementor-1989 .elementor-element.elementor-element-1f9c0a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(276deg, #4484F4 0%, #FFFFFF 74%);}.elementor-1989 .elementor-element.elementor-element-99f0847{--display:flex;--min-height:29px;}.elementor-1989 .elementor-element.elementor-element-99f0847.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1989 .elementor-element.elementor-element-42232ae{width:var( --container-widget-width, 121.5% );max-width:121.5%;--container-widget-width:121.5%;--container-widget-flex-grow:0;}.elementor-1989 .elementor-element.elementor-element-42232ae.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1989 .elementor-element.elementor-element-42232ae img{width:100%;}.elementor-1989 .elementor-element.elementor-element-c297a4a{--display:flex;}.elementor-1989 .elementor-element.elementor-element-c986adc{text-align:left;}.elementor-1989 .elementor-element.elementor-element-c986adc .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:27px;font-weight:600;color:#000000;}.elementor-1989 .elementor-element.elementor-element-7a9e67c{--display:flex;}.elementor-1989 .elementor-element.elementor-element-5d0de42 img{border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_icon_output_wrapper svg{width:30px;}}@media(min-width:768px){.elementor-1989 .elementor-element.elementor-element-0a7c7a4{--width:100%;}.elementor-1989 .elementor-element.elementor-element-b11934d{--width:62.492%;}.elementor-1989 .elementor-element.elementor-element-ec92df7{--content-width:1114px;}.elementor-1989 .elementor-element.elementor-element-99f0847{--width:61.61%;}}@media(max-width:767px){.elementor-1989 .elementor-element.elementor-element-0a7c7a4{--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1989 .elementor-element.elementor-element-68d1e7c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1989 .elementor-element.elementor-element-68d1e7c{text-align:center;}.elementor-1989 .elementor-element.elementor-element-2da4187 .ue_icon_output_wrapper svg{width:30px;}}/* Start custom CSS for container, class: .elementor-element-3cc5167 */.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    height: 420px;
    perspective: 1000px;
    
}

.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 55%;
    background: linear-gradient(0deg, rgba(15,125,194,0.85) 0%, transparent 70%);
    padding: 30px;
    display: flex;
    flex-direction: column;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(40%);
    backdrop-filter: blur(5px);
    clip-path: polygon(0 30%, 100% 20%, 100% 100%, 0% 100%);
}

/* Efecto hover magistral */
.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper:hover {
    transform: translateY(-15px) rotateX(5deg);
    box-shadow: 
        0 25px 50px rgba(15, 125, 194, 0.3),
        0 0 0 1px rgba(255,255,255,0.1);
}

.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper:hover .card-content {
    height: 100%;
    transform: translateY(0);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    background: linear-gradient(0deg, rgba(15,125,194,0.95) 0%, rgba(37,166,233,0.9) 100%);
}

/* Efecto de luz dinámica */
.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, 
                rgba(255,255,255,0.3) 0%, 
                transparent 70%);
    transform: scale(0.5);
    opacity: 0;
    transition: all 1s ease;
    pointer-events: none;
}

.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper:hover::before {
    transform: scale(1);
    opacity: 1;
}

/* Contenido interno - Animación cinematográfica */
.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-content .e-con-inner {
    transition: all 0.8s ease 0.3s;
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    filter: blur(2px);
}

.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper:hover .card-content .e-con-inner {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

/* Efecto de borde luminoso */
.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
                transparent 0%, 
                rgba(255,255,255,0.8) 50%, 
                transparent 100%);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.6s ease 0.2s;
}

.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper:hover::after {
    transform: scaleX(1);
}

/* Micro-interacción para íconos */
.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-icon {
    transition: all 0.6s ease;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.2));
}

.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper:hover .card-icon {
    transform: rotate(15deg) scale(1.1);
    filter: drop-shadow(0 10px 20px rgba(255,255,255,0.3));
}

/* Responsive */
@media (max-width: 1024px) {
    .elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper {
        height: 380px;
    }
    
    .elementor-1989 .elementor-element.elementor-element-3cc5167 .card-content {
        height: 50%;
        padding: 20px;
    }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.elementor-1989 .elementor-element.elementor-element-3cc5167 .card-wrapper:hover {
    animation: float 3s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5555a8d */.elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    height: 420px;
    perspective: 1000px;
    
}

.elementor-1989 .elementor-element.elementor-element-5555a8d .card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 55%;
    background: linear-gradient(0deg, rgba(15,125,194,0.85) 0%, transparent 70%);
    padding: 30px;
    display: flex;
    flex-direction: column;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(40%);
    backdrop-filter: blur(5px);
    clip-path: polygon(0 30%, 100% 20%, 100% 100%, 0% 100%);
}

/* Efecto hover magistral */
.elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper:hover {
    transform: translateY(-15px) rotateX(5deg);
    box-shadow: 
        0 25px 50px rgba(15, 125, 194, 0.3),
        0 0 0 1px rgba(255,255,255,0.1);
}

.elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper:hover .card-content {
    height: 100%;
    transform: translateY(0);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    background: linear-gradient(0deg, rgba(15,125,194,0.95) 0%, rgba(37,166,233,0.9) 100%);
}

/* Efecto de luz dinámica */
.elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, 
                rgba(255,255,255,0.3) 0%, 
                transparent 70%);
    transform: scale(0.5);
    opacity: 0;
    transition: all 1s ease;
    pointer-events: none;
}

.elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper:hover::before {
    transform: scale(1);
    opacity: 1;
}

/* Contenido interno - Animación cinematográfica */
.elementor-1989 .elementor-element.elementor-element-5555a8d .card-content .e-con-inner {
    transition: all 0.8s ease 0.3s;
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    filter: blur(2px);
}

.elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper:hover .card-content .e-con-inner {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

/* Efecto de borde luminoso */
.elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
                transparent 0%, 
                rgba(255,255,255,0.8) 50%, 
                transparent 100%);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.6s ease 0.2s;
}

.elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper:hover::after {
    transform: scaleX(1);
}

/* Micro-interacción para íconos */
.elementor-1989 .elementor-element.elementor-element-5555a8d .card-icon {
    transition: all 0.6s ease;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.2));
}

.elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper:hover .card-icon {
    transform: rotate(15deg) scale(1.1);
    filter: drop-shadow(0 10px 20px rgba(255,255,255,0.3));
}

/* Responsive */
@media (max-width: 1024px) {
    .elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper {
        height: 380px;
    }
    
    .elementor-1989 .elementor-element.elementor-element-5555a8d .card-content {
        height: 50%;
        padding: 20px;
    }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.elementor-1989 .elementor-element.elementor-element-5555a8d .card-wrapper:hover {
    animation: float 3s ease-in-out infinite;
}/* End custom CSS */