/* =====================================================
   HEADER PRINCIPAL
   ===================================================== */

header.site-header {
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;

	background: #ffffff !important;

	border-bottom: 1px solid #ededed;

	box-sizing: border-box;

	overflow: visible !important;
}


/* =====================================================
   CONTENEDOR INTERIOR
   ===================================================== */

header.site-header .site-header__inner {
	width: 100%;
	max-width: 1240px;

	min-height: 110px;

	margin: 0 auto;
	padding: 14px 25px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 28px;

	box-sizing: border-box;
}


/* =====================================================
   HEADER - LOGO PRINCIPAL
   ===================================================== */

header.site-header .site-header__logo {
	width: 360px !important;
	flex: 0 0 360px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: visible !important;
}

header.site-header .site-header__logo a {
	width: 100% !important;

	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;

	margin: 0 !important;
	padding: 0 !important;

	text-decoration: none !important;
}

header.site-header .site-header__logo img {
	display: block !important;

	width: 330px !important;
	max-width: 330px !important;

	height: auto !important;
	max-height: none !important;

	margin: 0 !important;
	padding: 0 !important;

	object-fit: contain !important;
}


/* =====================================================
   IMAGEN "MÁS DE 30 AÑOS..."
   ===================================================== */

header.site-header .site-header__brand {
	flex: 1 1 auto;

	min-width: 250px;

	display: flex;
	align-items: center;
	justify-content: center;
}

header.site-header .site-header__brand img {
	display: block !important;

	width: auto !important;
	max-width: 330px !important;

	height: auto !important;
	max-height: 72px !important;

	object-fit: contain;

	margin: 0 !important;
	padding: 0 !important;
}


/* =====================================================
   INFORMACIÓN DE CONTACTO
   ===================================================== */

header.site-header .site-header__contact {
	flex: 0 0 405px;

	width: 405px;

	display: flex;
	flex-direction: column;

	align-items: flex-end;
	justify-content: center;

	gap: 5px;

	text-align: right;

	font-family: Arial, Helvetica, sans-serif;
}


/* =====================================================
   CORREO
   ===================================================== */

header.site-header .site-header__contact-email {
	display: block;

	margin: 0 0 2px;

	color: #555555 !important;

	font-size: 12px !important;
	font-weight: 500 !important;

	line-height: 1.25;

	text-decoration: none !important;

	white-space: nowrap;
}

header.site-header .site-header__contact-email:hover {
	color: #d71920 !important;
}


/* =====================================================
   HORARIO
   ===================================================== */

header.site-header .site-header__schedule {
	width: 100%;

	display: flex;
	flex-direction: column;

	align-items: flex-end;

	gap: 2px;

	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.3;
}


/* =====================================================
   TÍTULO DEL HORARIO
   ===================================================== */

header.site-header .site-header__schedule-title {
	width: 341px;

	margin: 0 0 3px;

	color: #555555;

	font-size: 11px;
	font-weight: 500;

	line-height: 1.3;

	text-align: center;
}


/* =====================================================
   FILAS DEL HORARIO
   ===================================================== */

header.site-header .site-header__schedule-row {
	width: 100%;

	display: flex;
	align-items: center;
	justify-content: flex-end;

	gap: 5px;

	margin: 0;
	padding: 0;

	white-space: nowrap;
}


/* =====================================================
   DÍAS
   ===================================================== */

header.site-header .site-header__schedule-row strong {
	flex: 0 0 66px;

	margin: 0;
	padding: 0;

	color: #111827;

	font-size: 11px;
	font-weight: 700;

	line-height: 1.3;

	text-align: right;

	white-space: nowrap;
}


/* =====================================================
   HORAS
   ===================================================== */

header.site-header .site-header__schedule-row span {
	flex: 0 0 270px;

	margin: 0;
	padding: 0;

	color: #374151;

	font-size: 11px !important;
	font-weight: 500 !important;

	line-height: 1.3;

	text-align: left;

	white-space: nowrap;
}

/* DÍAS */

header.site-header .site-header__schedule-row strong {
	flex: 0 0 66px;

	color: #111827;

	font-size: 11px;
	font-weight: 700;

	line-height: 1.3;

	text-align: right;

	white-space: nowrap;
}


/* HORARIO */

header.site-header .site-header__schedule-row span {
	flex: 0 0 270px;

	color: #374151;

	font-size: 11px !important;
	font-weight: 500 !important;

	line-height: 1.3;

	text-align: left;

	white-space: nowrap;
}


/* =====================================================
   NAVEGACIÓN PRINCIPAL
   ===================================================== */

nav.main-nav {
	position: relative;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;

	background: #ffffff !important;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #e8e8e8;

	z-index: 1000;
}

nav.main-nav .main-nav__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
	padding: 0 20px;
}


/* =====================================================
   MENÚ ESCRITORIO
   ===================================================== */

nav.main-nav ul.nav {
	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;

	background: transparent !important;
}

nav.main-nav ul.nav > li {
	position: relative;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none;
}


/* Links y botones principales */

nav.main-nav ul.nav > li > a,
nav.main-nav .submenu-toggle {
	position: relative;

	display: flex;
	align-items: center;
	gap: 7px;

	padding: 18px 16px !important;

	border: 0;
	outline: 0;

	background: transparent !important;

	color: #252525 !important;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	font-weight: 600;

	line-height: 1.2;

	text-decoration: none !important;

	cursor: pointer;

	transition:
		color 0.2s ease,
		background 0.2s ease;
}


/* Hover más discreto */

nav.main-nav ul.nav > li > a:hover,
nav.main-nav .submenu-toggle:hover {
	color: #111827 !important;
	background: #f5f6f8 !important;
}


/* Línea inferior elegante */

nav.main-nav ul.nav > li > a::after,
nav.main-nav .submenu-toggle::after {
	content: "";

	position: absolute;

	left: 50%;
	bottom: 0;

	width: 0;
	height: 2px;

	background: #d6a84b;

	transform: translateX(-50%);

	transition: width 0.2s ease;
}

nav.main-nav ul.nav > li > a:hover::after,
nav.main-nav .submenu-toggle:hover::after {
	width: 42%;
}


/* Flecha */

.submenu-arrow {
	width: 7px;
	height: 7px;

	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;

	transform: rotate(45deg);

	margin-top: -4px;

	transition: transform 0.2s ease;
}


/* =====================================================
   SUBMENÚ ESCRITORIO
   ===================================================== */

nav.main-nav .submenu {
	position: absolute;

	top: calc(100% + 8px);
	left: 50%;

	width: 280px;

	margin: 0 !important;
	padding: 8px !important;

	list-style: none;

	background: #ffffff !important;

	border: 1px solid #eceef1;
	border-radius: 10px;

	box-shadow:
		0 12px 30px rgba(15, 23, 42, 0.12);

	opacity: 0;
	visibility: hidden;

	transform:
		translateX(-50%)
		translateY(8px);

	transition:
		opacity 0.18s ease,
		transform 0.18s ease,
		visibility 0.18s ease;

	z-index: 2000;
}


/* Mostrar submenu escritorio */

@media screen and (min-width: 901px) {

	nav.main-nav .has-submenu:hover > .submenu,
	nav.main-nav .has-submenu:focus-within > .submenu {
		opacity: 1;
		visibility: visible;

		transform:
			translateX(-50%)
			translateY(0);
	}

}


/* Elementos internos */

nav.main-nav .submenu li {
	width: 100%;

	margin: 0 !important;
	padding: 0 !important;
}

nav.main-nav .submenu a {
	display: block;

	padding: 12px 14px !important;

	border-radius: 7px;

	color: #374151 !important;
	background: transparent !important;

	font-size: 13px !important;
	font-weight: 500;

	line-height: 1.45;

	text-decoration: none !important;

	transition:
		background 0.15s ease,
		color 0.15s ease;
}

nav.main-nav .submenu a:hover {
	color: #111827 !important;

	background: #f3f4f6 !important;
}


/* =====================================================
   BOTÓN MENÚ MÓVIL
   ===================================================== */

.main-nav__toggle {
	display: none;

	width: 100%;

	align-items: center;
	justify-content: flex-start;

	gap: 12px;

	padding: 15px 4px;

	border: 0;

	background: #ffffff;

	color: #222222;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;

	cursor: pointer;
}


/* Icono hamburguesa */

.main-nav__toggle-icon,
.main-nav__toggle-icon::before,
.main-nav__toggle-icon::after {
	display: block;

	width: 22px;
	height: 2px;

	background: #222222;

	border-radius: 2px;

	transition:
		transform 0.2s ease,
		opacity 0.2s ease;
}

.main-nav__toggle-icon {
	position: relative;
}

.main-nav__toggle-icon::before,
.main-nav__toggle-icon::after {
	content: "";

	position: absolute;
	left: 0;
}

.main-nav__toggle-icon::before {
	top: -7px;
}

.main-nav__toggle-icon::after {
	top: 7px;
}


/* X cuando está abierto */

.main-nav__toggle.is-open .main-nav__toggle-icon {
	background: transparent;
}

.main-nav__toggle.is-open .main-nav__toggle-icon::before {
	top: 0;
	transform: rotate(45deg);
}

.main-nav__toggle.is-open .main-nav__toggle-icon::after {
	top: 0;
	transform: rotate(-45deg);
}


/* =====================================================
   MENÚ MÓVIL
   ===================================================== */

@media screen and (max-width: 900px) {

	nav.main-nav .main-nav__inner {
		padding: 0 20px;
	}

	.main-nav__toggle {
		display: flex;
	}

	nav.main-nav ul.nav {
		display: none !important;

		flex-direction: column;
		align-items: stretch;

		width: 100% !important;

		padding: 0 0 14px !important;
	}

	nav.main-nav ul.nav.is-open {
		display: flex !important;
	}


	/* Items principales */

	nav.main-nav ul.nav > li {
		width: 100%;

		border-top: 1px solid #eeeeee;
	}


	nav.main-nav ul.nav > li > a,
	nav.main-nav .submenu-toggle {
		width: 100%;

		justify-content: space-between;

		padding: 14px 6px !important;

		text-align: left;
	}


	/* Sin línea animada móvil */

	nav.main-nav ul.nav > li > a::after,
	nav.main-nav .submenu-toggle::after {
		display: none;
	}


	/* Submenu móvil */

	nav.main-nav .submenu {
		position: static;

		display: none;

		width: 100%;

		margin: 0 !important;
		padding: 0 0 8px 12px !important;

		border: 0;
		border-radius: 0;

		background: #ffffff !important;

		box-shadow: none;

		opacity: 1;
		visibility: visible;

		transform: none;
	}

	nav.main-nav .has-submenu.is-open > .submenu {
		display: block;
	}


	/* Flecha abierta */

	nav.main-nav .has-submenu.is-open
	.submenu-toggle .submenu-arrow {
		transform: rotate(225deg);

		margin-top: 4px;
	}


	/* Links submenu */

	nav.main-nav .submenu a {
		padding: 11px 14px !important;

		background: #f7f8fa !important;

		border-radius: 6px;

		margin-bottom: 4px !important;
	}

}


/* =====================================================
   HERO PRINCIPAL
   ===================================================== */

.home-hero {
	position: relative;

	width: 100%;

	min-height: 560px;

	margin: 0 !important;
	padding: 0 !important;

	display: flex;
	align-items: center;

	background-image: url('../images/fondoapto21.jpg') !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;

	overflow: hidden;

	box-sizing: border-box;
}


/* Capa oscura */

.home-hero__overlay {
	position: absolute;

	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.76) 0%,
		rgba(0, 0, 0, 0.60) 40%,
		rgba(0, 0, 0, 0.30) 70%,
		rgba(0, 0, 0, 0.08) 100%
	) !important;

	z-index: 1;
}


/* Contenedor hero */

.home-hero__content {
	position: relative;

	z-index: 2;

	width: 100%;
	max-width: 1240px;

	margin: 0 auto !important;

	padding: 85px 30px !important;

	box-sizing: border-box;
}


/* Columna texto */

.home-hero__text {
	width: 100%;
	max-width: 650px;
}


/* Eyebrow */

.home-hero__eyebrow {
	display: inline-block;

	margin: 0 0 16px 0 !important;

	padding: 0 !important;

	color: #ffffff !important;

	background: transparent !important;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px !important;
	font-weight: 700;

	line-height: 1.4;

	letter-spacing: 1.5px;

	text-transform: uppercase;
}


/* Título principal */

.home-hero h1 {
	max-width: 650px;

	margin: 0 0 22px 0 !important;
	padding: 0 !important;

	color: #ffffff !important;

	background: transparent !important;

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 52px !important;
	font-weight: 700 !important;

	line-height: 1.08 !important;

	text-align: left !important;
}


/* Texto descriptivo */

.home-hero p {
	max-width: 580px;

	margin: 0 0 32px 0 !important;
	padding: 0 !important;

	color: rgba(255, 255, 255, 0.94) !important;

	background: transparent !important;

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 19px !important;
	font-weight: 400 !important;

	line-height: 1.6 !important;

	text-align: left !important;
}


/* =====================================================
   BOTONES HERO
   ===================================================== */

.home-hero__actions {
	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 14px;
}


/* Base botones */

.home-hero__actions a {
	display: inline-flex !important;

	align-items: center;
	justify-content: center;

	min-height: 50px;

	margin: 0 !important;
	padding: 0 24px !important;

	border: 0 !important;
	border-radius: 6px;

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	line-height: 1.2 !important;

	text-decoration: none !important;

	box-sizing: border-box;

	transition:
		transform 0.2s ease,
		background 0.2s ease,
		box-shadow 0.2s ease;
}

.home-hero__actions a:hover {
	transform: translateY(-2px);
}


/* Botón arriendos */

.home-hero .btn-primary {
	background: #d71920 !important;

	color: #ffffff !important;

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.18);
}

.home-hero .btn-primary:hover {
	background: #b9151b !important;

	color: #ffffff !important;
}


/* Botón ventas */

.home-hero .btn-secondary {
	background: #ffffff !important;

	color: #222222 !important;

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
}

.home-hero .btn-secondary:hover {
	background: #eeeeee !important;

	color: #111111 !important;
}


/* =====================================================
   INMUEBLES RECIENTES
   ===================================================== */

.Mas-recientes {
	width: 100% !important;

	margin: 0 !important;

	padding: 65px 20px !important;

	background: #f7f7f7 !important;

	box-sizing: border-box;
}


/* Contenedor general */

.Mas-recientes-int {
	width: 100% !important;

	max-width: 1240px !important;

	margin: 0 auto !important;

	padding: 0 !important;

	box-sizing: border-box;
}


/* Título */

.Mas-recientes-int-titulo {
	width: 100%;

	margin: 0 0 38px 0 !important;

	padding: 0 !important;
}

.Mas-recientes-int-titulo h2 {
	margin: 0 !important;
	padding: 0 !important;

	color: #222222 !important;

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 30px !important;
	font-weight: 700 !important;

	line-height: 1.2 !important;

	text-align: center !important;
}


/* =====================================================
   FILAS DE TARJETAS
   ===================================================== */

.Mas-recientes-int-sec {
	width: 100% !important;

	margin: 0 0 25px 0 !important;
	padding: 0 !important;

	display: flex !important;
	flex-wrap: wrap !important;

	gap: 20px;

	box-sizing: border-box;
}


/* Contenedor individual */

.Mas-recientes-int-sec-int {
	width: calc(25% - 15px) !important;

	margin: 0 !important;
	padding: 0 !important;

	float: none !important;

	box-sizing: border-box;
}

.Mas-recientes-int-sec-int > a {
	display: block;

	width: 100%;

	color: inherit !important;

	text-decoration: none !important;
}


/* =====================================================
   TARJETA INMUEBLE
   ===================================================== */

.Nuevo-inmueble {
	width: 100% !important;

	height: 100%;

	margin: 0 !important;

	background: #ffffff !important;

	border: 1px solid #e4e4e4 !important;
	border-radius: 8px;

	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);

	overflow: hidden;

	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.Nuevo-inmueble:hover {
	transform: translateY(-4px);

	box-shadow: 0 9px 24px rgba(0, 0, 0, 0.12);
}


/* Fotografía */

.Nuevo-inmueble-sup {
	width: 100% !important;

	height: 205px !important;

	margin: 0 !important;

	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;

	border: 0 !important;
}


/* Parte inferior */

.Nuevo-inmueble-inf {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #ffffff !important;
}


/* Características */

.Nuevo-inmueble-sec {
	width: 100% !important;

	display: flex !important;

	align-items: center;
	justify-content: space-between;

	margin: 0 !important;

	padding: 11px 12px !important;

	background: #fafafa !important;

	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;

	box-sizing: border-box;
}

.Nuevo-inmueble-sec-part {
	flex: 1;

	width: auto !important;

	margin: 0 !important;
	padding: 0 5px !important;

	color: #555555 !important;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px !important;

	text-align: center !important;

	border-right: 1px solid #e5e5e5;

	box-sizing: border-box;
}

.Nuevo-inmueble-sec-part:last-child {
	border-right: 0;
}


/* Iconos */

.Nuevo-inmueble-sec-part i {
	margin-right: 4px;

	color: #d71920;
}


/* Precio */

.Nuevo-inmueble-precio {
	width: 100% !important;

	margin: 0 !important;

	padding: 16px 16px 9px 16px !important;

	background: #ffffff !important;

	box-sizing: border-box;
}

.Nuevo-inmueble-precio span {
	color: #202020 !important;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 17px !important;
	font-weight: 700 !important;
}


/* Ubicación */

.Nuevo-inmueble-ubicacion {
	width: 100% !important;

	min-height: 52px;

	margin: 0 !important;

	padding: 5px 16px 16px 16px !important;

	background: #ffffff !important;

	box-sizing: border-box;
}

.Nuevo-inmueble-ubicacion span {
	color: #555555 !important;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px !important;

	line-height: 1.4 !important;
}

.Nuevo-inmueble-ubicacion i {
	margin-right: 5px;

	color: #d71920;
}


/* =====================================================
   BOTÓN "VER TODOS LOS INMUEBLES"
   ===================================================== */

.Content-btn {
	width: 100%;

	margin: 35px 0 0 0 !important;

	padding: 0 !important;

	text-align: center;
}

.Content-btn a {
	display: inline-flex !important;

	align-items: center;
	justify-content: center;

	min-height: 48px;

	margin: 0 !important;

	padding: 0 28px !important;

	background: #d71920 !important;

	color: #ffffff !important;

	border-radius: 6px;

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	text-decoration: none !important;

	box-shadow: 0 4px 12px rgba(215, 25, 32, 0.20);

	transition:
		background 0.2s ease,
		transform 0.2s ease;
}

.Content-btn a:hover {
	background: #b9151b !important;

	color: #ffffff !important;

	transform: translateY(-2px);
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 1000px) {

	header.site-header .site-header__inner {
		padding-left: 20px;
		padding-right: 20px;

		gap: 20px;
	}

	header.site-header .site-header__logo {
		width: 220px;
		flex-basis: 220px;
	}

	header.site-header .site-header__logo img {
		max-width: 220px !important;
	}

	header.site-header .site-header__brand img {
		max-width: 270px !important;
	}

	header.site-header .site-header__contact {
		flex-basis: 240px;
	}

	nav.main-nav ul.nav > li > a {
		padding-left: 11px !important;
		padding-right: 11px !important;

		font-size: 13px !important;
	}

	.Mas-recientes-int-sec-int {
		width: calc(50% - 10px) !important;
	}
}


/* =====================================================
   TABLET / MENÚ MÓVIL
   ===================================================== */

