.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#1A1A1A;--e-global-color-text:#FFFFFF;--e-global-color-accent:#E61E24;--e-global-color-32ac9f6:#338DEA;--e-global-typography-primary-font-family:"Anton";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Oswald";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Hanken Grotesk";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"JetBrains Mono";--e-global-typography-accent-font-weight:500;font-family:"Hanken Grotesk", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:1.5em;background-color:var( --e-global-color-primary );}.elementor-kit-7 h1{font-family:"Oswald", Sans-serif;font-size:64px;font-weight:700;text-transform:uppercase;}.elementor-kit-7 h2{font-family:"Oswald", Sans-serif;font-size:40px;font-weight:600;text-transform:uppercase;}.elementor-kit-7 h3{font-family:"Oswald", Sans-serif;font-size:24px;font-weight:500;text-transform:uppercase;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:"Antic Didone", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;background-color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:16px;line-height:1.5em;}.elementor-kit-7 h1{font-size:40px;}.elementor-kit-7 h2{font-size:28px;line-height:1.2em;}.elementor-kit-7 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ---- ESTILOS BASE PARA AMBOS BOTONES ---- */
.triumph-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Oswald', sans-serif; /* Tu tipografía de autoridad */
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 45px;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    box-sizing: border-box;
    height: 65px; /* Altura fija aproximada de la captura */
}

/* ---- BOTÓN ROJO CON CORTE DIAGONAL (VER COLECCIÓN) ---- */
.triumph-btn-primary {
    background-color: #E61E24; /* Tu Rojo Energía */
    color: #FFFFFF !important;
    border: none;
    /* Este clip-path genera exactamente el corte en la esquina superior derecha (X=88%, Y=0) */
    clip-path: polygon(0 0, 88% 0, 100% 25%, 100% 100%, 0 100%);
}

.triumph-btn-primary:hover {
    background-color: #B3151B; /* Oscurece al pasar el mouse */
    transform: scale(1.03);
}

/* ---- BOTÓN TRANSPARENTE / OUTLINE (CATEGORÍAS) ---- */
.triumph-btn-secondary {
    background-color: transparent;
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF;
    /* Mantenemos el mismo corte diagonal para que sean gemelos idénticos en estructura */
    
}

.triumph-btn-secondary:hover {
    background-color: #FFFFFF;
    color: #000000 !important; /* Invierte colores en hover */
    transform: scale(1.03);
}

.triumph-heading {
    font-family: 'Oswald', sans-serif; /* Tipografía idéntica condensada */
    font-size: 48px; /* Ajustable según el contenedor */
    font-weight: 700;
    font-style: italic; /* Genera la inclinación marcial */
    text-transform: uppercase;
    color: #FFFFFF; /* Blanco puro de la captura */
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 18px; /* Espacio entre el texto y la línea roja */
    display: inline-block; /* Importante para controlar el ancho de la línea */
    margin-bottom: 30px;
}

/* Creación de la barra roja asimétrica */
.triumph-heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 13%; /* Controla qué tan larga es la línea roja (cubre "SHOP") */
    height: 5px; /* Grosor exacto de la línea en la captura */
    background-color: #E61E24; /* El Rojo Energía Triumph */
}

/* Ajuste responsivo para pantallas móviles */
@media (max-width: 767px) {
    .triumph-heading {
        font-size: 32px;
        padding-bottom: 12px;
    }
    .triumph-heading::after {
        height: 4px;
        width: 45%; /* Un poco más ancha en móvil para mantener balance */
    }
}/* End custom CSS */