.elementor-704 .elementor-element.elementor-element-2708380:not(.elementor-motion-effects-element-type-background), .elementor-704 .elementor-element.elementor-element-2708380 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mecacenter.com.pe/wp-content/uploads/2026/08/mecacenter-contacto-imagen-principal.avif");background-position:center center;}.elementor-704 .elementor-element.elementor-element-2708380 > .elementor-background-overlay{background-color:#0B2D5CD9;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-704 .elementor-element.elementor-element-2708380 > .elementor-container{max-width:1200px;}.elementor-704 .elementor-element.elementor-element-2708380{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-704 .elementor-element.elementor-element-5a92cb6{text-align:center;}.elementor-704 .elementor-element.elementor-element-fc12a03{padding:0px 200px 0px 200px;text-align:center;}.elementor-704 .elementor-element.elementor-element-fc12a03 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:700;text-transform:none;line-height:53px;color:#FFFFFF;}.elementor-704 .elementor-element.elementor-element-29c6826{padding:0px 350px 0px 350px;text-align:center;color:#CBD5E1;}.elementor-704 .elementor-element.elementor-element-7bd68c7:not(.elementor-motion-effects-element-type-background), .elementor-704 .elementor-element.elementor-element-7bd68c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-704 .elementor-element.elementor-element-7bd68c7 > .elementor-container{max-width:1200px;}.elementor-704 .elementor-element.elementor-element-7bd68c7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 120px 0px;}.elementor-704 .elementor-element.elementor-element-7bd68c7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-704 .elementor-element.elementor-element-6fcbb2f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-704 .elementor-element.elementor-element-6fcbb2f > .elementor-element-populated{padding:10px 70px 10px 010px;}.elementor-704 .elementor-element.elementor-element-041c95c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;text-transform:none;}.elementor-704 .elementor-element.elementor-element-50765d6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-704 .elementor-element.elementor-element-b4731af{margin-top:0px;margin-bottom:50px;}.elementor-704 .elementor-element.elementor-element-b43dd1d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-704 .elementor-element.elementor-element-b43dd1d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-704 .elementor-element.elementor-element-b43dd1d > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E8F0;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 40px 50px 40px;}.elementor-704 .elementor-element.elementor-element-b43dd1d > .elementor-element-populated, .elementor-704 .elementor-element.elementor-element-b43dd1d > .elementor-element-populated > .elementor-background-overlay, .elementor-704 .elementor-element.elementor-element-b43dd1d > .elementor-background-slideshow{border-radius:16px 16px 16px 16px;}.elementor-704 .elementor-element.elementor-element-b43dd1d:hover > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#79A1C1;box-shadow:0px 25px 50px 0px rgba(10.999999999999998, 44.999999999999964, 92, 0.1);}.elementor-704 .elementor-element.elementor-element-b43dd1d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-704 .elementor-element.elementor-element-b1417b0 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-704 .elementor-element.elementor-element-b1417b0.elementor-view-stacked .elementor-icon{background-color:#0B2D5C0D;fill:#0B2D5C;color:#0B2D5C;}.elementor-704 .elementor-element.elementor-element-b1417b0.elementor-view-framed .elementor-icon, .elementor-704 .elementor-element.elementor-element-b1417b0.elementor-view-default .elementor-icon{fill:#0B2D5C0D;color:#0B2D5C0D;border-color:#0B2D5C0D;}.elementor-704 .elementor-element.elementor-element-b1417b0.elementor-view-framed .elementor-icon{background-color:#0B2D5C;}.elementor-704 .elementor-element.elementor-element-b1417b0 .elementor-icon{font-size:40px;}.elementor-704 .elementor-element.elementor-element-b1417b0 .elementor-icon-box-title, .elementor-704 .elementor-element.elementor-element-b1417b0 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:700;text-transform:none;}.elementor-704 .elementor-element.elementor-element-b1417b0 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-704 .elementor-element.elementor-element-225de84:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-704 .elementor-element.elementor-element-225de84 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-704 .elementor-element.elementor-element-225de84 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E8F0;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 40px 50px 40px;}.elementor-704 .elementor-element.elementor-element-225de84 > .elementor-element-populated, .elementor-704 .elementor-element.elementor-element-225de84 > .elementor-element-populated > .elementor-background-overlay, .elementor-704 .elementor-element.elementor-element-225de84 > .elementor-background-slideshow{border-radius:16px 16px 16px 16px;}.elementor-704 .elementor-element.elementor-element-225de84:hover > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#79A1C1;box-shadow:0px 25px 50px 0px rgba(10.999999999999998, 44.999999999999964, 92, 0.1);}.elementor-704 .elementor-element.elementor-element-225de84 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-704 .elementor-element.elementor-element-a39d5c8 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-704 .elementor-element.elementor-element-a39d5c8.elementor-view-stacked .elementor-icon{background-color:#0B2D5C0D;fill:#0B2D5C;color:#0B2D5C;}.elementor-704 .elementor-element.elementor-element-a39d5c8.elementor-view-framed .elementor-icon, .elementor-704 .elementor-element.elementor-element-a39d5c8.elementor-view-default .elementor-icon{fill:#0B2D5C0D;color:#0B2D5C0D;border-color:#0B2D5C0D;}.elementor-704 .elementor-element.elementor-element-a39d5c8.elementor-view-framed .elementor-icon{background-color:#0B2D5C;}.elementor-704 .elementor-element.elementor-element-a39d5c8 .elementor-icon{font-size:40px;}.elementor-704 .elementor-element.elementor-element-a39d5c8 .elementor-icon-box-title, .elementor-704 .elementor-element.elementor-element-a39d5c8 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:700;text-transform:none;}.elementor-704 .elementor-element.elementor-element-a39d5c8 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-704 .elementor-element.elementor-element-13b4ed2:not(.elementor-motion-effects-element-type-background), .elementor-704 .elementor-element.elementor-element-13b4ed2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FB;}.elementor-704 .elementor-element.elementor-element-13b4ed2 > .elementor-container{max-width:1200px;}.elementor-704 .elementor-element.elementor-element-13b4ed2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:80px 0px 150px 0px;}.elementor-704 .elementor-element.elementor-element-13b4ed2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-704 .elementor-element.elementor-element-0bae9f4 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-704 .elementor-element.elementor-element-0bae9f4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-704 .elementor-element.elementor-element-7155e13{padding:0px 0px 10px 0px;text-align:center;}.elementor-704 .elementor-element.elementor-element-7155e13 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;text-transform:none;}.elementor-704 .elementor-element.elementor-element-74dcb5b{padding:0px 0px 0px 0px;text-align:center;}@media(min-width:768px){.elementor-704 .elementor-element.elementor-element-6fcbb2f{width:42.5%;}.elementor-704 .elementor-element.elementor-element-50765d6{width:57.5%;}}@media(max-width:767px){.elementor-704 .elementor-element.elementor-element-fc12a03{padding:0px 0px 0px 0px;}.elementor-704 .elementor-element.elementor-element-fc12a03 .elementor-heading-title{font-size:40px;line-height:40px;}.elementor-704 .elementor-element.elementor-element-29c6826{padding:0px 0px 0px 0px;}.elementor-704 .elementor-element.elementor-element-b43dd1d > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:40px 30px 40px 30px;}.elementor-704 .elementor-element.elementor-element-225de84 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:40px 30px 40px 30px;}}/* Start custom CSS for text-editor, class: .elementor-element-5a92cb6 */.badge-neon {
    display: inline-block;
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
    border: 1px solid #f39c12;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(243, 156, 18, 0.3);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3b2b1d8 */.scroll-indicator {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #76a0d2;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.scroll-line {
    width: 50px;
    height: 2px;
    background: #76a0d2;
    position: relative;
    overflow: hidden;
}