@media screen and (max-width: 900px) {

	/* Header */

	header.site-header .site-header__inner {
		min-height: 85px;

		padding: 10px 18px;

		gap: 15px;
	}

	header.site-header .site-header__logo {
		width: 190px;
		flex-basis: 190px;
	}

	header.site-header .site-header__logo img {
		max-width: 190px !important;
		max-height: 75px !important;
	}

	header.site-header .site-header__brand {
		display: none;
	}

	header.site-header .site-header__contact {
		flex: 1;
	}


	/* Menú */

	nav.main-nav .toggleMenu {
		display: block !important;
	}

	nav.main-nav ul.nav {
		display: none !important;

		flex-direction: column;

		align-items: stretch;

		width: 100% !important;
	}

	nav.main-nav ul.nav.active {
		display: flex !important;
	}

	nav.main-nav ul.nav > li {
		width: 100% !important;

		border-top: 1px solid #eeeeee;
	}

	nav.main-nav ul.nav > li > a {
		padding: 13px 16px !important;
	}


	/* Submenús móviles */

	nav.main-nav ul.nav li ul {
		position: static;

		width: 100% !important;
		min-width: 0;

		border: 0;

		box-shadow: none;

		background: #f7f7f7 !important;
	}

	nav.main-nav ul.nav li ul li a {
		padding-left: 32px !important;

		background: #f7f7f7 !important;
	}


	/* Hero */

	.home-hero {
		min-height: 500px;
	}

	.home-hero__content {
		padding: 65px 25px !important;
	}

	.home-hero h1 {
		font-size: 42px !important;
	}

	.home-hero p {
		font-size: 17px !important;
	}


	/* Inmuebles */

	.Mas-recientes {
		padding: 55px 20px !important;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 600px) {

	/* Header */

	header.site-header .site-header__inner {
		flex-direction: column;

		align-items: center;
		justify-content: center;

		padding: 12px 15px;
	}

	header.site-header .site-header__logo {
		width: 200px;

		flex: none;
	}

	header.site-header .site-header__logo img {
		max-width: 200px !important;
	}

	header.site-header .site-header__contact {
		flex: none;

		align-items: center;

		text-align: center;
	}

	header.site-header .site-header__contact a {
		font-size: 13px;
	}

	header.site-header .site-header__contact span {
		font-size: 12px;
	}


	/* Hero */

	.home-hero {
		min-height: 500px;

		background-position: 65% center !important;
	}

	.home-hero__overlay {
		background: rgba(0, 0, 0, 0.65) !important;
	}

	.home-hero__content {
		padding: 55px 20px !important;
	}

	.home-hero__eyebrow {
		font-size: 13px !important;
	}

	.home-hero h1 {
		font-size: 34px !important;

		line-height: 1.12 !important;
	}

	.home-hero p {
		font-size: 16px !important;
	}

	.home-hero__actions {
		flex-direction: column;

		align-items: stretch;
	}

	.home-hero__actions a {
		width: 100%;
	}


	/* Inmuebles */

	.Mas-recientes {
		padding: 45px 15px !important;
	}

	.Mas-recientes-int-titulo {
		margin-bottom: 28px !important;
	}

	.Mas-recientes-int-titulo h2 {
		font-size: 25px !important;
	}

	.Mas-recientes-int-sec {
		display: block !important;
	}

	.Mas-recientes-int-sec-int {
		width: 100% !important;

		margin-bottom: 20px !important;
	}

	.Nuevo-inmueble-sup {
		height: 230px !important;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 400px) {

	.home-hero h1 {
		font-size: 30px !important;
	}

	.home-hero__content {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.Mas-recientes {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.Nuevo-inmueble-sup {
		height: 210px !important;
	}

}
/* =====================================================
   FOOTER MODERNO
   ===================================================== */

.site-footer {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #111827;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

.site-footer__main {
	width: 100%;
	padding: 60px 20px 50px;
	background: #111827;
}

.site-footer__grid {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;

	display: grid;
	grid-template-columns: 1.3fr 1fr 1.2fr 1fr;
	gap: 45px;
}

.site-footer__column {
	min-width: 0;
}

.site-footer__column h3 {
	margin: 0 0 20px;
	padding: 0;

	color: #ffffff;

	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.site-footer__column h4 {
	margin: 25px 0 15px;

	color: #ffffff;

	font-size: 15px;
	font-weight: 700;
}

.site-footer__column p {
	margin: 0 0 14px;

	color: #cbd5e1;

	font-size: 14px;
	line-height: 1.65;
}

.site-footer__column a {
	color: #cbd5e1;
	text-decoration: none;

	transition: color 0.2s ease;
}

.site-footer__column a:hover {
	color: #ffffff;
}


/* =====================================================
   CONTACTO
   ===================================================== */

.site-footer__contact p {
	margin-bottom: 13px;
}

.site-footer__contact strong {
	color: #ffffff;
}


/* =====================================================
   ENLACES
   ===================================================== */

.site-footer__links {
	margin: 0;
	padding: 0;

	list-style: none;
}

.site-footer__links li {
	margin: 0 0 11px;
	padding: 0;
}

.site-footer__links a {
	display: inline-block;

	color: #cbd5e1;

	font-size: 14px;
	line-height: 1.45;
}

.site-footer__links a:hover {
	color: #ffffff;

	transform: translateX(2px);
}


/* =====================================================
   REDES SOCIALES
   ===================================================== */

.site-footer__social {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.site-footer__social a {
	display: flex;
	align-items: center;

	gap: 10px;

	color: #cbd5e1;
}

.site-footer__social img {
	width: 22px !important;
	height: 22px !important;

	object-fit: contain;

	margin: 0 !important;
}


/* =====================================================
   LOGOS DE RESPALDO
   ===================================================== */

.site-footer__support {
	margin-top: 25px;
}

.site-footer__support-logos {
	display: flex;
	flex-wrap: wrap;

	align-items: center;

	gap: 12px;
}

.site-footer__support-logos img {
	width: auto !important;
	max-width: 95px !important;
	max-height: 50px !important;

	padding: 6px;

	background: #ffffff;

	border-radius: 5px;

	object-fit: contain;
}


/* =====================================================
   FRANJA INFERIOR
   ===================================================== */

.site-footer__bottom {
	width: 100%;

	background: #0b1220;

	border-top: 1px solid rgba(255,255,255,0.08);
}

.site-footer__bottom-inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
	padding: 18px 20px;

	text-align: center;
}

.site-footer__bottom p {
	margin: 0;

	color: #94a3b8;

	font-size: 12px;
	line-height: 1.5;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 1000px) {

	.site-footer__grid {
		grid-template-columns: 1fr 1fr;

		gap: 40px 35px;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 650px) {

	.site-footer__main {
		padding: 45px 20px 35px;
	}

	.site-footer__grid {
		grid-template-columns: 1fr;

		gap: 35px;
	}

	.site-footer__column h3 {
		margin-bottom: 15px;
	}

	.site-footer__support-logos {
		gap: 10px;
	}

}
/* =====================================================
   AJUSTES FINALES FOOTER
   ===================================================== */

.site-footer__main {
	padding-top: 48px !important;
	padding-bottom: 38px !important;
}

.site-footer__grid {
	align-items: start;
}

.site-footer__column p,
.site-footer__links a,
.site-footer__social a {
	font-size: 13px !important;
}

.site-footer__column h3 {
	font-size: 17px !important;
	margin-bottom: 16px !important;
}

.site-footer__contact p {
	margin-bottom: 10px !important;
}

.site-footer__support {
	margin-top: 18px !important;
}

.site-footer__bottom-inner {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}
* =====================================================
   CORRECCIONES DEFINITIVAS MENÚ NUEVO
   ===================================================== */

/* Elimina herencias del menú antiguo */
nav.main-nav ul.nav,
nav.main-nav ul.nav li,
nav.main-nav ul.nav li a,
nav.main-nav .submenu,
nav.main-nav .submenu li,
nav.main-nav .submenu li a {
	float: none !important;
	text-shadow: none !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

/* =====================================================
   ESCRITORIO
   ===================================================== */

@media screen and (min-width: 901px) {

	nav.main-nav ul.nav {
		position: static !important;
		background: #ffffff !important;
	}

	nav.main-nav ul.nav > li {
		background: transparent !important;
		border: 0 !important;
	}

	nav.main-nav ul.nav > li > a,
	nav.main-nav .submenu-toggle {
		border: 0 !important;
		box-shadow: none !important;
		color: #252525 !important;
	}

	nav.main-nav ul.nav > li > a:hover,
	nav.main-nav .submenu-toggle:hover {
		background: #f5f6f8 !important;
		color: #111827 !important;
	}

	nav.main-nav .submenu {
		background: #ffffff !important;
		border: 1px solid #e5e7eb !important;
		border-radius: 12px !important;
		padding: 8px !important;

		box-shadow: 0 14px 35px rgba(15, 23, 42, 0.14) !important;

		overflow: hidden;
	}

	nav.main-nav .submenu li {
		border: 0 !important;
		background: transparent !important;
	}

	nav.main-nav .submenu a {
		display: block !important;

		padding: 12px 14px !important;

		border: 0 !important;
		border-radius: 7px !important;

		background: transparent !important;
		color: #374151 !important;

		box-shadow: none !important;
	}

	nav.main-nav .submenu a:hover {
		background: #f3f4f6 !important;
		color: #111827 !important;
	}

	/* Evitar líneas rojas heredadas */
	nav.main-nav .submenu a::before,
	nav.main-nav .submenu a::after,
	nav.main-nav .submenu li::before,
	nav.main-nav .submenu li::after {
		display: none !important;
	}
}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 900px) {

	nav.main-nav {
		position: relative !important;
		background: #ffffff !important;
		z-index: 3000 !important;
	}

	nav.main-nav .main-nav__inner {
		width: 100% !important;
		padding: 0 24px !important;

		background: #ffffff !important;
	}

	.main-nav__toggle {
		position: relative !important;

		display: flex !important;

		width: 100% !important;
		min-height: 64px;

		margin: 0 !important;
		padding: 0 !important;

		align-items: center;
		justify-content: flex-start;

		gap: 15px;

		background: #ffffff !important;

		border: 0 !important;

		color: #202020 !important;

		font-size: 18px !important;
		font-weight: 600 !important;

		box-shadow: none !important;
	}

	/* Menú cerrado */
	nav.main-nav ul.nav {
		position: static !important;

		display: none !important;

		width: 100% !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 0 18px !important;

		background: #ffffff !important;

		opacity: 1 !important;
		visibility: visible !important;

		transform: none !important;

		box-shadow: none !important;
	}

	/* Menú abierto */
	nav.main-nav ul.nav.is-open {
		display: flex !important;

		flex-direction: column !important;
		align-items: stretch !important;
	}

	nav.main-nav ul.nav > li {
		position: static !important;

		display: block !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		background: #ffffff !important;

		border: 0 !important;
		border-top: 1px solid #eeeeee !important;
	}

	nav.main-nav ul.nav > li > a,
	nav.main-nav .submenu-toggle {
		display: flex !important;

		width: 100% !important;
		min-height: 54px;

		margin: 0 !important;
		padding: 14px 4px !important;

		align-items: center;
		justify-content: space-between;

		background: #ffffff !important;

		border: 0 !important;

		color: #202020 !important;

		font-size: 16px !important;
		font-weight: 500 !important;

		text-align: left !important;

		box-shadow: none !important;
	}

	nav.main-nav ul.nav > li > a:hover,
	nav.main-nav .submenu-toggle:hover {
		background: #f7f7f7 !important;
		color: #111827 !important;
	}

	/* Quitar línea inferior animada en móvil */
	nav.main-nav ul.nav > li > a::after,
	nav.main-nav .submenu-toggle::after {
		display: none !important;
	}


	/* =================================================
	   SUBMENÚ MÓVIL
	   ================================================= */

	nav.main-nav .submenu {
		position: static !important;

		display: none !important;

		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;
		padding: 4px 0 10px 12px !important;

		background: #ffffff !important;

		border: 0 !important;
		border-radius: 0 !important;

		box-shadow: none !important;

		opacity: 1 !important;
		visibility: visible !important;

		transform: none !important;
	}

	nav.main-nav .has-submenu.is-open > .submenu {
		display: block !important;
	}

	nav.main-nav .submenu li {
		width: 100% !important;

		margin: 0 0 4px !important;

		background: transparent !important;

		border: 0 !important;
	}

	nav.main-nav .submenu a {
		display: block !important;

		width: 100% !important;

		padding: 12px 15px !important;

		background: #f5f6f8 !important;

		border: 0 !important;
		border-radius: 7px !important;

		color: #374151 !important;

		font-size: 14px !important;
		line-height: 1.45 !important;

		box-shadow: none !important;
	}

	nav.main-nav .submenu a:hover {
		background: #eceef1 !important;
		color: #111827 !important;
	}

	/* Hero siempre debajo del menú */
	.home-hero {
		position: relative !important;
		z-index: 1 !important;
	}
}
/* =====================================================
   AJUSTES FINOS MENÚ
   ===================================================== */

@media screen and (min-width: 901px) {

	nav.main-nav .submenu {
		width: 250px !important;
		min-width: 250px !important;
	}

	nav.main-nav .submenu a {
		padding: 10px 12px !important;
		font-size: 12.5px !important;
	}

}


@media screen and (max-width: 900px) {

	nav.main-nav ul.nav > li > a,
	nav.main-nav .submenu-toggle {
		min-height: 48px !important;
		padding: 11px 4px !important;
	}

	nav.main-nav .submenu a {
		padding: 10px 13px !important;
	}

}
/* =====================================================
   PÁGINA LISTADO DE INMUEBLES
   ===================================================== */


/* =====================================================
   HERO INTERNO
   ===================================================== */

.properties-hero {
	width: 100%;

	padding: 55px 20px;

	background:
		linear-gradient(
			90deg,
			rgba(15,23,42,.96),
			rgba(15,23,42,.88)
		),
		url('../images/fondoapto6.jpg');

	background-size: cover;
	background-position: center;

	color: #ffffff;
}


.properties-hero__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
}




.properties-hero h1 {
	margin: 0 0 12px !important;

	color: #ffffff !important;

	font-size: 38px !important;
	font-weight: 700 !important;
}


.properties-hero p {
	max-width: 600px;

	margin: 0 !important;

	color: #d1d5db !important;

	font-size: 16px !important;

	line-height: 1.6 !important;
}


/* =====================================================
   LAYOUT GENERAL
   ===================================================== */

.properties-layout {
	width: 100%;

	padding: 55px 20px 70px;

	background: #f6f7f9;
}


.properties-layout__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;

	display: grid;

	grid-template-columns: 285px 1fr;

	gap: 35px;

	align-items: start;
}


/* =====================================================
   FILTROS
   ===================================================== */

.properties-filter {
	position: sticky;

	top: 20px;

	padding: 25px;

	background: #ffffff;

	border: 1px solid #e5e7eb;

	border-radius: 12px;

	box-shadow:
		0 5px 20px rgba(15,23,42,.05);
}


.properties-filter__eyebrow {
	display: block;

	margin-bottom: 5px;

	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.properties-filter__header h2 {
	margin: 0 0 8px !important;

	color: #111827 !important;

	font-size: 22px !important;
}


.properties-filter__header p {
	margin: 0 0 22px !important;

	color: #6b7280 !important;

	font-size: 13px !important;

	line-height: 1.5 !important;
}


.filter-field {
	margin-bottom: 15px;
}


.filter-field label {
	display: block;

	margin-bottom: 6px;

	color: #374151;

	font-size: 12px;
	font-weight: 600;
}


.filter-field select {
	width: 100%;

	height: 44px;

	padding: 0 12px;

	border: 1px solid #d9dde3;
	border-radius: 7px;

	background: #ffffff;

	color: #333333;

	font-size: 13px;

	outline: none;
}


.filter-field select:focus {
	border-color: #b89a5d;

	box-shadow:
		0 0 0 3px rgba(214,168,75,.12);
}


.filter-button {
	width: 100%;

	min-height: 46px;

	margin-top: 5px;

	border: 0;

	border-radius: 7px;

	background: #d71920;

	color: #ffffff;

	font-size: 13px;
	font-weight: 700;

	cursor: pointer;
}


.filter-button:hover {
	background: #b9151b;
}


.filter-reset {
	width: 100%;

	margin-top: 9px;
	padding: 11px;

	border: 0;

	background: transparent;

	color: #6b7280;

	font-size: 12px;
	font-weight: 600;

	cursor: pointer;
}


.filter-reset:hover {
	color: #111827;
}


/* =====================================================
   RESULTADOS SUPERIOR
   ===================================================== */

.properties-results {
	min-width: 0;
}


.properties-results__top {
	display: flex;

	align-items: flex-end;
	justify-content: space-between;

	gap: 20px;

	margin-bottom: 25px;
}


.properties-results__count {
	display: block;

	margin-bottom: 5px;

	color: #6b7280;

	font-size: 13px;
}


.properties-results__top h2 {
	margin: 0 !important;

	color: #111827 !important;

	font-size: 27px !important;
}


.properties-sort {
	display: flex;

	align-items: center;

	gap: 7px;

	flex-wrap: wrap;
}


.properties-sort span {
	margin-right: 3px;

	color: #6b7280;

	font-size: 12px;
}


.properties-sort a {
	padding: 8px 11px;

	border: 1px solid #dcdfe4;
	border-radius: 6px;

	background: #ffffff;

	color: #4b5563 !important;

	font-size: 12px;

	text-decoration: none !important;
}


.properties-sort a:hover {
	background: #f3f4f6;
}


.properties-sort a.active {
	background: #111827;

	border-color: #111827;

	color: #ffffff !important;
}


/* =====================================================
   GRID
   ===================================================== */

.properties-grid {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 22px;
}


/* =====================================================
   TARJETAS
   ===================================================== */

.property-card {
	width: 100%;

	background: #ffffff;

	border: 1px solid #e5e7eb;

	border-radius: 11px;

	overflow: hidden;

	box-shadow:
		0 4px 15px rgba(15,23,42,.05);

	transition:
		transform .2s ease,
		box-shadow .2s ease;
}


.property-card:hover {
	transform: translateY(-3px);

	box-shadow:
		0 10px 28px rgba(15,23,42,.11);
}


.property-card__image-link {
	display: block;

	text-decoration: none;
}


.property-card__image {
	position: relative;
	width: 100%;
	height: 240px;

	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;

	overflow: hidden;
}


.property-card__badge {
	position: absolute;

	top: 14px;
	left: 14px;

	padding: 7px 11px;

	background: #d71920;

	color: #ffffff;

	border-radius: 5px;

	font-size: 11px;
	font-weight: 700;
}


/* Cuerpo */

.property-card__body {
	padding: 18px;
}


/* Características */

.property-card__features {
	display: grid;
	grid-template-columns: repeat(4, 1fr);

	align-items: center;

	padding: 11px 0 14px;

	border-bottom: 1px solid #eeeeee;
}

.property-card__features span {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 5px;

	color: #6b7280;

	font-size: 12px;

	border-right: 1px solid #eeeeee;
}

.property-card__features span:last-child {
	border-right: 0;
}


.property-card__features i {
	color: #d71920;
}


/* Precio */

.property-card__price {
	margin-top: 16px;

	color: #111827;

	font-size: 22px;
	font-weight: 700;
}


/* Ubicación */

.property-card__location {
	display: flex;

	align-items: flex-start;

	gap: 7px;

	margin-top: 10px;

	color: #4b5563;

	font-size: 13px;

	line-height: 1.45;
}


.property-card__location i {
	margin-top: 2px;

	color: #d71920;
}


/* Descripción */

.property-card__description {
	margin-top: 13px;

	color: #6b7280;

	font-size: 13px;

	line-height: 1.55;

	display: -webkit-box;

	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

	overflow: hidden;
}


/* Botón */

.property-card__button {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-height: 40px;

	margin-top: 16px;
	padding: 0 16px;

	border: 1px solid #d71920;
	border-radius: 6px;

	color: #d71920 !important;

	font-size: 12px;
	font-weight: 700;

	text-decoration: none !important;
}


.property-card__button:hover {
	background: #d71920;

	color: #ffffff !important;
}


/* =====================================================
   PAGINACIÓN
   ===================================================== */

.properties-pagination {
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 6px;

	margin-top: 35px;

	flex-wrap: wrap;
}


.properties-pagination a,
.properties-pagination .pagination-current {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-width: 38px;
	height: 38px;

	padding: 0 11px;

	border: 1px solid #dcdfe4;
	border-radius: 6px;

	background: #ffffff;

	color: #374151 !important;

	font-size: 12px;

	text-decoration: none !important;
}


.properties-pagination a:hover {
	background: #f3f4f6;
}


.properties-pagination .pagination-current {
	background: #111827;

	border-color: #111827;

	color: #ffffff !important;
}


/* =====================================================
   VACÍO
   ===================================================== */

.properties-empty {
	padding: 60px 25px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 11px;

	text-align: center;
}


.properties-empty h3 {
	margin: 0 0 10px;

	color: #111827;

	font-size: 22px;
}


.properties-empty p {
	margin: 0 0 20px;

	color: #6b7280;

	font-size: 14px;
}


.properties-empty a {
	display: inline-flex;

	padding: 11px 18px;

	background: #d71920;

	color: #ffffff !important;

	border-radius: 6px;

	font-size: 12px;
	font-weight: 700;

	text-decoration: none !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 1000px) {

	.properties-layout__inner {
		grid-template-columns: 240px 1fr;

		gap: 25px;
	}

	.properties-grid {
		grid-template-columns: 1fr;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.properties-hero {
		padding: 40px 20px;
	}

	.properties-hero h1 {
		font-size: 30px !important;
	}


	.properties-layout {
		padding: 35px 15px 50px;
	}


	.properties-layout__inner {
		display: block;
	}


	.properties-filter {
		position: static;

		margin-bottom: 30px;
	}


	.properties-results__top {
		display: block;
	}


	.properties-sort {
		margin-top: 18px;
	}


	.properties-grid {
		grid-template-columns: 1fr;
	}


	.property-card__image {
		height: 230px;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 450px) {

	.properties-filter {
		padding: 20px;
	}


	.properties-results__top h2 {
		font-size: 24px !important;
	}


	.properties-sort {
		gap: 5px;
	}


	.properties-sort span {
		width: 100%;

		margin-bottom: 3px;
	}


	.property-card__image {
		height: 205px;
	}


	.property-card__body {
		padding: 16px;
	}


	.property-card__price {
		font-size: 20px;
	}

}
/* =====================================================
   LISTADO INMUEBLES - EXPERIENCIA MÓVIL
   ===================================================== */


/* Oculto en escritorio */
.properties-filter__mobile-toggle {
	display: none;
}

.properties-filter__body {
	display: block;
}


/* =====================================================
   TABLET / MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	/* ---------------------------------------------
	   HERO INTERNO
	   --------------------------------------------- */

	.properties-hero {
		padding: 34px 20px !important;
	}

	.properties-hero__inner {
		text-align: left;
	}

	.properties-hero h1 {
		font-size: 30px !important;
		line-height: 1.15 !important;
	}

	.properties-hero p {
		font-size: 14px !important;
		line-height: 1.55 !important;
	}


	/* ---------------------------------------------
	   CONTENIDO
	   --------------------------------------------- */

	.properties-layout {
		padding: 25px 15px 50px !important;
	}

	.properties-layout__inner {
		display: block !important;
		width: 100% !important;
	}


	/* ---------------------------------------------
	   PANEL FILTROS
	   --------------------------------------------- */

	.properties-filter {
		position: static !important;

		width: 100% !important;

		margin: 0 0 25px !important;
		padding: 0 !important;

		background: #ffffff !important;

		border: 1px solid #e5e7eb;
		border-radius: 10px;

		box-shadow:
			0 3px 12px rgba(15,23,42,.05);

		overflow: hidden;
	}


	/* Botón abrir filtros */

	.properties-filter__mobile-toggle {
		display: flex !important;

		width: 100%;
		min-height: 58px;

		align-items: center;
		justify-content: space-between;

		padding: 0 18px;

		border: 0;

		background: #ffffff;

		color: #111827;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: 700;

		cursor: pointer;
	}


	/* Flecha */

	.properties-filter__mobile-arrow {
		width: 9px;
		height: 9px;

		border-right: 2px solid #374151;
		border-bottom: 2px solid #374151;

		transform: rotate(45deg);

		margin-top: -5px;

		transition: transform .2s ease;
	}


	/* Filtros cerrados inicialmente */

	.properties-filter__body {
		display: none;

		padding: 20px;

		border-top: 1px solid #eeeeee;
	}


	/* Cuando está abierto */

	.properties-filter.is-open
	.properties-filter__body {
		display: block;
	}


	.properties-filter.is-open
	.properties-filter__mobile-arrow {
		transform: rotate(225deg);

		margin-top: 5px;
	}


	/* Cabecera interna */

	.properties-filter__header {
		margin-bottom: 18px;
	}

	.properties-filter__header h2 {
		font-size: 20px !important;
	}

	.properties-filter__header p {
		margin-bottom: 15px !important;
	}


	/* Campos */

	.filter-field {
		margin-bottom: 14px;
	}

	.filter-field select {
		height: 47px;

		font-size: 14px;
	}


	/* Botones */

	.filter-button {
		min-height: 48px;

		font-size: 14px;
	}

	.filter-reset {
		min-height: 42px;
	}


	/* ---------------------------------------------
	   ENCABEZADO DE RESULTADOS
	   --------------------------------------------- */

	.properties-results__top {
		display: block !important;

		margin-bottom: 20px;
	}

	.properties-results__count {
		font-size: 12px;
	}

	.properties-results__top h2 {
		font-size: 24px !important;
	}


	/* ---------------------------------------------
	   ORDENAMIENTO
	   --------------------------------------------- */

	.properties-sort {
		display: grid !important;

		grid-template-columns:
			1fr 1fr;

		gap: 7px;

		width: 100%;

		margin-top: 16px;
	}

	.properties-sort > span {
		grid-column: 1 / -1;

		width: 100%;

		margin-bottom: 1px;

		font-size: 12px;
	}

	.properties-sort a {
		display: flex;

		align-items: center;
		justify-content: center;

		min-height: 42px;

		padding: 0 8px !important;

		text-align: center;
	}


	/* ---------------------------------------------
	   GRID
	   --------------------------------------------- */

	.properties-grid {
		display: grid !important;

		grid-template-columns: 1fr !important;

		gap: 20px !important;

		width: 100%;
	}


	/* ---------------------------------------------
	   TARJETAS
	   --------------------------------------------- */

	.property-card {
		width: 100% !important;

		border-radius: 10px;
	}

	.property-card__image {
		height: 225px !important;
	}

	.property-card__body {
		padding: 16px !important;
	}


	/* Características */

	.property-card__features {
		display: grid !important;

		grid-template-columns:
			repeat(4, 1fr);

		gap: 0 !important;

		padding: 10px 0 13px;
	}

	.property-card__features span {
		display: flex;

		align-items: center;
		justify-content: center;

		gap: 4px;

		font-size: 11px !important;

		border-right: 1px solid #eeeeee;
	}

	.property-card__features span:last-child {
		border-right: 0;
	}


	/* Precio */

	.property-card__price {
		margin-top: 14px;

		font-size: 21px !important;
	}


	/* Ubicación */

	.property-card__location {
		font-size: 12.5px !important;
	}


	/* Descripción */

	.property-card__description {
		font-size: 13px !important;

		-webkit-line-clamp: 2 !important;
	}


	/* Botón detalle */

	.property-card__button {
		display: flex !important;

		width: 100%;

		min-height: 44px;

		margin-top: 16px;

		align-items: center;
		justify-content: center;
	}


	/* ---------------------------------------------
	   PAGINACIÓN
	   --------------------------------------------- */

	.properties-pagination {
		margin-top: 28px;
		gap: 5px;
	}

	.properties-pagination a,
	.properties-pagination
	.pagination-current {
		min-width: 38px;
		height: 38px;
	}

}


/* =====================================================
   CELULARES PEQUEÑOS
   ===================================================== */

@media screen and (max-width: 420px) {

	.properties-layout {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.properties-filter__body {
		padding: 17px;
	}

	.property-card__image {
		height: 205px !important;
	}

	.property-card__body {
		padding: 14px !important;
	}

	.property-card__price {
		font-size: 20px !important;
	}

}
/* =====================================================
   AJUSTE DEFINITIVO MÓVIL - HERO LISTADO
   ===================================================== */

@media screen and (max-width: 750px) {

	.properties-hero {
		position: relative !important;

		width: 100% !important;

		padding: 38px 20px 32px !important;

		overflow: visible !important;

		box-sizing: border-box !important;
	}


	.properties-hero__inner {
		position: relative !important;

		width: 100% !important;

		margin: 0 auto !important;
		padding: 0 !important;

		overflow: visible !important;
	}



	.properties-hero h1 {
		position: static !important;

		margin: 0 0 12px 0 !important;
		padding: 0 !important;

		font-size: 29px !important;
		line-height: 1.15 !important;

		transform: none !important;
	}


	.properties-hero p {
		position: static !important;

		max-width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		font-size: 14px !important;
		line-height: 1.5 !important;

		transform: none !important;
	}


	/* Contenido principal */

	.properties-layout {
		padding-top: 22px !important;
	}


	.properties-filter {
		margin-bottom: 22px !important;
	}


	.properties-filter__mobile-toggle {
		min-height: 54px !important;

		padding: 0 16px !important;

		font-size: 15px !important;
	}


	.properties-results__top h2 {
		font-size: 22px !important;
	}


	.properties-results__count {
		margin-bottom: 4px !important;
	}


	.properties-sort {
		margin-top: 14px !important;
	}

}
/* =====================================================
   EYEBROW HERO LISTADO - CORRECCIÓN DEFINITIVA
   ===================================================== */

.properties-hero__eyebrow {
	position: static !important;

	display: block !important;

	width: auto !important;
	height: auto !important;

	margin: 0 0 10px 0 !important;
	padding: 0 !important;

	color: #d6a84b !important;

	background: transparent !important;

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 13px !important;
	font-weight: 700 !important;

	line-height: 1.3 !important;

	letter-spacing: 1.2px !important;

	text-transform: uppercase !important;

	transform: none !important;

	overflow: visible !important;
}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.properties-hero {
		padding: 34px 20px 32px !important;
	}

	.properties-hero__inner {
		position: relative !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: visible !important;
	}

	.properties-hero__eyebrow {
		position: static !important;

		display: block !important;

		margin: 0 0 12px 0 !important;

		padding: 0 !important;

		font-size: 11px !important;
		line-height: 1.3 !important;

		transform: none !important;
	}

	.properties-hero h1 {
		margin: 0 0 12px 0 !important;
		padding: 0 !important;
	}

}
/* =====================================================
   CORRECCIÓN HERO INTERNO - ESPACIO SUPERIOR
   ===================================================== */

.properties-hero {
	position: relative !important;
	overflow: hidden !important;
}

.properties-hero__inner {
	position: relative !important;
	padding-top: 24px !important;
	padding-bottom: 10px !important;
}

.properties-hero__eyebrow {
	position: relative !important;
	display: block !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;

	color: #d6a84b !important;

	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;

	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.properties-hero {
		padding: 20px 20px 30px !important;
	}

	.properties-hero__inner {
		padding-top: 18px !important;
		padding-bottom: 0 !important;
	}

	.properties-hero__eyebrow {
		margin-bottom: 10px !important;
		font-size: 11px !important;
		line-height: 1.4 !important;
	}

	.properties-hero h1 {
		margin-top: 0 !important;
		margin-bottom: 12px !important;
	}

}
/* =====================================================
   DETALLE DE INMUEBLE
   ===================================================== */


/* =====================================================
   CABECERA
   ===================================================== */

.property-detail-hero {
	width: 100%;

	padding: 30px 20px;

	background: #f6f7f9;

	border-bottom: 1px solid #e5e7eb;

	box-sizing: border-box;
}


.property-detail-hero__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
}


.property-detail-back {
	display: inline-block;

	margin-bottom: 22px;

	color: #6b7280 !important;

	font-size: 13px;
	font-weight: 600;

	text-decoration: none !important;
}


.property-detail-back:hover {
	color: #111827 !important;
}


.property-detail-heading {
	display: flex;

	align-items: flex-end;
	justify-content: space-between;

	gap: 30px;
}


.property-detail-badge {
	display: inline-flex;

	margin-bottom: 10px;
	padding: 6px 10px;

	background: #d71920;

	border-radius: 5px;

	color: #ffffff;

	font-size: 11px;
	font-weight: 700;
}


.property-detail-heading h1 {
	margin: 0 0 10px !important;

	color: #111827 !important;

	font-size: 34px !important;
	font-weight: 700 !important;

	line-height: 1.15 !important;
}


.property-detail-heading p {
	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 14px !important;
}


.property-detail-heading__price {
	flex: 0 0 auto;

	text-align: right;
}


.property-detail-heading__price span {
	display: block;

	margin-bottom: 4px;

	color: #6b7280;

	font-size: 12px;
}


.property-detail-heading__price strong {
	display: block;

	color: #111827;

	font-size: 30px;
	font-weight: 700;
}


/* =====================================================
   CONTENIDO GENERAL
   ===================================================== */

.property-detail {
	width: 100%;

	padding: 32px 20px 70px;

	background: #ffffff;

	box-sizing: border-box;
}


.property-detail__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;

	display: grid;

	grid-template-columns:
		minmax(0, 1fr) 310px;

	gap: 40px;

	align-items: start;
}


.property-detail__main {
	min-width: 0;
}


/* =====================================================
   IMAGEN PRINCIPAL
   ===================================================== */

.property-main-image {
	position: relative;

	width: 100%;

	overflow: hidden;

	border-radius: 14px;

	background: #f3f4f6;
}


.property-main-image a {
	display: block;

	width: 100%;
}


.property-main-image img {
	display: block !important;

	width: 100% !important;
	height: 440px !important;

	object-fit: cover !important;
	object-position: center center !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* =====================================================
   CARACTERÍSTICAS
   ===================================================== */

.property-detail-features {
	display: grid;

	grid-template-columns:
		repeat(4, 1fr);

	margin-top: 26px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 10px;

	overflow: hidden;
}


.property-detail-feature {
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 10px;

	padding: 18px 12px;

	border-right: 1px solid #e5e7eb;
}


.property-detail-feature:last-child {
	border-right: 0;
}


.property-detail-feature > span {
	color: #d71920;

	font-size: 20px;
}


.property-detail-feature div {
	display: flex;
	flex-direction: column;
}


.property-detail-feature strong {
	color: #111827;

	font-size: 15px;
	font-weight: 700;
}


.property-detail-feature div span {
	margin-top: 2px;

	color: #6b7280;

	font-size: 11px;
}


/* =====================================================
   SECCIONES
   ===================================================== */

.property-detail-section {
	margin-top: 42px;
}


.property-detail-section h2 {
	margin: 0 0 18px !important;

	color: #111827 !important;

	font-size: 24px !important;
}


.property-detail-section__heading {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 20px;

	margin-bottom: 18px;
}


.property-detail-section__heading h2 {
	margin: 0 !important;
}


.property-detail-section__heading > span {
	color: #6b7280;

	font-size: 12px;
}


.property-detail-description {
	color: #4b5563;

	font-size: 15px;
	line-height: 1.75;
}


/* =====================================================
   GALERÍA
   ===================================================== */

.property-gallery {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 12px;
}


.property-gallery__item {
	display: block;

	height: 180px;

	overflow: hidden;

	border-radius: 9px;

	background: #f3f4f6;
}


.property-gallery__item img {
	display: block;

	width: 100% !important;
	height: 100% !important;

	object-fit: cover;

	margin: 0 !important;
	padding: 0 !important;

	transition: transform .25s ease;
}


.property-gallery__item:hover img {
	transform: scale(1.04);
}


/* =====================================================
   UBICACIÓN / MAPA
   ===================================================== */

.property-detail-address {
	display: flex;

	align-items: center;

	gap: 7px;

	margin: 0 0 16px !important;

	color: #4b5563;

	font-size: 14px;
}


.property-detail-address .icon-location {
	color: #d71920;
}


.property-map {
	width: 100%;
	height: 390px;

	overflow: hidden;

	border-radius: 12px;

	background: #f3f4f6;
}


.property-map-empty {
	display: flex;

	width: 100%;
	height: 100%;

	align-items: center;
	justify-content: center;

	color: #6b7280;

	font-size: 14px;
}


/* =====================================================
   SIDEBAR
   ===================================================== */

.property-detail__sidebar {
	position: sticky;

	top: 20px;
}


/* =====================================================
   CONTACTO
   ===================================================== */

.property-contact-card {
	padding: 25px;

	background: #111827;

	border-radius: 12px;

	color: #ffffff;
}


.property-contact-card__eyebrow {
	display: block;

	margin-bottom: 8px;

	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.property-contact-card h2 {
	margin: 0 0 12px !important;

	color: #ffffff !important;

	font-size: 22px !important;

	line-height: 1.25 !important;
}


.property-contact-card p {
	margin: 0 0 20px !important;

	color: #cbd5e1 !important;

	font-size: 13px !important;
	line-height: 1.6 !important;
}


.property-contact-whatsapp,
.property-contact-secondary {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 100%;
	min-height: 44px;

	box-sizing: border-box;

	border-radius: 7px;

	font-size: 12px;
	font-weight: 700;

	text-decoration: none !important;
}


.property-contact-whatsapp {
	background: #ffffff;

	color: #111827 !important;
}


.property-contact-whatsapp:hover {
	background: #f3f4f6;
}


.property-contact-secondary {
	margin-top: 9px;

	border: 1px solid rgba(255,255,255,.25);

	color: #ffffff !important;

	background: transparent;
}


.property-contact-secondary:hover {
	background: rgba(255,255,255,.08);
}


/* =====================================================
   BÚSQUEDA LATERAL
   ===================================================== */

.property-search-card {
	margin-top: 20px;
	padding: 23px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 12px;

	box-shadow:
		0 4px 18px rgba(15,23,42,.05);
}


.property-search-card__heading {
	margin-bottom: 18px;
}


.property-search-card__heading h3 {
	margin: 0 0 5px;

	color: #111827;

	font-size: 19px;
}


.property-search-card__heading p {
	margin: 0;

	color: #6b7280;

	font-size: 12px;
}


.property-search-field {
	margin-bottom: 12px;
}


.property-search-field label {
	display: block;

	margin-bottom: 5px;

	color: #374151;

	font-size: 11px;
	font-weight: 600;
}


.property-search-field select {
	width: 100%;
	height: 42px;

	padding: 0 10px;

	border: 1px solid #d9dde3;
	border-radius: 6px;

	background: #ffffff;

	color: #333333;

	font-size: 12px;

	box-sizing: border-box;
}


.property-search-button {
	width: 100%;
	min-height: 44px;

	margin-top: 3px;

	border: 0;
	border-radius: 6px;

	background: #d71920;

	color: #ffffff;

	font-size: 12px;
	font-weight: 700;

	cursor: pointer;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 1000px) {

	.property-detail__inner {
		grid-template-columns:
			minmax(0, 1fr) 270px;

		gap: 25px;
	}


	.property-main-image img {
		height: 380px !important;
	}


	.property-gallery {
		grid-template-columns:
			repeat(2, 1fr);
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.property-detail-hero {
		padding: 18px 20px 22px !important;
	}

	.property-detail-back {
		margin-bottom: 12px !important;
		font-size: 12px !important;
	}

	.property-detail-heading {
		display: block !important;
	}

	.property-detail-badge {
		margin-bottom: 10px !important;
		padding: 5px 9px !important;
		font-size: 10px !important;
	}

	.property-detail-heading h1 {
		margin-bottom: 8px !important;

		font-size: 25px !important;
		line-height: 1.12 !important;
	}

	.property-detail-heading p {
		font-size: 13px !important;
		line-height: 1.4 !important;
	}

	.property-detail-heading__price {
		margin-top: 14px !important;
		text-align: left !important;
	}

	.property-detail-heading__price span {
		margin-bottom: 2px !important;
		font-size: 11px !important;
	}

	.property-detail-heading__price strong {
		font-size: 25px !important;
		line-height: 1.1 !important;
	}

	.property-detail {
		padding: 18px 15px 50px !important;
	}

	.property-main-image {
		border-radius: 10px !important;
	}

	.property-main-image img {
		height: 280px !important;
	}
}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.property-main-image img {
		height: 235px !important;
	}

	.property-detail-heading h1 {
		font-size: 23px !important;
	}

	.property-detail-heading__price strong {
		font-size: 24px !important;
	}
}
/* =====================================================
   CORRECCIÓN DEFINITIVA MÓVIL - DETALLE INMUEBLE
   FUERZA UNA SOLA COLUMNA
   ===================================================== */

@media screen and (max-width: 750px) {

	/* Contenedor general */
	.property-detail {
		width: 100% !important;
		padding: 18px 15px 50px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}


	/* Elimina completamente el grid de escritorio */
	.property-detail__inner {
		display: flex !important;
		flex-direction: column !important;

		grid-template-columns: none !important;
		grid-template-rows: none !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		gap: 0 !important;

		box-sizing: border-box !important;
	}


	/* Columna principal */
	.property-detail__main {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;

		box-sizing: border-box !important;
	}


	/* Imagen principal */
	.property-main-image {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 0 !important;

		border-radius: 10px !important;

		overflow: hidden !important;

		box-sizing: border-box !important;
	}


	.property-main-image a {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;
	}


	.property-main-image img {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;
		height: 280px !important;

		object-fit: cover !important;
		object-position: center center !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	/* Características */
	.property-detail-features {
		display: grid !important;

		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 18px 0 0 !important;

		box-sizing: border-box !important;
	}


	.property-detail-feature {
		width: auto !important;
		min-width: 0 !important;

		box-sizing: border-box !important;
	}


	/* Descripción, galería y mapa */
	.property-detail-section {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		clear: both !important;

		box-sizing: border-box !important;
	}


	.property-detail-description {
		width: 100% !important;
		max-width: 100% !important;

		overflow-wrap: break-word !important;
		word-wrap: break-word !important;

		box-sizing: border-box !important;
	}


	.property-gallery {
		width: 100% !important;
		max-width: 100% !important;

		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

		box-sizing: border-box !important;
	}


	.property-map {
		width: 100% !important;
		max-width: 100% !important;
		height: 300px !important;

		box-sizing: border-box !important;
	}


	/* =================================================
	   SIDEBAR
	   AHORA VA DEBAJO DEL CONTENIDO PRINCIPAL
	   ================================================= */

	.property-detail__sidebar {
		position: static !important;

		display: block !important;

		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;

		margin: 35px 0 0 !important;
		padding: 0 !important;

		box-sizing: border-box !important;

		clear: both !important;
	}


	.property-contact-card {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 0 !important;
		padding: 24px !important;

		box-sizing: border-box !important;
	}


	.property-search-card {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 20px 0 0 !important;
		padding: 22px !important;

		box-sizing: border-box !important;
	}


	.property-search-field,
	.property-search-field select {
		width: 100% !important;
		max-width: 100% !important;

		box-sizing: border-box !important;
	}

}


/* =====================================================
   CELULARES PEQUEÑOS
   ===================================================== */

@media screen and (max-width: 430px) {

	.property-detail {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}


	.property-main-image img {
		height: 235px !important;
	}


	.property-detail-feature {
		padding: 14px 8px !important;
	}


	.property-gallery__item {
		height: 115px !important;
	}


	.property-contact-card {
		padding: 22px !important;
	}


	.property-search-card {
		padding: 20px !important;
	}

}
/* =====================================================
   SERVICIOS
   ===================================================== */


/* =====================================================
   HERO
   ===================================================== */

.services-hero {
	width: 100%;

	padding: 64px 20px;

	box-sizing: border-box;

	background:
		linear-gradient(
			rgba(15, 23, 42, .90),
			rgba(15, 23, 42, .90)
		),
		url('../images/arriendo7.png');

	background-size: cover;
	background-position: center;

	color: #ffffff;
}


.services-hero__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
}


.services-hero__eyebrow {
	margin-bottom: 10px;

	color: #d6a84b;

	font-size: 12px;
	font-weight: 700;

	letter-spacing: 1.4px;

	text-transform: uppercase;
}


.services-hero h1 {
	max-width: 720px;

	margin: 0 0 18px !important;

	color: #ffffff !important;

	font-size: 42px !important;
	font-weight: 700 !important;

	line-height: 1.1 !important;
}


.services-hero p {
	max-width: 680px;

	margin: 0 !important;

	color: #e5e7eb !important;

	font-size: 17px !important;
	line-height: 1.65 !important;
}


/* =====================================================
   NAVEGACIÓN RÁPIDA
   ===================================================== */

.services-nav {
	width: 100%;

	background: #ffffff;

	border-bottom: 1px solid #e5e7eb;
}


.services-nav__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
	padding: 0 20px;

	display: flex;
	align-items: center;

	box-sizing: border-box;

	overflow-x: auto;
}


.services-nav__inner a {
	display: flex;

	flex: 0 0 auto;

	align-items: center;

	min-height: 58px;

	padding: 0 20px;

	border-bottom: 2px solid transparent;

	color: #4b5563 !important;

	font-size: 13px;
	font-weight: 600;

	text-decoration: none !important;

	transition:
		color .2s ease,
		border-color .2s ease;
}


.services-nav__inner a:hover {
	color: #111827 !important;

	border-bottom-color: #d6a84b;
}


/* =====================================================
   CONTENIDO GENERAL
   ===================================================== */

.services-page {
	width: 100%;

	padding: 55px 20px 75px;

	box-sizing: border-box;

	background: #f7f8fa;
}


.services-page__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;

	display: grid;

	grid-template-columns:
		minmax(0, 1fr) 310px;

	gap: 40px;

	align-items: start;
}


.services-content {
	min-width: 0;
}


/* =====================================================
   BLOQUES DE SERVICIO
   ===================================================== */

.service-block {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	min-height: 360px;

	margin-bottom: 28px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 14px;

	overflow: hidden;

	box-shadow:
		0 4px 20px rgba(15, 23, 42, .04);

	scroll-margin-top: 90px;
}


.service-block__content {
	position: relative;

	display: flex;
	flex-direction: column;

	justify-content: center;

	padding: 45px;

	box-sizing: border-box;
}


.service-block__number {
	position: absolute;

	top: 22px;
	right: 26px;

	color: #e5e7eb;

	font-size: 46px;
	font-weight: 800;
}


.service-block__eyebrow {
	margin-bottom: 8px;

	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;

	letter-spacing: 1.1px;

	text-transform: uppercase;
}


.service-block h2 {
	margin: 0 0 17px !important;

	color: #111827 !important;

	font-size: 29px !important;
	font-weight: 700 !important;
}


.service-block p {
	margin: 0 0 14px !important;

	color: #5f6673 !important;

	font-size: 14px !important;
	line-height: 1.7 !important;
}


.service-block__link {
	align-self: flex-start;

	display: inline-flex;

	margin-top: 8px;

	align-items: center;
	justify-content: center;

	min-height: 42px;

	padding: 0 18px;

	border: 1px solid #d9dde3;
	border-radius: 6px;

	color: #111827 !important;

	font-size: 12px;
	font-weight: 700;

	text-decoration: none !important;
}


.service-block__link:hover {
	border-color: #111827;
}


/* =====================================================
   IMÁGENES
   ===================================================== */

.service-block__image {
	min-height: 360px;

	background: #edf0f3;

	overflow: hidden;
}


.service-block__image img {
	display: block !important;

	width: 100% !important;
	height: 100% !important;
	min-height: 360px;

	object-fit: cover;

	margin: 0 !important;
	padding: 0 !important;
}


/* =====================================================
   BLOQUES GRÁFICOS
   ===================================================== */

.service-block__visual {
	min-height: 360px;

	display: flex;

	align-items: flex-end;

	padding: 35px;

	box-sizing: border-box;
}


.service-block__visual > div {
	display: flex;

	flex-direction: column;

	gap: 7px;
}


.service-block__visual strong {
	font-size: 26px;

	line-height: 1.15;
}


.service-block__visual span {
	max-width: 280px;

	font-size: 13px;

	line-height: 1.5;
}


.service-block__visual--dark {
	background:
		linear-gradient(
			135deg,
			#111827,
			#25334a
		);

	color: #ffffff;
}


.service-block__visual--accent {
	background:
		linear-gradient(
			135deg,
			#d6a84b,
			#be8e30
		);

	color: #ffffff;
}


.service-block__visual--light {
	background:
		linear-gradient(
			135deg,
			#e8ebef,
			#f7f8fa
		);

	color: #111827;
}


/* =====================================================
   LISTADO AVALÚOS
   ===================================================== */

.service-list {
	margin: 6px 0 0;
	padding: 0;

	display: grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap: 9px;

	list-style: none;
}


.service-list li {
	position: relative;

	padding-left: 19px;

	color: #4b5563;

	font-size: 13px;
}


.service-list li::before {
	content: "";

	position: absolute;

	top: 7px;
	left: 0;

	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #d6a84b;
}


/* =====================================================
   DETALLE CONSTRUCCIÓN
   ===================================================== */

.service-detail-list {
	margin-top: 8px;
}


.service-detail-list > div {
	padding: 12px 0;

	border-bottom: 1px solid #edf0f3;
}


.service-detail-list > div:last-child {
	border-bottom: 0;
}


.service-detail-list strong {
	display: block;

	margin-bottom: 3px;

	color: #111827;

	font-size: 13px;
}


.service-detail-list span {
	display: block;

	color: #6b7280;

	font-size: 12px;
	line-height: 1.55;
}


/* =====================================================
   SIDEBAR
   ===================================================== */

.services-sidebar {
	position: sticky;

	top: 20px;
}


/* =====================================================
   CONTACTO SIDEBAR
   ===================================================== */

.services-contact-card {
	padding: 26px;

	background: #111827;

	border-radius: 13px;

	color: #ffffff;
}


.services-contact-card__eyebrow {
	margin-bottom: 9px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.services-contact-card h2 {
	margin: 0 0 13px !important;

	color: #ffffff !important;

	font-size: 24px !important;
	line-height: 1.2 !important;
}


.services-contact-card p {
	margin: 0 0 20px !important;

	color: #cbd5e1 !important;

	font-size: 13px !important;
	line-height: 1.6 !important;
}


.services-contact-card__primary,
.services-contact-card__secondary {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 100%;
	min-height: 44px;

	box-sizing: border-box;

	border-radius: 7px;

	font-size: 12px;
	font-weight: 700;

	text-decoration: none !important;
}


.services-contact-card__primary {
	background: #ffffff;

	color: #111827 !important;
}


.services-contact-card__secondary {
	margin-top: 9px;

	border: 1px solid rgba(255,255,255,.22);

	color: #ffffff !important;
}


/* =====================================================
   BÚSQUEDA SIDEBAR
   ===================================================== */

.service-property-search {
	margin-top: 20px;
	padding: 24px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 12px;
}


.service-property-search__heading {
	margin-bottom: 18px;
}


.service-property-search__heading > span {
	display: block;

	margin-bottom: 5px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 1px;
}


.service-property-search__heading h3 {
	margin: 0 0 6px;

	color: #111827;

	font-size: 19px;
}


.service-property-search__heading p {
	margin: 0;

	color: #6b7280;

	font-size: 12px;
}


.service-search-field {
	margin-bottom: 12px;
}


.service-search-field label {
	display: block;

	margin-bottom: 5px;

	color: #374151;

	font-size: 11px;
	font-weight: 600;
}


.service-search-field select {
	width: 100%;
	height: 42px;

	padding: 0 10px;

	border: 1px solid #d9dde3;
	border-radius: 6px;

	background: #ffffff;

	color: #374151;

	font-size: 12px;

	box-sizing: border-box;
}


.service-search-button {
	width: 100%;
	min-height: 44px;

	margin-top: 4px;

	border: 0;
	border-radius: 6px;

	background: #d71920;

	color: #ffffff;

	font-size: 12px;
	font-weight: 700;

	cursor: pointer;
}


/* =====================================================
   CTA FINAL
   ===================================================== */

.services-cta {
	width: 100%;

	padding: 55px 20px;

	box-sizing: border-box;

	background: #ffffff;

	border-top: 1px solid #e5e7eb;
}


.services-cta__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;

	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 40px;
}


.services-cta__inner > div > span {
	display: block;

	margin-bottom: 8px;

	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.services-cta h2 {
	margin: 0 0 10px !important;

	color: #111827 !important;

	font-size: 28px !important;
}


.services-cta p {
	max-width: 650px;

	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 14px !important;
	line-height: 1.6 !important;
}


.services-cta__inner > a {
	display: inline-flex;

	flex: 0 0 auto;

	align-items: center;
	justify-content: center;

	min-height: 46px;

	padding: 0 23px;

	background: #d71920;

	border-radius: 6px;

	color: #ffffff !important;

	font-size: 12px;
	font-weight: 700;

	text-decoration: none !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 1000px) {

	.services-page__inner {
		grid-template-columns:
			minmax(0, 1fr) 270px;

		gap: 25px;
	}


	.service-block__content {
		padding: 35px;
	}


	.service-block h2 {
		font-size: 25px !important;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.services-hero {
		padding: 38px 20px;
	}


	.services-hero h1 {
		font-size: 31px !important;
	}


	.services-hero p {
		font-size: 15px !important;
	}


	.services-nav__inner {
		padding: 0 10px;
	}


	.services-nav__inner a {
		min-height: 52px;

		padding: 0 14px;

		font-size: 12px;
	}


	.services-page {
		padding: 25px 15px 50px;
	}


	.services-page__inner {
		display: flex !important;

		flex-direction: column !important;

		width: 100% !important;

		gap: 0 !important;
	}


	.services-content {
		width: 100% !important;
	}


	.service-block {
		display: flex !important;

		flex-direction: column !important;

		width: 100% !important;

		min-height: 0;

		margin-bottom: 18px;
	}


	.service-block__content {
		order: 2;

		padding: 30px 24px;
	}


	.service-block__image,
	.service-block__visual {
		order: 1;

		width: 100%;
		min-height: 220px;
	}


	.service-block__image img {
		min-height: 220px;
		height: 220px !important;
	}


	.service-block__visual {
		padding: 25px;
	}


	.service-block__number {
		top: 18px;
		right: 20px;

		font-size: 38px;
	}


	.service-block h2 {
		font-size: 25px !important;
	}


	.service-list {
		grid-template-columns: 1fr;
	}


	.services-sidebar {
		position: static !important;

		width: 100% !important;

		margin-top: 20px;
	}


	.services-contact-card,
	.service-property-search {
		width: 100% !important;

		box-sizing: border-box;
	}


	.services-cta {
		padding: 40px 20px;
	}


	.services-cta__inner {
		display: block;
	}


	.services-cta__inner > a {
		margin-top: 22px;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.services-hero {
		padding: 32px 18px;
	}


	.services-hero h1 {
		font-size: 28px !important;
	}


	.services-hero p {
		font-size: 14px !important;
	}


	.service-block__content {
		padding: 27px 20px;
	}


	.service-block__image,
	.service-block__visual {
		min-height: 190px;
	}


	.service-block__image img {
		height: 190px !important;
		min-height: 190px;
	}


	.services-contact-card,
	.service-property-search {
		padding: 21px;
	}

}
/* =====================================================
   AJUSTE HERO SERVICIOS
   CORRECCIÓN TEXTO DORADO
   ===================================================== */

.services-hero__inner {
	padding-top: 12px !important;
	box-sizing: border-box !important;
}

.services-hero__eyebrow {
	display: block !important;
	position: static !important;

	margin: 0 0 12px !important;
	padding: 0 !important;

	height: auto !important;
	line-height: 1.3 !important;

	color: #d6a84b !important;

	font-size: 12px !important;
	font-weight: 700 !important;

	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;

	overflow: visible !important;
}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.services-hero {
		padding: 32px 20px 36px !important;
	}


	.services-hero__inner {
		padding-top: 12px !important;
	}


	.services-hero__eyebrow {
		display: block !important;

		margin: 0 0 10px !important;

		font-size: 11px !important;
		line-height: 1.3 !important;

		position: static !important;

		transform: none !important;

		overflow: visible !important;
	}


	.services-hero h1 {
		margin-top: 0 !important;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.services-hero {
		padding-top: 30px !important;
	}


	.services-hero__inner {
		padding-top: 10px !important;
	}


	.services-hero__eyebrow {
		margin-bottom: 9px !important;

		font-size: 10px !important;
	}

}
/* =====================================================
   CORRECCIÓN EYEBROW SERVICIOS
   MISMA SOLUCIÓN USADA EN INMUEBLES-ARRIENDO
   ===================================================== */

.services-hero .services-hero__eyebrow {
	position: static !important;

	display: block !important;

	width: auto !important;
	height: auto !important;

	margin: 0 0 10px 0 !important;
	padding: 0 !important;

	color: #d6a84b !important;
	background: transparent !important;

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 12px !important;
	font-weight: 700 !important;

	line-height: 1.3 !important;

	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;

	transform: none !important;

	overflow: visible !important;

	float: none !important;

	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.services-hero {
		padding: 34px 24px 38px !important;

		overflow: visible !important;
	}


	.services-hero__inner {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 0 auto !important;
		padding: 8px 0 0 0 !important;

		overflow: visible !important;

		box-sizing: border-box !important;
	}


	.services-hero .services-hero__eyebrow {
		position: static !important;

		display: block !important;

		width: auto !important;
		height: auto !important;

		margin: 0 0 10px 0 !important;
		padding: 0 !important;

		font-size: 11px !important;
		line-height: 1.3 !important;

		transform: none !important;

		overflow: visible !important;
	}


	.services-hero h1 {
		position: static !important;

		margin: 0 0 18px 0 !important;
		padding: 0 !important;

		font-size: 31px !important;
		line-height: 1.15 !important;

		transform: none !important;
	}


	.services-hero p {
		position: static !important;

		margin: 0 !important;
		padding: 0 !important;

		font-size: 15px !important;
		line-height: 1.6 !important;

		transform: none !important;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.services-hero {
		padding: 30px 24px 34px !important;
	}


	.services-hero__inner {
		padding-top: 8px !important;
	}


	.services-hero .services-hero__eyebrow {
		margin-bottom: 9px !important;

		font-size: 10px !important;
	}


	.services-hero h1 {
		font-size: 29px !important;
	}

}
/* =====================================================
   CORRECCIÓN DEFINITIVA HERO SERVICIOS EN MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	/* Ocultamos el texto dorado únicamente en móvil */
	.services-hero__eyebrow {
		display: none !important;
	}

	/* Ajustamos el espacio del hero */
	.services-hero {
		padding: 32px 24px 38px !important;
	}

	.services-hero__inner {
		padding: 0 !important;
		margin: 0 auto !important;
	}

	.services-hero h1 {
		margin: 0 0 18px !important;
		padding: 0 !important;

		font-size: 31px !important;
		line-height: 1.15 !important;
	}

	.services-hero p {
		margin: 0 !important;
		padding: 0 !important;

		font-size: 15px !important;
		line-height: 1.6 !important;
	}

}


@media screen and (max-width: 430px) {

	.services-hero {
		padding: 28px 24px 34px !important;
	}

	.services-hero h1 {
		font-size: 29px !important;
	}

	.services-hero p {
		font-size: 14px !important;
	}

}
/* =====================================================
   NUESTRA EMPRESA
   ===================================================== */


/* =====================================================
   HERO
   ===================================================== */

.company-hero {
	width: 100%;

	padding: 60px 20px;

	box-sizing: border-box;

	background:
		linear-gradient(
			rgba(15, 23, 42, .91),
			rgba(15, 23, 42, .91)
		),
		url('../images/fachada.jpg');

	background-size: cover;
	background-position: center;

	color: #ffffff;
}


.company-hero__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;

	padding-top: 12px;
}


.company-hero__eyebrow {
	display: block;

	margin: 0 0 10px;

	color: #d6a84b;

	font-size: 12px;
	font-weight: 700;

	line-height: 1.3;

	letter-spacing: 1.2px;

	text-transform: uppercase;
}


.company-hero h1 {
	margin: 0 0 16px !important;

	color: #ffffff !important;

	font-size: 42px !important;
	font-weight: 700 !important;

	line-height: 1.1 !important;
}


.company-hero p {
	max-width: 650px;

	margin: 0 !important;

	color: #e5e7eb !important;

	font-size: 17px !important;
	line-height: 1.6 !important;
}


/* =====================================================
   NAVEGACIÓN INTERNA
   ===================================================== */

.company-nav {
	width: 100%;

	background: #ffffff;

	border-bottom: 1px solid #e5e7eb;
}


.company-nav__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
	padding: 0 20px;

	display: flex;

	overflow-x: auto;

	box-sizing: border-box;
}


.company-nav a {
	display: flex;

	flex: 0 0 auto;

	align-items: center;

	min-height: 56px;

	padding: 0 20px;

	border-bottom: 2px solid transparent;

	color: #4b5563 !important;

	font-size: 13px;
	font-weight: 600;

	text-decoration: none !important;
}


.company-nav a:hover {
	color: #111827 !important;

	border-bottom-color: #d6a84b;
}


/* =====================================================
   PÁGINA
   ===================================================== */

.company-page {
	width: 100%;

	padding: 55px 20px 75px;

	box-sizing: border-box;

	background: #f7f8fa;
}


.company-page__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
}


.company-section-eyebrow {
	margin-bottom: 8px;

	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;

	line-height: 1.3;

	letter-spacing: 1.1px;

	text-transform: uppercase;
}


/* =====================================================
   HISTORIA
   ===================================================== */

.company-history {
	display: grid;

	grid-template-columns:
		420px minmax(0, 1fr);

	gap: 45px;

	padding: 35px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 14px;

	box-shadow:
		0 5px 22px rgba(15, 23, 42, .05);

	scroll-margin-top: 90px;
}


.company-history__image {
	width: 100%;

	border-radius: 10px;

	overflow: hidden;

	background: #e5e7eb;
}


.company-history__image img {
	display: block !important;

	width: 100% !important;
	height: 100% !important;
	min-height: 430px;

	object-fit: cover;

	margin: 0 !important;
	padding: 0 !important;
}


.company-history__content h2,
.company-section__heading h2,
.company-quality h2 {
	margin: 0 0 18px !important;

	color: #111827 !important;

	font-size: 30px !important;
	font-weight: 700 !important;
}


.company-history__content > p,
.company-quality__content > p {
	margin: 0 0 14px !important;

	color: #5f6673 !important;

	font-size: 14px !important;
	line-height: 1.7 !important;
}


/* =====================================================
   LÍNEA DE TIEMPO
   ===================================================== */

.company-timeline {
	margin-top: 28px;
}


.company-timeline__item {
	display: grid;

	grid-template-columns:
		64px 1fr;

	gap: 15px;

	padding: 14px 0;

	border-top: 1px solid #edf0f3;
}


.company-timeline__item > span {
	color: #d6a84b;

	font-size: 13px;
	font-weight: 700;
}


.company-timeline__item strong {
	display: block;

	margin-bottom: 3px;

	color: #111827;

	font-size: 13px;
}


.company-timeline__item p {
	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 12px !important;
	line-height: 1.5 !important;
}


/* =====================================================
   SECCIONES
   ===================================================== */

.company-section {
	margin-top: 55px;

	scroll-margin-top: 90px;
}


.company-section__heading {
	margin-bottom: 24px;
}


/* =====================================================
   MISIÓN Y VISIÓN
   ===================================================== */

.company-purpose-grid {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 22px;
}


.company-purpose-card {
	position: relative;

	padding: 36px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 12px;
}


.company-purpose-card__number {
	position: absolute;

	top: 22px;
	right: 25px;

	color: #e5e7eb;

	font-size: 42px;
	font-weight: 800;
}


.company-purpose-card h3 {
	margin: 0 0 18px;

	color: #111827;

	font-size: 25px;
}


.company-purpose-card p {
	margin: 0 0 14px !important;

	color: #5f6673 !important;

	font-size: 14px !important;
	line-height: 1.7 !important;
}


.company-purpose-card--dark {
	background: #111827;

	border-color: #111827;
}


.company-purpose-card--dark h3 {
	color: #ffffff;
}


.company-purpose-card--dark p {
	color: #cbd5e1 !important;
}


.company-purpose-card--dark
.company-purpose-card__number {
	color: rgba(255,255,255,.10);
}


/* =====================================================
   CALIDAD
   ===================================================== */

.company-quality {
	display: grid;

	grid-template-columns:
		minmax(0, 1.3fr) minmax(300px, .7fr);

	margin-top: 55px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 14px;

	overflow: hidden;

	scroll-margin-top: 90px;
}


.company-quality__content {
	padding: 42px;
}


.company-quality__visual {
	display: flex;

	align-items: flex-end;

	padding: 35px;

	background:
		linear-gradient(
			135deg,
			#d6a84b,
			#b98930
		);

	color: #ffffff;
}


.company-quality__visual > div {
	display: flex;

	flex-direction: column;

	gap: 8px;
}


.company-quality__visual span {
	font-size: 12px;
	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 1px;
}


.company-quality__visual strong {
	max-width: 280px;

	font-size: 25px;

	line-height: 1.25;
}


/* =====================================================
   VALORES
   ===================================================== */

.company-values-grid {
	display: grid;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	gap: 14px;
}


.company-value {
	min-height: 120px;

	padding: 22px;

	display: flex;
	flex-direction: column;

	justify-content: space-between;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 9px;
}


.company-value span {
	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;
}


.company-value strong {
	color: #111827;

	font-size: 14px;
	line-height: 1.4;
}


/* =====================================================
   CTA
   ===================================================== */

.company-cta {
	width: 100%;

	padding: 55px 20px;

	box-sizing: border-box;

	background: #ffffff;

	border-top: 1px solid #e5e7eb;
}


.company-cta__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;

	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 40px;
}


.company-cta h2 {
	margin: 0 0 10px !important;

	color: #111827 !important;

	font-size: 28px !important;
}


.company-cta p {
	max-width: 650px;

	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 14px !important;
	line-height: 1.6 !important;
}


.company-cta__inner > a {
	display: inline-flex;

	flex: 0 0 auto;

	align-items: center;
	justify-content: center;

	min-height: 46px;

	padding: 0 23px;

	background: #d71920;

	border-radius: 6px;

	color: #ffffff !important;

	font-size: 12px;
	font-weight: 700;

	text-decoration: none !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 950px) {

	.company-history {
		grid-template-columns:
			340px minmax(0, 1fr);

		gap: 30px;
	}


	.company-values-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.company-hero {
		padding: 34px 20px 38px !important;

		overflow: visible !important;
	}


	.company-hero__inner {
		padding-top: 8px !important;

		overflow: visible !important;
	}


	.company-hero__eyebrow {
		position: static !important;

		display: block !important;

		height: auto !important;

		margin: 0 0 10px !important;

		font-size: 11px !important;
		line-height: 1.3 !important;

		transform: none !important;

		overflow: visible !important;
	}


	.company-hero h1 {
		font-size: 31px !important;
	}


	.company-hero p {
		font-size: 15px !important;
	}


	.company-nav__inner {
		padding: 0 10px;
	}


	.company-nav a {
		min-height: 52px;

		padding: 0 14px;

		font-size: 12px;
	}


	.company-page {
		padding: 25px 15px 50px;
	}


	.company-history {
		display: flex;

		flex-direction: column;

		padding: 20px;

		gap: 26px;
	}


	.company-history__image img {
		height: 240px !important;
		min-height: 240px;
	}


	.company-history__content h2,
	.company-section__heading h2,
	.company-quality h2 {
		font-size: 25px !important;
	}


	.company-purpose-grid {
		grid-template-columns: 1fr;
	}


	.company-purpose-card {
		padding: 28px 24px;
	}


	.company-quality {
		display: flex;

		flex-direction: column;
	}


	.company-quality__content {
		padding: 28px 24px;
	}


	.company-quality__visual {
		min-height: 200px;

		padding: 28px 24px;
	}


	.company-values-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 10px;
	}


	.company-value {
		min-height: 105px;

		padding: 18px;
	}


	.company-cta {
		padding: 40px 20px;
	}


	.company-cta__inner {
		display: block;
	}


	.company-cta__inner > a {
		margin-top: 22px;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.company-hero {
		padding: 30px 20px 34px !important;
	}


	.company-hero h1 {
		font-size: 28px !important;
	}


	.company-hero p {
		font-size: 14px !important;
	}


	.company-history__image img {
		height: 205px !important;
		min-height: 205px;
	}


	.company-values-grid {
		grid-template-columns: 1fr;
	}


	.company-value {
		min-height: 90px;
	}

}
/* =====================================================
   CONTACTO
   ===================================================== */


/* =====================================================
   HERO
   ===================================================== */

.contact-hero {
	width: 100%;

	padding: 60px 20px;

	box-sizing: border-box;

	background:
		linear-gradient(
			rgba(15, 23, 42, .92),
			rgba(15, 23, 42, .92)
		);

	color: #ffffff;
}


.contact-hero__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;

	padding-top: 12px;

	box-sizing: border-box;
}


.contact-hero__eyebrow {
	position: static !important;

	display: block !important;

	width: auto !important;
	height: auto !important;

	margin: 0 0 10px !important;
	padding: 0 !important;

	color: #d6a84b !important;

	font-size: 12px !important;
	font-weight: 700 !important;

	line-height: 1.3 !important;

	letter-spacing: 1.2px !important;

	text-transform: uppercase !important;

	transform: none !important;

	overflow: visible !important;
}


.contact-hero h1 {
	margin: 0 0 16px !important;

	color: #ffffff !important;

	font-size: 42px !important;
	font-weight: 700 !important;

	line-height: 1.1 !important;
}


.contact-hero p {
	max-width: 680px;

	margin: 0 !important;

	color: #e5e7eb !important;

	font-size: 17px !important;
	line-height: 1.65 !important;
}


/* =====================================================
   INFORMACIÓN SUPERIOR
   ===================================================== */

.contact-info-strip {
	width: 100%;

	background: #ffffff;

	border-bottom: 1px solid #e5e7eb;
}


.contact-info-strip__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
	padding: 0 20px;

	display: grid;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	box-sizing: border-box;
}


.contact-info-item {
	min-height: 86px;

	padding: 20px 24px;

	display: flex;
	flex-direction: column;

	justify-content: center;

	border-right: 1px solid #edf0f3;

	box-sizing: border-box;
}


.contact-info-item:first-child {
	border-left: 1px solid #edf0f3;
}


.contact-info-item span {
	display: block;

	margin-bottom: 5px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: .8px;

	text-transform: uppercase;
}


.contact-info-item strong {
	color: #111827;

	font-size: 12px;

	line-height: 1.45;

	overflow-wrap: anywhere;
}


/* =====================================================
   CONTENIDO PRINCIPAL
   ===================================================== */

.contact-page {
	width: 100%;

	padding: 55px 20px 65px;

	background: #f7f8fa;

	box-sizing: border-box;
}


.contact-page__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;

	display: grid;

	grid-template-columns:
		minmax(0, 1fr) 310px;

	gap: 40px;

	align-items: start;
}


.contact-main {
	min-width: 0;
}


.contact-section-heading {
	margin-bottom: 25px;
}


.contact-section-eyebrow {
	margin-bottom: 7px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.contact-section-heading h2,
.contact-map-heading h2 {
	margin: 0 0 10px !important;

	color: #111827 !important;

	font-size: 29px !important;
	font-weight: 700 !important;
}


.contact-section-heading p {
	max-width: 600px;

	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 14px !important;
	line-height: 1.6 !important;
}


/* =====================================================
   FORMULARIO
   ===================================================== */

.contact-form-card {
	padding: 38px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 14px;

	box-shadow:
		0 5px 22px rgba(15, 23, 42, .04);

	box-sizing: border-box;
}


.contact-form-grid {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 18px;
}


.contact-field {
	min-width: 0;
}


.contact-field--full {
	grid-column: 1 / -1;
}


.contact-field label {
	display: block;

	margin-bottom: 7px;

	color: #374151;

	font-size: 12px;
	font-weight: 600;
}


.contact-field input,
.contact-field textarea {
	display: block;

	width: 100% !important;

	margin: 0 !important;

	padding: 0 14px !important;

	border: 1px solid #d9dde3 !important;
	border-radius: 7px !important;

	background: #ffffff !important;

	color: #111827 !important;

	font-family:
		Arial,
		Helvetica,
		sans-serif !important;

	font-size: 13px !important;

	box-sizing: border-box !important;

	outline: none;
}


.contact-field input {
	height: 46px !important;
}


.contact-field textarea {
	min-height: 150px !important;

	padding-top: 13px !important;
	padding-bottom: 13px !important;

	resize: vertical;
}


.contact-field input:focus,
.contact-field textarea:focus {
	border-color: #9ca3af !important;
}


.contact-submit {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-width: 165px;
	min-height: 46px;

	margin-top: 22px;

	padding: 0 22px;

	border: 0;
	border-radius: 6px;

	background: #d71920;

	color: #ffffff;

	font-size: 12px;
	font-weight: 700;

	cursor: pointer;
}


/* =====================================================
   DATOS DE CONTACTO
   ===================================================== */

.contact-details {
	margin-top: 30px;
}


.contact-details-grid {
	display: grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 14px;
}


.contact-detail-card {
	min-height: 150px;

	padding: 23px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 9px;

	box-sizing: border-box;
}


.contact-detail-card > span {
	display: block;

	margin-bottom: 9px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: .8px;

	text-transform: uppercase;
}


.contact-detail-card strong {
	display: block;

	margin-bottom: 8px;

	color: #111827;

	font-size: 14px;

	overflow-wrap: anywhere;
}


.contact-detail-card p {
	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 12px !important;
	line-height: 1.6 !important;
}


/* =====================================================
   SIDEBAR
   ===================================================== */

.contact-sidebar {
	position: sticky;

	top: 20px;

	min-width: 0;
}


/* =====================================================
   WHATSAPP
   ===================================================== */

.contact-whatsapp-card {
	padding: 27px;

	background: #111827;

	border-radius: 13px;

	color: #ffffff;

	box-sizing: border-box;
}


.contact-whatsapp-card__eyebrow {
	margin-bottom: 9px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.contact-whatsapp-card h2 {
	margin: 0 0 13px !important;

	color: #ffffff !important;

	font-size: 24px !important;
	line-height: 1.2 !important;
}


.contact-whatsapp-card p {
	margin: 0 0 20px !important;

	color: #cbd5e1 !important;

	font-size: 13px !important;
	line-height: 1.6 !important;
}


.contact-whatsapp-card a {
	display: flex;

	width: 100%;
	min-height: 45px;

	align-items: center;
	justify-content: center;

	padding: 0 15px;

	border-radius: 7px;

	background: #ffffff;

	color: #111827 !important;

	font-size: 12px;
	font-weight: 700;

	text-decoration: none !important;

	box-sizing: border-box;
}


/* =====================================================
   BUSCADOR
   ===================================================== */

.contact-property-search {
	margin-top: 20px;
	padding: 24px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 12px;

	box-sizing: border-box;
}


.contact-property-search__heading {
	margin-bottom: 18px;
}


.contact-property-search__heading > span {
	display: block;

	margin-bottom: 5px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.contact-property-search__heading h3 {
	margin: 0 0 6px;

	color: #111827;

	font-size: 19px;
}


.contact-property-search__heading p {
	margin: 0;

	color: #6b7280;

	font-size: 12px;
}


.contact-search-field {
	margin-bottom: 12px;
}


.contact-search-field label {
	display: block;

	margin-bottom: 5px;

	color: #374151;

	font-size: 11px;
	font-weight: 600;
}


.contact-search-field select {
	width: 100% !important;
	height: 42px !important;

	margin: 0 !important;
	padding: 0 10px !important;

	border: 1px solid #d9dde3 !important;
	border-radius: 6px !important;

	background: #ffffff !important;

	color: #374151 !important;

	font-size: 12px !important;

	box-sizing: border-box !important;
}


.contact-search-button {
	width: 100%;
	min-height: 44px;

	margin-top: 4px;

	border: 0;
	border-radius: 6px;

	background: #d71920;

	color: #ffffff;

	font-size: 12px;
	font-weight: 700;

	cursor: pointer;
}


/* =====================================================
   MAPA
   ===================================================== */

.contact-map-section {
	width: 100%;

	padding: 55px 20px 70px;

	background: #ffffff;

	box-sizing: border-box;
}


.contact-map-section__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
}


.contact-map-heading {
	display: flex;

	align-items: flex-end;
	justify-content: space-between;

	gap: 30px;

	margin-bottom: 22px;
}


.contact-map-heading p {
	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 12px !important;
	line-height: 1.55 !important;

	text-align: right;
}


.contact-map {
	width: 100% !important;
	height: 390px !important;

	margin: 0 !important;

	border-radius: 12px;

	background: #e5e7eb;

	overflow: hidden;

	box-sizing: border-box;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 1000px) {

	.contact-page__inner {
		grid-template-columns:
			minmax(0, 1fr) 270px;

		gap: 25px;
	}


	.contact-details-grid {
		grid-template-columns: 1fr;
	}


	.contact-detail-card {
		min-height: 0;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.contact-hero {
		padding: 34px 24px 38px !important;

		overflow: visible !important;
	}


	.contact-hero__inner {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 0 auto !important;
		padding: 8px 0 0 !important;

		overflow: visible !important;

		box-sizing: border-box !important;
	}


	.contact-hero__eyebrow {
		position: static !important;

		display: block !important;

		width: auto !important;
		height: auto !important;

		margin: 0 0 10px !important;
		padding: 0 !important;

		font-size: 11px !important;
		line-height: 1.3 !important;

		transform: none !important;

		overflow: visible !important;

		top: auto !important;
		left: auto !important;
	}


	.contact-hero h1 {
		position: static !important;

		margin: 0 0 18px !important;

		font-size: 31px !important;
		line-height: 1.15 !important;

		transform: none !important;
	}


	.contact-hero p {
		position: static !important;

		margin: 0 !important;

		font-size: 15px !important;
		line-height: 1.6 !important;

		transform: none !important;
	}


	.contact-info-strip__inner {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		padding: 0;
	}


	.contact-info-item {
		min-height: 90px;

		padding: 17px 20px;

		border-right: 1px solid #edf0f3;
		border-bottom: 1px solid #edf0f3;
	}


	.contact-info-item:first-child {
		border-left: 0;
	}


	.contact-page {
		padding: 25px 15px 50px;
	}


	.contact-page__inner {
		display: flex !important;

		flex-direction: column !important;

		width: 100% !important;

		gap: 0 !important;
	}


	.contact-main {
		width: 100% !important;
	}


	.contact-form-card {
		width: 100% !important;

		padding: 28px 22px;

		box-sizing: border-box !important;
	}


	.contact-form-grid {
		grid-template-columns: 1fr;
	}


	.contact-field--full {
		grid-column: auto;
	}


	.contact-submit {
		width: 100%;
	}


	.contact-details-grid {
		grid-template-columns: 1fr;
	}


	.contact-sidebar {
		position: static !important;

		width: 100% !important;

		margin-top: 30px;
	}


	.contact-whatsapp-card,
	.contact-property-search {
		width: 100% !important;

		box-sizing: border-box !important;
	}


	.contact-map-section {
		padding: 40px 15px 50px;
	}


	.contact-map-heading {
		display: block;
	}


	.contact-map-heading p {
		margin-top: 12px !important;

		text-align: left;
	}


	.contact-map {
		height: 310px !important;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.contact-hero {
		padding: 30px 24px 34px !important;
	}


	.contact-hero h1 {
		font-size: 29px !important;
	}


	.contact-hero p {
		font-size: 14px !important;
	}


	.contact-info-strip__inner {
		grid-template-columns: 1fr;
	}


	.contact-info-item {
		min-height: 72px;

		border-right: 0;
	}


	.contact-form-card {
		padding: 24px 19px;
	}


	.contact-section-heading h2,
	.contact-map-heading h2 {
		font-size: 25px !important;
	}


	.contact-map {
		height: 270px !important;
	}

}
/* =====================================================
   MAPA CONTACTO - IFRAME
   ===================================================== */

.contact-map {
	position: relative;
	width: 100% !important;
	height: 390px !important;
	margin: 0 !important;
	border-radius: 12px;
	overflow: hidden;
	background: #e5e7eb;
	box-sizing: border-box;
}

.contact-map iframe {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

@media screen and (max-width: 750px) {

	.contact-map {
		height: 310px !important;
	}

}

@media screen and (max-width: 430px) {

	.contact-map {
		height: 270px !important;
	}

}
/* =====================================================
   PROPIETARIOS - INMUEBLE EN ARRIENDO
   ===================================================== */

.owner-rent-hero {
	width: 100%;
	padding: 60px 20px;
	box-sizing: border-box;
	background: #111827;
	color: #ffffff;
}

.owner-rent-hero__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding-top: 12px;
	box-sizing: border-box;
}

.owner-rent-hero__eyebrow {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: #d6a84b !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	transform: none !important;
	overflow: visible !important;
}

.owner-rent-hero h1 {
	margin: 0 0 16px !important;
	color: #ffffff !important;
	font-size: 42px !important;
	line-height: 1.1 !important;
}

.owner-rent-hero p {
	max-width: 680px;
	margin: 0 !important;
	color: #e5e7eb !important;
	font-size: 17px !important;
	line-height: 1.65 !important;
}


/* PÁGINA */

.owner-rent-page {
	width: 100%;
	padding: 55px 20px 75px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.owner-rent-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	gap: 40px;
	align-items: start;
}

.owner-rent-content {
	min-width: 0;
}

.owner-rent-eyebrow {
	margin-bottom: 8px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* INTRO */

.owner-rent-intro {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	overflow: hidden;
}

.owner-rent-intro__content {
	padding: 40px;
}

.owner-rent-intro__content h2,
.owner-rent-section__heading h2,
.owner-rent-partners h2 {
	margin: 0 0 16px !important;
	color: #111827 !important;
	font-size: 29px !important;
}

.owner-rent-intro__content > p,
.owner-rent-section__heading p,
.owner-rent-partners p {
	margin: 0 0 14px !important;
	color: #5f6673 !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.owner-rent-intro__visual {
	display: flex;
	align-items: flex-end;
	padding: 35px;
	background: linear-gradient(135deg, #111827, #263650);
	color: #ffffff;
}

.owner-rent-intro__visual > div {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.owner-rent-intro__visual span {
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.owner-rent-intro__visual strong {
	max-width: 300px;
	font-size: 24px;
	line-height: 1.3;
}


/* APOYO */

.owner-rent-support-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 24px;
}

.owner-rent-support-grid > div {
	padding: 18px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
}

.owner-rent-support-grid span {
	display: block;
	margin-bottom: 12px;
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
}

.owner-rent-support-grid strong {
	display: block;
	margin-bottom: 7px;
	color: #111827;
	font-size: 13px;
}

.owner-rent-support-grid p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.55 !important;
}


/* SECCIONES */

.owner-rent-section {
	margin-top: 45px;
}

.owner-rent-section__heading {
	margin-bottom: 22px;
}


/* DOCUMENTOS */

.owner-rent-documents {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.owner-rent-document {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 14px;
	padding: 22px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 9px;
}

.owner-rent-document > span {
	color: #d6a84b;
	font-size: 12px;
	font-weight: 700;
}

.owner-rent-document strong {
	display: block;
	margin-bottom: 7px;
	color: #111827;
	font-size: 14px;
}

.owner-rent-document p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}

.owner-rent-document a {
	display: inline-flex;
	margin-top: 13px;
	padding: 9px 14px;
	border-radius: 5px;
	background: #d71920;
	color: #ffffff !important;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none !important;
}


/* BENEFICIOS */

.owner-rent-benefits {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.owner-rent-benefit {
	min-height: 150px;
	padding: 22px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 9px;
	box-sizing: border-box;
}

.owner-rent-benefit > span {
	display: block;
	margin-bottom: 14px;
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
}

.owner-rent-benefit strong {
	display: block;
	margin-bottom: 8px;
	color: #111827;
	font-size: 14px;
}

.owner-rent-benefit p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}

.owner-rent-benefit--highlight {
	background: #111827;
	border-color: #111827;
}

.owner-rent-benefit--highlight strong {
	color: #ffffff;
}

.owner-rent-benefit--highlight p {
	color: #d1d5db !important;
}


/* ALIADOS */

.owner-rent-partners {
	margin-top: 45px;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
}

.owner-rent-partners__logos {
	display: flex;
	align-items: center;
	gap: 18px;
}

.owner-rent-partners__logos img {
	display: block !important;
	max-width: 120px !important;
	max-height: 60px !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
}


/* SIDEBAR */

.owner-rent-sidebar {
	position: sticky;
	top: 20px;
}

.owner-rent-contact-card {
	padding: 27px;
	background: #111827;
	border-radius: 13px;
	color: #ffffff;
}

.owner-rent-contact-card__eyebrow {
	margin-bottom: 9px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.owner-rent-contact-card h2 {
	margin: 0 0 13px !important;
	color: #ffffff !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
}

.owner-rent-contact-card p {
	margin: 0 0 20px !important;
	color: #cbd5e1 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.owner-rent-contact-card__primary,
.owner-rent-contact-card__secondary {
	display: flex;
	width: 100%;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
}

.owner-rent-contact-card__primary {
	background: #ffffff;
	color: #111827 !important;
}

.owner-rent-contact-card__secondary {
	margin-top: 9px;
	border: 1px solid rgba(255,255,255,.22);
	color: #ffffff !important;
}


/* BUSCADOR */

.owner-rent-search {
	margin-top: 20px;
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
}

.owner-rent-search__heading {
	margin-bottom: 18px;
}

.owner-rent-search__heading > span {
	display: block;
	margin-bottom: 5px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.owner-rent-search__heading h3 {
	margin: 0 0 6px;
	color: #111827;
	font-size: 19px;
}

.owner-rent-search__heading p {
	margin: 0;
	color: #6b7280;
	font-size: 12px;
}

.owner-rent-search-field {
	margin-bottom: 12px;
}

.owner-rent-search-field label {
	display: block;
	margin-bottom: 5px;
	color: #374151;
	font-size: 11px;
	font-weight: 600;
}

.owner-rent-search-field select {
	width: 100% !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid #d9dde3 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #374151 !important;
	font-size: 12px !important;
	box-sizing: border-box !important;
}

.owner-rent-search-button {
	width: 100%;
	min-height: 44px;
	margin-top: 4px;
	border: 0;
	border-radius: 6px;
	background: #d71920;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}


/* TABLET */

@media screen and (max-width: 1000px) {

	.owner-rent-page__inner {
		grid-template-columns: minmax(0, 1fr) 270px;
		gap: 25px;
	}

	.owner-rent-intro {
		grid-template-columns: minmax(0, 1fr) 260px;
	}

}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.owner-rent-hero {
		padding: 34px 24px 38px !important;
		overflow: visible !important;
	}

	.owner-rent-hero__inner {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 8px 0 0 !important;
		overflow: visible !important;
	}

	.owner-rent-hero__eyebrow {
		position: static !important;
		display: block !important;
		height: auto !important;
		margin: 0 0 10px !important;
		font-size: 11px !important;
		line-height: 1.3 !important;
		transform: none !important;
		overflow: visible !important;
	}

	.owner-rent-hero h1 {
		margin: 0 0 18px !important;
		font-size: 31px !important;
		line-height: 1.15 !important;
	}

	.owner-rent-hero p {
		font-size: 15px !important;
	}

	.owner-rent-page {
		padding: 25px 15px 50px;
	}

	.owner-rent-page__inner {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		gap: 0 !important;
	}

	.owner-rent-content {
		width: 100% !important;
	}

	.owner-rent-intro {
		display: flex !important;
		flex-direction: column !important;
	}

	.owner-rent-intro__content {
		order: 2;
		padding: 28px 22px;
	}

	.owner-rent-intro__visual {
		order: 1;
		min-height: 210px;
		padding: 25px;
	}

	.owner-rent-support-grid {
		grid-template-columns: 1fr;
	}

	.owner-rent-documents {
		grid-template-columns: 1fr;
	}

	.owner-rent-benefits {
		grid-template-columns: 1fr;
	}

	.owner-rent-partners {
		display: block;
	}

	.owner-rent-partners__logos {
		margin-top: 20px;
	}

	.owner-rent-sidebar {
		position: static !important;
		width: 100% !important;
		margin-top: 30px;
	}

	.owner-rent-contact-card,
	.owner-rent-search {
		width: 100% !important;
		box-sizing: border-box !important;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.owner-rent-hero {
		padding: 30px 24px 34px !important;
	}

	.owner-rent-hero h1 {
		font-size: 28px !important;
	}

	.owner-rent-hero p {
		font-size: 14px !important;
	}

	.owner-rent-intro__content {
		padding: 24px 19px;
	}

	.owner-rent-intro__content h2,
	.owner-rent-section__heading h2,
	.owner-rent-partners h2 {
		font-size: 25px !important;
	}

	.owner-rent-document {
		grid-template-columns: 34px minmax(0, 1fr);
		padding: 19px;
	}

}
/* =====================================================
   PROPIETARIOS - INMUEBLE EN VENTA
   ===================================================== */

.owner-sale-hero {
	width: 100%;
	padding: 60px 20px;
	box-sizing: border-box;
	background: #111827;
	color: #ffffff;
}

.owner-sale-hero__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding-top: 12px;
	box-sizing: border-box;
}

.owner-sale-hero__eyebrow {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: #d6a84b !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	transform: none !important;
	overflow: visible !important;
}

.owner-sale-hero h1 {
	margin: 0 0 16px !important;
	color: #ffffff !important;
	font-size: 42px !important;
	line-height: 1.1 !important;
}

.owner-sale-hero p {
	max-width: 680px;
	margin: 0 !important;
	color: #e5e7eb !important;
	font-size: 17px !important;
	line-height: 1.65 !important;
}


/* PÁGINA */

.owner-sale-page {
	width: 100%;
	padding: 55px 20px 75px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.owner-sale-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	gap: 40px;
	align-items: start;
}

.owner-sale-content {
	min-width: 0;
}

.owner-sale-eyebrow {
	margin-bottom: 8px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* INTRO */

.owner-sale-intro {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	overflow: hidden;
}

.owner-sale-intro__content {
	padding: 40px;
}

.owner-sale-intro__content h2,
.owner-sale-section__heading h2,
.owner-sale-condition h2,
.owner-sale-cta h2 {
	margin: 0 0 16px !important;
	color: #111827 !important;
	font-size: 29px !important;
}

.owner-sale-intro__content > p,
.owner-sale-section__heading p,
.owner-sale-condition p,
.owner-sale-cta p {
	margin: 0 0 14px !important;
	color: #5f6673 !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.owner-sale-intro__visual {
	display: flex;
	align-items: flex-end;
	padding: 35px;
	background:
		linear-gradient(
			135deg,
			#d6a84b,
			#b8892f
		);
	color: #ffffff;
}

.owner-sale-intro__visual > div {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.owner-sale-intro__visual span {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.owner-sale-intro__visual strong {
	max-width: 300px;
	font-size: 24px;
	line-height: 1.3;
}


/* APOYO */

.owner-sale-support-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 24px;
}

.owner-sale-support-grid > div {
	padding: 18px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
}

.owner-sale-support-grid span {
	display: block;
	margin-bottom: 12px;
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
}

.owner-sale-support-grid strong {
	display: block;
	margin-bottom: 7px;
	color: #111827;
	font-size: 13px;
}

.owner-sale-support-grid p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.55 !important;
}


/* SECCIONES */

.owner-sale-section {
	margin-top: 45px;
}

.owner-sale-section__heading {
	margin-bottom: 22px;
}


/* DOCUMENTOS */

.owner-sale-documents {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.owner-sale-document {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 12px;
	padding: 22px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 9px;
}

.owner-sale-document > span {
	color: #d6a84b;
	font-size: 12px;
	font-weight: 700;
}

.owner-sale-document strong {
	display: block;
	margin-bottom: 7px;
	color: #111827;
	font-size: 14px;
}

.owner-sale-document p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}


/* CONDICIONES */

.owner-sale-condition {
	margin-top: 25px;
	padding: 28px 30px;
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 28px;
	background: #111827;
	border-radius: 12px;
	color: #ffffff;
}

.owner-sale-condition__number {
	color: #d6a84b;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.owner-sale-condition h2 {
	color: #ffffff !important;
}

.owner-sale-condition p {
	color: #d1d5db !important;
}


/* ACCIONES */

.owner-sale-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.owner-sale-action {
	min-height: 145px;
	padding: 22px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 9px;
	box-sizing: border-box;
}

.owner-sale-action > span {
	display: block;
	margin-bottom: 13px;
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
}

.owner-sale-action strong {
	display: block;
	margin-bottom: 8px;
	color: #111827;
	font-size: 14px;
}

.owner-sale-action p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}


/* CTA */

.owner-sale-cta {
	margin-top: 45px;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
}

.owner-sale-cta > a {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 20px;
	background: #d71920;
	border-radius: 6px;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
}


/* SIDEBAR */

.owner-sale-sidebar {
	position: sticky;
	top: 20px;
}

.owner-sale-contact-card {
	padding: 27px;
	background: #111827;
	border-radius: 13px;
	color: #ffffff;
}

.owner-sale-contact-card__eyebrow {
	margin-bottom: 9px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.owner-sale-contact-card h2 {
	margin: 0 0 13px !important;
	color: #ffffff !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
}

.owner-sale-contact-card p {
	margin: 0 0 20px !important;
	color: #cbd5e1 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.owner-sale-contact-card__primary,
.owner-sale-contact-card__secondary {
	display: flex;
	width: 100%;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
}

.owner-sale-contact-card__primary {
	background: #ffffff;
	color: #111827 !important;
}

.owner-sale-contact-card__secondary {
	margin-top: 9px;
	border: 1px solid rgba(255,255,255,.22);
	color: #ffffff !important;
}


/* BUSCADOR */

.owner-sale-search {
	margin-top: 20px;
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
}

.owner-sale-search__heading {
	margin-bottom: 18px;
}

.owner-sale-search__heading > span {
	display: block;
	margin-bottom: 5px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.owner-sale-search__heading h3 {
	margin: 0 0 6px;
	color: #111827;
	font-size: 19px;
}

.owner-sale-search__heading p {
	margin: 0;
	color: #6b7280;
	font-size: 12px;
}

.owner-sale-search-field {
	margin-bottom: 12px;
}

.owner-sale-search-field label {
	display: block;
	margin-bottom: 5px;
	color: #374151;
	font-size: 11px;
	font-weight: 600;
}

.owner-sale-search-field select {
	width: 100% !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid #d9dde3 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #374151 !important;
	font-size: 12px !important;
	box-sizing: border-box !important;
}

.owner-sale-search-button {
	width: 100%;
	min-height: 44px;
	margin-top: 4px;
	border: 0;
	border-radius: 6px;
	background: #d71920;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}


/* TABLET */

@media screen and (max-width: 1000px) {

	.owner-sale-page__inner {
		grid-template-columns: minmax(0, 1fr) 270px;
		gap: 25px;
	}

	.owner-sale-intro {
		grid-template-columns: minmax(0, 1fr) 260px;
	}

	.owner-sale-documents {
		grid-template-columns: 1fr;
	}

}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.owner-sale-hero {
		padding: 34px 24px 38px !important;
		overflow: visible !important;
	}

	.owner-sale-hero__inner {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 8px 0 0 !important;
		overflow: visible !important;
	}

	.owner-sale-hero__eyebrow {
		position: static !important;
		display: block !important;
		height: auto !important;
		margin: 0 0 10px !important;
		font-size: 11px !important;
		line-height: 1.3 !important;
		transform: none !important;
		overflow: visible !important;
	}

	.owner-sale-hero h1 {
		margin: 0 0 18px !important;
		font-size: 31px !important;
		line-height: 1.15 !important;
	}

	.owner-sale-hero p {
		font-size: 15px !important;
	}

	.owner-sale-page {
		padding: 25px 15px 50px;
	}

	.owner-sale-page__inner {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		gap: 0 !important;
	}

	.owner-sale-content {
		width: 100% !important;
	}

	.owner-sale-intro {
		display: flex !important;
		flex-direction: column !important;
	}

	.owner-sale-intro__content {
		order: 2;
		padding: 28px 22px;
	}

	.owner-sale-intro__visual {
		order: 1;
		min-height: 210px;
		padding: 25px;
	}

	.owner-sale-support-grid {
		grid-template-columns: 1fr;
	}

	.owner-sale-documents {
		grid-template-columns: 1fr;
	}

	.owner-sale-condition {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 25px 22px;
	}

	.owner-sale-actions {
		grid-template-columns: 1fr;
	}

	.owner-sale-cta {
		display: block;
		padding: 25px 22px;
	}

	.owner-sale-cta > a {
		width: 100%;
		margin-top: 15px;
		box-sizing: border-box;
	}

	.owner-sale-sidebar {
		position: static !important;
		width: 100% !important;
		margin-top: 30px;
	}

	.owner-sale-contact-card,
	.owner-sale-search {
		width: 100% !important;
		box-sizing: border-box !important;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.owner-sale-hero {
		padding: 30px 24px 34px !important;
	}

	.owner-sale-hero h1 {
		font-size: 28px !important;
	}

	.owner-sale-hero p {
		font-size: 14px !important;
	}

	.owner-sale-intro__content {
		padding: 24px 19px;
	}

	.owner-sale-intro__content h2,
	.owner-sale-section__heading h2,
	.owner-sale-condition h2,
	.owner-sale-cta h2 {
		font-size: 25px !important;
	}

}
/* =====================================================
   LOGIN PROPIETARIOS
   ===================================================== */

.owner-login-page {
	width: 100%;

	padding: 65px 20px 75px;

	background:
		linear-gradient(
			135deg,
			#f7f8fa 0%,
			#eef1f5 100%
		);

	box-sizing: border-box;
}


.owner-login-page__inner {
	width: 100%;
	max-width: 1050px;

	margin: 0 auto;

	display: grid;

	grid-template-columns:
		minmax(0, 1.1fr) 390px;

	gap: 65px;

	align-items: center;
}


/* =====================================================
   INFORMACIÓN
   ===================================================== */

.owner-login-info {
	min-width: 0;
}


.owner-login-info__eyebrow {
	margin-bottom: 11px;

	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;

	letter-spacing: 1.2px;

	text-transform: uppercase;
}


.owner-login-info h1 {
	max-width: 590px;

	margin: 0 0 20px !important;

	color: #111827 !important;

	font-size: 42px !important;
	font-weight: 700 !important;

	line-height: 1.12 !important;
}


.owner-login-info__intro {
	max-width: 620px;

	margin: 0 0 32px !important;

	color: #5f6673 !important;

	font-size: 15px !important;
	line-height: 1.7 !important;
}


/* =====================================================
   BENEFICIOS
   ===================================================== */

.owner-login-benefits {
	display: flex;

	flex-direction: column;

	gap: 12px;
}


.owner-login-benefit {
	display: grid;

	grid-template-columns:
		42px minmax(0, 1fr);

	gap: 15px;

	padding: 17px 0;

	border-top: 1px solid #dfe3e8;
}


.owner-login-benefit > span {
	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;
}


.owner-login-benefit strong {
	display: block;

	margin-bottom: 4px;

	color: #111827;

	font-size: 14px;
}


.owner-login-benefit p {
	max-width: 520px;

	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 12px !important;
	line-height: 1.55 !important;
}


/* =====================================================
   SOPORTE
   ===================================================== */

.owner-login-support {
	margin-top: 28px;

	display: flex;

	align-items: center;

	gap: 15px;
}


.owner-login-support span {
	color: #4b5563;

	font-size: 12px;
}


.owner-login-support a {
	color: #111827 !important;

	font-size: 12px;
	font-weight: 700;

	text-decoration: none !important;

	border-bottom: 1px solid #d6a84b;
}


/* =====================================================
   TARJETA LOGIN
   ===================================================== */

.owner-login-card {
	width: 100%;

	padding: 37px;

	background: #ffffff;

	border: 1px solid #e1e5ea;
	border-radius: 15px;

	box-shadow:
		0 18px 45px rgba(15, 23, 42, .08);

	box-sizing: border-box;
}


.owner-login-card__logo {
	margin-bottom: 25px;

	text-align: center;
}


.owner-login-card__logo img {
	display: inline-block !important;

	width: auto !important;
	max-width: 190px !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}


.owner-login-card__heading {
	margin-bottom: 27px;

	text-align: center;
}


.owner-login-card__eyebrow {
	margin-bottom: 7px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.owner-login-card__heading h2 {
	margin: 0 0 6px !important;

	color: #111827 !important;

	font-size: 27px !important;
	font-weight: 700 !important;
}


.owner-login-card__heading p {
	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 13px !important;
}


/* =====================================================
   FORMULARIO
   ===================================================== */

.owner-login-card #logueo {
	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;

	border: 0 !important;

	box-shadow: none !important;
}


.owner-login-field {
	margin-bottom: 17px;
}


.owner-login-field label {
	display: block;

	margin-bottom: 7px;

	color: #374151;

	font-size: 12px;
	font-weight: 600;
}


.owner-login-field input {
	display: block !important;

	width: 100% !important;
	height: 47px !important;

	margin: 0 !important;
	padding: 0 14px !important;

	border: 1px solid #d7dce2 !important;
	border-radius: 7px !important;

	background: #ffffff !important;

	color: #111827 !important;

	font-family:
		Arial,
		Helvetica,
		sans-serif !important;

	font-size: 13px !important;

	box-sizing: border-box !important;

	outline: none !important;
}


.owner-login-field input:focus {
	border-color: #9ca3af !important;

	box-shadow:
		0 0 0 3px rgba(17, 24, 39, .04) !important;
}


.owner-login-submit {
	display: flex !important;

	width: 100% !important;
	min-height: 47px !important;

	margin: 8px 0 0 !important;
	padding: 0 20px !important;

	align-items: center;
	justify-content: center;

	border: 0 !important;
	border-radius: 7px !important;

	background: #d71920 !important;

	color: #ffffff !important;

	font-size: 12px !important;
	font-weight: 700 !important;

	cursor: pointer;
}


.owner-login-submit:hover {
	background: #bd151b !important;
}


/* =====================================================
   AYUDA
   ===================================================== */

.owner-login-card__help {
	margin-top: 24px;
	padding-top: 20px;

	border-top: 1px solid #edf0f3;

	text-align: center;
}


.owner-login-card__help p {
	margin: 0 0 6px !important;

	color: #6b7280 !important;

	font-size: 11px !important;
}


.owner-login-card__help a {
	color: #111827 !important;

	font-size: 12px;
	font-weight: 700;

	text-decoration: none !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 900px) {

	.owner-login-page__inner {
		grid-template-columns:
			minmax(0, 1fr) 350px;

		gap: 40px;
	}


	.owner-login-info h1 {
		font-size: 35px !important;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.owner-login-page {
		padding: 35px 15px 50px !important;
	}


	.owner-login-page__inner {
		display: flex !important;

		flex-direction: column !important;

		width: 100% !important;
		max-width: 520px !important;

		gap: 30px !important;
	}


	.owner-login-info {
		width: 100% !important;
	}


	.owner-login-info h1 {
		font-size: 31px !important;
	}


	.owner-login-info__intro {
		font-size: 14px !important;
	}


	.owner-login-support {
		display: block;
	}


	.owner-login-support a {
		display: inline-block;

		margin-top: 7px;
	}


	.owner-login-card {
		width: 100% !important;

		padding: 30px 24px !important;

		box-sizing: border-box !important;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.owner-login-page {
		padding: 28px 15px 42px !important;
	}


	.owner-login-info h1 {
		font-size: 28px !important;
	}


	.owner-login-info__intro {
		font-size: 13px !important;
	}


	.owner-login-card {
		padding: 27px 20px !important;
	}


	.owner-login-card__logo img {
		max-width: 165px !important;
	}


	.owner-login-card__heading h2 {
		font-size: 24px !important;
	}

}/* =====================================================
   ÁREA PRIVADA PROPIETARIOS
   ESTADOS DE CUENTA
   ===================================================== */


/* =====================================================
   NAVEGACIÓN PRIVADA
   ===================================================== */

.owner-portal-nav {
	width: 100%;

	background: #111827;

	border-bottom: 1px solid rgba(255,255,255,.08);

	box-sizing: border-box;
}


.owner-portal-nav__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
	padding: 0 20px;

	display: flex;

	align-items: center;
	justify-content: space-between;

	box-sizing: border-box;
}


.owner-portal-nav__brand {
	display: flex;

	align-items: center;

	min-height: 58px;
}


.owner-portal-nav__brand span {
	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.owner-portal-menu {
	display: flex !important;

	align-items: center;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


.owner-portal-menu li {
	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


.owner-portal-menu a {
	display: flex;

	min-height: 58px;

	padding: 0 17px;

	align-items: center;

	color: #d1d5db !important;

	font-size: 12px;
	font-weight: 600;

	text-decoration: none !important;

	box-sizing: border-box;

	transition:
		background .2s ease,
		color .2s ease;
}


.owner-portal-menu a:hover {
	background: rgba(255,255,255,.06);

	color: #ffffff !important;
}


.owner-portal-menu li.active a {
	color: #ffffff !important;

	box-shadow:
		inset 0 -2px 0 #d6a84b;
}


.owner-portal-menu__logout a {
	margin-left: 8px;

	color: #ffffff !important;

	background: #d71920;
}


.owner-portal-menu__logout a:hover {
	background: #bd151b;
}


.owner-portal-nav__toggle {
	display: none;

	align-items: center;

	gap: 10px;

	min-height: 48px;

	padding: 0;

	border: 0;

	background: transparent;

	color: #ffffff;

	font-size: 14px;
	font-weight: 600;

	cursor: pointer;
}


.owner-portal-nav__toggle-icon {
	position: relative;

	display: block;

	width: 23px;
	height: 2px;

	background: #ffffff;
}


.owner-portal-nav__toggle-icon::before,
.owner-portal-nav__toggle-icon::after {
	content: "";

	position: absolute;

	left: 0;

	width: 23px;
	height: 2px;

	background: #ffffff;
}


.owner-portal-nav__toggle-icon::before {
	top: -7px;
}


.owner-portal-nav__toggle-icon::after {
	top: 7px;
}


/* =====================================================
   HERO PRIVADO
   ===================================================== */

.owner-account-hero {
	width: 100%;

	padding: 42px 20px;

	background:
		linear-gradient(
			135deg,
			#182235,
			#111827
		);

	color: #ffffff;

	box-sizing: border-box;
}


.owner-account-hero__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;

	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 40px;
}


.owner-account-hero__eyebrow {
	margin-bottom: 8px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.owner-account-hero h1 {
	margin: 0 0 10px !important;

	color: #ffffff !important;

	font-size: 34px !important;
	font-weight: 700 !important;

	line-height: 1.15 !important;
}


.owner-account-hero p {
	max-width: 620px;

	margin: 0 !important;

	color: #cbd5e1 !important;

	font-size: 14px !important;
	line-height: 1.6 !important;
}


.owner-account-hero__badge {
	flex: 0 0 auto;

	min-width: 145px;

	padding: 16px 20px;

	border: 1px solid rgba(255,255,255,.12);
	border-radius: 8px;

	background: rgba(255,255,255,.04);

	box-sizing: border-box;
}


.owner-account-hero__badge span {
	display: block;

	margin-bottom: 4px;

	color: #d6a84b;

	font-size: 9px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.owner-account-hero__badge strong {
	color: #ffffff;

	font-size: 17px;
}


/* =====================================================
   PÁGINA
   ===================================================== */

.owner-statements-page {
	width: 100% !important;

	margin: 0 !important;
	padding: 45px 20px 70px !important;

	background: #f7f8fa;

	box-sizing: border-box !important;
}


.owner-statements-page__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
}


.owner-statements-eyebrow {
	margin-bottom: 6px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


/* =====================================================
   FILTRO
   ===================================================== */

.owner-statements-filter {
	width: 100% !important;

	margin: 0 0 25px !important;
	padding: 0 !important;
}


.owner-statements-filter__inner {
	width: 100% !important;

	margin: 0 !important;
	padding: 28px 30px !important;

	display: flex;

	align-items: flex-end;
	justify-content: space-between;

	gap: 35px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 12px;

	box-sizing: border-box !important;
}


.owner-statements-filter__heading {
	max-width: 430px;
}


.owner-statements-filter__heading h2 {
	margin: 0 0 7px !important;

	color: #111827 !important;

	font-size: 22px !important;
	font-weight: 700 !important;
}


.owner-statements-filter__heading p {
	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 12px !important;
	line-height: 1.55 !important;
}


.owner-statements-filter__form {
	display: flex !important;

	align-items: flex-end;

	gap: 12px;

	margin: 0 !important;
	padding: 0 !important;
}


.owner-statements-field {
	min-width: 160px;
}


.owner-statements-field label {
	display: block;

	margin-bottom: 6px;

	color: #374151;

	font-size: 11px;
	font-weight: 600;
}


.owner-statements-field input[type="date"] {
	display: block !important;

	width: 100% !important;
	height: 42px !important;

	margin: 0 !important;
	padding: 0 11px !important;

	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;

	background: #ffffff !important;

	color: #374151 !important;

	font-size: 12px !important;

	box-sizing: border-box !important;
}


.owner-statements-search-button {
	display: flex;

	align-items: center;
	justify-content: center;

	min-width: 105px;
	height: 42px;

	padding: 0 18px;

	border: 0;
	border-radius: 6px;

	background: #d71920;

	color: #ffffff;

	font-size: 12px;
	font-weight: 700;

	cursor: pointer;
}


/* =====================================================
   MENSAJES
   ===================================================== */

.owner-statements-message {
	width: 100%;

	margin-bottom: 18px;

	box-sizing: border-box;
}


/* =====================================================
   TARJETA TABLA
   ===================================================== */

.owner-statements-card {
	width: 100%;

	padding: 30px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 12px;

	box-shadow:
		0 4px 18px rgba(15, 23, 42, .04);

	box-sizing: border-box;
}


.owner-statements-card__heading {
	display: flex;

	align-items: flex-end;
	justify-content: space-between;

	gap: 30px;

	margin-bottom: 23px;
}


.owner-statements-card__heading h2 {
	margin: 0 !important;

	color: #111827 !important;

	font-size: 23px !important;
}


.owner-statements-card__heading > p {
	max-width: 360px;

	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 11px !important;
	line-height: 1.5 !important;

	text-align: right;
}


/* =====================================================
   TABLA
   ===================================================== */

.owner-statements-table-wrap {
	width: 100%;

	overflow-x: auto;

	border: 1px solid #e5e7eb;
	border-radius: 8px;

	box-sizing: border-box;
}


.owner-statements-card #estados {
	width: 100% !important;

	margin: 0 !important;

	border: 0 !important;
	border-collapse: collapse !important;

	background: #ffffff !important;
}


.owner-statements-card #estados thead {
	background: #f3f4f6 !important;
}


.owner-statements-card #estados thead td {
	padding: 14px 15px !important;

	border: 0 !important;
	border-bottom: 1px solid #e5e7eb !important;

	color: #374151 !important;

	font-size: 11px !important;
	font-weight: 700 !important;

	white-space: nowrap;
}


.owner-statements-card #estados tbody td {
	padding: 15px !important;

	border: 0 !important;
	border-bottom: 1px solid #edf0f3 !important;

	color: #4b5563 !important;

	font-size: 12px !important;

	vertical-align: middle;
}


.owner-statements-card #estados tbody tr:last-child td {
	border-bottom: 0 !important;
}


.owner-statements-card #estados tbody tr:hover {
	background: #fafafa;
}


/* Botones o enlaces insertados por JS */

.owner-statements-card #estados tbody a,
.owner-statements-card #estados tbody button,
.owner-statements-card #estados tbody input[type="button"],
.owner-statements-card #estados tbody input[type="submit"] {
	display: inline-flex !important;

	align-items: center;
	justify-content: center;

	min-height: 34px;

	padding: 0 13px !important;

	border: 0 !important;
	border-radius: 5px !important;

	background: #111827 !important;

	color: #ffffff !important;

	font-size: 10px !important;
	font-weight: 700 !important;

	text-decoration: none !important;

	cursor: pointer;
}


/* =====================================================
   AYUDA
   ===================================================== */

.owner-statements-help {
	margin-top: 24px;

	padding: 23px 26px;

	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 30px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 10px;
}


.owner-statements-help span {
	display: block;

	margin-bottom: 5px;

	color: #111827;

	font-size: 13px;
	font-weight: 700;
}


.owner-statements-help p {
	max-width: 650px;

	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 12px !important;
	line-height: 1.55 !important;
}


.owner-statements-help > a {
	display: inline-flex;

	flex: 0 0 auto;

	align-items: center;
	justify-content: center;

	min-height: 40px;

	padding: 0 17px;

	border: 1px solid #d7dce2;
	border-radius: 6px;

	color: #111827 !important;

	font-size: 11px;
	font-weight: 700;

	text-decoration: none !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 900px) {

	.owner-statements-filter__inner {
		display: block;
	}


	.owner-statements-filter__form {
		margin-top: 20px !important;
	}


	.owner-statements-card__heading {
		display: block;
	}


	.owner-statements-card__heading > p {
		margin-top: 8px !important;

		text-align: left;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.owner-portal-nav__inner {
		display: block;

		padding: 0 20px;
	}


	.owner-portal-nav__brand {
		display: none;
	}


	.owner-portal-nav__toggle {
		display: flex;

		min-height: 58px;
	}


	.owner-portal-menu {
		display: none !important;

		width: 100%;

		padding: 0 0 12px !important;

		flex-direction: column;

		align-items: stretch;
	}


	.owner-portal-menu--open {
		display: flex !important;
	}


	.owner-portal-menu li {
		width: 100%;
	}


	.owner-portal-menu a {
		width: 100%;

		min-height: 45px;

		padding: 0 12px;

		border-radius: 5px;
	}


	.owner-portal-menu li.active a {
		box-shadow: none;

		background: rgba(255,255,255,.07);
	}


	.owner-portal-menu__logout a {
		margin: 7px 0 0;

		background: #d71920;
	}


	.owner-account-hero {
		padding: 32px 20px 35px;
	}


	.owner-account-hero__inner {
		display: block;
	}


	.owner-account-hero h1 {
		font-size: 29px !important;
	}


	.owner-account-hero p {
		font-size: 13px !important;
	}


	.owner-account-hero__badge {
		display: none;
	}


	.owner-statements-page {
		padding: 25px 15px 50px !important;
	}


	.owner-statements-filter__inner {
		padding: 23px 20px !important;
	}


	.owner-statements-filter__form {
		display: grid !important;

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 12px;
	}


	.owner-statements-field {
		min-width: 0;
	}


	.owner-statements-filter__button-wrap {
		grid-column: 1 / -1;
	}


	.owner-statements-search-button {
		width: 100%;
	}


	.owner-statements-card {
		padding: 22px 18px;
	}


	.owner-statements-table-wrap {
		overflow-x: auto;

		-webkit-overflow-scrolling: touch;
	}


	.owner-statements-card #estados {
		min-width: 650px;
	}


	.owner-statements-help {
		display: block;

		padding: 22px 20px;
	}


	.owner-statements-help > a {
		margin-top: 15px;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.owner-account-hero {
		padding: 28px 20px 31px;
	}


	.owner-account-hero h1 {
		font-size: 27px !important;
	}


	.owner-statements-filter__form {
		grid-template-columns: 1fr;
	}


	.owner-statements-filter__button-wrap {
		grid-column: auto;
	}


	.owner-statements-filter__heading h2 {
		font-size: 20px !important;
	}


	.owner-statements-card {
		padding: 19px 15px;
	}

}
/* =====================================================
   ÁREA PRIVADA PROPIETARIOS
   ESTADOS DE CUENTA
   ===================================================== */


/* =====================================================
   NAVEGACIÓN PRIVADA
   ===================================================== */

.owner-portal-nav {
	width: 100%;

	background: #111827;

	border-bottom: 1px solid rgba(255,255,255,.08);

	box-sizing: border-box;
}


.owner-portal-nav__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
	padding: 0 20px;

	display: flex;

	align-items: center;
	justify-content: space-between;

	box-sizing: border-box;
}


.owner-portal-nav__brand {
	display: flex;

	align-items: center;

	min-height: 58px;
}


.owner-portal-nav__brand span {
	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.owner-portal-menu {
	display: flex !important;

	align-items: center;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


.owner-portal-menu li {
	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


.owner-portal-menu a {
	display: flex;

	min-height: 58px;

	padding: 0 17px;

	align-items: center;

	color: #d1d5db !important;

	font-size: 12px;
	font-weight: 600;

	text-decoration: none !important;

	box-sizing: border-box;

	transition:
		background .2s ease,
		color .2s ease;
}


.owner-portal-menu a:hover {
	background: rgba(255,255,255,.06);

	color: #ffffff !important;
}


.owner-portal-menu li.active a {
	color: #ffffff !important;

	box-shadow:
		inset 0 -2px 0 #d6a84b;
}


.owner-portal-menu__logout a {
	margin-left: 8px;

	color: #ffffff !important;

	background: #d71920;
}


.owner-portal-menu__logout a:hover {
	background: #bd151b;
}


.owner-portal-nav__toggle {
	display: none;

	align-items: center;

	gap: 10px;

	min-height: 48px;

	padding: 0;

	border: 0;

	background: transparent;

	color: #ffffff;

	font-size: 14px;
	font-weight: 600;

	cursor: pointer;
}


.owner-portal-nav__toggle-icon {
	position: relative;

	display: block;

	width: 23px;
	height: 2px;

	background: #ffffff;
}


.owner-portal-nav__toggle-icon::before,
.owner-portal-nav__toggle-icon::after {
	content: "";

	position: absolute;

	left: 0;

	width: 23px;
	height: 2px;

	background: #ffffff;
}


.owner-portal-nav__toggle-icon::before {
	top: -7px;
}


.owner-portal-nav__toggle-icon::after {
	top: 7px;
}


/* =====================================================
   HERO PRIVADO
   ===================================================== */

.owner-account-hero {
	width: 100%;

	padding: 42px 20px;

	background:
		linear-gradient(
			135deg,
			#182235,
			#111827
		);

	color: #ffffff;

	box-sizing: border-box;
}


.owner-account-hero__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;

	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 40px;
}


.owner-account-hero__eyebrow {
	margin-bottom: 8px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.owner-account-hero h1 {
	margin: 0 0 10px !important;

	color: #ffffff !important;

	font-size: 34px !important;
	font-weight: 700 !important;

	line-height: 1.15 !important;
}


.owner-account-hero p {
	max-width: 620px;

	margin: 0 !important;

	color: #cbd5e1 !important;

	font-size: 14px !important;
	line-height: 1.6 !important;
}


.owner-account-hero__badge {
	flex: 0 0 auto;

	min-width: 145px;

	padding: 16px 20px;

	border: 1px solid rgba(255,255,255,.12);
	border-radius: 8px;

	background: rgba(255,255,255,.04);

	box-sizing: border-box;
}


.owner-account-hero__badge span {
	display: block;

	margin-bottom: 4px;

	color: #d6a84b;

	font-size: 9px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.owner-account-hero__badge strong {
	color: #ffffff;

	font-size: 17px;
}


/* =====================================================
   PÁGINA
   ===================================================== */

.owner-statements-page {
	width: 100% !important;

	margin: 0 !important;
	padding: 45px 20px 70px !important;

	background: #f7f8fa;

	box-sizing: border-box !important;
}


.owner-statements-page__inner {
	width: 100%;
	max-width: 1240px;

	margin: 0 auto;
}


.owner-statements-eyebrow {
	margin-bottom: 6px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


/* =====================================================
   FILTRO
   ===================================================== */

.owner-statements-filter {
	width: 100% !important;

	margin: 0 0 25px !important;
	padding: 0 !important;
}


.owner-statements-filter__inner {
	width: 100% !important;

	margin: 0 !important;
	padding: 28px 30px !important;

	display: flex;

	align-items: flex-end;
	justify-content: space-between;

	gap: 35px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 12px;

	box-sizing: border-box !important;
}


.owner-statements-filter__heading {
	max-width: 430px;
}


.owner-statements-filter__heading h2 {
	margin: 0 0 7px !important;

	color: #111827 !important;

	font-size: 22px !important;
	font-weight: 700 !important;
}


.owner-statements-filter__heading p {
	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 12px !important;
	line-height: 1.55 !important;
}


.owner-statements-filter__form {
	display: flex !important;

	align-items: flex-end;

	gap: 12px;

	margin: 0 !important;
	padding: 0 !important;
}


.owner-statements-field {
	min-width: 160px;
}


.owner-statements-field label {
	display: block;

	margin-bottom: 6px;

	color: #374151;

	font-size: 11px;
	font-weight: 600;
}


.owner-statements-field input[type="date"] {
	display: block !important;

	width: 100% !important;
	height: 42px !important;

	margin: 0 !important;
	padding: 0 11px !important;

	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;

	background: #ffffff !important;

	color: #374151 !important;

	font-size: 12px !important;

	box-sizing: border-box !important;
}


.owner-statements-search-button {
	display: flex;

	align-items: center;
	justify-content: center;

	min-width: 105px;
	height: 42px;

	padding: 0 18px;

	border: 0;
	border-radius: 6px;

	background: #d71920;

	color: #ffffff;

	font-size: 12px;
	font-weight: 700;

	cursor: pointer;
}


/* =====================================================
   MENSAJES
   ===================================================== */

.owner-statements-message {
	width: 100%;

	margin-bottom: 18px;

	box-sizing: border-box;
}


/* =====================================================
   TARJETA TABLA
   ===================================================== */

.owner-statements-card {
	width: 100%;

	padding: 30px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 12px;

	box-shadow:
		0 4px 18px rgba(15, 23, 42, .04);

	box-sizing: border-box;
}


.owner-statements-card__heading {
	display: flex;

	align-items: flex-end;
	justify-content: space-between;

	gap: 30px;

	margin-bottom: 23px;
}


.owner-statements-card__heading h2 {
	margin: 0 !important;

	color: #111827 !important;

	font-size: 23px !important;
}


.owner-statements-card__heading > p {
	max-width: 360px;

	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 11px !important;
	line-height: 1.5 !important;

	text-align: right;
}


/* =====================================================
   TABLA
   ===================================================== */

.owner-statements-table-wrap {
	width: 100%;

	overflow-x: auto;

	border: 1px solid #e5e7eb;
	border-radius: 8px;

	box-sizing: border-box;
}


.owner-statements-card #estados {
	width: 100% !important;

	margin: 0 !important;

	border: 0 !important;
	border-collapse: collapse !important;

	background: #ffffff !important;
}


.owner-statements-card #estados thead {
	background: #f3f4f6 !important;
}


.owner-statements-card #estados thead td {
	padding: 14px 15px !important;

	border: 0 !important;
	border-bottom: 1px solid #e5e7eb !important;

	color: #374151 !important;

	font-size: 11px !important;
	font-weight: 700 !important;

	white-space: nowrap;
}


.owner-statements-card #estados tbody td {
	padding: 15px !important;

	border: 0 !important;
	border-bottom: 1px solid #edf0f3 !important;

	color: #4b5563 !important;

	font-size: 12px !important;

	vertical-align: middle;
}


.owner-statements-card #estados tbody tr:last-child td {
	border-bottom: 0 !important;
}


.owner-statements-card #estados tbody tr:hover {
	background: #fafafa;
}


/* Botones o enlaces insertados por JS */

.owner-statements-card #estados tbody a,
.owner-statements-card #estados tbody button,
.owner-statements-card #estados tbody input[type="button"],
.owner-statements-card #estados tbody input[type="submit"] {
	display: inline-flex !important;

	align-items: center;
	justify-content: center;

	min-height: 34px;

	padding: 0 13px !important;

	border: 0 !important;
	border-radius: 5px !important;

	background: #111827 !important;

	color: #ffffff !important;

	font-size: 10px !important;
	font-weight: 700 !important;

	text-decoration: none !important;

	cursor: pointer;
}


/* =====================================================
   AYUDA
   ===================================================== */

.owner-statements-help {
	margin-top: 24px;

	padding: 23px 26px;

	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 30px;

	background: #ffffff;

	border: 1px solid #e5e7eb;
	border-radius: 10px;
}


.owner-statements-help span {
	display: block;

	margin-bottom: 5px;

	color: #111827;

	font-size: 13px;
	font-weight: 700;
}


.owner-statements-help p {
	max-width: 650px;

	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 12px !important;
	line-height: 1.55 !important;
}


.owner-statements-help > a {
	display: inline-flex;

	flex: 0 0 auto;

	align-items: center;
	justify-content: center;

	min-height: 40px;

	padding: 0 17px;

	border: 1px solid #d7dce2;
	border-radius: 6px;

	color: #111827 !important;

	font-size: 11px;
	font-weight: 700;

	text-decoration: none !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 900px) {

	.owner-statements-filter__inner {
		display: block;
	}


	.owner-statements-filter__form {
		margin-top: 20px !important;
	}


	.owner-statements-card__heading {
		display: block;
	}


	.owner-statements-card__heading > p {
		margin-top: 8px !important;

		text-align: left;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.owner-portal-nav__inner {
		display: block;

		padding: 0 20px;
	}


	.owner-portal-nav__brand {
		display: none;
	}


	.owner-portal-nav__toggle {
		display: flex;

		min-height: 58px;
	}


	.owner-portal-menu {
		display: none !important;

		width: 100%;

		padding: 0 0 12px !important;

		flex-direction: column;

		align-items: stretch;
	}


	.owner-portal-menu--open {
		display: flex !important;
	}


	.owner-portal-menu li {
		width: 100%;
	}


	.owner-portal-menu a {
		width: 100%;

		min-height: 45px;

		padding: 0 12px;

		border-radius: 5px;
	}


	.owner-portal-menu li.active a {
		box-shadow: none;

		background: rgba(255,255,255,.07);
	}


	.owner-portal-menu__logout a {
		margin: 7px 0 0;

		background: #d71920;
	}


	.owner-account-hero {
		padding: 32px 20px 35px;
	}


	.owner-account-hero__inner {
		display: block;
	}


	.owner-account-hero h1 {
		font-size: 29px !important;
	}


	.owner-account-hero p {
		font-size: 13px !important;
	}


	.owner-account-hero__badge {
		display: none;
	}


	.owner-statements-page {
		padding: 25px 15px 50px !important;
	}


	.owner-statements-filter__inner {
		padding: 23px 20px !important;
	}


	.owner-statements-filter__form {
		display: grid !important;

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 12px;
	}


	.owner-statements-field {
		min-width: 0;
	}


	.owner-statements-filter__button-wrap {
		grid-column: 1 / -1;
	}


	.owner-statements-search-button {
		width: 100%;
	}


	.owner-statements-card {
		padding: 22px 18px;
	}


	.owner-statements-table-wrap {
		overflow-x: auto;

		-webkit-overflow-scrolling: touch;
	}


	.owner-statements-card #estados {
		min-width: 650px;
	}


	.owner-statements-help {
		display: block;

		padding: 22px 20px;
	}


	.owner-statements-help > a {
		margin-top: 15px;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.owner-account-hero {
		padding: 28px 20px 31px;
	}


	.owner-account-hero h1 {
		font-size: 27px !important;
	}


	.owner-statements-filter__form {
		grid-template-columns: 1fr;
	}


	.owner-statements-filter__button-wrap {
		grid-column: auto;
	}


	.owner-statements-filter__heading h2 {
		font-size: 20px !important;
	}


	.owner-statements-card {
		padding: 19px 15px;
	}

}
/* =====================================================
   ÁREA PRIVADA PROPIETARIOS
   PQR
   ===================================================== */

.owner-pqr-page {
	width: 100%;

	padding: 55px 20px 70px;

	background: #f7f8fa;

	box-sizing: border-box;
}


.owner-pqr-page__inner {
	width: 100%;
	max-width: 1050px;

	margin: 0 auto;

	display: grid;

	grid-template-columns:
		minmax(0, 1fr) 430px;

	gap: 60px;

	align-items: start;
}


.owner-pqr-eyebrow {
	margin-bottom: 8px;

	color: #d6a84b;

	font-size: 10px;
	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


/* =====================================================
   INFORMACIÓN
   ===================================================== */

.owner-pqr-info {
	padding-top: 15px;
}


.owner-pqr-info h2 {
	margin: 0 0 15px !important;

	color: #111827 !important;

	font-size: 31px !important;
	font-weight: 700 !important;

	line-height: 1.2 !important;
}


.owner-pqr-info__intro {
	max-width: 560px;

	margin: 0 0 30px !important;

	color: #5f6673 !important;

	font-size: 14px !important;
	line-height: 1.7 !important;
}


.owner-pqr-info-list {
	display: flex;

	flex-direction: column;
}


.owner-pqr-info-list > div {
	display: grid;

	grid-template-columns:
		40px minmax(0, 1fr);

	gap: 15px;

	padding: 18px 0;

	border-top: 1px solid #dde2e7;
}


.owner-pqr-info-list > div > span {
	color: #d6a84b;

	font-size: 11px;
	font-weight: 700;
}


.owner-pqr-info-list strong {
	display: block;

	margin-bottom: 5px;

	color: #111827;

	font-size: 14px;
}


.owner-pqr-info-list p {
	max-width: 520px;

	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 12px !important;
	line-height: 1.6 !important;
}


/* =====================================================
   AVISO
   ===================================================== */

.owner-pqr-info__notice {
	margin-top: 25px;

	padding: 20px 22px;

	background: #fffaf0;

	border: 1px solid #ead9b1;
	border-radius: 8px;
}


.owner-pqr-info__notice strong {
	display: block;

	margin-bottom: 5px;

	color: #8a6524;

	font-size: 12px;
}


.owner-pqr-info__notice p {
	margin: 0 !important;

	color: #6b6254 !important;

	font-size: 11px !important;
	line-height: 1.55 !important;
}


/* =====================================================
   TARJETA FORMULARIO
   ===================================================== */

.owner-pqr-card {
	width: 100%;

	padding: 35px;

	background: #ffffff;

	border: 1px solid #e1e5ea;
	border-radius: 14px;

	box-shadow:
		0 15px 40px rgba(15, 23, 42, .07);

	box-sizing: border-box;
}


.owner-pqr-card__heading {
	margin-bottom: 26px;
}


.owner-pqr-card__heading h2 {
	margin: 0 0 7px !important;

	color: #111827 !important;

	font-size: 26px !important;
	font-weight: 700 !important;
}


.owner-pqr-card__heading p {
	margin: 0 !important;

	color: #6b7280 !important;

	font-size: 12px !important;
	line-height: 1.55 !important;
}


/* =====================================================
   FORMULARIO
   ===================================================== */

.owner-pqr-form {
	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;

	border: 0 !important;

	box-shadow: none !important;
}


.owner-pqr-field {
	margin-bottom: 17px;
}


.owner-pqr-field label {
	display: block;

	margin-bottom: 7px;

	color: #374151;

	font-size: 12px;
	font-weight: 600;
}


.owner-pqr-field input[type="text"],
.owner-pqr-field input[type="tel"],
.owner-pqr-field textarea {
	display: block !important;

	width: 100% !important;

	margin: 0 !important;

	border: 1px solid #d7dce2 !important;
	border-radius: 7px !important;

	background: #ffffff !important;

	color: #111827 !important;

	font-family:
		Arial,
		Helvetica,
		sans-serif !important;

	font-size: 13px !important;

	box-sizing: border-box !important;

	outline: none;
}


.owner-pqr-field input[type="text"],
.owner-pqr-field input[type="tel"] {
	height: 46px !important;

	padding: 0 14px !important;
}


.owner-pqr-field textarea {
	min-height: 145px !important;

	padding: 13px 14px !important;

	resize: vertical;
}


.owner-pqr-field input:focus,
.owner-pqr-field textarea:focus {
	border-color: #9ca3af !important;

	box-shadow:
		0 0 0 3px rgba(17, 24, 39, .04) !important;
}


/* =====================================================
   ARCHIVO
   ===================================================== */

.owner-pqr-file {
	width: 100%;

	padding: 10px;

	background: #f7f8fa;

	border: 1px dashed #cfd5dc;
	border-radius: 7px;

	box-sizing: border-box;
}


.owner-pqr-file input[type="file"] {
	display: block !important;

	width: 100% !important;

	margin: 0 !important;

	color: #4b5563;

	font-size: 11px;

	box-sizing: border-box;
}


.owner-pqr-field small {
	display: block;

	margin-top: 6px;

	color: #9ca3af;

	font-size: 10px;
}


/* =====================================================
   BOTÓN
   ===================================================== */

.owner-pqr-submit {
	display: flex !important;

	width: 100% !important;
	min-height: 47px !important;

	margin: 7px 0 0 !important;
	padding: 0 20px !important;

	align-items: center;
	justify-content: center;

	border: 0 !important;
	border-radius: 7px !important;

	background: #d71920 !important;

	color: #ffffff !important;

	font-size: 12px !important;
	font-weight: 700 !important;

	cursor: pointer;
}


.owner-pqr-submit:hover {
	background: #bd151b !important;
}


/* =====================================================
   AYUDA
   ===================================================== */

.owner-pqr-card__help {
	margin-top: 23px;
	padding-top: 20px;

	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 15px;

	border-top: 1px solid #edf0f3;
}


.owner-pqr-card__help span {
	color: #6b7280;

	font-size: 11px;
}


.owner-pqr-card__help a {
	color: #111827 !important;

	font-size: 11px;
	font-weight: 700;

	text-decoration: none !important;

	border-bottom: 1px solid #d6a84b;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 900px) {

	.owner-pqr-page__inner {
		grid-template-columns:
			minmax(0, 1fr) 390px;

		gap: 35px;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.owner-pqr-page {
		padding: 30px 15px 50px;
	}


	.owner-pqr-page__inner {
		display: flex !important;

		flex-direction: column !important;

		width: 100% !important;
		max-width: 520px !important;

		gap: 32px !important;
	}


	.owner-pqr-info {
		width: 100%;

		padding-top: 0;
	}


	.owner-pqr-info h2 {
		font-size: 27px !important;
	}


	.owner-pqr-card {
		width: 100% !important;

		padding: 29px 23px !important;

		box-sizing: border-box !important;
	}


	.owner-pqr-card__help {
		display: block;
	}


	.owner-pqr-card__help a {
		display: inline-block;

		margin-top: 7px;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.owner-pqr-page {
		padding: 25px 15px 42px;
	}


	.owner-pqr-info h2 {
		font-size: 25px !important;
	}


	.owner-pqr-card {
		padding: 25px 19px !important;
	}


	.owner-pqr-card__heading h2 {
		font-size: 23px !important;
	}

}
/* =====================================================
   ÁREA PRIVADA PROPIETARIOS
   MODIFICAR CONTRASEÑA
   ===================================================== */

.owner-password-page {
	width: 100%;
	padding: 55px 20px 70px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.owner-password-page__inner {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 390px;
	gap: 60px;
	align-items: start;
}

.owner-password-eyebrow {
	margin-bottom: 8px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* INFORMACIÓN */

.owner-password-info {
	padding-top: 15px;
}

.owner-password-info h2 {
	margin: 0 0 15px !important;
	color: #111827 !important;
	font-size: 31px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.owner-password-info__intro {
	max-width: 520px;
	margin: 0 0 28px !important;
	color: #5f6673 !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}


/* CONSEJOS */

.owner-password-tips {
	display: flex;
	flex-direction: column;
}

.owner-password-tips > div {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 15px;
	padding: 18px 0;
	border-top: 1px solid #dde2e7;
}

.owner-password-tips > div > span {
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
}

.owner-password-tips strong {
	display: block;
	margin-bottom: 5px;
	color: #111827;
	font-size: 14px;
}

.owner-password-tips p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}


/* TARJETA */

.owner-password-card {
	width: 100%;
	padding: 35px;
	background: #ffffff;
	border: 1px solid #e1e5ea;
	border-radius: 14px;
	box-shadow:
		0 15px 40px rgba(15, 23, 42, .07);
	box-sizing: border-box;
}

.owner-password-card__heading {
	margin-bottom: 26px;
}

.owner-password-card__heading h2 {
	margin: 0 0 7px !important;
	color: #111827 !important;
	font-size: 26px !important;
	font-weight: 700 !important;
}

.owner-password-card__heading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.55 !important;
}


/* FORMULARIO */

.owner-password-form {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.owner-password-field {
	margin-bottom: 18px;
}

.owner-password-field label {
	display: block;
	margin-bottom: 7px;
	color: #374151;
	font-size: 12px;
	font-weight: 600;
}

.owner-password-field input[type="password"] {
	display: block !important;
	width: 100% !important;
	height: 47px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.owner-password-field input[type="password"]:focus {
	border-color: #9ca3af !important;
	box-shadow:
		0 0 0 3px rgba(17, 24, 39, .04) !important;
}


/* BOTÓN */

.owner-password-submit {
	display: flex !important;
	width: 100% !important;
	min-height: 47px !important;
	margin: 7px 0 0 !important;
	padding: 0 20px !important;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	border-radius: 7px !important;
	background: #d71920 !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	cursor: pointer;
}

.owner-password-submit:hover {
	background: #bd151b !important;
}


/* AYUDA */

.owner-password-card__help {
	margin-top: 23px;
	padding-top: 20px;
	border-top: 1px solid #edf0f3;
	text-align: center;
}

.owner-password-card__help p {
	margin: 0 0 7px !important;
	color: #6b7280 !important;
	font-size: 11px !important;
}

.owner-password-card__help a {
	color: #111827 !important;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none !important;
	border-bottom: 1px solid #d6a84b;
}


/* TABLET */

@media screen and (max-width: 850px) {

	.owner-password-page__inner {
		grid-template-columns: minmax(0, 1fr) 360px;
		gap: 35px;
	}

}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.owner-password-page {
		padding: 30px 15px 50px;
	}

	.owner-password-page__inner {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 520px !important;
		gap: 32px !important;
	}

	.owner-password-info {
		width: 100%;
		padding-top: 0;
	}

	.owner-password-info h2 {
		font-size: 27px !important;
	}

	.owner-password-card {
		width: 100% !important;
		padding: 29px 23px !important;
		box-sizing: border-box !important;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.owner-password-page {
		padding: 25px 15px 42px;
	}

	.owner-password-info h2 {
		font-size: 25px !important;
	}

	.owner-password-card {
		padding: 25px 19px !important;
	}

	.owner-password-card__heading h2 {
		font-size: 23px !important;
	}

}
/* =====================================================
   ARRENDATARIOS - REQUISITOS
   ===================================================== */

.tenant-requirements-hero {
	width: 100%;
	padding: 60px 20px;
	box-sizing: border-box;
	background: #111827;
	color: #ffffff;
}

.tenant-requirements-hero__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding-top: 12px;
	box-sizing: border-box;
}

.tenant-requirements-hero__eyebrow {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: #d6a84b !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	transform: none !important;
	overflow: visible !important;
}

.tenant-requirements-hero h1 {
	max-width: 800px;
	margin: 0 0 16px !important;
	color: #ffffff !important;
	font-size: 42px !important;
	line-height: 1.1 !important;
}

.tenant-requirements-hero p {
	max-width: 700px;
	margin: 0 !important;
	color: #e5e7eb !important;
	font-size: 17px !important;
	line-height: 1.65 !important;
}


/* PÁGINA */

.tenant-requirements-page {
	width: 100%;
	padding: 55px 20px 75px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.tenant-requirements-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	gap: 40px;
	align-items: start;
}

.tenant-requirements-content {
	min-width: 0;
}

.tenant-requirements-eyebrow {
	margin-bottom: 8px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* INTRO */

.tenant-requirements-intro {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	overflow: hidden;
}

.tenant-requirements-intro__content {
	padding: 40px;
}

.tenant-requirements-intro__content h2,
.tenant-requirements-section__heading h2,
.tenant-requirements-cta h2 {
	margin: 0 0 16px !important;
	color: #111827 !important;
	font-size: 29px !important;
}

.tenant-requirements-intro__content > p,
.tenant-requirements-section__heading p,
.tenant-requirements-cta p {
	margin: 0 0 14px !important;
	color: #5f6673 !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.tenant-requirements-intro__visual {
	display: flex;
	align-items: flex-end;
	padding: 35px;
	background: linear-gradient(135deg, #111827, #263650);
	color: #ffffff;
}

.tenant-requirements-intro__visual > div {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tenant-requirements-intro__visual span {
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.tenant-requirements-intro__visual strong {
	max-width: 300px;
	font-size: 24px;
	line-height: 1.3;
}


/* APOYO */

.tenant-requirements-support-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 24px;
}

.tenant-requirements-support-grid > div {
	padding: 17px;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
}

.tenant-requirements-support-grid span {
	display: block;
	margin-bottom: 10px;
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
}

.tenant-requirements-support-grid strong {
	display: block;
	margin-bottom: 6px;
	color: #111827;
	font-size: 13px;
}

.tenant-requirements-support-grid p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 11px !important;
	line-height: 1.55 !important;
}


/* SECCIONES */

.tenant-requirements-section {
	margin-top: 45px;
}

.tenant-requirements-section__heading {
	margin-bottom: 22px;
}


/* LISTADOS */

.tenant-requirements-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.tenant-requirements-item {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 13px;
	padding: 22px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 9px;
}

.tenant-requirements-item > span {
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
}

.tenant-requirements-item strong {
	display: block;
	margin-bottom: 7px;
	color: #111827;
	font-size: 14px;
}

.tenant-requirements-item p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}


/* NOTA */

.tenant-requirements-note {
	margin-top: 18px;
	padding: 22px 24px;
	background: #fffaf0;
	border: 1px solid #ead9b1;
	border-radius: 9px;
}

.tenant-requirements-note strong {
	display: block;
	margin-bottom: 7px;
	color: #8a6524;
	font-size: 13px;
}

.tenant-requirements-note p {
	margin: 0 !important;
	color: #6b6254 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}


/* CTA */

.tenant-requirements-cta {
	margin-top: 45px;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
}

.tenant-requirements-cta > a {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 20px;
	background: #d71920;
	border-radius: 6px;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
}


/* SIDEBAR */

.tenant-requirements-sidebar {
	position: sticky;
	top: 20px;
}

.tenant-requirements-contact-card {
	padding: 27px;
	background: #111827;
	border-radius: 13px;
	color: #ffffff;
}

.tenant-requirements-contact-card__eyebrow {
	margin-bottom: 9px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.tenant-requirements-contact-card h2 {
	margin: 0 0 13px !important;
	color: #ffffff !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
}

.tenant-requirements-contact-card p {
	margin: 0 0 20px !important;
	color: #cbd5e1 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.tenant-requirements-contact-card__primary,
.tenant-requirements-contact-card__secondary {
	display: flex;
	width: 100%;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
}

.tenant-requirements-contact-card__primary {
	background: #ffffff;
	color: #111827 !important;
}

.tenant-requirements-contact-card__secondary {
	margin-top: 9px;
	border: 1px solid rgba(255,255,255,.22);
	color: #ffffff !important;
}


/* BUSCADOR */

.tenant-requirements-search {
	margin-top: 20px;
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
}

.tenant-requirements-search__heading {
	margin-bottom: 18px;
}

.tenant-requirements-search__heading > span {
	display: block;
	margin-bottom: 5px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.tenant-requirements-search__heading h3 {
	margin: 0 0 6px;
	color: #111827;
	font-size: 19px;
}

.tenant-requirements-search__heading p {
	margin: 0;
	color: #6b7280;
	font-size: 12px;
}

.tenant-requirements-search-field {
	margin-bottom: 12px;
}

.tenant-requirements-search-field label {
	display: block;
	margin-bottom: 5px;
	color: #374151;
	font-size: 11px;
	font-weight: 600;
}

.tenant-requirements-search-field select {
	width: 100% !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid #d9dde3 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #374151 !important;
	font-size: 12px !important;
	box-sizing: border-box !important;
}

.tenant-requirements-search-button {
	width: 100%;
	min-height: 44px;
	margin-top: 4px;
	border: 0;
	border-radius: 6px;
	background: #d71920;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}


/* TABLET */

@media screen and (max-width: 1000px) {

	.tenant-requirements-page__inner {
		grid-template-columns: minmax(0, 1fr) 270px;
		gap: 25px;
	}

	.tenant-requirements-intro {
		grid-template-columns: minmax(0, 1fr) 260px;
	}

	.tenant-requirements-support-grid {
		grid-template-columns: 1fr;
	}

}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.tenant-requirements-hero {
		padding: 34px 24px 38px !important;
		overflow: visible !important;
	}

	.tenant-requirements-hero__inner {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 8px 0 0 !important;
		overflow: visible !important;
	}

	.tenant-requirements-hero__eyebrow {
		position: static !important;
		display: block !important;
		height: auto !important;
		margin: 0 0 10px !important;
		font-size: 11px !important;
		line-height: 1.3 !important;
		transform: none !important;
		overflow: visible !important;
	}

	.tenant-requirements-hero h1 {
		margin: 0 0 18px !important;
		font-size: 31px !important;
		line-height: 1.15 !important;
	}

	.tenant-requirements-hero p {
		font-size: 15px !important;
	}

	.tenant-requirements-page {
		padding: 25px 15px 50px;
	}

	.tenant-requirements-page__inner {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		gap: 0 !important;
	}

	.tenant-requirements-content {
		width: 100% !important;
	}

	.tenant-requirements-intro {
		display: flex !important;
		flex-direction: column !important;
	}

	.tenant-requirements-intro__content {
		order: 2;
		padding: 28px 22px;
	}

	.tenant-requirements-intro__visual {
		order: 1;
		min-height: 210px;
		padding: 25px;
	}

	.tenant-requirements-support-grid {
		grid-template-columns: 1fr;
	}

	.tenant-requirements-list {
		grid-template-columns: 1fr;
	}

	.tenant-requirements-cta {
		display: block;
		padding: 25px 22px;
	}

	.tenant-requirements-cta > a {
		width: 100%;
		margin-top: 15px;
		box-sizing: border-box;
	}

	.tenant-requirements-sidebar {
		position: static !important;
		width: 100% !important;
		margin-top: 30px;
	}

	.tenant-requirements-contact-card,
	.tenant-requirements-search {
		width: 100% !important;
		box-sizing: border-box !important;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.tenant-requirements-hero {
		padding: 30px 24px 34px !important;
	}

	.tenant-requirements-hero h1 {
		font-size: 28px !important;
	}

	.tenant-requirements-hero p {
		font-size: 14px !important;
	}

	.tenant-requirements-intro__content {
		padding: 24px 19px;
	}

	.tenant-requirements-intro__content h2,
	.tenant-requirements-section__heading h2,
	.tenant-requirements-cta h2 {
		font-size: 25px !important;
	}

	.tenant-requirements-item {
		grid-template-columns: 34px minmax(0, 1fr);
		padding: 19px;
	}

}
/* =====================================================
   ARRENDATARIOS - PAGOS EN LÍNEA
   ===================================================== */


/* HERO */

.tenant-payment-hero {
	width: 100%;
	padding: 60px 20px;
	background: #111827;
	color: #ffffff;
	box-sizing: border-box;
}

.tenant-payment-hero__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding-top: 12px;
	box-sizing: border-box;
}

.tenant-payment-hero__eyebrow {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: #d6a84b !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	transform: none !important;
	overflow: visible !important;
}

.tenant-payment-hero h1 {
	margin: 0 0 16px !important;
	color: #ffffff !important;
	font-size: 42px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
}

.tenant-payment-hero p {
	max-width: 680px;
	margin: 0 !important;
	color: #e5e7eb !important;
	font-size: 17px !important;
	line-height: 1.65 !important;
}


/* PÁGINA */

.tenant-payment-page {
	width: 100%;
	padding: 60px 20px 70px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.tenant-payment-page__inner {
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 390px;
	gap: 65px;
	align-items: center;
}

.tenant-payment-eyebrow {
	margin-bottom: 8px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* INFORMACIÓN */

.tenant-payment-info h2 {
	margin: 0 0 16px !important;
	color: #111827 !important;
	font-size: 31px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.tenant-payment-info__intro {
	max-width: 560px;
	margin: 0 0 29px !important;
	color: #5f6673 !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}


/* PASOS */

.tenant-payment-steps {
	display: flex;
	flex-direction: column;
}

.tenant-payment-steps > div {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 15px;
	padding: 17px 0;
	border-top: 1px solid #dde2e7;
}

.tenant-payment-steps > div > span {
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
}

.tenant-payment-steps strong {
	display: block;
	margin-bottom: 5px;
	color: #111827;
	font-size: 14px;
}

.tenant-payment-steps p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}


/* AVISO */

.tenant-payment-notice {
	margin-top: 25px;
	padding: 20px 22px;
	background: #fffaf0;
	border: 1px solid #ead9b1;
	border-radius: 8px;
}

.tenant-payment-notice strong {
	display: block;
	margin-bottom: 6px;
	color: #8a6524;
	font-size: 12px;
}

.tenant-payment-notice p {
	margin: 0 !important;
	color: #6b6254 !important;
	font-size: 11px !important;
	line-height: 1.6 !important;
}


/* TARJETA PSE */

.tenant-payment-card {
	width: 100%;
	padding: 38px;
	background: #ffffff;
	border: 1px solid #e1e5ea;
	border-radius: 15px;
	box-shadow:
		0 18px 45px rgba(15, 23, 42, .08);
	box-sizing: border-box;
}

.tenant-payment-card__heading {
	margin-bottom: 25px;
	text-align: center;
}

.tenant-payment-card__heading h2 {
	margin: 0 0 7px !important;
	color: #111827 !important;
	font-size: 27px !important;
	font-weight: 700 !important;
}

.tenant-payment-card__heading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.55 !important;
}

.tenant-payment-card__pse {
	min-height: 125px;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 9px;
}

.tenant-payment-card__pse img {
	display: block !important;
	width: auto !important;
	max-width: 135px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tenant-payment-button {
	display: flex;
	width: 100%;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	background: #d71920;
	border-radius: 7px;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	box-sizing: border-box;
}

.tenant-payment-button:hover {
	background: #bd151b;
}

.tenant-payment-card__external {
	margin: 11px 0 0 !important;
	color: #9ca3af !important;
	font-size: 10px !important;
	line-height: 1.5 !important;
	text-align: center;
}

.tenant-payment-card__divider {
	margin: 24px 0 20px;
	border-top: 1px solid #edf0f3;
}

.tenant-payment-card__support {
	text-align: center;
}

.tenant-payment-card__support span {
	display: block;
	margin-bottom: 7px;
	color: #6b7280;
	font-size: 11px;
}

.tenant-payment-card__support a {
	color: #111827 !important;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none !important;
	border-bottom: 1px solid #d6a84b;
}


/* AYUDA */

.tenant-payment-help {
	width: 100%;
	padding: 50px 20px;
	background: #ffffff;
	border-top: 1px solid #e5e7eb;
	box-sizing: border-box;
}

.tenant-payment-help__inner {
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.tenant-payment-help h2 {
	margin: 0 0 9px !important;
	color: #111827 !important;
	font-size: 27px !important;
}

.tenant-payment-help p {
	max-width: 650px;
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.tenant-payment-help__inner > a {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 20px;
	background: #111827;
	border-radius: 6px;
	color: #ffffff !important;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none !important;
}


/* TABLET */

@media screen and (max-width: 850px) {

	.tenant-payment-page__inner {
		grid-template-columns: minmax(0, 1fr) 350px;
		gap: 35px;
	}

}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.tenant-payment-hero {
		padding: 34px 24px 38px !important;
		overflow: visible !important;
	}

	.tenant-payment-hero__inner {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 8px 0 0 !important;
		overflow: visible !important;
	}

	.tenant-payment-hero__eyebrow {
		position: static !important;
		display: block !important;
		height: auto !important;
		margin: 0 0 10px !important;
		font-size: 11px !important;
		line-height: 1.3 !important;
		transform: none !important;
		overflow: visible !important;
	}

	.tenant-payment-hero h1 {
		margin: 0 0 18px !important;
		font-size: 31px !important;
		line-height: 1.15 !important;
	}

	.tenant-payment-hero p {
		font-size: 15px !important;
	}

	.tenant-payment-page {
		padding: 30px 15px 50px;
	}

	.tenant-payment-page__inner {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 520px !important;
		gap: 32px !important;
	}

	.tenant-payment-info {
		width: 100%;
	}

	.tenant-payment-info h2 {
		font-size: 27px !important;
	}

	.tenant-payment-card {
		width: 100% !important;
		padding: 30px 24px !important;
		box-sizing: border-box !important;
	}

	.tenant-payment-help {
		padding: 38px 20px;
	}

	.tenant-payment-help__inner {
		display: block;
	}

	.tenant-payment-help__inner > a {
		margin-top: 20px;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.tenant-payment-hero {
		padding: 30px 24px 34px !important;
	}

	.tenant-payment-hero h1 {
		font-size: 28px !important;
	}

	.tenant-payment-hero p {
		font-size: 14px !important;
	}

	.tenant-payment-card {
		padding: 26px 20px !important;
	}

	.tenant-payment-card__heading h2 {
		font-size: 24px !important;
	}

	.tenant-payment-help h2 {
		font-size: 24px !important;
	}

}
/* =====================================================
   ÁREA PRIVADA ARRENDATARIOS
   ESTADOS DE PAGO
   ===================================================== */


/* NAVEGACIÓN */

.tenant-portal-nav {
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #e5e7eb;
	box-sizing: border-box;
}

.tenant-portal-nav__inner {
	width: 100%;
	max-width: 1240px;
	min-height: 60px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

.tenant-portal-nav__brand span {
	color: #111827;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .8px;
}

.tenant-portal-menu {
	display: flex !important;
	align-items: center;
	gap: 5px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.tenant-portal-menu li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.tenant-portal-menu li a {
	display: flex;
	min-height: 60px;
	padding: 0 15px;
	align-items: center;
	color: #4b5563 !important;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none !important;
	box-sizing: border-box;
}

.tenant-portal-menu li.active a {
	color: #111827 !important;
	border-bottom: 2px solid #d6a84b;
}

.tenant-portal-menu__logout a {
	color: #d71920 !important;
}

.tenant-portal-nav__toggle {
	display: none;
}


/* HERO */

.tenant-account-hero {
	width: 100%;
	padding: 42px 20px;
	background: #111827;
	color: #ffffff;
	box-sizing: border-box;
}

.tenant-account-hero__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.tenant-account-hero__eyebrow {
	margin-bottom: 8px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.tenant-account-hero h1 {
	margin: 0 0 10px !important;
	color: #ffffff !important;
	font-size: 34px !important;
	line-height: 1.15 !important;
}

.tenant-account-hero p {
	margin: 0 !important;
	color: #cbd5e1 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
}

.tenant-account-hero__badge {
	min-width: 155px;
	padding: 17px 20px;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 9px;
	text-align: right;
}

.tenant-account-hero__badge span {
	display: block;
	margin-bottom: 4px;
	color: #d6a84b;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.tenant-account-hero__badge strong {
	color: #ffffff;
	font-size: 17px;
}


/* CONTENIDO */

.tenant-account-page {
	width: 100%;
	padding: 50px 20px 70px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.tenant-account-page__inner {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.tenant-account-eyebrow {
	margin-bottom: 7px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* ENCABEZADO */

.tenant-account-heading {
	margin-bottom: 28px;
}

.tenant-account-heading h2 {
	margin: 0 0 9px !important;
	color: #111827 !important;
	font-size: 29px !important;
	line-height: 1.2 !important;
}

.tenant-account-heading p {
	max-width: 650px;
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}


/* FILTRO */

.tenant-account-filter {
	margin-bottom: 25px;
	padding: 25px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	box-sizing: border-box;
}

.tenant-account-filter__heading {
	margin-bottom: 18px;
}

.tenant-account-filter__heading span {
	display: block;
	margin-bottom: 5px;
	color: #d6a84b;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.tenant-account-filter__heading h3 {
	margin: 0;
	color: #111827;
	font-size: 19px;
}

.tenant-account-filter__form {
	display: grid !important;
	grid-template-columns: 1fr 1fr auto;
	gap: 15px;
	align-items: end;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.tenant-account-filter__field label {
	display: block;
	margin-bottom: 6px;
	color: #374151;
	font-size: 11px;
	font-weight: 600;
}

.tenant-account-filter__field input[type="date"] {
	display: block !important;
	width: 100% !important;
	height: 43px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	border: 1px solid #d9dde3 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #374151 !important;
	font-size: 12px !important;
	box-sizing: border-box !important;
}

.tenant-account-filter__action button {
	min-width: 115px;
	height: 43px;
	padding: 0 20px;
	border: 0;
	border-radius: 6px;
	background: #d71920;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	cursor: pointer;
}


/* RESULTADOS */

.tenant-account-search-result {
	width: 100%;
	margin-bottom: 20px;
}


/* TABLA */

.tenant-account-table-card {
	width: 100%;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 11px;
	overflow: hidden;
	box-sizing: border-box;
}

.tenant-account-table-card__heading {
	padding: 24px 25px 17px;
	border-bottom: 1px solid #edf0f3;
}

.tenant-account-table-card__heading h2 {
	margin: 0 !important;
	color: #111827 !important;
	font-size: 20px !important;
}

.tenant-account-table-wrapper {
	width: 100%;
	overflow-x: auto;
}

#facturas {
	width: 100% !important;
	min-width: 700px;
	margin: 0 !important;
	border-collapse: collapse !important;
	background: #ffffff !important;
}

#facturas thead {
	background: #f8f9fa !important;
}

#facturas th,
#facturas td {
	padding: 14px 16px !important;
	border: 0 !important;
	border-bottom: 1px solid #edf0f3 !important;
	color: #374151 !important;
	font-size: 11px !important;
	text-align: left !important;
	vertical-align: middle !important;
}

#facturas th {
	color: #6b7280 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: .4px;
	text-transform: uppercase;
}

#facturas tbody tr:hover {
	background: #fafafa !important;
}

#facturas a,
#facturas button,
#facturas input[type="button"],
#facturas input[type="submit"] {
	display: inline-flex !important;
	min-height: 32px !important;
	padding: 0 12px !important;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	border-radius: 5px !important;
	background: #111827 !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	cursor: pointer;
	box-sizing: border-box !important;
}


/* TABLET */

@media screen and (max-width: 850px) {

	.tenant-account-filter__form {
		grid-template-columns: 1fr 1fr;
	}

	.tenant-account-filter__action {
		grid-column: 1 / -1;
	}

	.tenant-account-filter__action button {
		width: 100%;
	}

}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.tenant-portal-nav__inner {
		display: block;
		min-height: auto;
		padding: 0;
	}

	.tenant-portal-nav__brand {
		display: none;
	}

	.tenant-portal-nav__toggle {
		display: flex !important;
		width: 100%;
		min-height: 52px;
		padding: 0 18px;
		align-items: center;
		justify-content: space-between;
		border: 0;
		background: #ffffff;
		color: #111827;
		font-size: 12px;
		font-weight: 700;
		cursor: pointer;
	}

	.tenant-portal-nav__toggle-icon,
	.tenant-portal-nav__toggle-icon::before,
	.tenant-portal-nav__toggle-icon::after {
		display: block;
		width: 18px;
		height: 2px;
		background: #111827;
		content: "";
	}

	.tenant-portal-nav__toggle-icon {
		position: relative;
	}

	.tenant-portal-nav__toggle-icon::before {
		position: absolute;
		top: -6px;
		left: 0;
	}

	.tenant-portal-nav__toggle-icon::after {
		position: absolute;
		top: 6px;
		left: 0;
	}

	.tenant-portal-menu {
		display: none !important;
		width: 100%;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		border-top: 1px solid #edf0f3;
	}

	.tenant-portal-menu--open {
		display: flex !important;
	}

	.tenant-portal-menu li a {
		width: 100%;
		min-height: 48px;
		padding: 0 18px;
		border-bottom: 1px solid #edf0f3;
	}

	.tenant-portal-menu li.active a {
		border-bottom: 1px solid #edf0f3;
		border-left: 3px solid #d6a84b;
	}

	.tenant-account-hero {
		padding: 30px 20px;
	}

	.tenant-account-hero__inner {
		display: block;
	}

	.tenant-account-hero__badge {
		display: none;
	}

	.tenant-account-hero h1 {
		font-size: 29px !important;
	}

	.tenant-account-page {
		padding: 30px 15px 50px;
	}

	.tenant-account-heading h2 {
		font-size: 25px !important;
	}

	.tenant-account-filter {
		padding: 21px 18px;
	}

	.tenant-account-filter__form {
		display: flex !important;
		flex-direction: column !important;
		gap: 13px !important;
	}

	.tenant-account-filter__field,
	.tenant-account-filter__action {
		width: 100%;
	}

	.tenant-account-filter__action button {
		width: 100%;
	}

	.tenant-account-table-card__heading {
		padding: 21px 19px 15px;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.tenant-account-hero h1 {
		font-size: 27px !important;
	}

	.tenant-account-page {
		padding-left: 12px;
		padding-right: 12px;
	}

}
/* =====================================================
   PORTAL DE ARRENDATARIOS - LOGIN Y PSE
   ===================================================== */

.tenant-access-hero {
	width: 100%;
	padding: 60px 20px;
	background: #111827;
	color: #ffffff;
	box-sizing: border-box;
}

.tenant-access-hero__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding-top: 12px;
}

.tenant-access-hero__eyebrow {
	position: static !important;
	display: block !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: #d6a84b !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	transform: none !important;
}

.tenant-access-hero h1 {
	margin: 0 0 16px !important;
	color: #ffffff !important;
	font-size: 42px !important;
	line-height: 1.1 !important;
}

.tenant-access-hero p {
	max-width: 700px;
	margin: 0 !important;
	color: #e5e7eb !important;
	font-size: 17px !important;
	line-height: 1.65 !important;
}


/* CONTENEDOR */

.tenant-access-page {
	width: 100%;
	padding: 60px 20px 70px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.tenant-access-page__inner {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 35px;
	align-items: stretch;
}

.tenant-access-eyebrow {
	margin-bottom: 8px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* LOGIN */

.tenant-login-card,
.tenant-pse-card {
	padding: 38px;
	background: #ffffff;
	border: 1px solid #e1e5ea;
	border-radius: 14px;
	box-shadow: 0 15px 40px rgba(15, 23, 42, .06);
	box-sizing: border-box;
}

.tenant-login-card h2,
.tenant-pse-card h2 {
	margin: 0 0 10px !important;
	color: #111827 !important;
	font-size: 27px !important;
	line-height: 1.2 !important;
}

.tenant-login-card__intro,
.tenant-pse-card > p {
	margin: 0 0 25px !important;
	color: #6b7280 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

.tenant-login-form {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.tenant-login-field {
	margin-bottom: 16px;
}

.tenant-login-field label {
	display: block;
	margin-bottom: 6px;
	color: #374151;
	font-size: 11px;
	font-weight: 600;
}

.tenant-login-field input {
	display: block !important;
	width: 100% !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-size: 13px !important;
	box-sizing: border-box !important;
}

.tenant-login-field input:focus {
	border-color: #9ca3af !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(17, 24, 39, .04) !important;
}

.tenant-login-submit {
	width: 100%;
	min-height: 47px;
	margin-top: 5px;
	padding: 0 20px;
	border: 0;
	border-radius: 7px;
	background: #d71920;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.tenant-login-submit:hover {
	background: #bd151b;
}

.tenant-login-help {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid #edf0f3;
	text-align: center;
}

.tenant-login-help p {
	margin: 0 0 6px !important;
	color: #6b7280 !important;
	font-size: 11px !important;
}

.tenant-login-help a {
	color: #111827 !important;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none !important;
	border-bottom: 1px solid #d6a84b;
}


/* PSE */

.tenant-pse-card__logo {
	min-height: 130px;
	margin: 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f7f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 9px;
}

.tenant-pse-card__logo img {
	width: auto !important;
	max-width: 135px !important;
	height: auto !important;
	margin: 0 !important;
}

.tenant-pse-button {
	display: flex;
	width: 100%;
	min-height: 47px;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	background: #111827;
	border-radius: 7px;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	box-sizing: border-box;
}

.tenant-pse-button:hover {
	background: #1f2937;
}

.tenant-pse-card__notice {
	margin-top: 20px;
	padding: 17px 18px;
	background: #fffaf0;
	border: 1px solid #ead9b1;
	border-radius: 8px;
}

.tenant-pse-card__notice strong {
	display: block;
	margin-bottom: 5px;
	color: #8a6524;
	font-size: 11px;
}

.tenant-pse-card__notice p {
	margin: 0 !important;
	color: #6b6254 !important;
	font-size: 10px !important;
	line-height: 1.55 !important;
}


/* INFORMACIÓN */

.tenant-access-info {
	width: 100%;
	padding: 40px 20px 55px;
	background: #ffffff;
	border-top: 1px solid #e5e7eb;
	box-sizing: border-box;
}

.tenant-access-info__inner {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.tenant-access-info__inner > div {
	padding: 20px;
	border-left: 2px solid #d6a84b;
}

.tenant-access-info span {
	display: block;
	margin-bottom: 7px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
}

.tenant-access-info strong {
	display: block;
	margin-bottom: 6px;
	color: #111827;
	font-size: 14px;
}

.tenant-access-info p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 11px !important;
	line-height: 1.55 !important;
}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.tenant-access-hero {
		padding: 34px 24px 38px !important;
	}

	.tenant-access-hero__inner {
		padding-top: 8px;
	}

	.tenant-access-hero__eyebrow {
		font-size: 11px !important;
	}

	.tenant-access-hero h1 {
		font-size: 31px !important;
		line-height: 1.15 !important;
	}

	.tenant-access-hero p {
		font-size: 15px !important;
	}

	.tenant-access-page {
		padding: 30px 15px 50px;
	}

	.tenant-access-page__inner {
		display: flex !important;
		flex-direction: column !important;
		max-width: 520px !important;
		gap: 25px !important;
	}

	.tenant-login-card,
	.tenant-pse-card {
		padding: 29px 23px;
	}

	.tenant-access-info__inner {
		grid-template-columns: 1fr;
		max-width: 520px;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.tenant-access-hero {
		padding: 30px 24px 34px !important;
	}

	.tenant-access-hero h1 {
		font-size: 28px !important;
	}

	.tenant-login-card,
	.tenant-pse-card {
		padding: 25px 19px;
	}
}

/* =====================================================
   ÁREA PRIVADA ARRENDATARIOS
   SOLICITUDES
   ===================================================== */

.tenant-request-page {
	width: 100%;
	padding: 55px 20px 70px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.tenant-request-page__inner {
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 410px;
	gap: 60px;
	align-items: start;
}


/* INFORMACIÓN */

.tenant-request-info {
	padding-top: 12px;
}

.tenant-request-info h2 {
	margin: 0 0 15px !important;
	color: #111827 !important;
	font-size: 31px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.tenant-request-info__intro {
	max-width: 540px;
	margin: 0 0 28px !important;
	color: #5f6673 !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}


/* GUÍA */

.tenant-request-guide {
	display: flex;
	flex-direction: column;
}

.tenant-request-guide > div {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 15px;
	padding: 18px 0;
	border-top: 1px solid #dde2e7;
}

.tenant-request-guide > div > span {
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
}

.tenant-request-guide strong {
	display: block;
	margin-bottom: 5px;
	color: #111827;
	font-size: 14px;
}

.tenant-request-guide p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}


/* AVISO */

.tenant-request-notice {
	margin-top: 25px;
	padding: 20px 22px;
	background: #fffaf0;
	border: 1px solid #ead9b1;
	border-radius: 8px;
}

.tenant-request-notice strong {
	display: block;
	margin-bottom: 6px;
	color: #8a6524;
	font-size: 12px;
}

.tenant-request-notice p {
	margin: 0 !important;
	color: #6b6254 !important;
	font-size: 11px !important;
	line-height: 1.6 !important;
}


/* TARJETA */

.tenant-request-card {
	width: 100%;
	padding: 36px;
	background: #ffffff;
	border: 1px solid #e1e5ea;
	border-radius: 14px;
	box-shadow:
		0 15px 40px rgba(15, 23, 42, .07);
	box-sizing: border-box;
}

.tenant-request-card__heading {
	margin-bottom: 25px;
}

.tenant-request-card__heading h2 {
	margin: 0 0 7px !important;
	color: #111827 !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.tenant-request-card__heading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
}


/* FORMULARIO */

.tenant-request-form {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.tenant-request-field {
	width: 100%;
	margin-bottom: 16px;
}

.tenant-request-field label {
	display: block;
	margin-bottom: 6px;
	color: #374151;
	font-size: 11px;
	font-weight: 600;
}

.tenant-request-field input[type="text"],
.tenant-request-field input[type="tel"],
.tenant-request-field input[type="number"] {
	display: block !important;
	width: 100% !important;
	height: 45px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.tenant-request-field textarea {
	display: block !important;
	width: 100% !important;
	min-height: 135px !important;
	margin: 0 !important;
	padding: 12px 13px !important;
	resize: vertical !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.tenant-request-field input:focus,
.tenant-request-field textarea:focus {
	border-color: #9ca3af !important;
	box-shadow:
		0 0 0 3px rgba(17, 24, 39, .04) !important;
}

.tenant-request-field input[type="file"] {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 10px !important;
	border: 1px dashed #cfd5dc !important;
	border-radius: 7px !important;
	background: #f8f9fa !important;
	color: #4b5563 !important;
	font-size: 11px !important;
	box-sizing: border-box !important;
}

.tenant-request-field__help {
	display: block;
	margin-top: 6px;
	color: #9ca3af;
	font-size: 10px;
	line-height: 1.5;
}


/* BOTÓN */

.tenant-request-submit {
	display: flex !important;
	width: 100% !important;
	min-height: 47px !important;
	margin: 6px 0 0 !important;
	padding: 0 20px !important;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	border-radius: 7px !important;
	background: #d71920 !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	cursor: pointer;
}

.tenant-request-submit:hover {
	background: #bd151b !important;
}


/* AYUDA */

.tenant-request-card__help {
	margin-top: 23px;
	padding-top: 20px;
	border-top: 1px solid #edf0f3;
	text-align: center;
}

.tenant-request-card__help span {
	display: block;
	margin-bottom: 7px;
	color: #6b7280;
	font-size: 11px;
}

.tenant-request-card__help a {
	color: #111827 !important;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none !important;
	border-bottom: 1px solid #d6a84b;
}


/* TABLET */

@media screen and (max-width: 850px) {

	.tenant-request-page__inner {
		grid-template-columns: minmax(0, 1fr) 370px;
		gap: 35px;
	}

}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.tenant-request-page {
		padding: 30px 15px 50px;
	}

	.tenant-request-page__inner {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 520px !important;
		gap: 32px !important;
	}

	.tenant-request-info {
		width: 100%;
		padding-top: 0;
	}

	.tenant-request-info h2 {
		font-size: 27px !important;
	}

	.tenant-request-card {
		width: 100% !important;
		padding: 29px 23px !important;
		box-sizing: border-box !important;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.tenant-request-page {
		padding: 25px 14px 42px;
	}

	.tenant-request-info h2 {
		font-size: 25px !important;
	}

	.tenant-request-card {
		padding: 25px 19px !important;
	}

	.tenant-request-card__heading h2 {
		font-size: 23px !important;
	}

}

/* =====================================================
   ADMINISTRACIÓN - CREAR INMUEBLE
   ===================================================== */


/* NAVEGACIÓN */

.admin-portal-nav {
	position: relative;
	z-index: 50;
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #e5e7eb;
	box-sizing: border-box;
}

.admin-portal-nav__inner {
	width: 100%;
	max-width: 1240px;
	min-height: 60px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

.admin-portal-nav__brand span {
	color: #111827;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
}

.admin-portal-menu {
	display: flex !important;
	align-items: center;
	gap: 1px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.admin-portal-menu > li {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.admin-portal-menu > li > a,
.admin-submenu-toggle {
	display: flex;
	min-height: 60px;
	padding: 0 11px;
	align-items: center;
	gap: 5px;
	border: 0;
	background: transparent;
	color: #4b5563 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	box-sizing: border-box;
}

.admin-portal-menu > li > a:hover,
.admin-submenu-toggle:hover {
	color: #111827 !important;
}

.admin-portal-menu > li.active > a {
	color: #111827 !important;
	border-bottom: 2px solid #d6a84b;
}

.admin-portal-menu__logout > a {
	color: #d71920 !important;
}

.admin-portal-menu__logout > a:hover {
	color: #b9151b !important;
}

.admin-portal-nav__toggle {
	display: none;
}


/* SUBMENÚ */

.admin-submenu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	display: none;
	width: 195px;
	margin: 0 !important;
	padding: 7px 0 !important;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
	list-style: none !important;
}

.admin-submenu--open > .admin-submenu {
	display: block !important;
}

.admin-submenu li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.admin-submenu li a {
	display: block;
	padding: 11px 15px;
	color: #4b5563 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none !important;
	white-space: nowrap;
}

.admin-submenu li a:hover {
	background: #f7f8fa;
	color: #111827 !important;
}


/* HERO */

.admin-page-hero {
	width: 100%;
	padding: 40px 20px;
	background: #111827;
	color: #ffffff;
	box-sizing: border-box;
}

.admin-page-hero__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.admin-page-hero__eyebrow {
	margin-bottom: 7px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.admin-page-hero h1 {
	margin: 0 0 8px !important;
	color: #ffffff !important;
	font-size: 34px !important;
	line-height: 1.15 !important;
}

.admin-page-hero p {
	margin: 0 !important;
	color: #cbd5e1 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.admin-page-hero__badge {
	min-width: 150px;
	padding: 16px 19px;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 9px;
	text-align: right;
	box-sizing: border-box;
}

.admin-page-hero__badge span {
	display: block;
	margin-bottom: 3px;
	color: #d6a84b;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.admin-page-hero__badge strong {
	color: #ffffff;
	font-size: 17px;
}


/* PÁGINA */

.admin-property-page {
	width: 100%;
	padding: 45px 20px 70px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.admin-property-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}


/* FORMULARIO PRINCIPAL */

.admin-property-form {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 28px;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.admin-property-card {
	width: 100% !important;
	margin: 0 !important;
	padding: 32px !important;
	background: #ffffff !important;
	border: 1px solid #e2e6eb !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 30px rgba(15,23,42,.045) !important;
	box-sizing: border-box !important;
	float: none !important;
}

.admin-property-card__heading {
	margin-bottom: 26px;
	padding-bottom: 20px;
	border-bottom: 1px solid #edf0f3;
}

.admin-property-eyebrow {
	margin-bottom: 6px;
	color: #d6a84b;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.admin-property-card__heading h2 {
	margin: 0 0 7px !important;
	color: #111827 !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
}

.admin-property-card__heading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 11px !important;
	line-height: 1.55 !important;
}


/* CAMPOS */

.admin-property-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px;
}

.admin-property-field {
	width: 100%;
	margin-bottom: 16px;
	box-sizing: border-box;
}

.admin-property-grid .admin-property-field {
	margin-bottom: 0;
}

.admin-property-field--full {
	grid-column: 1 / -1;
}

.admin-property-field label {
	display: block;
	margin-bottom: 6px;
	color: #374151;
	font-size: 10px;
	font-weight: 700;
}

.admin-property-field input[type="text"],
.admin-property-field input[type="number"],
.admin-property-field select {
	display: block !important;
	width: 100% !important;
	height: 43px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.admin-property-field textarea {
	display: block !important;
	width: 100% !important;
	min-height: 120px !important;
	margin: 0 !important;
	padding: 11px 12px !important;
	resize: vertical;
	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	line-height: 1.6 !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.admin-property-field input:focus,
.admin-property-field select:focus,
.admin-property-field textarea:focus {
	border-color: #9ca3af !important;
	box-shadow: 0 0 0 3px rgba(17,24,39,.04) !important;
}


/* SUBTÍTULOS */

.admin-property-subheading {
	margin: 29px 0 17px;
	padding-top: 23px;
	border-top: 1px solid #edf0f3;
}

.admin-property-subheading > span {
	display: block;
	margin-bottom: 5px;
	color: #d6a84b;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.admin-property-subheading h3 {
	margin: 0 0 5px;
	color: #111827;
	font-size: 16px;
}

.admin-property-subheading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 10px !important;
	line-height: 1.55 !important;
}

.admin-property-subheading--photos {
	margin-bottom: 11px;
}


/* FOTO DESTACADA */

.admin-featured-upload {
	width: 100%;
}

.admin-featured-upload .customfile-container {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.admin-featured-upload input[type="file"] {
	display: block;
	width: 100%;
	padding: 11px;
	border: 1px dashed #cfd5dc;
	border-radius: 7px;
	background: #f8f9fa;
	box-sizing: border-box;
	font-size: 10px;
}


/* CONTADOR */

.admin-photo-counter {
	margin: 0 0 12px !important;
	color: #6b7280 !important;
	font-size: 10px !important;
}

.admin-photo-counter span {
	color: #111827;
	font-weight: 700;
}


/* ÁREA DROP */

.admin-upload-content {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

#drop-files {
	display: flex !important;
	width: 100% !important;
	min-height: 165px !important;
	margin: 0 !important;
	padding: 25px !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	border: 2px dashed #d5dae1 !important;
	border-radius: 9px !important;
	background: #f8f9fa !important;
	color: #6b7280 !important;
	text-align: center !important;
	box-sizing: border-box !important;
	cursor: pointer;
}

#drop-files:hover {
	border-color: #d6a84b !important;
	background: #fffdf8 !important;
}

#drop-files #add {
	margin-bottom: 10px !important;
}

#drop-files #add img {
	display: block !important;
	width: 38px !important;
	height: auto !important;
	margin: 0 auto !important;
	opacity: .7;
}

#drop-files strong {
	display: block;
	margin-bottom: 4px;
	color: #111827;
	font-size: 11px;
}

#drop-files > span {
	color: #9ca3af;
	font-size: 10px;
}


/* ARCHIVOS CARGADOS */

#uploaded-holder {
	width: 100% !important;
	margin-top: 14px !important;
	box-sizing: border-box !important;
}

#dropped-files,
#extra-files {
	width: 100% !important;
	box-sizing: border-box !important;
}

#file-list ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#upload-button .delete {
	display: inline-flex;
	min-height: 31px;
	padding: 0 12px;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background: #f3f4f6;
	color: #b91c1c !important;
	font-size: 9px;
	font-weight: 700;
	text-decoration: none !important;
}


/* PROGRESO */

#loader_container {
	width: 100% !important;
	margin-top: 15px !important;
	box-sizing: border-box !important;
}

#bar_container {
	width: 100% !important;
	height: 7px !important;
	overflow: hidden;
	background: #e5e7eb !important;
	border-radius: 10px !important;
}

#progress_bar {
	width: 100% !important;
	height: 7px !important;
	background: transparent !important;
}

#progress_percentage {
	height: 100% !important;
	background: #d6a84b !important;
	border-radius: 10px !important;
}

#text_container {
	margin-top: 6px;
	color: #6b7280 !important;
	font-size: 9px !important;
}


/* GUARDAR */

.admin-property-submit {
	display: flex !important;
	width: 100% !important;
	min-height: 48px !important;
	margin: 28px 0 0 !important;
	padding: 0 20px !important;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	border-radius: 7px !important;
	background: #d71920 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	cursor: pointer;
	box-sizing: border-box !important;
}

.admin-property-submit:hover {
	background: #bd151b !important;
}


/* TABLET */

@media screen and (max-width: 1050px) {

	.admin-portal-nav__inner {
		padding-left: 12px;
		padding-right: 12px;
	}

	.admin-portal-menu > li > a,
	.admin-submenu-toggle {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 10px;
	}

	.admin-submenu li a {
		font-size: 10px;
	}

	.admin-property-form {
		gap: 20px;
	}

	.admin-property-card {
		padding: 25px !important;
	}

}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.admin-portal-nav__inner {
		display: block;
		min-height: auto;
		padding: 0;
	}

	.admin-portal-nav__brand {
		display: none;
	}

	.admin-portal-nav__toggle {
		display: flex !important;
		width: 100%;
		min-height: 52px;
		padding: 0 18px;
		align-items: center;
		justify-content: space-between;
		border: 0;
		background: #ffffff;
		color: #111827;
		font-size: 12px;
		font-weight: 700;
		cursor: pointer;
	}

	.admin-portal-nav__toggle-icon,
	.admin-portal-nav__toggle-icon::before,
	.admin-portal-nav__toggle-icon::after {
		display: block;
		width: 18px;
		height: 2px;
		background: #111827;
		content: "";
	}

	.admin-portal-nav__toggle-icon {
		position: relative;
	}

	.admin-portal-nav__toggle-icon::before {
		position: absolute;
		top: -6px;
		left: 0;
	}

	.admin-portal-nav__toggle-icon::after {
		position: absolute;
		top: 6px;
		left: 0;
	}

	.admin-portal-menu {
		display: none !important;
		width: 100%;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		border-top: 1px solid #edf0f3;
	}

	.admin-portal-menu--open {
		display: flex !important;
	}

	.admin-portal-menu > li > a,
	.admin-submenu-toggle {
		width: 100%;
		min-height: 48px;
		padding: 0 18px;
		justify-content: space-between;
		border-bottom: 1px solid #edf0f3;
		font-size: 11px;
		line-height: 1.2;
		white-space: normal;
	}

	.admin-portal-menu > li.active > a {
		border-bottom: 1px solid #edf0f3;
		border-left: 3px solid #d6a84b;
	}

	.admin-submenu {
		position: static;
		width: 100%;
		padding: 0 !important;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.admin-submenu li a {
		padding: 13px 30px;
		background: #f8f9fa;
		border-bottom: 1px solid #edf0f3;
		font-size: 11px;
		white-space: normal;
	}

	.admin-page-hero {
		padding: 30px 20px;
	}

	.admin-page-hero__inner {
		display: block;
	}

	.admin-page-hero__badge {
		display: none;
	}

	.admin-page-hero h1 {
		font-size: 29px !important;
	}

	.admin-property-page {
		padding: 25px 14px 50px;
	}

	.admin-property-form {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
	}

	.admin-property-card {
		padding: 24px 20px !important;
	}

	.admin-property-grid {
		grid-template-columns: 1fr;
	}

	.admin-property-field--full {
		grid-column: auto;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.admin-page-hero h1 {
		font-size: 27px !important;
	}

	.admin-property-card {
		padding: 21px 17px !important;
	}

}
/* =====================================================
   ADMINISTRACIÓN - CREAR PROVEEDOR
   ===================================================== */

.admin-provider-page {
	width: 100%;
	padding: 45px 20px 70px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.admin-provider-page__inner {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.admin-provider-form {
	display: grid !important;
	grid-template-columns: minmax(0, 1.2fr) minmax(350px, .8fr);
	gap: 28px;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.admin-provider-card {
	width: 100% !important;
	margin: 0 !important;
	padding: 32px !important;
	background: #ffffff !important;
	border: 1px solid #e2e6eb !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 30px rgba(15,23,42,.045) !important;
	box-sizing: border-box !important;
	float: none !important;
}

.admin-provider-card__heading {
	margin-bottom: 26px;
	padding-bottom: 20px;
	border-bottom: 1px solid #edf0f3;
}

.admin-provider-card__heading h2 {
	margin: 0 0 7px !important;
	color: #111827 !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
}

.admin-provider-card__heading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 11px !important;
	line-height: 1.55 !important;
}


/* CAMPOS */

.admin-provider-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px;
}

.admin-provider-field {
	width: 100%;
	box-sizing: border-box;
}

.admin-provider-field--full {
	grid-column: 1 / -1;
}

.admin-provider-field label {
	display: block;
	margin-bottom: 6px;
	color: #374151;
	font-size: 10px;
	font-weight: 700;
}

.admin-provider-field input[type="text"],
.admin-provider-field input[type="number"],
.admin-provider-field input[type="tel"],
.admin-provider-field input[type="email"] {
	display: block !important;
	width: 100% !important;
	height: 43px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.admin-provider-field input:focus {
	border-color: #9ca3af !important;
	box-shadow: 0 0 0 3px rgba(17,24,39,.04) !important;
}


/* SUBTÍTULO */

.admin-provider-subheading {
	margin: 29px 0 17px;
	padding-top: 23px;
	border-top: 1px solid #edf0f3;
}

.admin-provider-subheading > span {
	display: block;
	margin-bottom: 5px;
	color: #d6a84b;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.admin-provider-subheading h3 {
	margin: 0 0 5px;
	color: #111827;
	font-size: 16px;
}

.admin-provider-subheading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 10px !important;
	line-height: 1.55 !important;
}


/* OPCIONES DE PAGO */

.admin-provider-payment-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.admin-provider-radio {
	display: flex;
	min-height: 48px;
	padding: 0 15px;
	align-items: center;
	gap: 9px;
	border: 1px solid #dfe3e8;
	border-radius: 7px;
	background: #ffffff;
	color: #374151;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	box-sizing: border-box;
}

.admin-provider-radio input[type="radio"] {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
}


/* DATOS BANCARIOS */

.admin-provider-bank {
	margin-top: 20px;
	padding: 20px;
	background: #f8f9fa;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-sizing: border-box;
}

.admin-provider-bank__heading {
	margin-bottom: 15px;
}

.admin-provider-bank__heading span {
	display: block;
	margin-bottom: 4px;
	color: #111827;
	font-size: 11px;
	font-weight: 700;
}

.admin-provider-bank__heading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 10px !important;
	line-height: 1.5 !important;
}


/* CONTRATO */

.admin-provider-contract {
	display: flex;
	gap: 15px;
	margin-bottom: 22px;
	padding: 18px;
	background: #f8f9fa;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
}

.admin-provider-contract__icon {
	display: flex;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #111827;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
}

.admin-provider-contract__content strong {
	display: block;
	margin-bottom: 5px;
	color: #111827;
	font-size: 12px;
}

.admin-provider-contract__content p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 10px !important;
	line-height: 1.5 !important;
}


/* ARCHIVOS */

.admin-provider-upload-list {
	width: 100%;
}

.admin-provider-upload-row {
	display: flex !important;
	width: 100% !important;
	margin: 0 0 12px !important;
	padding: 12px !important;
	align-items: center;
	gap: 10px;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 7px !important;
	box-sizing: border-box !important;
}

.admin-provider-upload-row input[type="file"] {
	min-width: 0;
	flex: 1 1 auto;
	font-size: 10px;
}

.admin-provider-upload-row .agrega {
	display: inline-flex;
	min-height: 32px;
	padding: 0 11px;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border-radius: 5px;
	background: #f3f4f6;
	color: #111827 !important;
	font-size: 9px;
	font-weight: 700;
	text-decoration: none !important;
}


/* NOTA */

.admin-provider-note {
	margin-top: 25px;
	padding: 18px 20px;
	background: #fffaf0;
	border: 1px solid #ead9b1;
	border-radius: 8px;
}

.admin-provider-note strong {
	display: block;
	margin-bottom: 5px;
	color: #8a6524;
	font-size: 11px;
}

.admin-provider-note p {
	margin: 0 !important;
	color: #6b6254 !important;
	font-size: 10px !important;
	line-height: 1.55 !important;
}


/* GUARDAR */

.admin-provider-submit {
	display: flex !important;
	width: 100% !important;
	min-height: 48px !important;
	margin: 25px 0 0 !important;
	padding: 0 20px !important;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	border-radius: 7px !important;
	background: #d71920 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	cursor: pointer;
	box-sizing: border-box !important;
}

.admin-provider-submit:hover {
	background: #bd151b !important;
}


/* TABLET */

@media screen and (max-width: 900px) {

	.admin-provider-form {
		grid-template-columns: 1fr 360px;
		gap: 20px;
	}

	.admin-provider-card {
		padding: 25px !important;
	}

}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.admin-provider-page {
		padding: 25px 14px 50px;
	}

	.admin-provider-form {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
	}

	.admin-provider-card {
		padding: 24px 20px !important;
	}

	.admin-provider-grid {
		grid-template-columns: 1fr;
	}

	.admin-provider-field--full {
		grid-column: auto;
	}

	.admin-provider-payment-options {
		grid-template-columns: 1fr;
	}

	.admin-provider-upload-row {
		align-items: stretch;
		flex-direction: column;
	}

	.admin-provider-upload-row .agrega {
		width: 100%;
		box-sizing: border-box;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.admin-provider-card {
		padding: 21px 17px !important;
	}

}
/* =====================================================
   CORRECCIÓN - ARCHIVOS CONTRATO PROVEEDOR
   ===================================================== */

/* Aplica el diseño moderno tanto al campo inicial
   como a los nuevos campos creados por JavaScript */

.admin-provider-upload-list .subir,
.admin-provider-card .subir {
	display: flex !important;
	width: 100% !important;
	margin: 0 0 12px !important;
	padding: 12px !important;
	align-items: center !important;
	gap: 10px !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 7px !important;
	box-sizing: border-box !important;
	float: none !important;
	clear: both !important;
}

.admin-provider-upload-list .subir input[type="file"],
.admin-provider-card .subir input[type="file"] {
	display: block !important;
	min-width: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	flex: 1 1 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	box-sizing: border-box !important;
}

.admin-provider-upload-list .subir .agrega,
.admin-provider-card .subir .agrega {
	display: inline-flex !important;
	min-width: 78px !important;
	min-height: 32px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	border: 0 !important;
	border-radius: 5px !important;
	background: #f3f4f6 !important;
	color: #111827 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
}

/* Si el JavaScript cambia "Agregar otro" por "Mas"
   conserva exactamente el mismo diseño */

.admin-provider-card .subir a {
	text-decoration: none !important;
}

/* Separación uniforme entre archivos */

.admin-provider-card .subir + .subir {
	margin-top: 0 !important;
}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.admin-provider-upload-list .subir,
	.admin-provider-card .subir {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.admin-provider-upload-list .subir input[type="file"],
	.admin-provider-card .subir input[type="file"] {
		width: 100% !important;
	}

	.admin-provider-upload-list .subir .agrega,
	.admin-provider-card .subir .agrega {
		width: 100% !important;
	}

}
/* =====================================================
   ADMINISTRACIÓN - EDITAR PROVEEDOR
   ===================================================== */

.admin-edit-provider-page {
	width: 100%;
	padding: 45px 20px 70px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.admin-edit-provider-page__inner {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.admin-edit-provider-form {
	display: grid !important;
	grid-template-columns: minmax(0, 1.2fr) minmax(350px, .8fr);
	gap: 28px;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.admin-edit-provider-card {
	width: 100% !important;
	margin: 0 !important;
	padding: 32px !important;
	background: #ffffff !important;
	border: 1px solid #e2e6eb !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 30px rgba(15,23,42,.045) !important;
	box-sizing: border-box !important;
	float: none !important;
}

.admin-edit-provider-card__heading {
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #edf0f3;
}

.admin-edit-provider-card__heading h2 {
	margin: 0 0 7px !important;
	color: #111827 !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
}

.admin-edit-provider-card__heading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 11px !important;
	line-height: 1.55 !important;
}


/* BÚSQUEDA */

.admin-edit-provider-search {
	padding: 18px;
	background: #f8f9fa;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
}

.admin-edit-provider-search label {
	display: block;
	margin-bottom: 6px;
	color: #374151;
	font-size: 10px;
	font-weight: 700;
}

.admin-edit-provider-search input {
	display: block !important;
	width: 100% !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-size: 11px !important;
	box-sizing: border-box !important;
}

.admin-edit-provider-search > span {
	display: block;
	margin-top: 8px;
	color: #6b7280;
	font-size: 9px;
	line-height: 1.5;
}


/* SUBTÍTULOS */

.admin-edit-provider-subheading {
	margin: 27px 0 16px;
	padding-top: 22px;
	border-top: 1px solid #edf0f3;
}

.admin-edit-provider-subheading--first {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.admin-edit-provider-subheading > span {
	display: block;
	margin-bottom: 5px;
	color: #d6a84b;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.admin-edit-provider-subheading h3 {
	margin: 0 0 5px;
	color: #111827;
	font-size: 16px;
}

.admin-edit-provider-subheading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 10px !important;
	line-height: 1.55 !important;
}


/* CAMPOS */

.admin-edit-provider-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px;
}

.admin-edit-provider-field {
	width: 100%;
	box-sizing: border-box;
}

.admin-edit-provider-field label {
	display: block;
	margin-bottom: 6px;
	color: #374151;
	font-size: 10px;
	font-weight: 700;
}

.admin-edit-provider-field input[type="text"],
.admin-edit-provider-field input[type="tel"],
.admin-edit-provider-field input[type="email"],
.admin-edit-provider-field input[type="number"] {
	display: block !important;
	width: 100% !important;
	height: 43px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.admin-edit-provider-field input:focus,
.admin-edit-provider-search input:focus {
	border-color: #9ca3af !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(17,24,39,.04) !important;
}


/* PAGO */

.admin-edit-provider-payment-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.admin-edit-provider-radio {
	display: flex;
	min-height: 48px;
	padding: 0 15px;
	align-items: center;
	gap: 9px;
	border: 1px solid #dfe3e8;
	border-radius: 7px;
	background: #ffffff;
	color: #374151;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	box-sizing: border-box;
}

.admin-edit-provider-radio input[type="radio"] {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
}


/* DATOS BANCARIOS */

.admin-edit-provider-bank {
	margin-top: 20px;
	padding: 20px;
	background: #f8f9fa;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-sizing: border-box;
}

.admin-edit-provider-bank__heading {
	margin-bottom: 15px;
}

.admin-edit-provider-bank__heading strong {
	display: block;
	margin-bottom: 4px;
	color: #111827;
	font-size: 11px;
}

.admin-edit-provider-bank__heading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 10px !important;
	line-height: 1.5 !important;
}


/* EXISTENTES */

.admin-edit-provider-existing {
	width: 100%;
	min-height: 45px;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.admin-edit-provider-existing a {
	display: inline-flex;
	margin: 0 6px 6px 0;
	padding: 8px 11px;
	background: #f3f4f6;
	border-radius: 5px;
	color: #111827 !important;
	font-size: 9px;
	font-weight: 600;
	text-decoration: none !important;
}


/* NUEVOS CONTRATOS */

.admin-edit-provider-upload-list {
	width: 100%;
}

.admin-edit-provider-card .subir {
	display: flex !important;
	width: 100% !important;
	margin: 0 0 12px !important;
	padding: 12px !important;
	align-items: center !important;
	gap: 10px !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 7px !important;
	box-sizing: border-box !important;
	float: none !important;
	clear: both !important;
}

.admin-edit-provider-card .subir input[type="file"] {
	display: block !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 10px !important;
}

.admin-edit-provider-card .subir .agrega {
	display: inline-flex !important;
	min-width: 84px !important;
	min-height: 32px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	border-radius: 5px !important;
	background: #f3f4f6 !important;
	color: #111827 !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}


/* GUARDAR */

.admin-edit-provider-submit {
	display: flex !important;
	width: 100% !important;
	min-height: 48px !important;
	margin: 25px 0 0 !important;
	padding: 0 20px !important;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	border-radius: 7px !important;
	background: #d71920 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	cursor: pointer;
	box-sizing: border-box !important;
}

.admin-edit-provider-submit:hover {
	background: #bd151b !important;
}


/* ELIMINAR */

.admin-edit-provider-delete {
	margin-top: 35px !important;
	padding: 22px !important;
	background: #fff7f7 !important;
	border: 1px solid #efcaca !important;
	border-radius: 9px !important;
	box-sizing: border-box !important;
}

.admin-edit-provider-delete__heading span {
	display: block;
	margin-bottom: 5px;
	color: #b91c1c;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.admin-edit-provider-delete__heading h2 {
	margin: 0 0 10px !important;
	color: #991b1b !important;
	font-size: 19px !important;
}

.admin-edit-provider-delete > p {
	margin: 0 0 17px !important;
	color: #7f1d1d !important;
	font-size: 10px !important;
	line-height: 1.6 !important;
}

.admin-edit-provider-delete #eliminar {
	display: inline-flex !important;
	min-height: 40px !important;
	padding: 0 16px !important;
	align-items: center;
	justify-content: center;
	border-radius: 6px !important;
	background: #b91c1c !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}


/* TABLET */

@media screen and (max-width: 900px) {

	.admin-edit-provider-form {
		grid-template-columns: 1fr 360px;
		gap: 20px;
	}

	.admin-edit-provider-card {
		padding: 25px !important;
	}

}


/* MÓVIL */

@media screen and (max-width: 750px) {

	.admin-edit-provider-page {
		padding: 25px 14px 50px;
	}

	.admin-edit-provider-form {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
	}

	.admin-edit-provider-card {
		padding: 24px 20px !important;
	}

	.admin-edit-provider-grid {
		grid-template-columns: 1fr;
	}

	.admin-edit-provider-payment-options {
		grid-template-columns: 1fr;
	}

	.admin-edit-provider-card .subir {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.admin-edit-provider-card .subir input[type="file"] {
		width: 100% !important;
	}

	.admin-edit-provider-card .subir .agrega {
		width: 100% !important;
		box-sizing: border-box !important;
	}

}


/* MÓVIL PEQUEÑO */

@media screen and (max-width: 430px) {

	.admin-edit-provider-card {
		padding: 21px 17px !important;
	}

}

/* =====================================================
   ADMINISTRACIÓN - EDITAR INMUEBLE
   ===================================================== */

.admin-edit-property-page {
	width: 100%;
	padding: 45px 20px 70px;
	background: #f7f8fa;
	box-sizing: border-box;
}

.admin-edit-property-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}


/* =====================================================
   BUSCADOR
   ===================================================== */

.admin-edit-property-search-card {
	width: 100%;
	margin-bottom: 28px;
	padding: 27px 30px;
	background: #ffffff;
	border: 1px solid #e2e6eb;
	border-radius: 12px;
	box-shadow:
		0 10px 30px rgba(15,23,42,.045);
	box-sizing: border-box;
}

.admin-edit-property-search-card__heading {
	margin-bottom: 22px;
}

.admin-edit-property-search-card__heading h2 {
	margin: 0 0 7px !important;
	color: #111827 !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
}

.admin-edit-property-search-card__heading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 11px !important;
	line-height: 1.55 !important;
}


/* =====================================================
   BUSCADOR - TRES PASOS
   ===================================================== */

.admin-edit-property-search-grid,
.admin-edit-property-search-grid--steps {
	display: grid;
	grid-template-columns:
		repeat(3, minmax(0, 1fr));
	gap: 16px;
	align-items: stretch;
}


/* TARJETA */

.admin-search-step {
	position: relative;
	width: 100%;
	min-height: 128px;
	padding: 18px;
	border: 1px solid #e1e5ea;
	border-radius: 9px;
	background: #ffffff;
	box-sizing: border-box;
	transition:
		border-color .2s ease,
		background .2s ease,
		opacity .2s ease,
		box-shadow .2s ease;
}


/* ENCABEZADO */

.admin-search-step__header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}

.admin-search-step__number {
	display: inline-flex;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #e5e7eb;
	color: #6b7280;
	font-size: 10px;
	font-weight: 700;
}

.admin-search-step__header strong {
	display: block;
	margin: 0 0 2px;
	color: #111827;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.3;
}

.admin-search-step__header small {
	display: block;
	color: #9ca3af;
	font-size: 9px;
	line-height: 1.35;
}


/* PASO ACTIVO */

.admin-search-step--active {
	border-color: #d6a84b;
	background: #fffdf8;
	box-shadow:
		0 0 0 2px rgba(214,168,75,.07);
}

.admin-search-step--active
.admin-search-step__number {
	background: #d6a84b;
	color: #ffffff;
}


/* PASO COMPLETADO */

.admin-search-step--completed {
	border-color: #d6a84b;
	background: #fffdf8;
}

.admin-search-step--completed
.admin-search-step__number {
	background: #d6a84b;
	color: #ffffff;
}


/* PASO DESHABILITADO */

.admin-search-step--disabled {
	opacity: .48;
	background: #f8f9fa;
	border-color: #e5e7eb;
	box-shadow: none;
}


/* =====================================================
   RADIO OPCIONES
   ===================================================== */

.admin-edit-property-radio-group {
	display: grid;
	grid-template-columns:
		repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.admin-edit-property-radio {
	position: relative;
	display: flex;
	min-height: 44px;
	padding: 0 34px 0 11px;
	align-items: center;
	gap: 8px;
	border: 1px solid #dfe3e8;
	border-radius: 7px;
	background: #ffffff;
	color: #374151;
	font-size: 10px;
	font-weight: 600;
	cursor: pointer;
	box-sizing: border-box;
	transition:
		border-color .2s ease,
		background .2s ease,
		box-shadow .2s ease;
}

.admin-edit-property-radio:hover {
	border-color: #c7ccd3;
	background: #fafafa;
}

.admin-search-step--disabled
.admin-edit-property-radio {
	cursor: not-allowed;
}

.admin-search-step--disabled
.admin-edit-property-radio:hover {
	border-color: #dfe3e8;
	background: #ffffff;
}

.admin-edit-property-radio input[type="radio"] {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	flex: 0 0 auto !important;
	accent-color: #d6a84b;
}


/* SELECCIONADO */

.admin-edit-property-radio.is-selected {
	border-color: #d6a84b !important;
	background: #fffaf0 !important;
	box-shadow:
		0 0 0 2px rgba(214,168,75,.12);
	color: #111827 !important;
}

.admin-edit-property-radio.is-selected::after {
	content: "✓";
	position: absolute;
	top: 50%;
	right: 9px;
	display: flex;
	width: 17px;
	height: 17px;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #d6a84b;
	color: #ffffff;
	font-size: 9px;
	font-weight: 700;
}


/* =====================================================
   CAMPO DE BÚSQUEDA
   ===================================================== */

.admin-search-input-row {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr) auto;
	gap: 8px;
	width: 100%;
	align-items: center;
}

.admin-search-hidden-label {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

#busqueda {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 43px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family:
		Arial,
		Helvetica,
		sans-serif !important;
	font-size: 11px !important;
	box-sizing: border-box !important;
	outline: none !important;
	float: none !important;
	position: static !important;
}

#busqueda:focus {
	border-color: #9ca3af !important;
	box-shadow:
		0 0 0 3px rgba(17,24,39,.04) !important;
}

#busqueda:disabled {
	background: #f3f4f6 !important;
	border-color: #e5e7eb !important;
	color: #9ca3af !important;
	cursor: not-allowed;
	box-shadow: none !important;
}


/* =====================================================
   BOTÓN BUSCAR
   ===================================================== */

.admin-edit-property-search-button,
#btn_busq {
	display: inline-flex !important;
	width: auto !important;
	min-width: 86px !important;
	height: 43px !important;
	margin: 0 !important;
	padding: 0 15px !important;
	align-items: center !important;
	justify-content: center !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: #111827 !important;
	color: #ffffff !important;
	font-family:
		Arial,
		Helvetica,
		sans-serif !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	float: none !important;
	position: static !important;
}

.admin-edit-property-search-button:hover,
#btn_busq:hover {
	background: #1f2937 !important;
}

.admin-edit-property-search-button:disabled,
#btn_busq:disabled {
	background: #d1d5db !important;
	color: #9ca3af !important;
	cursor: not-allowed !important;
}


/* =====================================================
   AUTOCOMPLETE JQUERY UI
   ===================================================== */

.ui-autocomplete {
	z-index: 9999 !important;
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #ffffff !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;
	box-shadow:
		0 10px 25px rgba(15,23,42,.12) !important;
}

.ui-menu .ui-menu-item {
	margin: 0 !important;
	padding: 0 !important;
}

.ui-menu .ui-menu-item a {
	display: block !important;
	padding: 9px 11px !important;
	color: #374151 !important;
	font-family:
		Arial,
		Helvetica,
		sans-serif !important;
	font-size: 10px !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
}


/* =====================================================
   FORMULARIO
   ===================================================== */

.admin-edit-property-form {
	display: grid !important;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(0, 1fr);
	gap: 28px;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.admin-edit-property-card {
	width: 100% !important;
	margin: 0 !important;
	padding: 32px !important;
	background: #ffffff !important;
	border: 1px solid #e2e6eb !important;
	border-radius: 12px !important;
	box-shadow:
		0 10px 30px rgba(15,23,42,.045) !important;
	box-sizing: border-box !important;
	float: none !important;
}

.admin-edit-property-card__heading {
	margin-bottom: 26px;
	padding-bottom: 20px;
	border-bottom: 1px solid #edf0f3;
}

.admin-edit-property-card__heading h2 {
	margin: 0 0 7px !important;
	color: #111827 !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
}

.admin-edit-property-card__heading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 11px !important;
	line-height: 1.55 !important;
}


/* =====================================================
   CAMPOS
   ===================================================== */

.admin-edit-property-grid {
	display: grid;
	grid-template-columns:
		repeat(2, minmax(0, 1fr));
	gap: 15px;
}

.admin-edit-property-field {
	width: 100%;
	margin-bottom: 16px;
	box-sizing: border-box;
}

.admin-edit-property-grid
.admin-edit-property-field {
	margin-bottom: 0;
}

.admin-edit-property-field label {
	display: block;
	margin-bottom: 6px;
	color: #374151;
	font-size: 10px;
	font-weight: 700;
}

.admin-edit-property-field input[type="text"],
.admin-edit-property-field input[type="number"],
.admin-edit-property-field select {
	display: block !important;
	width: 100% !important;
	height: 43px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family:
		Arial,
		Helvetica,
		sans-serif !important;
	font-size: 11px !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.admin-edit-property-field textarea {
	display: block !important;
	width: 100% !important;
	min-height: 120px !important;
	margin: 0 !important;
	padding: 11px 12px !important;
	resize: vertical;
	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family:
		Arial,
		Helvetica,
		sans-serif !important;
	font-size: 11px !important;
	line-height: 1.6 !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.admin-edit-property-field input:focus,
.admin-edit-property-field select:focus,
.admin-edit-property-field textarea:focus {
	border-color: #9ca3af !important;
	box-shadow:
		0 0 0 3px rgba(17,24,39,.04) !important;
}


/* =====================================================
   SUBTÍTULOS
   ===================================================== */

.admin-edit-property-subheading {
	margin: 29px 0 17px;
	padding-top: 23px;
	border-top: 1px solid #edf0f3;
}

.admin-edit-property-subheading > span {
	display: block;
	margin-bottom: 5px;
	color: #d6a84b;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.admin-edit-property-subheading h3 {
	margin: 0 0 5px;
	color: #111827;
	font-size: 16px;
}

.admin-edit-property-subheading p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 10px !important;
	line-height: 1.55 !important;
}


/* =====================================================
   FOTO DESTACADA ACTUAL
   ===================================================== */

.admin-edit-property-featured-current {
	width: 100%;
	margin-bottom: 14px;
}

.admin-edit-property-featured-current > div {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 10px 12px;
	background: #f8f9fa;
	border: 1px solid #e5e7eb;
	border-radius: 7px;
	box-sizing: border-box;
	color: #374151;
	font-size: 10px;
}


/* =====================================================
   NUEVA FOTO DESTACADA
   ===================================================== */

.admin-edit-property-featured-upload {
	width: 100%;
}

.admin-edit-property-featured-upload
.customfile-container {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.admin-edit-property-featured-upload
.customfile-wrap {
	display: flex !important;
	width: 100% !important;
	gap: 8px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

.admin-edit-property-featured-upload
.customfile-filename {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	border: 1px solid #d7dce2 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #374151 !important;
	font-size: 10px !important;
	box-sizing: border-box !important;
}

.admin-edit-property-featured-upload
.customfile-upload {
	display: inline-flex !important;
	min-width: 88px !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	align-items: center !important;
	justify-content: center !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: #111827 !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
}


/* =====================================================
   FOTOS EXISTENTES
   ===================================================== */

.admin-edit-property-existing-photos {
	width: 100%;
}

#existentes {
	display: grid !important;
	grid-template-columns:
		repeat(3, minmax(0, 1fr));
	gap: 10px;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#existentes li {
	position: relative;
	min-height: 75px;
	margin: 0 !important;
	padding: 10px !important;
	background: #f8f9fa;
	border: 1px solid #e5e7eb;
	border-radius: 7px;
	color: #374151;
	font-size: 9px;
	line-height: 1.4;
	word-break: break-word;
	list-style: none !important;
	box-sizing: border-box;
}

#existentes a {
	display: inline-flex !important;
	margin-top: 5px !important;
	padding: 5px 8px !important;
	border-radius: 4px !important;
	background: #f3f4f6 !important;
	color: #111827 !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

#existentes .elm,
#destacada .elmdes {
	cursor: pointer;
}

.admin-edit-property-photo-counter,
#existentes + p {
	margin: 12px 0 0 !important;
	color: #6b7280 !important;
	font-size: 10px !important;
}

.admin-edit-property-photo-counter span,
#existentes + p span {
	color: #111827;
	font-weight: 700;
}


/* =====================================================
   NUEVAS FOTOGRAFÍAS
   ===================================================== */

.admin-edit-property-upload-content {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.admin-edit-property-card #drop-files {
	display: flex !important;
	width: 100% !important;
	min-height: 165px !important;
	margin: 0 !important;
	padding: 25px !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	border: 2px dashed #d5dae1 !important;
	border-radius: 9px !important;
	background: #f8f9fa !important;
	color: #6b7280 !important;
	text-align: center !important;
	box-sizing: border-box !important;
	cursor: pointer;
}

.admin-edit-property-card #drop-files:hover {
	border-color: #d6a84b !important;
	background: #fffdf8 !important;
}

.admin-edit-property-card
#drop-files #add {
	margin-bottom: 10px !important;
}

.admin-edit-property-card
#drop-files #add img {
	display: block !important;
	width: 38px !important;
	height: auto !important;
	margin: 0 auto !important;
	opacity: .7;
}

.admin-edit-property-card
#drop-files strong {
	display: block;
	margin-bottom: 4px;
	color: #111827;
	font-size: 11px;
}

.admin-edit-property-card
#drop-files > span {
	color: #9ca3af;
	font-size: 10px;
}


/* =====================================================
   ARCHIVOS NUEVOS
   ===================================================== */

.admin-edit-property-card
#uploaded-holder {
	width: 100% !important;
	margin-top: 14px !important;
	box-sizing: border-box !important;
}

.admin-edit-property-card
#dropped-files,
.admin-edit-property-card
#extra-files {
	width: 100% !important;
	box-sizing: border-box !important;
}

.admin-edit-property-card
#file-list ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.admin-edit-property-card
#file-list li {
	padding: 5px 0;
	color: #4b5563;
	font-size: 9px;
}

.admin-edit-property-card
#upload-button .delete {
	display: inline-flex !important;
	min-height: 31px !important;
	padding: 0 12px !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 5px !important;
	background: #f3f4f6 !important;
	color: #b91c1c !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}


/* =====================================================
   PROGRESO
   ===================================================== */

.admin-edit-property-card
#loader_container {
	width: 100% !important;
	margin-top: 15px !important;
	box-sizing: border-box !important;
}

.admin-edit-property-card
#bar_container {
	width: 100% !important;
	height: 7px !important;
	overflow: hidden;
	background: #e5e7eb !important;
	border-radius: 10px !important;
}

.admin-edit-property-card
#progress_bar {
	width: 0;
	height: 7px !important;
	background: #d6a84b !important;
	border-radius: 10px !important;
}

.admin-edit-property-card
#progress_percentage {
	display: none !important;
}

.admin-edit-property-card
#text_container {
	margin-top: 6px;
	color: #6b7280 !important;
	font-size: 9px !important;
}


/* =====================================================
   GUARDAR
   ===================================================== */

.admin-edit-property-submit {
	display: flex !important;
	width: 100% !important;
	min-height: 48px !important;
	margin: 28px 0 0 !important;
	padding: 0 20px !important;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	border-radius: 7px !important;
	background: #d71920 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	cursor: pointer;
	box-sizing: border-box !important;
}

.admin-edit-property-submit:hover {
	background: #bd151b !important;
}


/* =====================================================
   ELIMINAR
   ===================================================== */

.admin-edit-property-delete {
	margin-top: 35px !important;
	padding: 22px !important;
	background: #fff7f7 !important;
	border: 1px solid #efcaca !important;
	border-radius: 9px !important;
	box-sizing: border-box !important;
}

.admin-edit-property-delete__heading span {
	display: block;
	margin-bottom: 5px;
	color: #b91c1c;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.admin-edit-property-delete__heading h2 {
	margin: 0 0 10px !important;
	color: #991b1b !important;
	font-size: 19px !important;
}

.admin-edit-property-delete > p {
	margin: 0 0 17px !important;
	color: #7f1d1d !important;
	font-size: 10px !important;
	line-height: 1.6 !important;
}

.admin-edit-property-delete #eliminar {
	display: inline-flex !important;
	min-height: 40px !important;
	padding: 0 16px !important;
	align-items: center;
	justify-content: center;
	border-radius: 6px !important;
	background: #b91c1c !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 950px) {

	.admin-edit-property-search-grid,
	.admin-edit-property-search-grid--steps {
		grid-template-columns:
			1fr 1fr;
	}

	#searchStep3 {
		grid-column:
			1 / -1;
	}

	.admin-edit-property-form {
		gap: 20px;
	}

	.admin-edit-property-card {
		padding: 25px !important;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 750px) {

	.admin-edit-property-page {
		padding:
			25px 14px 50px;
	}

	.admin-edit-property-search-card {
		padding:
			22px 18px;
	}

	.admin-edit-property-search-grid,
	.admin-edit-property-search-grid--steps {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.admin-search-step {
		width: 100%;
		min-height: auto;
	}

	.admin-edit-property-radio-group {
		grid-template-columns:
			1fr;
	}

	.admin-search-input-row {
		grid-template-columns:
			1fr;
	}

	#btn_busq {
		width: 100% !important;
	}

	.admin-edit-property-form {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
	}

	.admin-edit-property-card {
		padding:
			24px 20px !important;
	}

	.admin-edit-property-grid {
		grid-template-columns:
			1fr;
	}

	#existentes {
		grid-template-columns:
			repeat(
				2,
				minmax(0,1fr)
			);
	}

	.admin-edit-property-featured-upload
	.customfile-wrap {
		flex-direction:
			column !important;

		align-items:
			stretch !important;
	}

	.admin-edit-property-featured-upload
	.customfile-upload {
		width:
			100% !important;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.admin-edit-property-search-card {
		padding:
			20px 15px;
	}

	.admin-search-step {
		padding:
			15px;
	}

	.admin-edit-property-card {
		padding:
			21px 17px !important;
	}

	#existentes {
		grid-template-columns:
			1fr;
	}

}
/* =====================================================
   ADMINISTRACIÓN - EDITAR ARRENDATARIO
   ===================================================== */

.admin-edit-tenant-page {
	width: 100%;
	background: #f6f7f9;
	padding: 42px 20px 70px;
	box-sizing: border-box;
}

.admin-edit-tenant-page *,
.admin-edit-tenant-page *::before,
.admin-edit-tenant-page *::after {
	box-sizing: border-box;
}

.admin-edit-tenant-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}


/* =====================================================
   BUSCADOR
   ===================================================== */

.admin-edit-tenant-search-card {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	padding: 28px;
	margin-bottom: 28px;
	box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

.admin-edit-tenant-search-card__heading {
	margin-bottom: 22px;
}

.admin-edit-tenant-search-card__heading h2 {
	margin: 5px 0 7px !important;
	font-size: 22px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-edit-tenant-search-card__heading p {
	margin: 0 !important;
	max-width: 760px;
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #6b7280 !important;
}

.admin-edit-tenant-search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	align-items: end;
	max-width: 720px;
}

.admin-edit-tenant-search__field {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.admin-edit-tenant-search__field label {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #374151 !important;
}

.admin-edit-tenant-search__field input {
	width: 100% !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	font-size: 14px !important;
	color: #111827 !important;
	outline: none !important;
	box-shadow: none !important;
	transition:
		border-color .2s ease,
		box-shadow .2s ease !important;
}

.admin-edit-tenant-search__field input:focus {
	border-color: #d6a84b !important;
	box-shadow: 0 0 0 3px rgba(214, 168, 75, .14) !important;
}

.admin-edit-tenant-search__button {
	height: 48px !important;
	min-width: 130px;
	margin: 0 !important;
	padding: 0 22px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #111827 !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: .04em;
	cursor: pointer !important;
	transition:
		transform .15s ease,
		background .2s ease !important;
}

.admin-edit-tenant-search__button:hover {
	background: #1f2937 !important;
	transform: translateY(-1px);
}

.admin-edit-tenant-search__button:disabled {
	opacity: .55;
	cursor: wait !important;
	transform: none;
}


/* =====================================================
   ESTADO DE BÚSQUEDA
   ===================================================== */

.admin-edit-tenant-search__status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	padding: 9px 12px;
	border-radius: 9px;
	background: #f3f4f6;
	color: #6b7280;
	font-size: 12px;
	font-weight: 600;
}

.admin-edit-tenant-search__status-dot {
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
	border-radius: 50%;
	background: #9ca3af;
}

.admin-edit-tenant-search__status.is-ready {
	background: #f3f4f6;
	color: #6b7280;
}

.admin-edit-tenant-search__status.is-ready
.admin-edit-tenant-search__status-dot {
	background: #9ca3af;
}

.admin-edit-tenant-search__status.is-loading {
	background: #fff8e8;
	color: #8a681f;
}

.admin-edit-tenant-search__status.is-loading
.admin-edit-tenant-search__status-dot {
	background: #d6a84b;
	animation: adminTenantPulse 1s infinite alternate;
}

.admin-edit-tenant-search__status.is-success {
	background: #edf8f2;
	color: #166534;
}

.admin-edit-tenant-search__status.is-success
.admin-edit-tenant-search__status-dot {
	background: #16a34a;
}

.admin-edit-tenant-search__status.is-error {
	background: #fff0f0;
	color: #b42318;
}

.admin-edit-tenant-search__status.is-error
.admin-edit-tenant-search__status-dot {
	background: #d71920;
}

@keyframes adminTenantPulse {

	from {
		opacity: .35;
	}

	to {
		opacity: 1;
	}

}


/* =====================================================
   FORMULARIO
   ===================================================== */

.admin-edit-tenant-form {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	align-items: start;
}

.admin-edit-tenant-card {
	width: 100%;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	padding: 28px;
	box-shadow: 0 10px 28px rgba(17, 24, 39, .05);
}

.admin-edit-tenant-card__heading {
	margin-bottom: 24px;
}

.admin-edit-tenant-card__heading h2 {
	margin: 5px 0 7px !important;
	font-size: 21px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-edit-tenant-card__heading p {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
	color: #6b7280 !important;
}


/* =====================================================
   CAMPOS
   ===================================================== */

.admin-edit-tenant-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 17px;
}

.admin-edit-tenant-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}

.admin-edit-tenant-field--wide {
	grid-column: 1 / -1;
}

.admin-edit-tenant-field label {
	font-size: 12px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #374151 !important;
}

.admin-edit-tenant-field input,
.admin-edit-tenant-field select,
.admin-edit-tenant-field textarea {
	width: 100% !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-size: 13px !important;
	line-height: normal !important;
	outline: none !important;
	box-shadow: none !important;
	transition:
		border-color .2s ease,
		box-shadow .2s ease !important;
}

.admin-edit-tenant-field input:focus,
.admin-edit-tenant-field select:focus,
.admin-edit-tenant-field textarea:focus {
	border-color: #d6a84b !important;
	box-shadow: 0 0 0 3px rgba(214, 168, 75, .12) !important;
}

.admin-edit-tenant-field input:disabled,
.admin-edit-tenant-field select:disabled,
.admin-edit-tenant-field textarea:disabled {
	background: #f3f4f6 !important;
	border-color: #e5e7eb !important;
	color: #6b7280 !important;
	cursor: not-allowed;
	opacity: 1 !important;
}

.admin-edit-tenant-field input[readonly] {
	background: #f9fafb !important;
	color: #374151 !important;
}

.admin-edit-tenant-field small {
	margin-top: -1px;
	font-size: 11px;
	line-height: 1.4;
	color: #9ca3af;
}


/* =====================================================
   PORCENTAJE
   ===================================================== */

.admin-edit-tenant-input-suffix {
	position: relative;
}

.admin-edit-tenant-input-suffix input {
	padding-right: 40px !important;
}

.admin-edit-tenant-input-suffix > span {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
	font-weight: 700;
	color: #6b7280;
	pointer-events: none;
}


/* =====================================================
   SUBTÍTULO
   ===================================================== */

.admin-edit-tenant-subheading {
	margin: 28px 0 17px;
	padding-top: 22px;
	border-top: 1px solid #eef0f3;
}

.admin-edit-tenant-subheading > span {
	display: block;
	margin-bottom: 4px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #d6a84b;
}

.admin-edit-tenant-subheading h3 {
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #111827 !important;
}


/* =====================================================
   ACCIONES
   ===================================================== */

.admin-edit-tenant-actions {
	margin-top: 28px;
	padding-top: 22px;
	border-top: 1px solid #eef0f3;
	display: flex;
	justify-content: flex-end;
}

.admin-edit-tenant-submit {
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 26px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #d71920 !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: .04em;
	cursor: pointer !important;
	transition:
		background .2s ease,
		transform .15s ease !important;
}

.admin-edit-tenant-submit:hover:not(:disabled) {
	background: #b9151a !important;
	transform: translateY(-1px);
}

.admin-edit-tenant-submit:disabled {
	background: #d1d5db !important;
	color: #ffffff !important;
	cursor: not-allowed !important;
	transform: none !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 980px) {

	.admin-edit-tenant-form {
		grid-template-columns: 1fr;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media (max-width: 750px) {

	.admin-edit-tenant-page {
		padding: 26px 14px 50px;
	}

	.admin-edit-tenant-search-card,
	.admin-edit-tenant-card {
		padding: 20px;
		border-radius: 14px;
	}

	.admin-edit-tenant-search {
		grid-template-columns: 1fr;
	}

	.admin-edit-tenant-search__button {
		width: 100% !important;
	}

	.admin-edit-tenant-grid {
		grid-template-columns: 1fr;
	}

	.admin-edit-tenant-field--wide {
		grid-column: auto;
	}

	.admin-edit-tenant-actions {
		justify-content: stretch;
	}

	.admin-edit-tenant-submit {
		width: 100% !important;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media (max-width: 430px) {

	.admin-edit-tenant-page {
		padding-left: 10px;
		padding-right: 10px;
	}

	.admin-edit-tenant-search-card,
	.admin-edit-tenant-card {
		padding: 17px;
	}

	.admin-edit-tenant-search-card__heading h2,
	.admin-edit-tenant-card__heading h2 {
		font-size: 19px !important;
	}

}
/* =====================================================
   ADMINISTRACIÓN - LIGAR INMUEBLE
   ===================================================== */

.admin-link-property-page {
	width: 100%;
	padding: 42px 20px 70px;
	background: #f6f7f9;
	box-sizing: border-box;
}

.admin-link-property-page *,
.admin-link-property-page *::before,
.admin-link-property-page *::after {
	box-sizing: border-box;
}

.admin-link-property-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}


/* =====================================================
   BUSCADOR
   ===================================================== */

.admin-link-property-search-card {
	width: 100%;
	padding: 28px;
	margin-bottom: 28px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(17, 24, 39, .05);
}

.admin-link-property-search-card__heading {
	margin-bottom: 22px;
}

.admin-link-property-search-card__heading h2 {
	margin: 5px 0 7px !important;
	font-size: 22px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-link-property-search-card__heading p {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
	color: #6b7280 !important;
}

.admin-link-property-search-grid {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 14px;
}


/* =====================================================
   PASOS
   ===================================================== */

.admin-link-search-step {
	padding: 18px;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #fff;
	transition:
		border-color .2s ease,
		background .2s ease,
		opacity .2s ease;
}

.admin-link-search-step--active,
.admin-link-search-step--completed {
	border-color: #d6a84b;
	background: #fffdf8;
}

.admin-link-search-step--disabled {
	opacity: .55;
	background: #f9fafb;
}

.admin-link-search-step__header {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 14px;
}

.admin-link-search-step__number {
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #d6a84b;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
}

.admin-link-search-step__header > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.admin-link-search-step__header strong {
	font-size: 12px;
	line-height: 1.2;
	color: #111827;
}

.admin-link-search-step__header small {
	font-size: 10px;
	line-height: 1.3;
	color: #9ca3af;
}


/* =====================================================
   RADIOS
   ===================================================== */

.admin-link-property-radio-group {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
}

.admin-link-property-radio {
	position: relative;
	min-height: 43px;
	display: flex;
	align-items: center;
	padding: 0 12px;
	border: 1px solid #d1d5db;
	border-radius: 9px;
	background: #fff;
	cursor: pointer;
	transition:
		border-color .2s ease,
		background .2s ease;
}

.admin-link-property-radio input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.admin-link-property-radio > span {
	font-size: 12px;
	font-weight: 700;
	color: #374151;
}

.admin-link-property-radio.is-selected {
	border-color: #d6a84b;
	background: #fff9ed;
	padding-right: 38px;
}

.admin-link-property-radio.is-selected::after {
	content: "✓";
	position: absolute;
	right: 11px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #d6a84b;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
}


/* =====================================================
   CAMPO DE BÚSQUEDA
   ===================================================== */

.admin-link-property-search-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 9px;
}

.admin-link-property-search-row #busqueda {
	width: 100% !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #111827 !important;
	font-size: 12px !important;
	outline: none !important;
	box-shadow: none !important;
}

.admin-link-property-search-row #busqueda:focus {
	border-color: #d6a84b !important;
	box-shadow: 0 0 0 3px rgba(214,168,75,.12) !important;
}

.admin-link-property-search-row #busqueda:disabled {
	background: #f3f4f6 !important;
}

.admin-link-property-search-button {
	min-width: 105px;
	height: 44px !important;
	padding: 0 19px !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: #111827 !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	cursor: pointer !important;
}

.admin-link-property-search-button.is-hidden {
	display: none !important;
}

.admin-link-property-search-button:disabled {
	opacity: .55;
	cursor: not-allowed !important;
}


/* =====================================================
   AUTOCOMPLETE
   ===================================================== */

.ui-autocomplete {
	z-index: 99999 !important;
	max-height: 260px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 6px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 10px !important;
	background: #fff !important;
	box-shadow: 0 12px 30px rgba(17,24,39,.14) !important;
}

.ui-autocomplete .ui-menu-item a {
	padding: 9px 11px !important;
	border: 0 !important;
	border-radius: 7px !important;
	font-size: 12px !important;
	color: #374151 !important;
	cursor: pointer !important;
}

.ui-autocomplete .ui-menu-item a.ui-state-focus,
.ui-autocomplete .ui-menu-item a.ui-state-hover {
	margin: 0 !important;
	background: #fff8e8 !important;
	color: #111827 !important;
	border: 0 !important;
}


/* =====================================================
   ESTADO
   ===================================================== */

.admin-link-property-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 17px;
	padding: 9px 12px;
	border-radius: 9px;
	background: #f3f4f6;
	color: #6b7280;
	font-size: 11px;
	font-weight: 600;
}

.admin-link-property-status__dot {
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
	border-radius: 50%;
	background: #9ca3af;
}

.admin-link-property-status.is-loading {
	background: #fff8e8;
	color: #8a681f;
}

.admin-link-property-status.is-loading
.admin-link-property-status__dot {
	background: #d6a84b;
}

.admin-link-property-status.is-success {
	background: #edf8f2;
	color: #166534;
}

.admin-link-property-status.is-success
.admin-link-property-status__dot {
	background: #16a34a;
}

.admin-link-property-status.is-error {
	background: #fff0f0;
	color: #b42318;
}

.admin-link-property-status.is-error
.admin-link-property-status__dot {
	background: #d71920;
}


/* =====================================================
   FORMULARIO
   ===================================================== */

.admin-link-property-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	align-items: start;
}

.admin-link-property-card {
	padding: 28px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(17,24,39,.05);
}

.admin-link-property-card__heading {
	margin-bottom: 24px;
}

.admin-link-property-card__heading h2 {
	margin: 5px 0 7px !important;
	font-size: 21px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-link-property-card__heading p {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
	color: #6b7280 !important;
}


/* =====================================================
   CAMPOS
   ===================================================== */

.admin-link-property-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 17px;
}

.admin-link-property-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}

.admin-link-property-field--wide {
	grid-column: 1 / -1;
}

.admin-link-property-field label {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #374151 !important;
}

.admin-link-property-field input {
	width: 100% !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #111827 !important;
	font-size: 13px !important;
	outline: none !important;
	box-shadow: none !important;
}

.admin-link-property-field input:focus {
	border-color: #d6a84b !important;
	box-shadow: 0 0 0 3px rgba(214,168,75,.12) !important;
}

.admin-link-property-field input:disabled {
	background: #f3f4f6 !important;
	border-color: #e5e7eb !important;
	color: #6b7280 !important;
	opacity: 1 !important;
	cursor: not-allowed;
}

.admin-link-property-field input[readonly] {
	background: #f9fafb !important;
}

.admin-link-property-field small {
	font-size: 10px;
	line-height: 1.4;
	color: #9ca3af;
}


/* =====================================================
   PORCENTAJE
   ===================================================== */

.admin-link-property-input-suffix {
	position: relative;
}

.admin-link-property-input-suffix input {
	padding-right: 40px !important;
}

.admin-link-property-input-suffix > span {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
	font-weight: 700;
	color: #6b7280;
	pointer-events: none;
}


/* =====================================================
   SUBTÍTULO
   ===================================================== */

.admin-link-property-subheading {
	margin: 28px 0 17px;
	padding-top: 22px;
	border-top: 1px solid #eef0f3;
}

.admin-link-property-subheading > span {
	display: block;
	margin-bottom: 4px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #d6a84b;
}

.admin-link-property-subheading h3 {
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #111827 !important;
}


/* =====================================================
   BOTÓN GUARDAR
   ===================================================== */

.admin-link-property-actions {
	margin-top: 28px;
	padding-top: 22px;
	border-top: 1px solid #eef0f3;
	display: flex;
	justify-content: flex-end;
}

.admin-link-property-submit {
	min-height: 48px !important;
	padding: 0 26px !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #d71920 !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: .04em;
	cursor: pointer !important;
}

.admin-link-property-submit:hover:not(:disabled) {
	background: #b9151a !important;
}

.admin-link-property-submit:disabled {
	background: #d1d5db !important;
	cursor: not-allowed !important;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 980px) {

	.admin-link-property-form {
		grid-template-columns: 1fr;
	}

}

@media (max-width: 750px) {

	.admin-link-property-page {
		padding: 26px 14px 50px;
	}

	.admin-link-property-search-card,
	.admin-link-property-card {
		padding: 20px;
		border-radius: 14px;
	}

	.admin-link-property-search-grid {
		grid-template-columns: 1fr;
	}

	.admin-link-property-grid {
		grid-template-columns: 1fr;
	}

	.admin-link-property-field--wide {
		grid-column: auto;
	}

	.admin-link-property-search-row {
		grid-template-columns: 1fr;
	}

	.admin-link-property-search-button {
		width: 100% !important;
	}

	.admin-link-property-actions {
		justify-content: stretch;
	}

	.admin-link-property-submit {
		width: 100% !important;
	}

}

@media (max-width: 430px) {

	.admin-link-property-page {
		padding-left: 10px;
		padding-right: 10px;
	}

	.admin-link-property-search-card,
	.admin-link-property-card {
		padding: 17px;
	}

	.admin-link-property-radio-group {
		grid-template-columns: 1fr;
	}

}
/* =====================================================
   ADMINISTRACIÓN - LISTAR
   ===================================================== */

.admin-list-page {
	width: 100%;
	padding: 42px 20px 70px;
	background: #f6f7f9;
	box-sizing: border-box;
}

.admin-list-page *,
.admin-list-page *::before,
.admin-list-page *::after {
	box-sizing: border-box;
}

.admin-list-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}


/* =====================================================
   TARJETA DE FILTROS
   ===================================================== */

.admin-list-filter-card {
	width: 100%;
	padding: 28px;
	margin-bottom: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(17,24,39,.05);
}

.admin-list-filter-card__heading {
	margin-bottom: 24px;
}

.admin-list-filter-card__heading h2 {
	margin: 5px 0 7px !important;
	font-size: 22px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-list-filter-card__heading p {
	margin: 0 !important;
	max-width: 760px;
	font-size: 13px !important;
	line-height: 1.6 !important;
	color: #6b7280 !important;
}


/* =====================================================
   FILTRO PRINCIPAL
   ===================================================== */

.admin-list-primary-filter {
	display: grid;
	grid-template-columns: .8fr .8fr 1.4fr;
	gap: 18px;
	align-items: end;
}

.admin-list-filter-group {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.admin-list-filter-group__heading strong {
	font-size: 12px;
	font-weight: 700;
	color: #374151;
}

.admin-list-radio-group {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.admin-list-radio {
	position: relative;
	min-height: 44px;
	display: flex;
	align-items: center;
	padding: 0 12px;
	border: 1px solid #d1d5db;
	border-radius: 9px;
	background: #ffffff;
	cursor: pointer;
	transition:
		background .2s ease,
		border-color .2s ease;
}

.admin-list-radio input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.admin-list-radio span {
	font-size: 11px;
	font-weight: 700;
	color: #374151;
}

.admin-list-radio.is-selected {
	padding-right: 37px;
	border-color: #d6a84b;
	background: #fff9ed;
}

.admin-list-radio.is-selected::after {
	content: "✓";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #d6a84b;
	color: #ffffff;
	font-size: 11px;
	font-weight: 800;
}


/* =====================================================
   BÚSQUEDA
   ===================================================== */

.admin-list-search-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.admin-list-search-field > label {
	font-size: 12px;
	font-weight: 700;
	color: #374151;
}

.admin-list-search-row {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	gap: 8px;
}

.admin-list-search-row #busqueda {
	width: 100% !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #111827 !important;
	font-size: 12px !important;
	outline: none !important;
	box-shadow: none !important;
}

.admin-list-search-row #busqueda:focus {
	border-color: #d6a84b !important;
	box-shadow: 0 0 0 3px rgba(214,168,75,.12) !important;
}

.admin-list-search-button {
	min-width: 105px;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: #111827 !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	cursor: pointer !important;
}

.admin-list-search-button:disabled {
	opacity: .45;
	cursor: not-allowed !important;
}


/* =====================================================
   SEPARADOR
   ===================================================== */

.admin-list-filter-separator {
	height: 1px;
	margin: 25px 0;
	background: #eef0f3;
}


/* =====================================================
   FILTRO SECUNDARIO
   ===================================================== */

.admin-list-secondary-filter {
	display: grid;
	grid-template-columns: minmax(190px, .8fr) minmax(220px, .9fr) auto auto;
	gap: 10px;
	align-items: end;
}

.admin-list-secondary-filter__field {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.admin-list-secondary-filter__field label {
	font-size: 12px;
	font-weight: 700;
	color: #374151;
}

.admin-list-secondary-filter__field input,
.admin-list-secondary-filter__field select {
	width: 100% !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #374151 !important;
	font-size: 12px !important;
	outline: none !important;
}

.admin-list-secondary-filter__field input:focus,
.admin-list-secondary-filter__field select:focus {
	border-color: #d6a84b !important;
	box-shadow: 0 0 0 3px rgba(214,168,75,.12) !important;
}

.admin-list-secondary-button,
.admin-list-reset-button {
	height: 44px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 9px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	text-transform: uppercase;
	white-space: nowrap;
}

.admin-list-secondary-button {
	border: 0 !important;
	background: #111827 !important;
	color: #fff !important;
	cursor: pointer;
}

.admin-list-reset-button {
	border: 1px solid #d1d5db !important;
	background: #fff !important;
	color: #374151 !important;
}


/* =====================================================
   TOOLBAR
   ===================================================== */

.admin-list-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 15px;
}

.admin-list-results {
	display: flex;
	align-items: center;
	gap: 12px;
}

.admin-list-results strong {
	font-size: 13px;
	color: #111827;
}

.admin-list-results span {
	font-size: 11px;
	color: #6b7280;
}

.admin-list-export {
	display: flex;
	align-items: center;
	gap: 7px;
}

.admin-list-export > span {
	margin-right: 3px;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: #9ca3af;
}

.admin-list-export-button {
	min-height: 35px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #374151 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
}

.admin-list-export-button:hover {
	border-color: #d6a84b !important;
	background: #fffaf0 !important;
	color: #111827 !important;
}


/* =====================================================
   TABLA
   ===================================================== */

.admin-list-table-card {
	overflow: hidden;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(17,24,39,.05);
}

.admin-list-table-scroll {
	width: 100%;
	overflow-x: auto;
}

.admin-list-table {
	width: 100% !important;
	min-width: 960px;
	margin: 0 !important;
	border-collapse: collapse !important;
	background: #fff !important;
}

.admin-list-table thead {
	background: #111827 !important;
}

.admin-list-table th {
	height: 48px;
	padding: 10px 12px !important;
	border: 0 !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-transform: uppercase;
	letter-spacing: .04em;
	white-space: nowrap;
}

/* =====================================================
   ORDENAMIENTO DE COLUMNAS
   ===================================================== */

.admin-list-sort {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	color: #ffffff !important;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	opacity: .88;
}

.admin-list-sort:hover,
.admin-list-sort.is-active {
	color: #ffffff !important;
	opacity: 1;
}

.admin-list-sort__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 12px;
	color: #d6a84b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1;
}

.admin-list-sort.is-active .admin-list-sort__icon {
	color: #f1c769 !important;
}

.admin-list-table td {
	height: 54px;
	padding: 10px 12px !important;
	border: 0 !important;
	border-bottom: 1px solid #eef0f3 !important;
	background: #fff !important;
	color: #374151 !important;
	font-size: 11px !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.admin-list-table tbody tr:last-child td {
	border-bottom: 0 !important;
}

.admin-list-table tbody tr:hover td {
	background: #fafafa !important;
}


/* =====================================================
   BADGES
   ===================================================== */

.admin-list-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 66px;
	padding: 5px 8px;
	border-radius: 20px;
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
}

.admin-list-badge--rent {
	background: #eef4ff;
	color: #34558b;
}

.admin-list-badge--sale {
	background: #fff7e6;
	color: #8a681f;
}

.admin-list-muted {
	font-size: 10px;
	color: #9ca3af;
}


/* =====================================================
   SWITCH
   ===================================================== */

.admin-list-switch {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 19px;
	vertical-align: middle;
}

.admin-list-switch input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.admin-list-switch__slider {
	position: absolute;
	inset: 0;
	border-radius: 20px;
	background: #d1d5db;
	cursor: pointer;
	transition: .2s;
}

.admin-list-switch__slider::before {
	content: "";
	position: absolute;
	width: 13px;
	height: 13px;
	left: 3px;
	top: 3px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.18);
	transition: .2s;
}

.admin-list-switch input:checked + .admin-list-switch__slider {
	background: #d6a84b;
}

.admin-list-switch input:checked + .admin-list-switch__slider::before {
	transform: translateX(15px);
}

.admin-list-switch--disabled {
	opacity: .35;
}

.admin-list-switch--disabled .admin-list-switch__slider {
	cursor: not-allowed;
}


/* =====================================================
   ACCIONES
   ===================================================== */

.admin-list-action {
	min-width: 54px;
	margin: 0 !important;
	padding: 6px 9px !important;
	border-radius: 7px !important;
	background: #fff !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
}

.admin-list-action--edit {
	border: 1px solid #d1d5db !important;
	color: #374151 !important;
}

.admin-list-action--edit:hover {
	border-color: #d6a84b !important;
	background: #fffaf0 !important;
}

.admin-list-action--link {
	border: 1px solid #c7d2fe !important;
	color: #334e9a !important;
}

.admin-list-action--danger {
	border: 1px solid #fecaca !important;
	color: #b42318 !important;
}

.admin-list-action--danger:hover {
	background: #fff1f1 !important;
}


/* =====================================================
   VACÍO
   ===================================================== */

.admin-list-empty-row td {
	padding: 42px 20px !important;
	color: #9ca3af !important;
	font-size: 12px !important;
}


/* =====================================================
   PAGINACIÓN
   ===================================================== */

.admin-list-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 22px;
}

