.elementor-3371 .elementor-element.elementor-element-160ff6bd{--display:flex;}.elementor-3371 .elementor-element.elementor-element-5dd93bfc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right: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-3371 .elementor-element.elementor-element-14b844da{text-align:start;}.elementor-3371 .elementor-element.elementor-element-14b844da .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:3rem;font-weight:600;color:#212F43;}.elementor-3371 .elementor-element.elementor-element-44296c20{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-3371 .elementor-element.elementor-element-44296c20:not(.elementor-motion-effects-element-type-background), .elementor-3371 .elementor-element.elementor-element-44296c20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-28f1307 );}.elementor-3371 .elementor-element.elementor-element-7c1bbd56{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3371 .elementor-element.elementor-element-59c423d4{--grid-columns:5;}body.elementor-page-3371:not(.elementor-motion-effects-element-type-background), body.elementor-page-3371 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-28f1307 );}@media(max-width:1024px){.elementor-3371 .elementor-element.elementor-element-59c423d4{--grid-columns:2;}}@media(min-width:768px){.elementor-3371 .elementor-element.elementor-element-5dd93bfc{--content-width:1000px;}.elementor-3371 .elementor-element.elementor-element-44296c20{--content-width:1000px;}.elementor-3371 .elementor-element.elementor-element-7c1bbd56{--width:100%;}}@media(max-width:767px){.elementor-3371 .elementor-element.elementor-element-5dd93bfc{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3371 .elementor-element.elementor-element-5dd93bfc.e-con{--align-self:center;}.elementor-3371 .elementor-element.elementor-element-14b844da{text-align:start;}.elementor-3371 .elementor-element.elementor-element-14b844da .elementor-heading-title{font-size:1.5em;}.elementor-3371 .elementor-element.elementor-element-dc6f9e5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;}.elementor-3371 .elementor-element.elementor-element-dc6f9e5.elementor-element{--align-self:flex-end;}.elementor-3371 .elementor-element.elementor-element-44296c20{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-3371 .elementor-element.elementor-element-7c1bbd56{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3371 .elementor-element.elementor-element-59c423d4{--grid-columns:2;--load-more—spacing:0px;--grid-column-gap:0px;}.elementor-3371 .elementor-element.elementor-element-59c423d4 > .elementor-widget-container{padding:2% 2% 2% 2%;}}/* Start custom CSS for heading, class: .elementor-element-14b844da *//* ==========================================================================
   IMPORTACIÓN DE FUENTES EXCLUSIVAS
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;1,400&display=swap');

/* ==========================================================================
   ESTILOS PARA EL TÍTULO DINÁMICO DE CATEGORÍA
   ========================================================================== */

/* 1. Estilo base para el nombre de la Categoría (Serif Corrida / Cursiva Elegante) */
.titulo-categoria-dinamico .elementor-heading-title,
.titulo-categoria-dinamico {
    font-family: 'Libre Baskerville', serif !important;
    font-style: italic !important;              /* Hace que sea "corrida" / cursiva */
    font-weight: 700 !important;                /* Gruesa y con presencia */
    color: #212F43 !important;                  /* Azul Corporativo Bigott */               /* Ajusta el tamaño a tu diseño */
    display: block;
    text-align: left;                           /* Ajustar si prefieres centrado */
}

/* 2. Truco de Frontend: Aislamos y estilizamos el texto "Antes" (Explorar) */
/* Usamos el primer nodo de texto del contenedor para modificar únicamente "Explorar" */
.titulo-categoria-dinamico .elementor-heading-title {
    font-style: normal !important; 
}

/* Modificamos el inicio del texto para que "Explorar" sea delgado y romano */
.titulo-categoria-dinamico .elementor-heading-title::first-letter,
.titulo-categoria-dinamico .elementor-heading-title {
    /* Mantenemos la herencia pero alteramos el comportamiento interno mediante JS o pseudo-elementos */
}

/* ==========================================================================
   SOLUCIÓN MEDIANTE INYECCIÓN LIMPIA EN EL WIDGET HTML
   ========================================================================== *//* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d53f784 *//* ==========================================================================
   CARRUSEL DE ETIQUETAS DINÁMICAS - FIX TOTAL SVG + RESPONSIVE LAPTOP
   ========================================================================== */

