/**
 * Precios por mayor – estilos
 * Versión 3.3.7
 */

/* ya existía */
.epm-hide {
	display: none !important;
}

/* NUEVO: oculta por completo cada campo de atributo cuando se compra al por mayor/empaque */
.epm-hide-attr {
	display: none !important;
}

/* ► NUEVO: bloquea controles de cantidad cuando hay pack */
.epm-qty-lock { pointer-events:none; opacity:.6; }

.epm-cuadro select.epm-select {
	width:100%; padding:8px 10px; font-size:15px;
	border:1px solid #ccc; border-radius:6px; background:#fff; margin-top:5px;
}

.epm-cuadro { border:1px solid #ddd; border-radius:10px; padding:10px; margin-bottom:15px;
	background:#f9f9f9; text-align:center; overflow:hidden; }
.epm-cuadro .epm-encabezado { font-size:18px!important; margin:0 0 10px; }

/* Estilo para selects e inputs deshabilitados */
select[disabled],
input[disabled] {
    background-color: #e9e9e9;
    color: #666;
    cursor: not-allowed;
}

select[disabled]:hover,
input[disabled]:hover {
    background-color: #e9e9e9;
}

/* Estilos para el precio tachado y el precio por mayor */
.summary .price del {
    color: gray;
    margin-right: 5px;
}

.summary .price ins {
    color: #da2462;
}

/* Ajuste del tamaño de fuente del encabezado */
.epm-cuadro .epm-encabezado {
    font-size: 18px !important;
    margin: 0 0 10px;
}

/* ► NUEVO – Apariencia uniforme del selector de segmentos */
.epm-cuadro select.epm-select {
    width: 100%;
    padding: 8px 10px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    margin-top: 5px;
}

/* Efecto al pasar el mouse sobre las opciones (solo visual) */
.epm-cuadro select.epm-select option:hover {
    background-color: #e6f4ff;
}

/* Estilos existentes */
.epm-cuadro {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #f9f9f9;
    overflow: hidden;
    text-align: center;
}

.epm-tabla-precios {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

.epm-tabla-precios th,
.epm-tabla-precios td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

.epm-tabla-precios th {
    background-color: #f1f1f1;
    font-weight: bold;
}

.epm-checkbox {
    transform: scale(1.2);
}

/* Efecto de crecimiento y cambio de color */
.epm-tabla-precios tr {
    transition: transform 0.3s ease, background-color 0.3s ease, border-radius 0.3s ease;
}

.epm-tabla-precios tr.selected {
    transform: scale(1.05);        /* Incremento de tamaño del 5 % */
    background-color: #3ddb75;
    border-radius: 10px;           /* Bordes redondeados de 10 px */
}