/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.btn.btn-primary.nxtal-offerPrice {
    background-color: #323232;
    border-color: #323232; /* Para asegurar que el borde coincide con el fondo */
    color: #ffffff; /* Cambia el color del texto a blanco para mejor contraste */
	text-transform: uppercase;
}

.btn.btn-primary.nxtal-offerPrice br{
	display: none;
}

/* Opcional: estilo para el hover */
.btn.btn-primary.nxtal-offerPrice:hover {
    background-color: #000000; /* Un tono más claro para el efecto hover */
    border-color: #000000;
    color: #ffffff; /* Asegura que el texto sigue siendo legible */
}

.product-reference {
    font-size: 14px;
}

.has-discount{
	display: table-cell;
    border-top: 1px solid #908f8f;
    border-bottom: 1px solid #908f8f;
    padding: 6px 10px 4px;
}

.js-product-images-modal .modal-title{
	display:none;
}

/*.product-information .product-description { display: none; }*/

@media (max-width: 768px) { /* Aplica solo en móviles */
    body#product .btn.btn-primary.nxtal-offerPrice {
        width: 100%; /* Ocupa todo el ancho */
        display: block; /* Se comporta como un bloque */
        text-align: center; /* Centra el texto */
		padding: 1rem 1.5rem;
    }
}