/* industrie main css start */
@media (min-width: 1367px) and (max-width: 1600px) {
	body .rs-full-responsive .right-bar{
		padding-left: 20px;
		padding-right: 20px;
	}
	body .rs-full-responsive .right-bar .hfe-nav-menu nav > ul > li > a,
	body .rs-full-responsive .right-bar .hfe-nav-menu nav > ul > li > .hfe-has-submenu-container > a{
		padding-left: 18px !important;
	}
	.hfe-site-logo .hfe-site-logo-set .hfe-site-logo-img{
		height: 26px!important;
	}
}

@media (min-width: 1367px) and (max-width: 1880px) {
	body .rs-full-responsive.main-inner-page{
		padding-left: 10px;
		padding-right: 10px;
	}
	body .rs-full-responsive.main-inner-page .center-part{
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* industrie main css end */

/* woocommarce  css start*/

.woocommerce-checkout .woocommerce-info .showcoupon{
	color: var( --e-global-color-primary );
}

.woocommerce-checkout .woocommerce form .form-row .input-text,.woocommerce-checkout .woocommerce form .form-row select{
	border-color: #cfc8d8;
	padding: 12px 20px;
}

body.woocommerce-page.woocommerce-checkout .select2-container--default .select2-selection--single{
	border-color: #cfc8d8;
}
body.woocommerce-page.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 30px;
}

body.woocommerce-page.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 2px;
}


/* woocommarce  css end*/

/* ============================================
START TABLAS HOJAS TECNICAS   ============================================ */

:root {
    --color-azul-principal: #0D80CE;
    --color-azul-claro: #E6F2FF;
    --color-azul-hover: #0052A3;
    --color-gris-borde: #E0E0E0;
    --color-gris-fondo: #F8F9FA;
    --color-texto: #333333;
}

/* --- Contenedor General de Hoja Técnica --- */
.ficha-tecnica {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: var(--color-texto);
    line-height: 1.6;
}

/* --- Título Principal --- */
.ficha-tecnica-titulo {
    color: var(--color-azul-principal);
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: 4px solid var(--color-azul-principal);
    padding-bottom: 15px;
}

/* --- Subtítulos de Secciones --- */
.ficha-tecnica-subtitulo {
    color: var(--color-azul-principal);
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-left: 10px;
    border-left: 5px solid var(--color-azul-principal);
}

/* ============================================
   TIPO 1: TABLA SIMPLE (2 COLUMNAS)
   Para: Typical Inspections básicas
   ============================================ */
