/*
 * Capa de compatibilidad Bootstrap 3 -> Bootstrap 5.3
 * Objetivo: permitir que webarch.css (tema WebArch 2.8.0, dependiente de BS3)
 * conserve el mismo aspecto visual sin reescribir sus ~7000 líneas.
 * Cargar DESPUÉS de bootstrap.min.css y ANTES de webarch.css.
 */

/* Tipografía y espaciado base de BS3 (BS5 usa 1rem/16px y line-height 1.5) */
:root {
	--bs-body-font-family: 'Roboto', sans-serif;
	--bs-body-font-size: 14px;
	--bs-body-line-height: 1.428571429;
	--bs-body-color: #333;
	--bs-gutter-x: 30px;
	--bs-border-radius: 3px;
}

/* Utilidades de flotado eliminadas en BS4/5 */
.pull-right { float: right !important; }
.pull-left { float: left !important; }

/* Ocultar/mostrar (BS3) */
.hidden { display: none !important; }

/* .well (BS3) sin equivalente directo en BS5 */
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

/* Botón por defecto BS3 (BS5 no trae btn-default, sólo btn-secondary) */
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

/* Formularios estilo BS3 usados por webarch.css / vistas de cotización */
.control-label {
	font-weight: 700;
}
.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373;
}
.text-error {
	color: #b94a48;
}
.form-group {
	margin-bottom: 15px;
}

/* Grid: alias de columnas xs (BS5 elimina el breakpoint "xs" explícito) */
.col-xs-1 { flex: 0 0 auto; width: 8.333333%; }
.col-xs-2 { flex: 0 0 auto; width: 16.666667%; }
.col-xs-3 { flex: 0 0 auto; width: 25%; }
.col-xs-4 { flex: 0 0 auto; width: 33.333333%; }
.col-xs-5 { flex: 0 0 auto; width: 41.666667%; }
.col-xs-6 { flex: 0 0 auto; width: 50%; }
.col-xs-7 { flex: 0 0 auto; width: 58.333333%; }
.col-xs-8 { flex: 0 0 auto; width: 66.666667%; }
.col-xs-9 { flex: 0 0 auto; width: 75%; }
.col-xs-10 { flex: 0 0 auto; width: 83.333333%; }
.col-xs-11 { flex: 0 0 auto; width: 91.666667%; }
.col-xs-12 { flex: 0 0 auto; width: 100%; }
.col-xs-offset-1 { margin-left: 8.333333%; }
.col-xs-offset-2 { margin-left: 16.666667%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-4 { margin-left: 33.333333%; }

/* Otras utilidades BS3 usadas puntualmente en vistas de error/plantillas */
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
