.elementor-6 .elementor-element.elementor-element-749aae3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-538b6b2 */:root {
    --naranja: #F6A24E;
    --negro: #010101;
    --blanco: #FFFFFF;
    --gris-f: #f9f9f9;
}

.calc-container { max-width: 1000px; margin: 40px auto; font-family: 'Poppins', sans-serif; padding: 20px; }
.calc-header { text-align: center; margin-bottom: 30px; }
.calc-titulo { font-family: 'Cinzel', serif; font-size: 32px; text-transform: uppercase; }
.calc-titulo span { color: var(--naranja); }

/* PESTAÑAS (TABS) */
.calc-tabs { display: flex; justify-content: center; gap: 10px; margin-bottom: -2px; position: relative; z-index: 2; }
.tab-btn {
    padding: 12px 25px; border: none; background: #DEAF81; cursor: pointer;
    font-weight: 700; text-transform: uppercase; font-size: 12px; border-radius: 8px 8px 0 0; transition: 0.3s;
}
.tab-btn.active { background: var(--blanco); color: var(--naranja); box-shadow: 0 -5px 15px rgba(0,0,0,0.05); }

.calc-grid { display: grid; grid-template-columns: 1fr 1fr; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.1); }
.calc-card { padding: 40px; }
.calc-card.inputs { background: var(--blanco); }
.calc-card.resultados { background: var(--negro); color: #fff; text-align: center; }

.input-group { margin-bottom: 20px; }
.input-group label { display: block; font-size: 12px; font-weight: 700; margin-bottom: 8px; text-transform: uppercase; }
.input-group input, .input-group select { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px; font-family: 'Poppins'; }

.btn-calcular { 
    width: 100%; background: var(--negro); color: #fff; padding: 15px; border: none; 
    font-weight: 700; text-transform: uppercase; cursor: pointer; transition: 0.3s;
}
.btn-calcular:hover { background: var(--naranja); }

.res-principal span { font-size: 64px; font-weight: 800; color: var(--naranja); display: block; line-height: 1; margin: 15px 0; }
.btn-whatsapp-calc { 
    background: #25D366; color: #fff; padding: 15px; text-decoration: none; 
    border-radius: 4px; font-weight: 700; display: none; align-items: center; justify-content: center; gap: 10px; margin-top: 20px;
}

@media (max-width: 768px) { .calc-grid { grid-template-columns: 1fr; } }
/* PESTAÑAS (TABS) - COLORES CORREGIDOS */
.calc-tabs { 
    display: flex; 
    justify-content: center; 
    gap: 10px; 
    margin-bottom: -2px; 
    position: relative; 
    z-index: 2; 
}

.tab-btn {
    padding: 12px 25px; 
    border: 1px solid #e1e1e1; /* Un borde sutil para definir la pestaña */
    
    /* CAMBIA ESTO: Color del botón desactivado */
    background: #F2E6D9; /* Un beige suave que combina con el crema */
    color: #888; /* Texto en gris suave para indicar que no está seleccionado */
    
    cursor: pointer;
    font-weight: 700; 
    text-transform: uppercase; 
    font-size: 11px; 
    border-radius: 8px 8px 0 0; 
    transition: 0.3s;
}

/* Color del botón cuando pasas el mouse (Hover) */
.tab-btn:hover {
    background: #EADBC8;
    color: var(--negro);
}

/* Color del botón activo (Seleccionado) */
.tab-btn.active { 
    background: var(--blanco); 
    color: var(--naranja); 
    border-bottom-color: var(--blanco); /* Desaparece el borde inferior para unirlo a la tarjeta */
    box-shadow: 0 -5px 15px rgba(0,0,0,0.05); 
}/* End custom CSS */