.elementor-25 .elementor-element.elementor-element-6bfe9238 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-25 .elementor-element.elementor-element-6bfe9238 > .elementor-container{max-width:1200px;min-height:967px;}.elementor-25 .elementor-element.elementor-element-6bfe9238{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-100px;margin-bottom:0px;padding:0em 0em 0em 0em;z-index:1000;}.elementor-25 .elementor-element.elementor-element-6bfe9238 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-25 .elementor-element.elementor-element-13dc8eba.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-25 .elementor-element.elementor-element-13dc8eba.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-25 .elementor-element.elementor-element-13dc8eba.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-25 .elementor-element.elementor-element-13dc8eba > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-35021b0{text-align:center;}.elementor-25 .elementor-element.elementor-element-35021b0 img{width:25%;}.elementor-25 .elementor-element.elementor-element-d20c18d{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-71883508 );}.elementor-25 .elementor-element.elementor-element-d20c18d .elementor-headline{text-align:center;font-size:6em;}.elementor-25 .elementor-element.elementor-element-d20c18d .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-d20c18d .elementor-headline-dynamic-text{letter-spacing:2px;}.elementor-25 .elementor-element.elementor-element-47a047c{text-align:center;}.elementor-25 .elementor-element.elementor-element-47a047c .elementor-heading-title{font-size:1.5em;}.elementor-25 .elementor-element.elementor-element-3d66601{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 1px;text-align:center;}.elementor-25 .elementor-element.elementor-element-3d66601 .elementor-heading-title{font-size:1.1em;font-weight:300;color:#000000;}.elementor-25 .elementor-element.elementor-element-95dc07d .elementor-button{background-color:#7B5CFB;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#7B5CFB;border-radius:30px 30px 30px 30px;}.elementor-25 .elementor-element.elementor-element-95dc07d{width:auto;max-width:auto;margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-95dc07d .elementor-button-content-wrapper{flex-direction:row;}.elementor-25 .elementor-element.elementor-element-9dde384 .elementor-button{background-color:#FFFFFF;font-weight:600;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#7B5CFB;border-radius:30px 30px 30px 30px;}.elementor-25 .elementor-element.elementor-element-9dde384{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-9dde384 .elementor-button-content-wrapper{flex-direction:row;}.elementor-25 .elementor-element.elementor-element-127a277{margin-top:0%;margin-bottom:-40%;}.elementor-bc-flex-widget .elementor-25 .elementor-element.elementor-element-19a7f13.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-25 .elementor-element.elementor-element-19a7f13.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-25 .elementor-element.elementor-element-19a7f13 > .elementor-element-populated{border-style:solid;border-width:0px 3px 0px 0px;border-color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-a8a8c34{margin:0% 5% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;text-align:end;}.elementor-25 .elementor-element.elementor-element-a8a8c34 .elementor-heading-title{font-size:1.7em;font-weight:700;color:#222222;}.elementor-25 .elementor-element.elementor-element-4e0d689{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 5%;font-size:1.2em;font-weight:400;}.elementor-25 .elementor-element.elementor-element-0689a5e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-5cfb259 > .elementor-container{max-width:1400px;}.elementor-25 .elementor-element.elementor-element-5cfb259{margin-top:80px;margin-bottom:300px;padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-12b9395{--ep-tabs-width:20%;--ep-interactive-tabs-thumbs-h-offset:0px;--ep-interactive-tabs-thumbs-v-offset:62px;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-wrap{align-self:start;grid-template-columns:repeat(1, 1fr);grid-gap:15px;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item{text-align:left;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item:hover{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, #76B9FF 100%);border-color:#4AB8F8;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item.bdt-active{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, #76B9FF 100%);border-color:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-12b9395.bdt-cursor-effects-yes{--cursor-ball-color:var( --e-global-color-primary );--cursor-circle-color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .swiper-slide .bdt-interactive-tabs-main-img{transition-duration:0.3s;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-icon{color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-icon svg{fill:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item:hover .bdt-interactive-tabs-icon{color:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item:hover .bdt-interactive-tabs-icon svg{fill:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item.bdt-active .bdt-interactive-tabs-icon{color:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item.bdt-active .bdt-interactive-tabs-icon svg{fill:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-title{color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item:hover .bdt-interactive-tabs-title{color:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item.bdt-active .bdt-interactive-tabs-title{color:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item:hover .bdt-interactive-tabs-sub-title{color:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-item.bdt-active .bdt-interactive-tabs-sub-title{color:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-36b50e3{padding:5% 0% 5% 0%;}.elementor-25 .elementor-element.elementor-element-7e3e8fc{margin-top:0%;margin-bottom:0%;padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-38884bb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-43cffec:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-43cffec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-43cffec > .elementor-container{max-width:1200px;}.elementor-25 .elementor-element.elementor-element-43cffec{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 100px 0px;}.elementor-25 .elementor-element.elementor-element-43cffec > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-25 .elementor-element.elementor-element-0cdbedc > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-7ef74395 > .elementor-container{max-width:1200px;}.elementor-25 .elementor-element.elementor-element-7ef74395{margin-top:4%;margin-bottom:4%;}.elementor-25 .elementor-element.elementor-element-69058e23{--divider-border-style:solid;--divider-color:rgba(122,122,122,0.21);}.elementor-25 .elementor-element.elementor-element-69058e23 .elementor-divider-separator{width:28%;margin:0 auto;margin-center:0;}.elementor-25 .elementor-element.elementor-element-69058e23 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px) and (min-width:768px){.elementor-25 .elementor-element.elementor-element-13dc8eba{width:100%;}}@media(max-width:1024px){.elementor-25 .elementor-element.elementor-element-6bfe9238 > .elementor-container{min-height:952px;}.elementor-25 .elementor-element.elementor-element-6bfe9238{padding:0% 2% 0% 2%;z-index:100;}.elementor-25 .elementor-element.elementor-element-35021b0{margin:-150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-35021b0 img{width:15%;}.elementor-25 .elementor-element.elementor-element-d20c18d .elementor-headline{font-size:4em;}.elementor-25 .elementor-element.elementor-element-a8a8c34{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-25 .elementor-element.elementor-element-a8a8c34 .elementor-heading-title{font-size:1.4em;}.elementor-25 .elementor-element.elementor-element-4e0d689{font-size:1em;}.elementor-25 .elementor-element.elementor-element-12b9395{--ep-tabs-width:50%;--ep-interactive-tabs-thumbs-h-offset:0px;--ep-interactive-tabs-thumbs-v-offset:0px;--ep-interactive-tabs-thumbs-rotate:0deg;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-wrap{grid-template-columns:repeat(2, 1fr);}.elementor-25 .elementor-element.elementor-element-7ef74395{margin-top:80px;margin-bottom:80px;}}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-6bfe9238 > .elementor-container{min-height:800px;}.elementor-25 .elementor-element.elementor-element-6bfe9238, .elementor-25 .elementor-element.elementor-element-6bfe9238 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-6bfe9238{padding:0% 1% 0% 1%;}.elementor-bc-flex-widget .elementor-25 .elementor-element.elementor-element-13dc8eba.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-25 .elementor-element.elementor-element-13dc8eba.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-25 .elementor-element.elementor-element-13dc8eba.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-25 .elementor-element.elementor-element-13dc8eba > .elementor-element-populated{margin:150px 0px -30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-35021b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-25 .elementor-element.elementor-element-35021b0 img{width:30%;}.elementor-25 .elementor-element.elementor-element-d20c18d .elementor-headline{font-size:2em;}.elementor-25 .elementor-element.elementor-element-47a047c{text-align:center;}.elementor-25 .elementor-element.elementor-element-47a047c .elementor-heading-title{font-size:1.2em;}.elementor-25 .elementor-element.elementor-element-3d66601{text-align:center;}.elementor-25 .elementor-element.elementor-element-3d66601 .elementor-heading-title{font-size:1em;}.elementor-25 .elementor-element.elementor-element-95dc07d{margin:0px 8px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-95dc07d .elementor-button{font-size:14px;}.elementor-25 .elementor-element.elementor-element-9dde384 .elementor-button{font-size:14px;}.elementor-25 .elementor-element.elementor-element-127a277{margin-top:25%;margin-bottom:0%;}.elementor-25 .elementor-element.elementor-element-19a7f13 > .elementor-element-populated{border-width:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-a8a8c34{text-align:center;}.elementor-25 .elementor-element.elementor-element-a8a8c34 .elementor-heading-title{font-size:1.4em;}.elementor-25 .elementor-element.elementor-element-4e0d689{margin:-3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;text-align:center;font-size:1.1em;}.elementor-25 .elementor-element.elementor-element-c5655b5{padding:0px 15px 0px 15px;}.elementor-25 .elementor-element.elementor-element-4a5d411{padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-58f157d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-5cfb259{margin-top:0px;margin-bottom:0px;}.elementor-25 .elementor-element.elementor-element-12b9395{--ep-tabs-width:100%;--ep-interactive-tabs-thumbs-h-offset:0px;--ep-interactive-tabs-thumbs-v-offset:0px;--ep-interactive-tabs-thumbs-rotate:0deg;}.elementor-25 .elementor-element.elementor-element-12b9395 .bdt-interactive-tabs .bdt-interactive-tabs-wrap{grid-template-columns:repeat(1, 1fr);}.elementor-25 .elementor-element.elementor-element-36b50e3{margin-top:100px;margin-bottom:0px;padding:0% 0% 0% 0%;}.elementor-25 .elementor-element.elementor-element-16f4409{padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-7ef74395{margin-top:0%;margin-bottom:0%;padding:5% 0% 0% 0%;}body.elementor-page-25{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-9dde384 */.bttn {
  box-shadow: 0 0 0 rgba(0,0,0,0);
  -webkit-animation: pulse 1s infinite;
  animation: shadows 1.5s infinite;
  border-radius: 30px;
}

