/**
 *    Nombre:       modal-remate.css
 *    Descripcion:  Colores del modal de ingreso al remate. El layout, los campos y el boton
 *                  salen de MDB4 y Bootstrap, aca solo van los colores de marca sobre el verde
 *    Version:      0.1.1
 *    Creado:       22-08-2026
 *    Modificado:   23-08-2026
 *    Autor:        Sebastian Toyos
 */

/* ============ Panel del remate ============ */

.modal-remate .panel-remate
{
	background-color: #00482A;
}

.modal-remate .panel-remate-volanta
{
	letter-spacing: 1.4px;
	color: rgba(242, 230, 204, .65);
}

.modal-remate .panel-remate-titulo
{
	color: #F2E6CC;
}

.modal-remate .panel-remate-leyenda
{
	color: rgba(242, 230, 204, .72);
}

.modal-remate .panel-remate-lote
{
	border-top: 1px solid rgba(242, 230, 204, .24);
	color: #F2E6CC;
}

.modal-remate .panel-remate-oferta
{
	color: #78B37A;
}

.modal-remate .panel-remate-aclaracion
{
	color: rgba(242, 230, 204, .7);
}

/* ============ Solapas ============ */

/* la lista no lleva nav-tabs a proposito: esa clase la pinta style.css con un verde !important */
.modal-remate .solapas-remate .nav-link
{
	border-bottom: 3px solid transparent;
	padding: 0 2px 9px 2px;
	margin-right: 26px;
	color: #7A766B;
}

.modal-remate .solapas-remate .nav-link.active
{
	border-bottom-color: #00482A;
	color: #00482A;
	font-weight: 700;
}

/* ============ Cerrar ============ */

.modal-remate .cerrar-remate
{
	position: absolute;
	top: 10px;
	right: 14px;
	z-index: 3;
	opacity: 1;
}

/* ============ Celular ============ */

@media (max-width: 767.98px)
{
	.modal-remate .panel-remate-titulo
	{
		font-size: 1.4rem;
	}

	.modal-remate .cerrar-remate
	{
		color: #F2E6CC;
		text-shadow: none;
	}
}