.scroll-line::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #052450;
    animation: scrollLineAnim 2s infinite ease-in-out;
}

@keyframes scrollLineAnim {
    0% {
        left: -100%;
    }

    50% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}








/*----VERSION PARA MOBILES----*/
@media (max-width: 992px) {
    .sticky-container { flex-direction: column; gap: 40px; }
    .sticky-left { width: 100%; position: relative; top: 0; text-align: center; }
    .scroll-indicator { justify-content: center; }
    .sticky-right { width: 100%; }
    .orbit-wrapper { width: 100%; max-width: 400px; height: 400px; }
    .orbit-core { width: 220px; height: 220px; padding: 20px; }
    .orbit-core h3 { font-size: 1.2rem; }
    .orbit-core p { font-size: 0.85rem; }
    .orbit-node { width: 70px; height: 70px; }
    .node-icon { font-size: 1.4rem; }
    .node-top { top: -35px; } .node-right { right: -35px; } .node-bottom { bottom: -35px; } .node-left { left: -35px; }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-6fcbb2f */.elementor-704 .elementor-element.elementor-element-6fcbb2f > .elementor-widget-wrap {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 120px !important;
    
    /* LA MAGIA: Le quitamos el estiramiento automático de Elementor */
    height: max-content !important; 
    
    z-index: 10;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a39d5c8 */.mission-list {
    list-style: none;
    margin-top: 5px;
}

.mission-list {
    padding-inline-start: 0px !important;
}

.mission-list li {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--text-gray);
    line-height: 1.6;
}

.mission-list i {
    color: #f39c12;
    margin-top: 5px;
    font-size: 1.1rem;
}

.mission-list strong {
    color: #052450;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-0bae9f4 */.orbit-wrapper {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 60px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Anillo exterior punteado */
.orbit-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px dashed rgba(121, 161, 193, 0.4);
    border-radius: 50%;
    animation: slowSpin 60s linear infinite;
    pointer-events: none;
}

@keyframes slowSpin {
    100% {
        transform: rotate(360deg);
    }
}

/* Núcleo Central */
.orbit-core {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #ffffff;
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(11, 45, 92, 0.1);
    border: 2px solid rgba(11, 45, 92, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px;
    z-index: 5;
    transition: all 0.4s ease;
}

.core-content {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.core-content.fade-out {
    opacity: 0;
    transform: scale(0.95);
}

.core-default-icon {
    font-size: 3rem;
    color: #76a0d2;
    opacity: 0.3;
    margin-bottom: 15px;
}

.orbit-core h3 {
    font-family: Montserrat;
    text-transform: none;
    color: #052450;
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: 700;
}

.orbit-core p {
    color: #4a5568;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Nodos (Valores) */
.orbit-node {
    position: absolute;
    width: 90px;
    height: 90px;
    background: white;
    border: 2px solid #76a0d2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* Posicionamiento en el círculo (Radio 300px) */
.node-top {
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
}

.node-right {
    right: -45px;
    top: 50%;
    transform: translateY(-50%);
}

.node-bottom {
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
}

.node-left {
    left: -45px;
    top: 50%;
    transform: translateY(-50%);
}

.node-icon {
    font-size: 1.8rem;
    color: #052450;
    transition: all 0.3s ease;
}

.node-label {
    position: absolute;
    bottom: -35px;
    white-space: nowrap;
    font-weight: 600;
    color: #052450;
    font-size: 0.95rem;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    background: white;
    padding: 4px 12px;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Interacción HOVER en los Nodos */
.orbit-node:hover {
    background: #052450;
    border-color: #052450;
    transform: translateX(-50%) scale(1.15) !important;
    /* Ajuste para no perder centrado */
}

.node-right:hover,
.node-left:hover {
    transform: translateY(-50%) scale(1.15) !important;
}

.orbit-node:hover .node-icon {
    color: white;
}

.orbit-node:hover .node-label {
    opacity: 1;
    transform: translateY(0);
}

/* Animaciones Reveal de Entrada */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}






/* MODELO PARA CELULARES*/

/* ==================================================
   RESCATE RESPONSIVE: SISTEMA ORBITAL EN CELULARES (CORREGIDO)
   ================================================== */
@media (max-width: 767px) {
    /* 1. Aumentamos el tamaño general al máximo seguro para celulares */
    .orbit-wrapper { 
        width: 280px !important; 
        height: 280px !important; 
        margin: 40px auto !important; 
    }
    
    /* 2. El núcleo será más grande (200px) y bloqueamos su forma para que NO se vuelva ovalado */
    .orbit-core { 
        width: 200px !important; 
        height: 200px !important; 
        padding: 10px 15px !important; /* Más ancho disponible para el texto */
        overflow: hidden !important; /* Fuerza la forma de círculo perfecto */
    }
    
    /* 3. Ajuste milimétrico de tipografía */
    .orbit-core h3 { 
        font-size: 0.95rem !important; 
        margin-bottom: 5px !important; 
        line-height: 1.2 !important;
    }
    .orbit-core p { 
        font-size: 0.75rem !important; /* Letra un poco más pequeña (aprox 12px) */
        line-height: 1.3 !important; 
        margin: 0 !important;
    }
    .core-default-icon { 
        font-size: 1.8rem !important; 
        margin-bottom: 5px !important; 
    }

    /* 4. Achicamos un poco los nodos para que no choquen con el núcleo */
    .orbit-node { 
        width: 45px !important; 
        height: 45px !important; 
    }
    .node-icon { font-size: 1.1rem !important; }
    
    /* 5. Recalculamos la distancia (la mitad de 45 es aprox 22) */
    .node-top { top: -22px !important; } 
    .node-right { right: -22px !important; } 
    .node-bottom { bottom: -22px !important; } 
    .node-left { left: -22px !important; }
    
    /* 6. Ocultamos etiquetas laterales */
    .node-label { display: none !important; }
    
    /* 7. Toque táctil seguro */
    .orbit-node:hover { transform: translateX(-50%) scale(1.05) !important; }
    .node-right:hover, .node-left:hover { transform: translateY(-50%) scale(1.05) !important; }
}/* End custom CSS */