@-webkit-keyframes shadows {
  0% {
    box-shadow: 0 0 0 0 rgba(120, 81, 208, .2);
  }
  80% {
      box-shadow: 0 0 0 12px rgba(120, 81, 208, .2);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(120, 81, 208, .4);
  }
}

@keyframes shadows {
  0% {
    box-shadow: 0 0 0 0 rgba(120, 81, 208, .5);
  }
  80% {
      box-shadow: 0 0 0 12px rgba(120, 81, 208, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(120, 81, 208, 0);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c342db *//* =======================================
       ESTILOS BASE Y CONTENEDOR
       ======================================= */
    .wpsteam-section * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: inherit !important;
    }
    .wpsteam-section {
        background-color: #f9fafb !important;
        color: #1f2937 !important;
        padding: 6rem 1.5rem 10rem 1.5rem; /* Extra padding inferior para la expansión */
        overflow: hidden;
        width: 100%;
    }
    .wpsteam-container {
        max-width: 80rem;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 4rem;
        align-items: center;
    }

    /* =======================================
       COLUMNA DE TEXTO (Izquierda)
       ======================================= */
    .wpsteam-text-col {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
    .wpsteam-subtitle-wrapper {
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .wpsteam-line {
        height: 2px;
        width: 3rem;
        background-color: #6366f1 !important;
    }
    .wpsteam-subtitle {
        color: #4f46e5 !important;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: 0.875rem;
    }
    .wpsteam-title {
        font-size: 2.25rem;
        font-weight: 800;
        color: #111827 !important;
        line-height: 1.1;
    }
    .wpsteam-title strong {
        color: inherit !important;
    }
    .wpsteam-desc {
        color: #4b5563 !important;
        font-size: 1.125rem;
        line-height: 1.7;
    }
    
    .wpsteam-btn-main {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background-color: #6366f1 !important;
        color: #ffffff !important;
        font-weight: 600;
        font-size: 1rem;
        padding: 0.875rem 1.5rem;
        border-radius: 9999px;
        text-decoration: none !important;
        box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.3) !important;
        transition: all 0.3s ease;
        margin-top: 1rem;
    }
    .wpsteam-btn-main:hover {
        background-color: #4f46e5 !important;
        transform: scale(1.05);
        color: #ffffff !important;
    }
    .wpsteam-btn-whatsapp-icon {
        width: 1.25rem;
        height: 1.25rem;
        fill: #ffffff !important;
    }

    /* =======================================
       COLUMNA DEL GRID (Derecha)
       ======================================= */
    .wpsteam-grid-col {
        width: 100%;
        padding-top: 3rem;
    }
    .wpsteam-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.5rem;
        align-items: start; /* Mantiene las tarjetas alineadas arriba para evitar saltos raros */
        position: relative;
    }

    /* Efecto de grupo: El resto se comprime y hunde al hacer hover en el grid */
    @media (hover: hover) {
        .wpsteam-grid:hover .wpsteam-card:not(:hover) {
            transform: scale(0.92) translateY(15px);
            opacity: 0.6;
            filter: grayscale(40%);
        }
    }

    /* =======================================
       DISEÑO DE LAS TARJETAS (Cards)
       ======================================= */
    .wpsteam-card {
        position: relative;
        border-radius: 1.5rem;
        padding: 2rem;
        color: #ffffff !important;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        text-decoration: none !important;
        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.5s ease, opacity 0.5s ease, filter 0.5s ease;
        cursor: pointer;
    }
    
    /* Variables de color de tema para cada tarjeta */
    .wpsteam-bg-1 { --theme-color: #7c3aed; background: linear-gradient(135deg, #6366f1, #9333ea) !important; box-shadow: 0 20px 25px -5px rgba(147, 51, 234, 0.2) !important; }
    .wpsteam-bg-2 { --theme-color: #ef4444; background: linear-gradient(135deg, #fb7185, #ef4444) !important; box-shadow: 0 20px 25px -5px rgba(239, 68, 68, 0.2) !important; }
    .wpsteam-bg-3 { --theme-color: #10b981; background: linear-gradient(135deg, #2dd4bf, #10b981) !important; box-shadow: 0 20px 25px -5px rgba(16, 185, 129, 0.2) !important; }
    .wpsteam-bg-4 { --theme-color: #334155; background: linear-gradient(135deg, #334155, #0f172a) !important; box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.2) !important; }
    .wpsteam-bg-5 { --theme-color: #3b82f6; background: linear-gradient(135deg, #38bdf8, #3b82f6) !important; box-shadow: 0 20px 25px -5px rgba(59, 130, 246, 0.2) !important; }
    .wpsteam-bg-6 { --theme-color: #4338ca; background: linear-gradient(135deg, #2563eb, #4338ca) !important; box-shadow: 0 20px 25px -5px rgba(67, 56, 202, 0.2) !important; }

    /* Hover en la tarjeta principal */
    .wpsteam-card:hover {
        transform: scale(1.05) translateY(-5px);
        z-index: 20;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* Capa de fondo blanco que aparece en hover */
    .wpsteam-card::after {
        content: '';
        position: absolute;
        inset: 0;
        background-color: #ffffff;
        opacity: 0;
        transition: opacity 0.4s ease;
        z-index: 0;
    }
    .wpsteam-card:hover::after { opacity: 1; }

    /* Línea superior del color del tema */
    .wpsteam-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 4px;
        background-color: var(--theme-color) !important;
        opacity: 0;
        transition: opacity 0.4s ease;
        z-index: 2;
    }
    .wpsteam-card:hover::before { opacity: 1; }

    /* =======================================
       ESTRUCTURA INTERNA (ACORDEÓN)
       ======================================= */
    .wpsteam-card-header,
    .wpsteam-card-body {
        position: relative;
        z-index: 1;
    }

    .wpsteam-card-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .wpsteam-icon-box {
        background-color: rgba(255, 255, 255, 0.2) !important;
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        transition: all 0.4s ease !important;
        margin-bottom: 1.25rem;
    }
    .wpsteam-icon-box svg {
        width: 1.75rem;
        height: 1.75rem;
        color: #ffffff !important;
        transition: all 0.4s ease !important;
    }

    .wpsteam-card-title {
        font-size: 1.25rem;
        font-weight: 700;
        color: #ffffff !important;
        transition: color 0.4s ease !important;
        margin-bottom: 0 !important; /* Reseteado para el modo botón */
    }

    /* Cuerpo del acordeón oculto por defecto usando CSS Grid */
    .wpsteam-card-body {
        display: grid;
        grid-template-rows: 0fr;
        opacity: 0;
        margin-top: 0;
        transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, margin 0.4s ease;
    }
    .wpsteam-card-body-inner {
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    /* Expansión al hacer hover */
    .wpsteam-card:hover .wpsteam-card-body {
        grid-template-rows: 1fr;
        opacity: 1;
        margin-top: 1.25rem;
    }

    .wpsteam-card-desc {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 0.875rem;
        line-height: 1.6;
        margin-bottom: 1.5rem;
    }

    .wpsteam-card-link {
        display: inline-flex;
        align-items: center;
        font-size: 0.875rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.9) !important;
        text-decoration: none !important;
        transition: color 0.4s ease !important;
    }
    .wpsteam-card-link-whatsapp-icon {
        fill: #86efac !important;
        width: 1.125rem;
        height: 1.125rem;
        margin-right: 0.5rem;
        transition: fill 0.4s ease !important;
    }
    .wpsteam-card-link-arrow-icon {
        fill: currentColor !important;
        width: 0.75rem;
        height: 0.75rem;
        margin-left: 0.25rem;
        opacity: 0;
        transform: translateX(0px);
        transition: all 0.4s ease !important;
    }

    /* =======================================
       ESTADOS AL HACER HOVER EN TARJETA (FOCUS)
       ======================================= */
    .wpsteam-card:hover .wpsteam-icon-box {
        background-color: var(--theme-color) !important;
        transform: scale(1.1);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
    }
    .wpsteam-card:hover .wpsteam-card-title {
        color: #111827 !important;
    }
    .wpsteam-card:hover .wpsteam-card-desc {
        color: #4b5563 !important;
    }
    .wpsteam-card:hover .wpsteam-card-link {
        color: var(--theme-color) !important;
    }
    .wpsteam-card:hover .wpsteam-card-link-whatsapp-icon {
        fill: #25d366 !important;
    }
    .wpsteam-card:hover .wpsteam-card-link .wpsteam-card-link-arrow-icon {
        opacity: 1;
        transform: translateX(4px);
    }

    /* =======================================
       RESPONSIVE Y ESCALONADO ORIGINAL
       ======================================= */
    @media (min-width: 640px) {
        .wpsteam-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    
    @media (min-width: 1024px) {
        .wpsteam-container {
            flex-direction: row;
        }
        .wpsteam-text-col {
            width: 33.333%;
        }
        .wpsteam-grid-col {
            width: 66.666%;
            padding-top: 6rem;
        }
        .wpsteam-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
        }
        .wpsteam-title {
            font-size: 3rem;
        }
        /* Efecto Escalonado en Desktop (usando margin para no chocar con transform) */
        .wpsteam-step-1 { margin-top: -3rem; }
        .wpsteam-step-2 { margin-top: -6rem; }
    
          /* =======================================
       ANIMACIONES DE ENTRADA
       ======================================= */
    .wpsteam-reveal-up {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
    }
    .wpsteam-reveal-up.active {
        opacity: 1;
        transform: translateY(0);
    }
    .wpsteam-delay-100 { transition-delay: 100ms; }
    .wpsteam-delay-200 { transition-delay: 200ms; }
    .wpsteam-delay-300 { transition-delay: 300ms; }
    .wpsteam-delay-400 { transition-delay: 400ms; }
    .wpsteam-delay-500 { transition-delay: 500ms; }
    .wpsteam-delay-600 { transition-delay: 600ms; }
        
    }
    
    
        @media (max-width: 767px) {
  .wpsteam-section {

    padding: 0rem !important;

}


    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-58f157d *//* =======================================
       ESTILOS BASE Y CONTENEDOR
       ======================================= */
    .WPS__about-section * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: inherit !important;
    }
    .WPS__about-section {
        padding: 6rem 1.5rem 8rem 1.5rem; 
        overflow: hidden;
        color: #1f2937;
        background-color: transparent; /* Hereda fondo del contenedor de WP */
    }
    .WPS__container {
        max-width: 80rem;
        margin: 0 auto;
    }

    /* =======================================
       BENTO GRID LAYOUT
       ======================================= */
    .WPS__bento-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    @media (min-width: 1024px) {
        .WPS__bento-wrapper {
            grid-template-columns: 1.5fr 1fr 1fr;
            grid-auto-rows: min-content;
            gap: 2.5rem;
        }
        /* Imagen alta a la izquierda con desplazamiento controlado */
        .WPS__bento-img { 
            grid-column: 1 / 2; 
            grid-row: 1 / 4; 
            transform: translateX(-60px); /* Reducido ligeramente para mayor seguridad */
        }
        .WPS__bento-text { grid-column: 2 / 4; grid-row: 1 / 2; align-self: end; padding-bottom: 1rem; }
        .WPS__bento-c1 { grid-column: 2 / 3; grid-row: 2 / 3; }
        .WPS__bento-c2 { grid-column: 3 / 4; grid-row: 2 / 3; }
        .WPS__bento-c3 { grid-column: 2 / 3; grid-row: 3 / 4; }
        .WPS__bento-c4 { grid-column: 3 / 4; grid-row: 3 / 4; }
    }

    /* Corrección de Media Query y Responsive Intermedio */
    @media (max-width: 1023px) {
        .WPS__bento-img {
            transform: translateX(0) !important;
            grid-row: auto;
            min-height: 350px;
        }
    }

    @media (max-width: 767px) {
        .WPS__about-section {
            padding: 4rem 1rem !important; 
        }
        .WPS__title {
            font-size: 2.25rem !important;
        }
    }

    /* =======================================
       ELEMENTOS DE TEXTO
       ======================================= */
    .WPS__bento-text {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        position: relative;
        z-index: 2;
    }
    .WPS__subtitle-wrap {
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .WPS__line {
        height: 2px;
        width: 3rem;
        background-color: #6366f1 !important;
    }
    .WPS__subtitle {
        color: #6366f1 !important;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: 0.875rem;
    }
    .WPS__title {
        font-size: 3rem;
        font-weight: 800;
        color: #1f2937 !important;
        line-height: 1.15;
    }
    .WPS__desc {
        color: #4b5563 !important;
        font-size: 1.125rem;
        line-height: 1.7;
    }
    .WPS__quote {
        padding: 0 0 0 1.5rem;
        border-left: 4px solid #6366f1 !important;
        color: #1f2937 !important;
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.6;
        margin: 0.5rem 0;
    }

    /* =======================================
       IMAGEN Y BADGE FLOTANTE
       ======================================= */
    .WPS__bento-img {
        position: relative;
        border-radius: 1.5rem;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important;
        overflow: hidden;
        z-index: 1;
        height: 100%;
    }
    .WPS__bento-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.7s ease;
    }
    .WPS__bento-img:hover img {
        transform: scale(1.03);
    }
    
    .WPS__badge {
        position: absolute;
        bottom: 1.5rem;
        left: 1.5rem;
        background: rgba(255, 255, 255, 0.9) !important;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 1rem 1.5rem;
        border-radius: 1rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1) !important;
        width: calc(100% - 3rem);
        max-width: 280px;
    }
    .WPS__badge-icon { color: #10b981 !important; }
    .WPS__badge-icon svg { width: 2rem; height: 2rem; }
    .WPS__badge-text h4 { margin: 0; font-weight: 800; color: #1f2937 !important; font-size: 1rem; }
    .WPS__badge-text p { margin: 0; color: #6b7280 !important; font-size: 0.8rem; font-weight: 500; }

    /* =======================================
       TARJETAS
       ======================================= */
    .WPS__card {
        border-radius: 1.25rem;
        padding: 2.5rem 2rem;
        color: #ffffff !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
        z-index: 3;
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
    }
    .WPS__card:hover {
        transform: translateY(-8px);
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3) !important;
    }
    
    .bg-purple { background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important; }
    .bg-red { background: linear-gradient(135deg, #f43f5e, #be123c) !important; }
    .bg-dark { background: linear-gradient(135deg, #334155, #0f172a) !important; }
    .bg-green { background: linear-gradient(135deg, #10b981, #047857) !important; }
    
    .WPS__icon-box {
        margin-bottom: 1.5rem;
        background-color: rgba(255, 255, 255, 0.15) !important;
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 1rem;
        border: 1px solid rgba(255,255,255,0.2) !important;
        display: flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }
    .WPS__icon-box svg { width: 1.75rem; height: 1.75rem; color: #ffffff !important; }
    .WPS__card-title { font-size: 1.25rem; font-weight: 800; margin-bottom: 0.75rem; color: #ffffff !important; }
    .WPS__card-desc { font-size: 0.95rem; line-height: 1.5; color: rgba(255,255,255,0.9) !important; }

    /* =======================================
       ANIMACIONES
       ======================================= */
    .WPS__reveal-up {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
    }
    .WPS__reveal-up.active {
        opacity: 1;
        transform: translateY(0);
    }
    .delay-100 { transition-delay: 100ms; }
    .delay-200 { transition-delay: 200ms; }
    .delay-300 { transition-delay: 300ms; }
    .delay-400 { transition-delay: 400ms; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16f4409 *//* =======================================
           RESET Y TIPOGRAFÍA HEREDADA
           ======================================= */
        #WPS__wrapper, #WPS__wrapper * {
            box-sizing: border-box;
            margin: 0;
            padding: 10;
            font-family: inherit !important; /* Fuerza a usar la fuente de Elementor */
        }

        #WPS__wrapper {
            background-color: #050505 !important;
            color: #ffffff !important;
            width: 100%;
            position: relative;
            cursor: none; /* Oculta cursor para usar el personalizado en Desktop */
            overflow-x: clip; 
        }

        /* =======================================
           FONDOS, BRILLOS Y RUIDO VISUAL
           ======================================= */
        .WPS__bg-layer {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            z-index: 0; pointer-events: none;
        }
        .WPS__noise {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E") !important;
            opacity: 0.3 !important; mix-blend-mode: overlay; pointer-events: none;
        }
        /* Brillos radiales estáticos */
        .WPS__glow-top {
            position: absolute; width: 70vw; height: 70vw; top: -30%; left: -20%; 
            background: radial-gradient(circle, rgba(124, 58, 237, 0.12), transparent 60%) !important;
            filter: blur(80px); z-index: 0; pointer-events: none;
        }
        .WPS__glow-bottom {
            position: absolute; width: 60vw; height: 60vw; bottom: -30%; right: -20%; 
            background: radial-gradient(circle, rgba(6, 182, 212, 0.12), transparent 60%) !important;
            filter: blur(80px); z-index: 0; pointer-events: none;
        }

        /* =======================================
           CURSOR PERSONALIZADO
           ======================================= */
        .WPS__cursor-dot {
            position: fixed; top: 0; left: 0; width: 6px; height: 6px; 
            background-color: #000000 !important; /* Negro por defecto para cuando sale de la sección */
            border-radius: 50%; 
            pointer-events: none; z-index: 9999; will-change: transform;
            transition: background-color 0.3s ease; /* Transición suave de color */
        }
        .WPS__cursor-loader {
            position: fixed; top: 0; left: 0; width: 0; height: 0;
            background-color: rgba(6, 182, 212, 0.15) !important; 
            border: 1px solid rgba(255,255,255,0.4) !important;
            border-radius: 50%; pointer-events: none; z-index: 9998;
            display: flex; align-items: center; justify-content: center; opacity: 0;
            transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1), height 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s;
            will-change: width, height, transform;
        }
        .WPS__loader-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); opacity: 0; }
        .WPS__loader-circle { fill: none; stroke: #06b6d4 !important; stroke-width: 3; stroke-dasharray: 126; stroke-dashoffset: 126; transition: stroke-dashoffset 1.2s linear; }

        #WPS__wrapper.WPS__state-loading .WPS__cursor-loader { width: 50px !important; height: 50px !important; opacity: 1 !important; }
        #WPS__wrapper.WPS__state-loading .WPS__loader-svg { opacity: 1 !important; }
        #WPS__wrapper.WPS__state-loading .WPS__loader-circle { stroke-dashoffset: 0 !important; } 

        /* =======================================
           HERO SECTION (DARK IMMERSIVE)
           ======================================= */
        .WPS__hero-wrapper {
            position: relative; width: 100%; height: 100vh; min-height: 600px;
            display: flex; align-items: center; justify-content: center; z-index: 10;
        }
        .WPS__hero-container {
            width: 100%; max-width: 80rem; margin: 0 auto; padding: 0 5vw;
            display: flex; flex-direction: column; align-items: center; text-align: center;
        }

        .WPS__hero-pill {
            display: inline-flex; align-items: center; gap: 0.75rem; 
            padding: 0.75rem 1.75rem;
            border-radius: 50px; font-weight: 700; font-size: 0.875rem; letter-spacing: 2px;
            margin-bottom: 2rem; text-transform: uppercase;
            background-color: rgba(255, 255, 255, 0.03) !important; 
            border: 1px solid rgba(255, 255, 255, 0.08) !important; 
            color: #ffffff !important; backdrop-filter: blur(10px);
            animation: WPS__fadeInUp 1s ease-out;
        }
        .WPS__hero-pill-dot {
            width: 8px; height: 8px; border-radius: 50%;
            background-color: #7c3aed !important; 
            box-shadow: 0 0 12px #7c3aed !important;
            animation: WPS__pulseDot 2s infinite;
        }

        .WPS__hero-title {
            font-size: clamp(2.5rem, 9vw, 8rem); font-weight: 700; line-height: 1; 
            margin: 0 0 1.5rem 0; display: flex; flex-wrap: nowrap; white-space: nowrap; 
            justify-content: center; gap: 0; 
            animation: WPS__fadeInUp 1s ease-out 0.2s backwards;
        }
        .WPS__title-wps { color: #ffffff !important; text-shadow: 0 0 30px rgba(255, 255, 255, 0.2) !important; }
        .WPS__title-team { 
            background: linear-gradient(to right, #06b6d4, #8b5cf6, #06b6d4) !important;
            background-size: 200% auto !important; color: transparent !important;
            -webkit-background-clip: text !important; background-clip: text !important;
            animation: WPS__textShine 3s linear infinite;
        }
        .WPS__title-pro { color: transparent !important; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.3) !important; font-weight: 300; }

        .WPS__hero-subtitle {
            font-size: 1.25rem; font-weight: 700; letter-spacing: 4px; text-transform: uppercase;
            color: #06b6d4 !important; margin: 0 0 1.5rem 0; animation: WPS__fadeInUp 1s ease-out 0.4s backwards;
        }
        .WPS__hero-desc {
            font-size: clamp(1rem, 2vw, 1.25rem); line-height: 1.7; max-width: 650px; 
            margin: 0 auto 4rem auto; color: #94a3b8 !important; animation: WPS__fadeInUp 1s ease-out 0.6s backwards;
        }

        .WPS__scroll-indicator {
            display: flex; align-items: center; gap: 1.5rem; justify-content: center;
            font-weight: 600; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 2px;
            color: #ffffff !important; animation: WPS__fadeInUp 1s ease-out 0.8s backwards;
        }
        .WPS__scroll-line { width: 60px; height: 2px; background-color: rgba(255, 255, 255, 0.15) !important; position: relative; overflow: hidden; }
        .WPS__scroll-line::after {
            content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; 
            background-color: #06b6d4 !important; animation: WPS__scrollLineAnim 2s cubic-bezier(0.65, 0, 0.35, 1) infinite;
        }

        /* =======================================
           PORTAFOLIO HORIZONTAL SCROLL (STICKY)
           ======================================= */
        .WPS__scroll-track {
            position: relative; width: 100%; height: 1100vh; z-index: 10;
        }
        .WPS__sticky-frame {
            position: sticky; top: 0; height: 100vh; width: 100%;
            overflow: hidden; display: flex; align-items: center;
        }
        .WPS__h-container { 
            display: flex; flex-direction: row; height: 100vh; width: max-content; 
            align-items: center; will-change: transform; transition: transform 0.1s ease-out; 
        }

        /* Botones de Salto */
        .WPS__skip-wrap { position: absolute; left: 50%; transform: translateX(-50%); z-index: 100; transition: opacity 0.3s; opacity: 0; pointer-events: none; }
        .WPS__skip-top { top: 40px; }
        .WPS__skip-bottom { bottom: 40px; }
        
        #WPS__wrapper.is-in-track:not(.is-scrolling-up) .WPS__skip-bottom { opacity: 1; pointer-events: auto; }
        #WPS__wrapper.is-in-track.is-scrolling-up .WPS__skip-top { opacity: 1; pointer-events: auto; }

        .WPS__skip-btn {
            background-color: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.2) !important; color: #ffffff !important;
            padding: 5px 20px !important; margin-top: 10px !important; display: inline-block !important;
            border-radius: 50px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; cursor: none; backdrop-filter: blur(10px);
            transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important; outline: none; font-weight: 700;
        }
        .WPS__skip-btn:hover { background-color: #ffffff !important; color: #050505 !important; }

        /* Paneles */
        .WPS__h-panel { 
            width: 100vw; height: 100vh; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
        }
        .WPS__panel-inner {
            width: 85vw; height: auto; display: flex; flex-direction: row; gap: 40px; align-items: center;
            opacity: 0.4; transform: scale(0.95); transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }
        .WPS__h-panel.WPS__is-active .WPS__panel-inner { opacity: 1; transform: scale(1); }

        .WPS__hp-info { flex: 0 0 30%; overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
        .WPS__hp-num { color: #7c3aed !important; font-size: 0.9rem; margin-bottom: 20px; display: block; font-weight: 700;}
        .WPS__hp-title { 
            font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 800; line-height: 1.1; margin-bottom: 15px; 
            display: inline-block; cursor: none; transition: color 0.3s; color: #ffffff !important;
        }
        .WPS__hp-title:hover { color: #06b6d4 !important; }
        .WPS__hp-desc { font-size: 1rem; line-height: 1.5; margin-bottom: 25px; color: #94a3b8 !important;}
        
        .WPS__hp-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px;}
        .WPS__hp-tags span { 
            font-size: 0.75rem; padding: 5px 16px !important; margin-top: 10px !important; display: inline-block !important;
            border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 50px; text-transform: uppercase; color: #94a3b8 !important; 
        }

        .WPS__btn-project {
            display: inline-block !important; padding: 5px 24px !important; margin-top: 10px !important;
            background-color: transparent !important; color: #ffffff !important;
            border: 1px solid #ffffff !important; border-radius: 50px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; 
            text-decoration: none !important; transition: all 0.3s ease; cursor: none; 
        }
        .WPS__btn-project:hover { background-color: #ffffff !important; color: #050505 !important; }

        .WPS__hp-img-box {
            flex: 1 1 70%; height: auto; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; 
            position: relative; cursor: none; transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1); will-change: flex-basis, flex-grow;
        }
        .WPS__hp-img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transform: scale(1.05); transition: transform 0.6s ease; }

        /* Expansión de Imagen al Cargar */
        .WPS__h-panel.WPS__state-full .WPS__panel-inner { width: 85vw; gap: 0; max-width: none;}
        .WPS__h-panel.WPS__state-full .WPS__hp-info { flex: 0 0 0%; opacity: 0; padding: 0; margin: 0; pointer-events: none; }
        .WPS__h-panel.WPS__state-full .WPS__hp-img-box { flex-basis: 100%; border-radius: 8px; }

        /* =======================================
           KEYFRAMES GLOBALES
           ======================================= */
        @keyframes WPS__fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes WPS__textShine { to { background-position: 200% center; } }
        @keyframes WPS__pulseDot { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.5; } }
        @keyframes WPS__scrollLineAnim { 0% { left: -100%; } 100% { left: 100%; } }

        /* =======================================
           RESPONSIVE MOBILE
           ======================================= */
        @media (max-width: 899px) {
            .WPS__hero-title { flex-direction: row; gap: 0; }
            .WPS__hero-subtitle { font-size: 1rem; letter-spacing: 2px; }
            .WPS__scroll-indicator { flex-direction: column; gap: 1rem; }
            .WPS__scroll-line { width: 2px; height: 40px; }
            .WPS__scroll-line::after { left: 0; top: -100%; animation: WPS__scrollLineAnimVertical 2s cubic-bezier(0.65, 0, 0.35, 1) infinite; }
            @keyframes WPS__scrollLineAnimVertical { 0% { top: -100%; } 100% { top: 100%; } }

            /* Anular Scroll Horizontal en Móvil */
            .WPS__scroll-track { height: auto !important; }
            .WPS__sticky-frame { position: relative; height: auto; overflow: visible; }
            .WPS__h-container { flex-direction: column; width: 100%; height: auto; transform: none !important; padding: 40px 5vw; gap: 40px; }
            .WPS__h-panel { width: 100%; height: auto; min-height: 80vh; padding: 20px 0 40px 0; border-bottom: 1px solid rgba(255,255,255,0.1) !important; display: flex; align-items: center; }
            .WPS__panel-inner { flex-direction: column-reverse; width: 100%; gap: 20px; opacity: 1; transform: none; }
            .WPS__hp-info { flex: none; width: 100%; }
            .WPS__hp-img-box { flex: none; width: 100%; }
            .WPS__btn-project { cursor: pointer; } 
            
            .WPS__cursor-dot, .WPS__cursor-loader, .WPS__skip-wrap { display: none !important; }
            #WPS__wrapper { cursor: auto; }
        }/* End custom CSS */