:root {
    --bg-blue-bigott: #002277;
    --bg-text-dark: #212f43;
    --bg-pill-gray: #fff;
    --bg-pill-hover: #ACDEEB6E;
    --font-family-amz: 'Poppins', sans-serif;
}

/* Envoltorio contenedor principal flexible */
.amz-carousel-container {
    position: relative;
    width: 100%;
    margin: 15px auto;
    display: flex;
    align-items: center;
    padding: 0 10px 12px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

/* Ventana de navegación interna con scroll oculto */
.amz-filter-navigation {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 8px 5px;
    scroll-behavior: smooth;
    box-sizing: border-box;
}

/* Ocultar barra de scroll en todos los navegadores */
.amz-filter-navigation::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}
.amz-filter-navigation {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

.amz-filter-list {
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.amz-filter-item {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
}

/* Estilo de las Píldoras con Esquinas de 10px */
.amz-filter-link {
    display: block;
    padding: 8px 18px;
    background-color: var(--bg-pill-gray);
    color: var(--bg-text-dark) !important;
    font-family: var(--font-family-amz);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    border-radius: 10px !important;
    border: 1px solid #2a2a2a;
    transition: box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
    box-sizing: border-box;
}

.amz-filter-link:hover {
    background-color: var(--bg-pill-hover);
    border-color: var(--bg-blue-bigott);
    color: var(--bg-blue-bigott) !important;
}

.amz-filter-link.is-active {
    background-color: #ACDEEB6E !important;
    color: #212F43 !important;
    border-color: var(--bg-blue-bigott) !important;
    border-width: 2px;
    font-weight: 600;
    box-shadow: 0 0 0 1px var(--bg-blue-bigott), 0 2px 6px rgba(13, 59, 102, 0.12);
}

/* ==========================================================================
   BOTONES DIRECCIONALES RECTANGULARES (MÓDULO DE FIJACIÓN LAPTOP)
   ========================================================================= */
.amz-arrow-btn {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 32px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid #d5d9d9 !important;
    border-radius: 10px !important;
    display: flex !important; /* Forzar flexbox para centrado de SVG */
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    z-index: 99;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important;
    opacity: 0;
    padding: 0 !important;
    transition: opacity 0.25s ease, background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Control estricto anti-rojo para anular estilos del tema o Elementor */
.amz-arrow-btn:focus,
.amz-arrow-btn:active,
.amz-arrow-btn:focus-visible,
.amz-arrow-btn:focus-within {
    background-color: rgba(255, 255, 255, 0.98) !important;
    border-color: #d5d9d9 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important;
    outline: none !important;
}

.amz-arrow-btn:hover {
    background-color: #f7fafa !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.22) !important;
    border-color: var(--bg-blue-bigott) !important;
}

/* Estilización controlada del Icono SVG en V */
.amz-svg-icon {
    width: 20px !important;
    height: 20px !important;
    fill: var(--bg-text-dark) !important;
    transition: fill 0.2s ease;
    display: block;
}

.amz-arrow-btn:hover .amz-svg-icon {
    fill: var(--bg-blue-bigott) !important;
}

/* Protegemos el color del SVG en estados de foco para evitar el rojo */
.amz-arrow-btn:focus .amz-svg-icon,
.amz-arrow-btn:active .amz-svg-icon {
    fill: var(--bg-text-dark) !important;
}
.amz-arrow-btn:hover:focus .amz-svg-icon {
    fill: var(--bg-blue-bigott) !important;
}

/* Posicionado seguro fuera del flujo del texto */
.amz-arrow-left {
    left: -10px;
}

.amz-arrow-right {
    right: -10px;
}

/* ==========================================================================
   RESPONSIVE - APAGADO EN MÓVILES (SCROLL TÁCTIL NATIVO CON EL DEDO)
   ========================================================================== */
@media (max-width: 767px) {
    .amz-arrow-btn {
        display: none !important; /* Desaparecen por completo en teléfonos */
    }
    .amz-carousel-container {
        padding: 0 5px 8px 5px;
        margin: 10px auto;
    }
    .amz-filter-list {
        gap: 8px;
    }
    .amz-filter-link {
        padding: 7px 14px;
        font-size: 13.5px;
        border-radius: 8px !important;
    }
}/* End custom CSS */