.elementor-kit-114{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Play";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Play";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Roboto Condensed";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto Condensed";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:italic;}.elementor-kit-114 e-page-transition{background-color:#FFBC7D;}.elementor-kit-114 h6{text-transform:uppercase;letter-spacing:3px;}.elementor-kit-114 input:not([type="button"]):not([type="submit"]),.elementor-kit-114 textarea,.elementor-kit-114 .elementor-field-textual{font-size:16px;border-radius:8px 8px 8px 8px;padding:14px 14px 14px 14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Container de tarjetas de productos con bordes animados */
.gsr-cards-container {
    padding: var(--gsr-space-8);
    background: var(--gsr-bg-primary);
    box-shadow: var(--gsr-shadow-lg);
    position: relative;
    overflow: visible; /* CORREGIDO: cambiado de hidden a visible para que se vean los bordes */
    transition: all var(--gsr-transition-base);
}

/* Borde animado completo alrededor - se adapta al border-radius del elemento */
.gsr-cards-container::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit; /* Hereda el border-radius del padre */
    padding: 2px; /* Grosor del borde */
    background: var(--gsr-gradient-rainbow);
    background-size: 200% 200%; /* AÑADIDO: necesario para la animación */
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: gsr-rainbow-flow 3s linear infinite;
    pointer-events: none;
}

/* Borde lateral animado con glow */
.gsr-cards-container::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit; /* Hereda el border-radius del padre */
    padding: 2px;
    background: linear-gradient(
        135deg,
        var(--gsr-primary) 0%,
        var(--gsr-accent) 50%,
        var(--gsr-secondary) 100%
    );
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: gsr-border-glow 2s ease-in-out infinite alternate;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* Efecto hover */
.gsr-cards-container:hover {
    box-shadow: var(--gsr-shadow-xl);
    transform: translateY(-2px);
}

.gsr-cards-container:hover::after {
    opacity: 0.6;
}

/* Animaciones */
@keyframes gsr-rainbow-flow {
    0% { 
        background-position: 0% 50%; 
    }
    100% { 
        background-position: 200% 50%; 
    }
}

@keyframes gsr-border-glow {
    0% { 
        opacity: 0.3;
        filter: brightness(1);
    }
    100% { 
        opacity: 0.7;
        filter: brightness(1.5);
    }
}/* End custom CSS */