.admin-list-pagination__link,
.admin-list-pagination__number {
	min-width: 34px;
	height: 34px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	background: #fff;
	color: #374151 !important;
	font-size: 10px;
	font-weight: 700;
	text-decoration: none !important;
}

.admin-list-pagination__link:hover,
.admin-list-pagination__number:hover {
	border-color: #d6a84b;
	background: #fffaf0;
}

.admin-list-pagination__number--active {
	border-color: #111827;
	background: #111827;
	color: #fff !important;
}


/* =====================================================
   AUTOCOMPLETE
   ===================================================== */

.ui-autocomplete {
	z-index: 99999 !important;
	max-height: 280px;
	overflow-y: auto;
	padding: 6px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 10px !important;
	background: #fff !important;
	box-shadow: 0 12px 30px rgba(17,24,39,.14) !important;
}

.ui-autocomplete .ui-menu-item a {
	padding: 9px 11px !important;
	border: 0 !important;
	border-radius: 7px !important;
	font-size: 11px !important;
	color: #374151 !important;
}

.ui-autocomplete .ui-menu-item a.ui-state-focus,
.ui-autocomplete .ui-menu-item a.ui-state-hover {
	margin: 0 !important;
	border: 0 !important;
	background: #fff8e8 !important;
	color: #111827 !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1000px) {

	.admin-list-primary-filter {
		grid-template-columns: 1fr 1fr;
	}

	.admin-list-search-field {
		grid-column: 1 / -1;
	}

	.admin-list-secondary-filter {
		grid-template-columns: 1fr 1fr;
	}

	.admin-list-secondary-button,
	.admin-list-reset-button {
		width: 100% !important;
	}

	.admin-list-toolbar {
		align-items: flex-start;
		flex-direction: column;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media (max-width: 750px) {

	.admin-list-page {
		padding: 26px 14px 50px;
	}

	.admin-list-filter-card {
		padding: 20px;
		border-radius: 14px;
	}

	.admin-list-primary-filter,
	.admin-list-secondary-filter {
		grid-template-columns: 1fr;
	}

	.admin-list-search-field {
		grid-column: auto;
	}

	.admin-list-search-row {
		grid-template-columns: 1fr;
	}

	.admin-list-search-button {
		width: 100% !important;
	}

	.admin-list-export {
		width: 100%;
		flex-wrap: wrap;
	}

	.admin-list-results {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media (max-width: 430px) {

	.admin-list-page {
		padding-left: 10px;
		padding-right: 10px;
	}

	.admin-list-filter-card {
		padding: 17px;
	}

	.admin-list-radio-group {
		grid-template-columns: 1fr;
	}

	.admin-list-export-button {
		flex: 1 1 100%;
	}

}
/* =====================================================
   ADMINISTRACIÓN - ESTADOS DE CUENTA
   ===================================================== */

.admin-account-state-page {
	width: 100%;
	padding: 42px 20px 70px;
	background: #f6f7f9;
	box-sizing: border-box;
}

.admin-account-state-page *,
.admin-account-state-page *::before,
.admin-account-state-page *::after {
	box-sizing: border-box;
}

.admin-account-state-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}


/* =====================================================
   TARJETAS
   ===================================================== */

.admin-account-state-filter-card,
.admin-account-state-import-card {
	width: 100%;
	margin-bottom: 28px;
	padding: 28px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(17,24,39,.05);
}

.admin-account-state-card__heading {
	margin-bottom: 23px;
}

.admin-account-state-card__heading h2 {
	margin: 5px 0 7px !important;
	font-size: 22px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-account-state-card__heading p {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
	color: #6b7280 !important;
}


/* =====================================================
   FILTROS
   ===================================================== */

.admin-account-state-filter-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 18px;
}

.admin-account-state-filter-box {
	padding: 20px;
	border: 1px solid #e5e7eb;
	border-radius: 13px;
	background: #fbfbfc;
}

.admin-account-state-filter-box__heading {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 18px;
}

.admin-account-state-filter-box__heading > span {
	width: 29px;
	height: 29px;
	flex: 0 0 29px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #d6a84b;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
}

.admin-account-state-filter-box__heading > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.admin-account-state-filter-box__heading strong {
	font-size: 12px;
	color: #111827;
}

.admin-account-state-filter-box__heading small {
	font-size: 10px;
	color: #9ca3af;
}

.admin-account-state-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 13px;
}

.admin-account-state-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.admin-account-state-field label {
	font-size: 11px;
	font-weight: 700;
	color: #374151;
}

.admin-account-state-field input {
	width: 100% !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #111827 !important;
	font-size: 12px !important;
	outline: none !important;
	box-shadow: none !important;
}

.admin-account-state-field input:focus {
	border-color: #d6a84b !important;
	box-shadow: 0 0 0 3px rgba(214,168,75,.12) !important;
}

.admin-account-state-filter-actions {
	margin-top: 15px;
	display: flex;
	justify-content: flex-end;
}

.admin-account-state-search-button {
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: #111827 !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	cursor: pointer !important;
}

.admin-account-state-filter-footer {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid #eef0f3;
	display: flex;
	justify-content: flex-end;
}

.admin-account-state-reset-button {
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 17px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #374151 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	cursor: pointer !important;
}


/* =====================================================
   IMPORTAR
   ===================================================== */

.admin-account-state-import-warning {
	margin-bottom: 20px;
	padding: 12px 14px;
	border: 1px solid #f2d89a;
	border-radius: 9px;
	background: #fff9ec;
	color: #72551e;
	font-size: 11px;
	line-height: 1.5;
}

.admin-account-state-import-warning strong {
	margin-right: 4px;
}

.admin-account-state-import-form {
	display: grid;
	grid-template-columns: 1.2fr 1fr auto;
	gap: 18px;
	align-items: end;
}

.admin-account-state-upload {
	min-width: 0;
}

.admin-account-state-upload input[type=file] {
	position: absolute;
	left: -9999px;
}

.admin-account-state-upload__label {
	min-height: 102px;
	padding: 17px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px dashed #d6a84b;
	border-radius: 11px;
	background: #fffdf8;
	cursor: pointer;
	text-align: center;
}

.admin-account-state-upload__icon {
	width: 27px;
	height: 27px;
	margin-bottom: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #d6a84b;
	color: #fff;
	font-size: 19px;
	font-weight: 400;
}

.admin-account-state-upload__label strong {
	font-size: 11px;
	color: #111827;
}

.admin-account-state-upload__label small {
	margin-top: 3px;
	font-size: 10px;
	color: #9ca3af;
}

.admin-account-state-upload__info {
	margin-top: 7px;
	font-size: 10px;
	color: #6b7280;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.admin-account-state-import-period {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 12px;
}

.admin-account-state-import-actions {
	display: flex;
	align-items: flex-end;
}

.admin-account-state-import-button {
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: #d71920 !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer !important;
}

.admin-account-state-import-button:disabled {
	background: #d1d5db !important;
	cursor: wait !important;
}


/* =====================================================
   TABLA
   ===================================================== */

.admin-account-state-table-section {
	margin-top: 6px;
}

.admin-account-state-table-heading {
	margin-bottom: 14px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
}

.admin-account-state-table-heading h2 {
	margin: 5px 0 0 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-account-state-count {
	padding: 7px 10px;
	border-radius: 8px;
	background: #eef0f3;
	color: #6b7280;
	font-size: 10px;
	font-weight: 700;
}

.admin-account-state-table-card {
	overflow: hidden;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(17,24,39,.05);
}

.admin-account-state-table-scroll {
	width: 100%;
	overflow-x: auto;
}

.admin-account-state-table {
	width: 100% !important;
	min-width: 760px;
	margin: 0 !important;
	border-collapse: collapse !important;
}

.admin-account-state-table thead {
	background: #111827 !important;
}

.admin-account-state-table th {
	height: 48px;
	padding: 10px 13px !important;
	border: 0 !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.admin-account-state-table td {
	height: 54px;
	padding: 10px 13px !important;
	border: 0 !important;
	border-bottom: 1px solid #eef0f3 !important;
	background: #fff !important;
	color: #374151 !important;
	font-size: 11px !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.admin-account-state-table tbody tr:hover td {
	background: #fafafa !important;
}

.admin-account-state-view-button,
.admin-account-state-edit-button {
	min-height: 30px;
	padding: 0 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	font-size: 9px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	cursor: pointer;
}

.admin-account-state-view-button {
	border: 1px solid #c7d2fe;
	background: #fff;
	color: #334e9a !important;
}

.admin-account-state-edit-button {
	border: 1px solid #d1d5db !important;
	background: #fff !important;
	color: #374151 !important;
}

.admin-account-state-empty-row td,
.admin-account-state-loading-row td {
	padding: 38px 20px !important;
	color: #9ca3af !important;
	font-size: 11px !important;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 980px) {

	.admin-account-state-import-form {
		grid-template-columns: 1fr;
	}

	.admin-account-state-import-actions {
		justify-content: flex-end;
	}

}

@media (max-width: 750px) {

	.admin-account-state-page {
		padding: 26px 14px 50px;
	}

	.admin-account-state-filter-card,
	.admin-account-state-import-card {
		padding: 20px;
		border-radius: 14px;
	}

	.admin-account-state-filter-grid {
		grid-template-columns: 1fr;
	}

	.admin-account-state-fields,
	.admin-account-state-import-period {
		grid-template-columns: 1fr;
	}

	.admin-account-state-search-button,
	.admin-account-state-import-button {
		width: 100% !important;
	}

	.admin-account-state-filter-actions,
	.admin-account-state-import-actions {
		justify-content: stretch;
	}

	.admin-account-state-table-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

}

@media (max-width: 430px) {

	.admin-account-state-page {
		padding-left: 10px;
		padding-right: 10px;
	}

	.admin-account-state-filter-card,
	.admin-account-state-import-card {
		padding: 17px;
	}

}
/* =====================================================
   ADMINISTRACIÓN - EDITAR ESTADO DE CUENTA
   ===================================================== */

.admin-edit-state-page {
	width: 100%;
	padding: 42px 20px 70px;
	background: #f6f7f9;
	box-sizing: border-box;
}

.admin-edit-state-page *,
.admin-edit-state-page *::before,
.admin-edit-state-page *::after {
	box-sizing: border-box;
}

.admin-edit-state-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}


/* =====================================================
   VOLVER
   ===================================================== */

.admin-edit-state-back {
	margin-bottom: 16px;
}

.admin-edit-state-back a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #6b7280 !important;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none !important;
}

.admin-edit-state-back a:hover {
	color: #111827 !important;
}

.admin-edit-state-back a span {
	font-size: 15px;
}


/* =====================================================
   FORMULARIO
   ===================================================== */

.admin-edit-state-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	align-items: start;
}


/* =====================================================
   TARJETAS
   ===================================================== */

.admin-edit-state-card {
	padding: 28px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(17,24,39,.05);
}

.admin-edit-state-card__heading {
	margin-bottom: 24px;
}

.admin-edit-state-card__heading h2 {
	margin: 5px 0 7px !important;
	font-size: 21px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-edit-state-card__heading p {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
	color: #6b7280 !important;
}


/* =====================================================
   CAMPOS
   ===================================================== */

.admin-edit-state-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 17px;
}

.admin-edit-state-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.admin-edit-state-field label {
	font-size: 11px;
	font-weight: 700;
	color: #374151;
}

.admin-edit-state-field input {
	width: 100% !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 9px !important;
	background: #f3f4f6 !important;
	color: #6b7280 !important;
	font-size: 12px !important;
	opacity: 1 !important;
}


/* =====================================================
   ARCHIVO ACTUAL
   ===================================================== */

.admin-edit-state-current-file {
	margin-top: 24px;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #fafafa;
}

.admin-edit-state-current-file > div {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.admin-edit-state-current-file span {
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #9ca3af;
}

.admin-edit-state-current-file strong {
	max-width: 310px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	color: #374151;
}

.admin-edit-state-current-file > a {
	flex: 0 0 auto;
	padding: 8px 11px;
	border: 1px solid #c7d2fe;
	border-radius: 7px;
	background: #fff;
	color: #334e9a !important;
	font-size: 9px;
	font-weight: 700;
	text-decoration: none !important;
}


/* =====================================================
   CARGA DE ARCHIVO
   ===================================================== */

.admin-edit-state-upload {
	width: 100%;
}

.admin-edit-state-upload > input[type=file] {
	position: absolute;
	left: -9999px;
}

.admin-edit-state-upload__label {
	min-height: 190px;
	padding: 28px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px dashed #d6a84b;
	border-radius: 12px;
	background: #fffdf8;
	text-align: center;
	cursor: pointer;
	transition:
		background .2s ease,
		border-color .2s ease;
}

.admin-edit-state-upload__label:hover {
	background: #fff9ed;
	border-color: #c69534;
}

.admin-edit-state-upload__icon {
	width: 35px;
	height: 35px;
	margin-bottom: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #d6a84b;
	color: #ffffff;
	font-size: 23px;
	font-weight: 400;
}

.admin-edit-state-upload__label strong {
	font-size: 12px;
	color: #111827;
}

.admin-edit-state-upload__label small {
	margin-top: 5px;
	font-size: 10px;
	color: #9ca3af;
}

.admin-edit-state-upload__info {
	margin-top: 9px;
	padding: 8px 10px;
	border-radius: 8px;
	background: #f3f4f6;
	color: #6b7280;
	font-size: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* =====================================================
   AVISO
   ===================================================== */

.admin-edit-state-warning {
	margin-top: 20px;
	padding: 12px 14px;
	border: 1px solid #f2d89a;
	border-radius: 9px;
	background: #fff9ec;
	color: #72551e;
	font-size: 10px;
	line-height: 1.5;
}

.admin-edit-state-warning strong {
	margin-right: 4px;
}


/* =====================================================
   ACCIONES
   ===================================================== */

.admin-edit-state-actions {
	margin-top: 25px;
	padding-top: 21px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	border-top: 1px solid #eef0f3;
}

.admin-edit-state-cancel,
.admin-edit-state-submit {
	min-height: 46px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 9px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	text-decoration: none !important;
}

.admin-edit-state-cancel {
	border: 1px solid #d1d5db !important;
	background: #ffffff !important;
	color: #374151 !important;
}

.admin-edit-state-submit {
	border: 0 !important;
	background: #d71920 !important;
	color: #ffffff !important;
	cursor: pointer !important;
}

.admin-edit-state-submit:hover:not(:disabled) {
	background: #b9151a !important;
}

.admin-edit-state-submit:disabled {
	background: #d1d5db !important;
	cursor: wait !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 900px) {

	.admin-edit-state-form {
		grid-template-columns: 1fr;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media (max-width: 750px) {

	.admin-edit-state-page {
		padding: 26px 14px 50px;
	}

	.admin-edit-state-card {
		padding: 20px;
		border-radius: 14px;
	}

	.admin-edit-state-grid {
		grid-template-columns: 1fr;
	}

	.admin-edit-state-current-file {
		align-items: flex-start;
		flex-direction: column;
	}

	.admin-edit-state-current-file strong {
		max-width: 100%;
	}

	.admin-edit-state-actions {
		flex-direction: column-reverse;
	}

	.admin-edit-state-cancel,
	.admin-edit-state-submit {
		width: 100% !important;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media (max-width: 430px) {

	.admin-edit-state-page {
		padding-left: 10px;
		padding-right: 10px;
	}

	.admin-edit-state-card {
		padding: 17px;
	}

}
/* =====================================================
   ADMINISTRACIÓN - EDITAR COMPROBANTE
   ===================================================== */

.admin-edit-invoice-page {
	width: 100%;
	padding: 42px 20px 70px;
	background: #f6f7f9;
	box-sizing: border-box;
}

.admin-edit-invoice-page *,
.admin-edit-invoice-page *::before,
.admin-edit-invoice-page *::after {
	box-sizing: border-box;
}

.admin-edit-invoice-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}


/* =====================================================
   VOLVER
   ===================================================== */

.admin-edit-invoice-back {
	margin-bottom: 16px;
}

.admin-edit-invoice-back a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #6b7280 !important;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none !important;
}

.admin-edit-invoice-back a:hover {
	color: #111827 !important;
}

.admin-edit-invoice-back span {
	font-size: 15px;
}


/* =====================================================
   FORMULARIO
   ===================================================== */

.admin-edit-invoice-form {
	display: grid;
	grid-template-columns: .85fr 1.15fr;
	gap: 28px;
	align-items: start;
}


/* =====================================================
   TARJETAS
   ===================================================== */

.admin-edit-invoice-card {
	padding: 28px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(17,24,39,.05);
}

.admin-edit-invoice-card__heading {
	margin-bottom: 24px;
}

.admin-edit-invoice-card__heading h2 {
	margin: 5px 0 7px !important;
	font-size: 21px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-edit-invoice-card__heading p {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
	color: #6b7280 !important;
}


/* =====================================================
   CAMPOS
   ===================================================== */

.admin-edit-invoice-info-grid,
.admin-edit-invoice-payment-grid,
.admin-edit-invoice-period-grid {
	display: grid;
	gap: 16px;
}

.admin-edit-invoice-info-grid {
	grid-template-columns: repeat(2,minmax(0,1fr));
}

.admin-edit-invoice-payment-grid {
	grid-template-columns: repeat(3,minmax(0,1fr));
}

.admin-edit-invoice-period-grid {
	grid-template-columns: repeat(2,minmax(0,1fr));
}

.admin-edit-invoice-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.admin-edit-invoice-field--wide {
	grid-column: 1 / -1;
}

.admin-edit-invoice-field label {
	font-size: 11px;
	font-weight: 700;
	color: #374151;
}

.admin-edit-invoice-field input {
	width: 100% !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #111827 !important;
	font-size: 12px !important;
	outline: none !important;
	box-shadow: none !important;
}

.admin-edit-invoice-field input:focus {
	border-color: #d6a84b !important;
	box-shadow: 0 0 0 3px rgba(214,168,75,.12) !important;
}

.admin-edit-invoice-field input:disabled {
	background: #f3f4f6 !important;
	border-color: #e5e7eb !important;
	color: #6b7280 !important;
	opacity: 1 !important;
}


/* =====================================================
   CAMPOS MONETARIOS
   ===================================================== */

.admin-edit-invoice-money {
	position: relative;
}

.admin-edit-invoice-money > span {
	position: absolute;
	left: 13px;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	color: #6b7280;
	font-size: 12px;
	font-weight: 700;
	pointer-events: none;
}

.admin-edit-invoice-money input {
	padding-left: 29px !important;
}


/* =====================================================
   DIVISOR
   ===================================================== */

.admin-edit-invoice-divider {
	height: 1px;
	margin: 25px 0;
	background: #eef0f3;
}


/* =====================================================
   TOTAL
   ===================================================== */

.admin-edit-invoice-summary {
	margin-top: 23px;
	padding: 17px;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 3px 15px;
	align-items: center;
	border: 1px solid #e5e7eb;
	border-radius: 11px;
	background: #fafafa;
}

.admin-edit-invoice-summary > span {
	font-size: 11px;
	font-weight: 700;
	color: #374151;
}

.admin-edit-invoice-summary > strong {
	grid-row: 1 / span 2;
	grid-column: 2;
	font-size: 19px;
	font-weight: 800;
	color: #111827;
}

.admin-edit-invoice-summary > small {
	font-size: 9px;
	color: #9ca3af;
}


/* =====================================================
   AVISO
   ===================================================== */

.admin-edit-invoice-warning {
	margin-top: 17px;
	padding: 12px 14px;
	border: 1px solid #f2d89a;
	border-radius: 9px;
	background: #fff9ec;
	color: #72551e;
	font-size: 10px;
	line-height: 1.5;
}

.admin-edit-invoice-warning strong {
	margin-right: 4px;
}


/* =====================================================
   ACCIONES
   ===================================================== */

.admin-edit-invoice-actions {
	margin-top: 24px;
	padding-top: 21px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	border-top: 1px solid #eef0f3;
}

.admin-edit-invoice-cancel,
.admin-edit-invoice-submit {
	min-height: 46px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 9px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	text-decoration: none !important;
}

.admin-edit-invoice-cancel {
	border: 1px solid #d1d5db !important;
	background: #fff !important;
	color: #374151 !important;
}

.admin-edit-invoice-submit {
	border: 0 !important;
	background: #d71920 !important;
	color: #fff !important;
	cursor: pointer !important;
}

.admin-edit-invoice-submit:hover:not(:disabled) {
	background: #b9151a !important;
}

.admin-edit-invoice-submit:disabled {
	background: #d1d5db !important;
	cursor: wait !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 980px) {

	.admin-edit-invoice-form {
		grid-template-columns: 1fr;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media (max-width: 750px) {

	.admin-edit-invoice-page {
		padding: 26px 14px 50px;
	}

	.admin-edit-invoice-card {
		padding: 20px;
		border-radius: 14px;
	}

	.admin-edit-invoice-info-grid,
	.admin-edit-invoice-payment-grid,
	.admin-edit-invoice-period-grid {
		grid-template-columns: 1fr;
	}

	.admin-edit-invoice-field--wide {
		grid-column: auto;
	}

	.admin-edit-invoice-actions {
		flex-direction: column-reverse;
	}

	.admin-edit-invoice-cancel,
	.admin-edit-invoice-submit {
		width: 100% !important;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media (max-width: 430px) {

	.admin-edit-invoice-page {
		padding-left: 10px;
		padding-right: 10px;
	}

	.admin-edit-invoice-card {
		padding: 17px;
	}

	.admin-edit-invoice-summary {
		grid-template-columns: 1fr;
	}

	.admin-edit-invoice-summary > strong {
		grid-row: auto;
		grid-column: auto;
		margin-top: 5px;
	}

}
/* =====================================================
   ADMINISTRACIÓN - MI CUENTA / CONTRASEÑA
   ===================================================== */

.admin-password-page {
	width: 100%;
	padding: 42px 20px 70px;
	background: #f6f7f9;
	box-sizing: border-box;
}

.admin-password-page *,
.admin-password-page *::before,
.admin-password-page *::after {
	box-sizing: border-box;
}

.admin-password-page__inner {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 38px;
	align-items: start;
}


/* =====================================================
   INFORMACIÓN
   ===================================================== */

.admin-password-info {
	padding: 12px 5px;
}

.admin-password-info h2 {
	margin: 7px 0 11px !important;
	font-size: 28px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-password-info__intro {
	max-width: 470px;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
	color: #6b7280 !important;
}

.admin-password-tips {
	margin-top: 31px;
	display: flex;
	flex-direction: column;
	gap: 19px;
}

.admin-password-tips > div {
	display: flex;
	gap: 13px;
	align-items: flex-start;
}

.admin-password-tips > div > span {
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #d6a84b;
	color: #fff;
	font-size: 9px;
	font-weight: 800;
}

.admin-password-tips strong {
	display: block;
	margin: 1px 0 4px;
	font-size: 11px;
	color: #111827;
}

.admin-password-tips p {
	margin: 0 !important;
	font-size: 10px !important;
	line-height: 1.6 !important;
	color: #6b7280 !important;
}


/* =====================================================
   TARJETA
   ===================================================== */

.admin-password-card {
	padding: 30px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(17,24,39,.06);
}

.admin-password-card__heading {
	margin-bottom: 24px;
}

.admin-password-card__heading h2 {
	margin: 5px 0 7px !important;
	font-size: 21px !important;
	font-weight: 700 !important;
	color: #111827 !important;
}

.admin-password-card__heading p {
	margin: 0 !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
	color: #6b7280 !important;
}


/* =====================================================
   FORMULARIO
   ===================================================== */

.admin-password-form {
	display: flex;
	flex-direction: column;
	gap: 17px;
}

.admin-password-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.admin-password-field label {
	font-size: 11px;
	font-weight: 700;
	color: #374151;
}

.admin-password-field input {
	width: 100% !important;
	height: 47px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #111827 !important;
	font-size: 12px !important;
	outline: none !important;
	box-shadow: none !important;
}

.admin-password-field input:focus {
	border-color: #d6a84b !important;
	box-shadow: 0 0 0 3px rgba(214,168,75,.12) !important;
}


/* =====================================================
   ESTADO
   ===================================================== */

.admin-password-status {
	display: none;
	padding: 11px 13px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.5;
}

.admin-password-status.is-error {
	display: block;
	border: 1px solid #fecaca;
	background: #fff1f1;
	color: #b42318;
}

.admin-password-status.is-success {
	display: block;
	border: 1px solid #bbf7d0;
	background: #f0fdf4;
	color: #166534;
}


/* =====================================================
   BOTÓN
   ===================================================== */

.admin-password-submit {
	width: 100% !important;
	min-height: 47px !important;
	margin: 4px 0 0 !important;
	padding: 0 20px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: #d71920 !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	cursor: pointer !important;
}

.admin-password-submit:hover:not(:disabled) {
	background: #b9151a !important;
}

.admin-password-submit:disabled {
	background: #d1d5db !important;
	cursor: wait !important;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 850px) {

	.admin-password-page__inner {
		grid-template-columns: 1fr;
		max-width: 650px;
	}

}

@media (max-width: 750px) {

	.admin-password-page {
		padding: 27px 14px 50px;
	}

	.admin-password-card {
		padding: 21px;
		border-radius: 14px;
	}

}

@media (max-width: 430px) {

	.admin-password-page {
		padding-left: 10px;
		padding-right: 10px;
	}

	.admin-password-card {
		padding: 17px;
	}

}
/* =====================================================
   ADMINISTRACIÓN - LOGIN
   ===================================================== */

.admin-auth-hero {
	width: 100%;
	padding: 54px 20px 70px;
	background:
		linear-gradient(180deg, #f7f8fa 0%, #eef2f7 100%);
	box-sizing: border-box;
}

.admin-auth-hero__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(380px, 460px);
	gap: 34px;
	align-items: center;
}

.admin-auth-hero__content {
	padding-right: 10px;
}

.admin-auth-hero__eyebrow,
.admin-auth-card__eyebrow {
	display: inline-block;
	margin-bottom: 12px;
	color: #d6a84b;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.admin-auth-hero__content h1 {
	margin: 0 0 14px;
	color: #0f172a;
	font-size: 46px;
	line-height: 1.06;
}

.admin-auth-hero__content > p {
	max-width: 640px;
	margin: 0 0 28px;
	color: #5b6574;
	font-size: 16px;
	line-height: 1.7;
}

.admin-auth-hero__items {
	display: grid;
	gap: 15px;
	max-width: 690px;
}

.admin-auth-hero__item {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 14px;
	padding: 17px 18px;
	background: rgba(255,255,255,.78);
	border: 1px solid #e5eaf0;
	border-radius: 14px;
	box-shadow: 0 10px 28px rgba(15,23,42,.045);
	box-sizing: border-box;
}

.admin-auth-hero__item > span {
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #d6a84b;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
}

.admin-auth-hero__item strong {
	display: block;
	margin-bottom: 4px;
	color: #0f172a;
	font-size: 15px;
	line-height: 1.3;
}

.admin-auth-hero__item p {
	margin: 0;
	color: #6b7280;
	font-size: 13px;
	line-height: 1.55;
}

.admin-auth-card {
	width: 100%;
	padding: 34px 34px 30px;
	background: #ffffff;
	border: 1px solid #e3e7ed;
	border-radius: 18px;
	box-shadow: 0 22px 55px rgba(15,23,42,.09);
	box-sizing: border-box;
}

.admin-auth-card__heading {
	margin-bottom: 24px;
	text-align: left;
}

.admin-auth-card__heading h2 {
	margin: 0 0 8px;
	color: #0f172a;
	font-size: 31px;
	line-height: 1.15;
}

.admin-auth-card__heading p {
	margin: 0;
	color: #6b7280;
	font-size: 14px;
	line-height: 1.6;
}

.admin-auth-card__brand {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 24px;
	padding: 18px;
	background: #fbfcfd;
	border: 1px solid #edf1f5;
	border-radius: 14px;
}

.admin-auth-card__brand img {
	display: block;
	max-width: 215px;
	width: 100%;
	height: auto;
}

.admin-auth-form {
	width: 100%;
	margin: 0;
}

.admin-auth-field {
	width: 100%;
	margin-bottom: 16px;
}

.admin-auth-field label {
	display: block;
	margin-bottom: 7px;
	color: #1f2937;
	font-size: 12px;
	font-weight: 700;
}

.admin-auth-field input[type="text"],
.admin-auth-field input[type="password"] {
	display: block;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 15px;
	border: 1px solid #d6dde6;
	border-radius: 10px;
	background: #ffffff;
	color: #111827;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	outline: none;
	transition:
		border-color .2s ease,
		box-shadow .2s ease,
		background .2s ease;
}

.admin-auth-field input[type="text"]:focus,
.admin-auth-field input[type="password"]:focus {
	border-color: #d6a84b;
	box-shadow: 0 0 0 4px rgba(214,168,75,.12);
	background: #ffffff;
}

.admin-auth-feedback {
	margin: 0 0 15px;
	padding: 12px 14px;
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.5;
}

.admin-auth-feedback.is-error {
	background: #fff1f1;
	border: 1px solid #f3c9c9;
	color: #b91c1c;
}

.admin-auth-feedback.is-success {
	background: #effbf2;
	border: 1px solid #cfe9d5;
	color: #166534;
}

.admin-auth-submit {
	display: inline-flex;
	width: 100%;
	min-height: 52px;
	padding: 0 22px;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 10px;
	background: #d71920;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	box-sizing: border-box;
	transition:
		transform .18s ease,
		box-shadow .18s ease,
		background .18s ease;
}

.admin-auth-submit:hover {
	background: #be161c;
	box-shadow: 0 12px 24px rgba(215,25,32,.22);
	transform: translateY(-1px);
}

.admin-auth-submit:active {
	transform: translateY(0);
}

.admin-auth-card__footer {
	margin-top: 18px;
	padding-top: 17px;
	border-top: 1px solid #edf0f3;
}

.admin-auth-card__footer p {
	margin: 0;
	color: #6b7280;
	font-size: 12px;
	line-height: 1.55;
}


/* =====================================================
   TABLET
   ===================================================== */

@media screen and (max-width: 1024px) {

	.admin-auth-hero__inner {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.admin-auth-hero__content {
		padding-right: 0;
	}

	.admin-auth-hero__content h1 {
		font-size: 40px;
	}

	.admin-auth-card {
		max-width: 520px;
		margin: 0 auto;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media screen and (max-width: 768px) {

	.admin-auth-hero {
		padding: 34px 14px 46px;
	}

	.admin-auth-hero__content h1 {
		font-size: 34px;
	}

	.admin-auth-hero__content > p {
		font-size: 15px;
	}

	.admin-auth-hero__item {
		grid-template-columns: 46px minmax(0, 1fr);
		padding: 15px;
	}

	.admin-auth-card {
		padding: 24px 20px 22px;
		border-radius: 16px;
	}

	.admin-auth-card__heading h2 {
		font-size: 26px;
	}

	.admin-auth-card__brand {
		padding: 15px;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media screen and (max-width: 430px) {

	.admin-auth-hero__content h1 {
		font-size: 29px;
	}

	.admin-auth-card {
		padding: 21px 16px 20px;
	}

	.admin-auth-field input[type="text"],
	.admin-auth-field input[type="password"] {
		height: 47px;
		font-size: 13px;
	}

	.admin-auth-submit {
		min-height: 48px;
		font-size: 13px;
	}

}
/* =====================================================
   DOCUMENTACIÓN
   ===================================================== */

.documentation-hero {
	width: 100%;
	padding: 54px 20px 58px;
	background: #111827;
	box-sizing: border-box;
}

.documentation-hero *,
.documentation-page *,
.documentation-modal * {
	box-sizing: border-box;
}

.documentation-hero__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

.documentation-hero__eyebrow,
.documentation-eyebrow,
.documentation-card__eyebrow,
.documentation-modal__eyebrow {
	margin-bottom: 9px;
	color: #d6a84b;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.documentation-hero h1 {
	margin: 0 0 13px !important;
	color: #fff !important;
	font-size: 38px !important;
	line-height: 1.15 !important;
	font-weight: 700 !important;
}

.documentation-hero p {
	max-width: 730px;
	margin: 0 !important;
	color: #d1d5db !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}


/* =====================================================
   CONTENIDO
   ===================================================== */

.documentation-page {
	width: 100%;
	padding: 48px 20px 70px;
	background: #f6f7f9;
}

.documentation-page__inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

.documentation-intro {
	margin-bottom: 26px;
}

.documentation-intro h2 {
	margin: 5px 0 7px !important;
	color: #111827 !important;
	font-size: 25px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
}

.documentation-intro p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}


/* =====================================================
   GRID
   ===================================================== */

.documentation-grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 26px;
}


/* =====================================================
   TARJETAS
   ===================================================== */

.documentation-card {
	padding: 28px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(17,24,39,.05);
}

.documentation-card__header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 17px;
}

.documentation-card__icon {
	width: 72px;
	height: 72px;
	flex: 0 0 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	background: #f9fafb;
	border: 1px solid #edf0f3;
}

.documentation-card__icon img {
	display: block;
	max-width: 54px;
	max-height: 54px;
	width: auto;
	height: auto;
}

.documentation-card__header h2 {
	margin: 3px 0 0 !important;
	color: #111827 !important;
	font-size: 19px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
}

.documentation-card__description {
	margin: 0 0 23px !important;
	padding-bottom: 20px;
	border-bottom: 1px solid #eef0f3;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.65 !important;
}


/* =====================================================
   FORMULARIO
   ===================================================== */

.documentation-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.documentation-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.documentation-field label {
	color: #374151;
	font-size: 11px;
	font-weight: 700;
}

.documentation-field input {
	width: 100% !important;
	height: 47px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #111827 !important;
	font-size: 12px !important;
	outline: none !important;
	box-shadow: none !important;
}

.documentation-field input:focus {
	border-color: #d6a84b !important;
	box-shadow: 0 0 0 3px rgba(214,168,75,.12) !important;
}

.documentation-submit {
	width: 100% !important;
	min-height: 47px !important;
	margin: 2px 0 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: #d71920 !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	cursor: pointer !important;
}

.documentation-submit:hover:not(:disabled) {
	background: #b9151a !important;
}

.documentation-submit:disabled {
	background: #d1d5db !important;
	cursor: wait !important;
}


/* =====================================================
   MENSAJES
   ===================================================== */

.documentation-form-status {
	display: none;
	padding: 11px 12px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.5;
}

.documentation-form-status.is-error {
	display: block;
	border: 1px solid #fecaca;
	background: #fff1f1;
	color: #b42318;
}

.documentation-form-status.is-success {
	display: block;
	border: 1px solid #bbf7d0;
	background: #f0fdf4;
	color: #166534;
}


/* =====================================================
   AYUDA
   ===================================================== */

.documentation-help {
	margin-top: 27px;
	padding: 20px 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	background: #fff;
}

.documentation-help strong {
	display: block;
	margin-bottom: 4px;
	color: #111827;
	font-size: 12px;
}

.documentation-help p {
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 11px !important;
	line-height: 1.6 !important;
}

.documentation-help a {
	flex: 0 0 auto;
	min-height: 40px;
	padding: 0 17px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	background: #fff;
	color: #374151 !important;
	font-size: 10px;
	font-weight: 700;
	text-decoration: none !important;
	text-transform: uppercase;
}


/* =====================================================
   MODAL
   ===================================================== */

.documentation-modal {
	max-width: 470px !important;
	padding: 34px 30px !important;
	border-radius: 17px !important;
	background: #fff !important;
	text-align: center;
}

.documentation-modal__icon {
	width: 48px;
	height: 48px;
	margin: 0 auto 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	color: #166534;
	font-size: 21px;
	font-weight: 800;
}

.documentation-modal h2 {
	margin: 5px 0 9px !important;
	color: #111827 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
}

.documentation-modal p {
	margin: 0 auto 22px !important;
	max-width: 390px;
	color: #6b7280 !important;
	font-size: 12px !important;
	line-height: 1.65 !important;
}

.documentation-modal__download {
	width: 100%;
	min-height: 46px;
	margin-bottom: 10px;
	padding: 0 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	background: #d71920;
	color: #fff !important;
	font-size: 10px;
	font-weight: 700;
	text-decoration: none !important;
	text-transform: uppercase;
}

.documentation-modal__download:hover {
	background: #b9151a;
}

.documentation-modal__close {
	width: 100%;
	min-height: 42px;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #374151 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	cursor: pointer;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 900px) {

	.documentation-grid {
		grid-template-columns: 1fr;
	}

}


/* =====================================================
   MÓVIL
   ===================================================== */

@media (max-width: 750px) {

	.documentation-hero {
		padding: 38px 14px 42px;
	}

	.documentation-hero h1 {
		font-size: 31px !important;
	}

	.documentation-page {
		padding: 30px 14px 50px;
	}

	.documentation-card {
		padding: 21px;
		border-radius: 14px;
	}

	.documentation-help {
		align-items: flex-start;
		flex-direction: column;
	}

	.documentation-help a {
		width: 100%;
	}

}


/* =====================================================
   MÓVIL PEQUEÑO
   ===================================================== */

@media (max-width: 430px) {

	.documentation-page {
		padding-left: 10px;
		padding-right: 10px;
	}

	.documentation-card {
		padding: 17px;
	}

	.documentation-card__header {
		align-items: flex-start;
	}

	.documentation-card__icon {
		width: 58px;
		height: 58px;
		flex-basis: 58px;
	}

	.documentation-card__icon img {
		max-width: 43px;
		max-height: 43px;
	}

	.documentation-modal {
		padding: 26px 19px !important;
	}

}