.elementor-25251 .elementor-element.elementor-element-a9004dd > .elementor-element-populated{padding:90px 0px 80px 0px;}.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-25251 .elementor-element.elementor-element-caed088{text-align:start;}.elementor-25251 .elementor-element.elementor-element-caed088 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.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-25251 .elementor-element.elementor-element-c6c2fae{font-family:"Outfit", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF8C;}.elementor-25251 .elementor-element.elementor-element-8e5a7bb .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:14px;}.elementor-25251 .elementor-element.elementor-element-8e5a7bb{padding:0px 0px 0px 0px;}.elementor-25251 .elementor-element.elementor-element-5e2ab05 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:14px;}.elementor-25251 .elementor-element.elementor-element-5e2ab05{padding:0px 0px 0px 0px;}.elementor-25251 .elementor-element.elementor-element-3b45589 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-25251 .elementor-element.elementor-element-8b6aaf5 .elementor-button{font-family:"Outfit", Sans-serif;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#000000;color:#000000;background-color:transparent;background-image:linear-gradient(180deg, #FBF80A 0%, #FBF80A 100%);border-radius:3px 3px 3px 3px;padding:16px 32px 16px 32px;}.elementor-25251 .elementor-element.elementor-element-113090a .elementor-button{font-family:"Outfit", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#000000;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition-duration:0s;border-style:solid;border-width:3px 3px 3px 3px;border-color:#000000;border-radius:8px 8px 8px 8px;}.elementor-25251 .elementor-element.elementor-element-113090a .elementor-button:hover, .elementor-25251 .elementor-element.elementor-element-113090a .elementor-button:focus{color:#FBF80A;background-color:#000000;border-color:#FBF80A;}.elementor-25251 .elementor-element.elementor-element-113090a .elementor-button:hover svg, .elementor-25251 .elementor-element.elementor-element-113090a .elementor-button:focus svg{fill:#FBF80A;}.elementor-25251 .elementor-element.elementor-element-ab9368d{padding:88px 28px 88px 28px;}.elementor-25251 .elementor-element.elementor-element-9cc6e18{border-style:solid;border-width:01px 01px 01px 01px;border-color:#FFFFFF1A;padding:28px 28px 28px 28px;}.elementor-25251 .elementor-element.elementor-element-9cc6e18, .elementor-25251 .elementor-element.elementor-element-9cc6e18 > .elementor-background-overlay{border-radius:5px 5px 5px 5px;}.elementor-25251 .elementor-element.elementor-element-14d6042 .elementor-button{font-family:"Outfit", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;background-color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF2E;}.elementor-25251 .elementor-element.elementor-element-14d6042 .elementor-button:hover, .elementor-25251 .elementor-element.elementor-element-14d6042 .elementor-button:focus{color:#FBF80A;border-color:#FBF80A;}.elementor-25251 .elementor-element.elementor-element-14d6042 .elementor-button:hover svg, .elementor-25251 .elementor-element.elementor-element-14d6042 .elementor-button:focus svg{fill:#FBF80A;}.elementor-25251 .elementor-element.elementor-element-14d6042 > .elementor-widget-container{padding:14px 26px 14px 26px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-25251 .elementor-element.elementor-element-36bd2b5{--divider-border-style:solid;--divider-color:#FFFFFF8C;--divider-border-width:1px;}.elementor-25251 .elementor-element.elementor-element-36bd2b5 .elementor-divider-separator{width:100%;}.elementor-25251 .elementor-element.elementor-element-36bd2b5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-25251 .elementor-element.elementor-element-5a41f84{border-style:solid;border-width:01px 01px 01px 01px;border-color:#FFFFFF1A;padding:28px 28px 28px 28px;}.elementor-25251 .elementor-element.elementor-element-5a41f84, .elementor-25251 .elementor-element.elementor-element-5a41f84 > .elementor-background-overlay{border-radius:5px 5px 5px 5px;}.elementor-25251 .elementor-element.elementor-element-cee769e{--divider-border-style:solid;--divider-color:#FFFFFF8C;--divider-border-width:1px;}.elementor-25251 .elementor-element.elementor-element-cee769e .elementor-divider-separator{width:100%;}.elementor-25251 .elementor-element.elementor-element-cee769e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-25251 .elementor-element.elementor-element-4e55f91{border-style:solid;border-width:01px 01px 01px 01px;border-color:#FFFFFF1A;padding:28px 28px 28px 28px;}.elementor-25251 .elementor-element.elementor-element-4e55f91, .elementor-25251 .elementor-element.elementor-element-4e55f91 > .elementor-background-overlay{border-radius:5px 5px 5px 5px;}.elementor-25251 .elementor-element.elementor-element-7f3a1ebf{padding:96px 28px 96px 28px;}body.elementor-page-25251:not(.elementor-motion-effects-element-type-background), body.elementor-page-25251 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}@media(min-width:768px){.elementor-25251 .elementor-element.elementor-element-a9004dd{width:100%;}}/* Start custom CSS for html, class: .elementor-element-348d7c6 */.elementor-25251 .elementor-element.elementor-element-348d7c6 { max-width: 500px; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c6c2fae */.elementor-25251 .elementor-element.elementor-element-c6c2fae { max-width: 500px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8b6aaf5 */.elementor-25251 .elementor-element.elementor-element-8b6aaf5:hover { opacity: 0.85; transform: translateY(-2px); }/* End custom CSS */
/* Start custom CSS *//* =============================================
   MORBY SPORTS - MOTION EFFECTS (FADE IN UP)
   Animaciones sutiles y profesionales
   ============================================= */

/* ----- KEYFRAMES ----- */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* ----- ESTADO INICIAL (Oculto) ----- */
.animate-on-scroll {
    opacity: 0;
}

/* ----- HERO SECTION ----- */
/* Título H1 */
section h1,
.elementor-heading-title {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* Subtítulo del Hero */
section h1 + p,
.hero-subtitle {
    animation: fadeInUp 0.8s ease-out 0.15s forwards;
    opacity: 0;
}

/* Botón CTA */
a[href="#cities"],
.elementor-button {
    animation: fadeInUp 0.8s ease-out 0.3s forwards;
    opacity: 0;
}

/* ----- BADGES ----- */
span[style*="border-radius: 50px"],
.morby-badge {
    animation: fadeInUp 0.6s ease-out forwards;
}

/* ----- TÍTULOS H2 DE SECCIONES ----- */
section h2 {
    animation: fadeInUp 0.7s ease-out 0.1s forwards;
    opacity: 0;
}

/* Descripción debajo de H2 */
section h2 + p {
    animation: fadeInUp 0.7s ease-out 0.2s forwards;
    opacity: 0;
}

/* ----- TARJETAS DE CIUDADES ----- */
a[href*="soccer-pickup-games"]:nth-child(1) {
    animation: fadeInUp 0.6s ease-out 0.1s forwards;
    opacity: 0;
}

a[href*="soccer-pickup-games"]:nth-child(2) {
    animation: fadeInUp 0.6s ease-out 0.15s forwards;
    opacity: 0;
}

a[href*="soccer-pickup-games"]:nth-child(3) {
    animation: fadeInUp 0.6s ease-out 0.2s forwards;
    opacity: 0;
}

a[href*="soccer-pickup-games"]:nth-child(4) {
    animation: fadeInUp 0.6s ease-out 0.25s forwards;
    opacity: 0;
}

a[href*="soccer-pickup-games"]:nth-child(5) {
    animation: fadeInUp 0.6s ease-out 0.3s forwards;
    opacity: 0;
}

a[href*="soccer-pickup-games"]:nth-child(6) {
    animation: fadeInUp 0.6s ease-out 0.35s forwards;
    opacity: 0;
}

a[href*="soccer-pickup-games"]:nth-child(7) {
    animation: fadeInUp 0.6s ease-out 0.4s forwards;
    opacity: 0;
}

a[href*="soccer-pickup-games"]:nth-child(8) {
    animation: fadeInUp 0.6s ease-out 0.45s forwards;
    opacity: 0;
}

a[href*="soccer-pickup-games"]:nth-child(9) {
    animation: fadeInUp 0.6s ease-out 0.5s forwards;
    opacity: 0;
}

/* ----- TABS DE DEPORTES ----- */
.sport-tab-btn,
label[for="tab-basketball"],
label[for="tab-volleyball"] {
    animation: fadeInUp 0.6s ease-out 0.2s forwards;
    opacity: 0;
}

/* ----- FAQ ITEMS ----- */
details:nth-of-type(1) {
    animation: fadeInUp 0.6s ease-out 0.1s forwards;
    opacity: 0;
}

details:nth-of-type(2) {
    animation: fadeInUp 0.6s ease-out 0.2s forwards;
    opacity: 0;
}

details:nth-of-type(3) {
    animation: fadeInUp 0.6s ease-out 0.3s forwards;
    opacity: 0;
}

details:nth-of-type(4) {
    animation: fadeInUp 0.6s ease-out 0.4s forwards;
    opacity: 0;
}

/* ----- NEWSLETTER CARD ----- */
div[style*="border-radius: 20px"],
.newsletter-card {
    animation: fadeInUp 0.8s ease-out 0.1s forwards;
    opacity: 0;
}

/* ----- FORMULARIOS BREVO ----- */
.sib-form {
    animation: fadeIn 0.6s ease-out 0.3s forwards;
    opacity: 0;
}

/* ----- FOOTER ----- */
footer > div {
    animation: fadeInUp 0.7s ease-out forwards;
}

/* =============================================
   ANIMACIONES AL HACER SCROLL (Intersection Observer)
   Para activar cuando el elemento entra en viewport
   ============================================= */

/* Clase para elementos que se animan al scroll */
.fade-in-up-scroll {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

.fade-in-up-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ----- REDUCE MOTION (Accesibilidad) ----- */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}/* End custom CSS */