.tabla-simple {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.tabla-simple thead {
    background: linear-gradient(135deg, var(--color-azul-principal) 0%, var(--color-azul-hover) 100%);
    color: white;
}

.tabla-simple th {
    padding: 15px;
    text-align: left;
    font-weight: 600;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tabla-simple tbody tr {
    border-bottom: 1px solid var(--color-gris-borde);
    transition: background-color 0.3s ease;
}

.tabla-simple tbody tr:nth-child(even) {
    background-color: var(--color-gris-fondo);
}

.tabla-simple tbody tr:hover {
    background-color: var(--color-azul-claro);
}

.tabla-simple td {
    padding: 12px 15px;
    font-size: 0.95rem;
}

.tabla-simple td:first-child {
    font-weight: 600;
    color: var(--color-azul-principal);
}

/* ============================================
   TIPO 2: TABLA MÚLTIPLE (3+ COLUMNAS)
   Para: Comparación de productos (Esterex A32, A34, etc.)
   ============================================ */
.tabla-multiple {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.tabla-multiple thead {
    background: linear-gradient(135deg, var(--color-azul-principal) 0%, var(--color-azul-hover) 100%);
    color: white;
}

.tabla-multiple th {
    padding: 15px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.tabla-multiple th:last-child {
    border-right: none;
}

.tabla-multiple tbody tr {
    border-bottom: 1px solid var(--color-gris-borde);
    transition: background-color 0.3s ease;
}

.tabla-multiple tbody tr:nth-child(even) {
    background-color: var(--color-gris-fondo);
}

.tabla-multiple tbody tr:hover {
    background-color: var(--color-azul-claro);
}

.tabla-multiple td {
    padding: 12px 10px;
    text-align: center;
    font-size: 0.9rem;
    border-right: 1px solid var(--color-gris-borde);
}

.tabla-multiple td:first-child {
    text-align: left;
    font-weight: 600;
    color: var(--color-azul-principal);
    background-color: rgba(0, 102, 204, 0.05);
}

.tabla-multiple td:last-child {
    border-right: none;
}

/* ============================================
   TIPO 3: TABLA CON GRUPOS
   Para: Propiedades agrupadas por categorías
   ============================================ */
.tabla-grupos {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.tabla-grupos thead {
    background: linear-gradient(135deg, var(--color-azul-principal) 0%, var(--color-azul-hover) 100%);
    color: white;
}

.tabla-grupos th {
    padding: 15px;
    text-align: left;
    font-weight: 600;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Fila de Grupo/Categoría */
.tabla-grupos .fila-grupo {
    background: var(--color-azul-claro);
    font-weight: 700;
    color: var(--color-azul-principal);
    border-top: 2px solid var(--color-azul-principal);
}

.tabla-grupos .fila-grupo td {
    padding: 12px 15px;
    font-size: 1rem;
}

.tabla-grupos tbody tr:not(.fila-grupo) {
    border-bottom: 1px solid var(--color-gris-borde);
    transition: background-color 0.3s ease;
}

.tabla-grupos tbody tr:not(.fila-grupo):nth-child(even) {
    background-color: var(--color-gris-fondo);
}

.tabla-grupos tbody tr:not(.fila-grupo):hover {
    background-color: var(--color-azul-claro);
}

.tabla-grupos td {
    padding: 12px 15px;
    font-size: 0.95rem;
}

/* ============================================
   TIPO 4: TABLA ESPECIFICACIONES
   Para: Industry Specifications
   ============================================ */
.tabla-especificaciones {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background-color: var(--color-azul-claro);
    border: 2px solid var(--color-azul-principal);
    border-radius: 8px;
    overflow: hidden;
}

.tabla-especificaciones td {
    padding: 10px 15px;
    font-size: 0.9rem;
    border-right: 1px solid var(--color-azul-principal);
    border-bottom: 1px solid var(--color-azul-principal);
    font-weight: 500;
    color: var(--color-texto);
}

.tabla-especificaciones td:last-child {
    border-right: none;
}

.tabla-especificaciones tr:last-child td {
    border-bottom: none;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */
@media screen and (max-width: 768px) {
    .ficha-tecnica-titulo {
        font-size: 2rem;
    }
    
    .ficha-tecnica-subtitulo {
        font-size: 1.3rem;
    }
    
    /* Tablas simples: Stack en móvil */
    .tabla-simple,
    .tabla-simple thead,
    .tabla-simple tbody,
    .tabla-simple th,
    .tabla-simple td,
    .tabla-simple tr {
        display: block;
    }
    
    .tabla-simple thead tr {
        display: none;
    }
    
    .tabla-simple tr {
        margin-bottom: 15px;
        border: 1px solid var(--color-gris-borde);
        border-radius: 8px;
        overflow: hidden;
    }
    
    .tabla-simple td {
        text-align: left;
        padding: 10px;
        position: relative;
        padding-left: 50%;
    }
    
    .tabla-simple td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        font-weight: 700;
        color: var(--color-azul-principal);
    }
    
    /* Tablas múltiples: Scroll horizontal */
    .tabla-multiple-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .tabla-multiple {
        min-width: 600px;
    }
}

/* ============================================
   ELEMENTOS ADICIONALES
   ============================================ */

/* Etiquetas de advertencia/notas */
.nota-importante {
    background-color: var(--color-azul-claro);
    border-left: 4px solid var(--color-azul-principal);
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 4px;
}

.nota-importante strong {
    color: var(--color-azul-principal);
}

/* Badge para valores */
.badge-valor {
    display: inline-block;
    background-color: var(--color-azul-principal);
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0 5px;
}

/* Iconos de especificaciones */
.spec-icon {
    color: var(--color-azul-principal);
    margin-right: 8px;
    font-size: 1.1rem;
}

/* ============================================
ENDING TABLAS HOJAS TECNICAS   ============================================ */

/* ============================================
FIX Social Media Icons  START ============================================ */
.elementor-widget-icon-list .elementor-icon-list-icon svg {
    max-width: 25px;
    max-height: 25px;
    width: 100%;
    height: auto;
    display: block;
}
/* ============================================
FIX Social Media Icons  END ============================================ */