/*
 Theme Name:   Coolair Child
 Theme URI:    https://themewant.com/products/wordpress/coolair
 Description:  Coolair Child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     coolair
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/* ==========================================
   Filtros de categorías - Catálogo
   ========================================== */

.coolair-category-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 35px;
}

.elementor .coolair-category-filter {
    appearance: none !important;
    -webkit-appearance: none !important;

    background: #00214E !important;
    color: #FFFFFF !important;

    border: 1px solid #00214E !important;
    border-radius: 6px !important;

    padding: 12px 24px !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    cursor: pointer !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Hover */
.elementor .coolair-category-filter:hover {
    background: #00214E !important;
    color: #FFFFFF !important;
    border-color: #00214E !important;

    box-shadow: 2px 2px 20px 0px rgba(29, 29, 31, 0.5) !important;
}

/* Categoría activa */
.elementor .coolair-category-filter.active {
    background: #383838 !important;
    color: #FFFFFF !important;
    border-color: #383838 !important;

    box-shadow: 2px 2px 20px 0px rgba(29, 29, 31, 0.35) !important;
}

/* Hover sobre categoría activa */
.elementor .coolair-category-filter.active:hover {
    background: #383838 !important;
    color: #FFFFFF !important;
    border-color: #383838 !important;

    box-shadow: 2px 2px 20px 0px rgba(29, 29, 31, 0.5) !important;
}

/* Focus */
.elementor .coolair-category-filter:focus {
    outline: none !important;
}

/* Focus con teclado */
.elementor .coolair-category-filter:focus-visible {
    outline: 2px solid #383838 !important;
    outline-offset: 3px !important;
}

/* Móvil */
@media (max-width: 767px) {

    .coolair-category-filters {
        gap: 8px;
        margin-bottom: 25px;
    }

    .elementor .coolair-category-filter {
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
}

/* =========================================================
   CSS PERSONALIZADO DEL SITIO
   Migrado desde:
   Apariencia > Personalizar > CSS adicional
   ========================================================= */


/* ---------------------------------------------------------
   Tablas de productos
   --------------------------------------------------------- */

.tabla-producto {
    width: 100%;
    border-collapse: inherit;
    font-family: Roboto, sans-serif;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
}

.tabla-producto th {
    background: #00214E;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 8px;
    border: 1px solid #4c6f9d;
    white-space: nowrap;
}

.tabla-producto td {
    font-size: 14px;
    color: #222;
    padding: 10px 8px;
    border: 1px solid #d7d7d7;
    background: #fff;
}

.tabla-producto tr:nth-child(even) td {
    background: #f8f8f8;
}

.tabla-producto tr:hover td {
    background: #eef5fc;
    transition: .2s;
}


/* ---------------------------------------------------------
   Tablas responsive
   --------------------------------------------------------- */

.tabla-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tabla-responsive table {
    min-width: 800px;
}


/* ---------------------------------------------------------
   Párrafos
   --------------------------------------------------------- */

p {
    margin: 0 0 1px;
}


/* ---------------------------------------------------------
   Elementos ocultos
   --------------------------------------------------------- */

.bg-text-stok {
    display: none;
}

.portfolio-content {
    display: none;
    padding-top: 26px;
    padding-bottom: 26px;
}


/* ---------------------------------------------------------
   Pre
   --------------------------------------------------------- */

pre {
    background: #ecfdf5;
    padding: 0.1em;
}


/* ---------------------------------------------------------
   Contenido dinámico
   --------------------------------------------------------- */

.dynamic {
    padding-top: 45px;
}


/* ---------------------------------------------------------
   Portafolios
   --------------------------------------------------------- */

a[href*="/rt-portfolios/"] {
    pointer-events: none;
    cursor: default;
}


/* ---------------------------------------------------------
   BoldForm
   --------------------------------------------------------- */

.boldform-lite-form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
    width: 80%;
}

.boldform-lite-form textarea {
    width: 80%;
}

.bf-select {
    width: 80%;
}


/* ---------------------------------------------------------
   Google reCAPTCHA
   --------------------------------------------------------- */

.rc-anchor-container {
    width: 290px;
}


/* ---------------------------------------------------------
   WooCommerce - Mi cuenta
   --------------------------------------------------------- */

.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}


/* ---------------------------------------------------------
   Elementor
   --------------------------------------------------------- */

.elementor-grid-0 .elementor-grid {
    display: inline-flex;
    width: 160%;
}


/* ---------------------------------------------------------
   Bootstrap / columnas
   --------------------------------------------------------- */

.col-1 {
    width: auto;
}

.elementor-grid-1 {
    display: inline-flex;
    width: 100%;
}