.elementor-26 .elementor-element.elementor-element-507d33041 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-26 .elementor-element.elementor-element-507d33041:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-507d33041 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://hyathlonperu.com/wp-content/uploads/2026/10/banner_hyatlonperu.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-26 .elementor-element.elementor-element-507d33041 > .elementor-background-overlay{background-color:#00000091;opacity:1;mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-507d33041 > .elementor-container{min-height:690px;}.elementor-26 .elementor-element.elementor-element-507d33041{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:50px;padding:0px 0px 50px 0px;}.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-26 .elementor-element.elementor-element-375c5c4e{--divider-border-style:solid;--divider-color:#FD3101;--divider-border-width:3px;}.elementor-26 .elementor-element.elementor-element-375c5c4e .elementor-divider-separator{width:21%;}.elementor-26 .elementor-element.elementor-element-375c5c4e .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-26 .elementor-element.elementor-element-565f7e84 > .elementor-element-populated{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-26 .elementor-element.elementor-element-6f3007be{text-align:start;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;letter-spacing:0.2px;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-a14c8e3:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-a14c8e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-26 .elementor-element.elementor-element-a14c8e3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-55px;margin-bottom:0px;padding:-9px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-a14c8e3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-c1e86c2 > .elementor-element-populated{margin:35px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-3959ab7:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-3959ab7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-26 .elementor-element.elementor-element-3959ab7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-6px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-3959ab7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-26 .elementor-element.elementor-element-9ecdf8a{text-align:center;}.elementor-26 .elementor-element.elementor-element-9ecdf8a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-26 .elementor-element.elementor-element-4665c99{text-align:center;}.elementor-26 .elementor-element.elementor-element-c635ff9{text-align:center;}.elementor-widget-eael-creative-button .eael-creative-button .cretive-button-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-creative-button .eael-creative-button--rayen::before, 
                                .elementor-widget-eael-creative-button .eael-creative-button--winona::after, 
                                .elementor-widget-eael-creative-button .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span,
                                .elementor-widget-eael-creative-button .eael-creative-button.eael-creative-button--saqui::after{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-26 .elementor-element.elementor-element-2cfcf82 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button-icon-left svg, 
                    .elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button-icon-right svg{rotate:0deg;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button-icon-left i,
                    .elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button-icon-right i{rotate:0deg;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button i{font-size:30px;color:#ffffff;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button svg{height:30px;width:30px;fill:#ffffff;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button-wrapper{justify-content:center;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button .creative-button-inner svg{fill:#ffffff;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button{color:#ffffff;background-color:#333333;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button .eael-creative-button--tamaya-secondary{color:#ffffff;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--tamaya::before{color:#ffffff;background-color:#333333;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--tamaya::after{color:#ffffff;background-color:#333333;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--ujarak:hover{background-color:#333333;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--wayra:hover{background-color:#333333;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button:hover i{color:#ffffff;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button:hover .creative-button-inner svg{fill:#ffffff;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button:hover{color:#ffffff;background-color:#f54;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button:hover svg{fill:#ffffff;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--winona::after{color:#ffffff;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--saqui::after{color:#ffffff;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--ujarak::before{background-color:#f54;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--wayra:hover::before{background-color:#f54;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--tamaya:hover{background-color:#f54;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--rayen::before{background-color:#f54;}.elementor-26 .elementor-element.elementor-element-2cfcf82 .eael-creative-button.eael-creative-button--rayen:hover::before{background-color:#f54;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-565f7e84{width:57.588%;}.elementor-26 .elementor-element.elementor-element-746cc782{width:42.323%;}}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-507d33041:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-507d33041 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-62px 0px;}.elementor-26 .elementor-element.elementor-element-507d33041{margin-top:-100px;margin-bottom:0px;padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-507d33041:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-507d33041 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-232px 50px;background-repeat:no-repeat;background-size:cover;}.elementor-26 .elementor-element.elementor-element-507d33041{margin-top:-138px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-26 .elementor-element.elementor-element-5d0f90f3 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for section, class: .elementor-element-3959ab7 *//* =========================================================
   HYATLÓN INFO - DISEÑO COMPLETO
   ========================================================= */

/* SECCIÓN COMPLETA */
.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;

    background: #000000 !important;
    padding: 80px 20px !important;

    overflow: hidden;
    box-sizing: border-box;
}


/* =========================================================
   TARJETA CENTRAL
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container {
    position: relative;

    max-width: 1024px !important;
    width: 100% !important;

    margin: 0 auto !important;
    padding: 55px 40px 60px !important;

    background: #050505 !important;

    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 24px;

    box-sizing: border-box;

    text-align: center;

    overflow: hidden;

    transition:
        border-color 0.5s ease,
        box-shadow 0.5s ease;
}


/* =========================================================
   LUZ NARANJA INTERNA
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container::before {
    content: "";
    position: absolute;

    width: 380px;
    height: 380px;

    top: -220px;
    left: -100px;

    background: rgba(255,88,0,0.18);

    filter: blur(90px);

    border-radius: 50%;

    pointer-events: none;

    opacity: 0.65;

    transition:
        transform 1.2s ease,
        opacity 0.8s ease;
}


/* Segunda luz */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container::after {
    content: "";
    position: absolute;

    width: 360px;
    height: 360px;

    right: -160px;
    bottom: -220px;

    background: rgba(255,140,0,0.10);

    filter: blur(100px);

    border-radius: 50%;

    pointer-events: none;

    opacity: 0.5;

    transition:
        transform 1.2s ease,
        opacity 0.8s ease;
}


/* =========================================================
   BORDE NARANJA SUTIL QUE APARECE AL PASAR EL MOUSE
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container:hover {
    border-color: rgba(252,88,0,0.65);

    box-shadow:
        0 0 35px rgba(252,88,0,0.08),
        inset 0 0 35px rgba(252,88,0,0.025);
}

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container:hover::before {
    transform: translate(35px,35px) scale(1.08);
    opacity: 0.85;
}

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container:hover::after {
    transform: translate(-30px,-30px) scale(1.08);
    opacity: 0.7;
}


/* =========================================================
   COLUMNA INTERNA
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .elementor-column,
.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .elementor-widget-wrap {
    position: relative;
    z-index: 5;

    width: 100%;
}


/* =========================================================
   PEQUEÑO "HYATLON" SUPERIOR
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-info .elementor-heading-title {
    margin: 0 !important;
}

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container 
.hyatlon-info.elementor-widget-heading .elementor-heading-title {

    display: block;

    margin: 0 0 22px !important;

    color: #fc5800 !important;

    font-family: Arial, sans-serif !important;

    font-size: 11px !important;

    font-weight: 800 !important;

    letter-spacing: 6px !important;

    line-height: 1 !important;

    text-transform: uppercase;

    text-align: center;
}


/* =========================================================
   ENCABEZADO PRINCIPAL
   ¿QUÉ ES HYATLÓN?
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-heading {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-heading .elementor-heading-title {

    margin: 0 !important;
    padding: 0 !important;

    display: block;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: clamp(42px, 5vw, 64px) !important;

    font-weight: 900 !important;

    line-height: 0.98 !important;

    letter-spacing: -3px !important;

    text-transform: uppercase;

    text-align: center;

    color: #ffffff !important;
}


/* =========================================================
   "QUÉ ES"
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-que {

    display: inline-block;

    color: #ffffff !important;

    transition:
        transform 0.6s cubic-bezier(0.16,1,0.3,1),
        text-shadow 0.6s ease;
}


/* =========================================================
   "HYATLÓN" NARANJA
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-word {

    display: inline-block;

    margin-left: 8px;

    color: #fc5800 !important;

    background:
        linear-gradient(
            100deg,
            #ff3b00 0%,
            #fc5800 45%,
            #ff9d00 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    transition:
        transform 0.6s cubic-bezier(0.16,1,0.3,1),
        filter 0.6s ease;
}


/* =========================================================
   ANIMACIÓN SUAVE DEL TÍTULO AL PASAR EL MOUSE
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container:hover 
.hyatlon-que {

    transform: translateY(-4px);
}

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container:hover 
.hyatlon-word {

    transform: translateX(5px) scale(1.04);

    filter:
        drop-shadow(0 0 10px rgba(252,88,0,0.25));
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-description {

    max-width: 620px;

    margin: 25px auto 0 !important;

    padding: 0 !important;
}

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-description p {

    margin: 0 !important;

    color: rgba(255,255,255,0.58) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: 1.65 !important;

    text-align: center;

    transition:
        color 0.4s ease;
}

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container:hover 
.hyatlon-description p {

    color: rgba(255,255,255,0.78) !important;
}


/* =========================================================
   BOTÓN
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-button {

    margin: 30px 0 0 !important;

    padding: 0 !important;

    text-align: center;
}


/* Quitamos estilos originales de Essential Addons */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .eael-creative-button-wrapper {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    width: 100% !important;
}

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .eael-creative-button {

    position: relative;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: auto !important;

    min-width: 155px !important;

    height: 46px !important;

    padding: 0 24px !important;

    border: none !important;

    border-radius: 50px !important;

    background:
        linear-gradient(
            100deg,
            #ff3b00 0%,
            #fc5800 48%,
            #ff9d00 100%
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 10px 25px rgba(252,88,0,0.25) !important;

    overflow: visible !important;

    text-decoration: none !important;

    transition:
        transform 0.4s cubic-bezier(0.16,1,0.3,1),
        box-shadow 0.4s ease,
        filter 0.4s ease !important;
}


/* Texto del botón */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .cretive-button-text {

    position: relative;

    z-index: 3;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: 800 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase;

    white-space: nowrap;
}


/* =========================================================
   FLECHA
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .cretive-button-text {
    word-spacing: 2px;
}


/* =========================================================
   EFECTO DEL BOTÓN
   ========================================================= */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .eael-creative-button::before {

    content: "";

    position: absolute;

    inset: -6px;

    border-radius: 50px;

    border: 1px solid rgba(252,88,0,0.35);

    opacity: 0;

    transform: scale(0.92);

    transition:
        opacity 0.4s ease,
        transform 0.6s ease;
}


.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .eael-creative-button::after {

    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 50px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.35),
        transparent
    );

    opacity: 0;

    transform: translateX(-100%);

    pointer-events: none;
}


/* Hover */

.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .eael-creative-button:hover {

    transform: translateY(-3px) scale(1.04);

    filter: brightness(1.08);

    box-shadow:
        0 14px 32px rgba(252,88,0,0.38) !important;
}


.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .eael-creative-button:hover::before {

    opacity: 1;

    transform: scale(1.08);

    animation: hyatlon-button-pulse 1.5s ease-out infinite;
}


.elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .eael-creative-button:hover::after {

    opacity: 1;

    animation: hyatlon-button-shine 1.1s ease forwards;
}


/* =========================================================
   ANIMACIONES
   ========================================================= */

@keyframes hyatlon-button-pulse {

    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.18);
        opacity: 0;
    }
}


@keyframes hyatlon-button-shine {

    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 767px) {

    .elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info {
        padding: 55px 15px !important;
    }

    .elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info > .elementor-container {

        padding: 45px 20px 50px !important;

        border-radius: 20px;
    }

    .elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-heading 
    .elementor-heading-title {

        font-size: 38px !important;

        letter-spacing: -2px !important;
    }

    .elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-word {

        margin-left: 4px;
    }

    .elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-description p {

        font-size: 14px !important;

        line-height: 1.6 !important;
    }
}


/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 480px) {

    .elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-heading 
    .elementor-heading-title {

        font-size: 31px !important;

        letter-spacing: -1.5px !important;
    }

    .elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-word {

        margin-left: 2px;
    }

    .elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .hyatlon-description {

        max-width: 100%;
    }

    .elementor-26 .elementor-element.elementor-element-3959ab7.hyatlon-info .eael-creative-button {

        min-width: 145px !important;

        height: 44px !important;
    }
}/* End custom CSS */