/* ============================================
   Template Tienda 09
   ============================================ */

:root {
	--negro: #111;
	--blanco: #fff;
	--fuente-ppal: "Roboto", sans-serif;
	--script: "Roboto Condensed", sans-serif;
}

/* === Tipografía global === */
*,
*::before,
*::after {
	font-family: var(--fuente-ppal);
}

body {
	font-family: var(--fuente-ppal);
	font-size: 15px;
	color: #333;
}

/* Títulos → Roboto Condensed */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: var(--script);
	font-weight: 700;
	letter-spacing: .3px;
}

/* Navbar links, botones, badges → Roboto Condensed */
.navbar,
.navbar *,
.nav-link,
.btn,
.badge,
.dropdown-item,
.offcanvas,
.offcanvas * {
	font-family: var(--fuente-ppal);
}
#navbar .nav-item .nav-link,
.mi-cuenta-label,
.btn-carro {
	font-family: var(--script);
}

/* Footer → Roboto Condensed para títulos, Roboto para resto */
footer,
footer * {
	font-family: var(--fuente-ppal);
}
footer h6.footer-titulo {
	font-family: var(--script);
}

/* Formularios → Roboto */
input, textarea, select, .form-control, .form-select, label {
	font-family: var(--fuente-ppal)!important;
}

/* Párrafos y listas */
p, li, span, a { font-family: var(--fuente-ppal); }
p, li { font-weight: 400; line-height: 1.6; }

.text-12, .texto .text-tiny { font-size: 12px!important; }
.text-13 { font-size: 13px!important; }
.text-14, .texto .text-small { font-size: 14px!important; }
.texto .text-big { font-size: 20px!important; }
.texto .text-huge { font-size: 28px!important; }
.script { font-family: var(--script)!important; }

/* === Topbar === */
.topbar { display: none!important; }

/* === Navbar === */
#navbar {
	background-color: #111!important;
}
#navbar .navbar-brand img {
	transition: all .3s ease-in-out;
}
#navbar.navbar-shrink .navbar-brand img {
	width: 200px;
	transition: all .3s ease-in-out;
}
#navbar .nav-item .nav-link {
	font-family: var(--script);
	font-weight: 600;
	text-align: center;
	padding: 10px .8rem;
	color: rgba(255,255,255,.85)!important;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	border-bottom: 2px solid transparent;
	transition: color .2s ease, border-color .2s ease;
}
#navbar .nav-item .nav-link:hover {
	color: var(--botones)!important;
}
#navbar .nav-item .nav-link.active {
	color: var(--botones)!important;
	border-bottom-color: var(--botones);
}
#navbar .navbar-toggler {
	border-color: rgba(255,255,255,.3);
}
#navbar .navbar-toggler-icon {
	filter: invert(1);
}

/* Mi cuenta label */
.mi-cuenta-label {
	font-size: 13px;
	color: rgba(255,255,255,.85);
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	text-decoration: none;
	transition: color .2s ease;
}
.mi-cuenta-label:hover {
	color: var(--botones);
}

/* Icon buttons */
.btn-icono {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: rgba(255,255,255,.85)!important;
	background-color: transparent!important;
	border: none;
	transition: color .2s ease;
}
.btn-icono.dropdown-toggle { flex-direction: row; }
.btn-icono.dropdown-toggle::after { font-size: 14px; margin-left: 0; }
.btn-icono:is(:hover,:focus) { color: var(--botones)!important; }

/* Cart */
.btn-carro {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	color: rgba(255,255,255,.85);
	transition: all .3s ease-in-out;
}
.btn-carro .icono {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--botones);
	color: var(--negro);
	font-size: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: all .15s ease;
}
.btn-carro:is(:hover,:focus) .icono {
	background-color: var(--botones-hover)!important;
	color: var(--negro)!important;
}
.btn-carro .badge {
	position: absolute;
	top: -2px;
	right: -9px;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	font-weight: 400;
	font-size: 10px;
	background-color: var(--bar-footer);
	padding: 0;
	color: #fff;
}

/* Offcanvas mobile */
.offcanvas { background-color: #1a1a1a!important; }
.offcanvas .btn-close { filter: invert(1); }
.offcanvas .navbar-nav .nav-link { color: rgba(255,255,255,.85)!important; }
.offcanvas .navbar-nav .nav-link.active { color: var(--botones)!important; }

/* Search */
.buscador { width: 100%; }
.buscador .input-group {
	border-radius: 25px;
	padding: 3px;
	border: 1px solid #e3e3e3;
}
.buscador .form-control {
	border-radius: 25px;
	padding: .5rem 1rem;
	border: none;
}
.buscador .form-control::placeholder { font-size: 14px; }
.buscador .input-group .btn-color {
	border-radius: 50%!important;
	aspect-ratio: 1;
	padding: 6px 12px!important;
	color: var(--negro);
	background-color: var(--botones);
}
.buscador .input-group .btn-color:is(:hover,:focus,:active) {
	background-color: var(--botones-hover);
	color: var(--negro);
}

/* Modal buscador */
#buscardor.modal .modal-dialog { max-width: 100%; width: 100%; }
#buscardor.modal .modal-dialog .modal-content { border-radius: 0; border: none; }
#buscardor.modal .modal-body .input-group span.input-group-text { border-radius: 0; background-color: transparent; border: 0; }
#buscardor.modal .modal-body .form-control { border-radius: 0; border: 0; border-bottom: 1.5px solid #666; background-color: transparent; }
#buscardor.modal .modal-body .form-control:focus { box-shadow: none; border-color: var(--botones); }
#results, #results2 {
	width: 230px;
	max-height: 300px;
	text-align: left;
	list-style: none;
	padding: 5px 15px;
	overflow-y: auto;
	background-color: #fff;
	border-radius: 10px;
	position: absolute;
	z-index: 99;
}
#results a, #results2 a { text-decoration: none; font-size: 14px; color: #666; }
#results a:hover, #results2 a:hover { color: var(--botones); }

/* === Buttons === */
.btn {
	border-radius: 5px;
	font-family: var(--script);
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
	font-size: 14px;
	transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

/* Botón principal amarillo */
.btn-color {
	background-color: var(--botones)!important;
	color: var(--negro)!important;
	padding: .6rem 1.5rem;
	border: 2px solid var(--botones)!important;
}
.btn-color:is(:hover,:focus,:active) {
	background-color: var(--botones-hover)!important;
	border-color: var(--botones-hover)!important;
	color: var(--negro)!important;
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

/* Botón secundario (outline suave) */
.btn-color2 {
	background-color: var(--botones-hover);
	color: var(--botones);
	border: 2px solid transparent;
}
.btn-color2:is(:hover,:focus,:active) {
	background-color: var(--botones);
	color: var(--negro);
	border-color: var(--botones);
}

/* Botón outline gris */
.btn-outline-gris {
	border-radius: 5px;
	padding: .55rem 1rem;
	border: 1px solid #D9D9D9;
	color: #666;
	background-color: #fff;
}
.btn-outline-gris:is(:hover,:focus) {
	background-color: #222!important;
	border-color: #222!important;
	color: var(--blanco)!important;
}

/* Botón outline blanco (para usar sobre fondos oscuros/slider) */
.btn-outline-blanco {
	background-color: transparent;
	color: var(--blanco);
	letter-spacing: 1.2px;
	padding: .65rem 1.6rem;
	border: 2px solid var(--blanco);
}
.btn-outline-blanco:is(:hover,:focus) {
	background-color: var(--blanco)!important;
	color: #222!important;
}

/* Botón oscuro VER TODOS */
.btn.btn-dark {
	background-color: #222!important;
	border-color: #222!important;
	color: #fff!important;
	font-family: var(--script);
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: .65rem 2.5rem;
	border-radius: 5px;
}
.btn.btn-dark:is(:hover,:focus) {
	background-color: #000!important;
	border-color: #000!important;
	box-shadow: 0 4px 12px rgba(0,0,0,.25);
}

/* === Carousel/Slider === */
.carousel-item {
	position: relative;
	overflow: hidden;
	height: 62vh;
	min-height: 420px;
	max-height: 580px;
}
.carousel-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.carousel-caption {
	bottom: inherit;
	padding: 0;
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 8%;
	right: 45%;
}
.carousel-item .opacidad {
	background-color: rgba(0,0,0,.6);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 1;
}
.carousel-caption { z-index: 2; }
.carousel-control-next, .carousel-control-prev { width: 5%; z-index: 3; }
.carousel-indicators { z-index: 3; }
.titulo-slide {
	font-family: var(--script);
	font-size: 48px;
	line-height: 1.05;
	font-weight: 700;
	color: #fff;
	letter-spacing: .5px;
	text-transform: uppercase;
}
.titulo-slide .script { font-size: 38px; line-height: 1.5; margin-bottom: 0; font-weight: 400!important; }
.texto-slide {
	font-family: var(--fuente-ppal);
	font-size: 15px;
	font-weight: 400;
	color: rgba(255,255,255,.85);
	line-height: 1.6;
}
.banner-seccion {
	height: 350px;
	background: no-repeat center center scroll;
	background-size: cover;
	background-color: #b1b1b1;
	background-blend-mode: multiply;
}
.banner-seccion.dashboard { height: 120px; }
.header-detalle { margin-top: 76px; }

/* === Section Titles === */
.titulo {
	font-family: var(--script);
	font-size: 32px;
	font-weight: 800;
	letter-spacing: .8px;
	color: #222;
	line-height: 1.1;
}
.text-small { font-size: 14px; }
.text-10 { font-size: 10px; }
.linea-color { height: 1px; width: 50px; }
.subtitulo { font-family: var(--script); letter-spacing: .1em; }
.bg-claro { background-color: #F7F8FB; }

/* === Features Strip === */
.strip-features {
	position: relative;
	z-index: 10;
	margin-top: -72px;
	padding-bottom: 0;
}

.strip-features .feature-card {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 6px 28px rgba(0,0,0,.12);
	padding: 1.6rem 1.5rem;
	display: flex;
	align-items: center;
	gap: 1.2rem;
	height: 100%;
}

.strip-features .icono-feature {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background-color: var(--botones);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.strip-features .icono-feature img { width: 38px; }

.strip-features .feature-titulo {
	font-family: var(--script);
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .6px;
	color: #222;
	margin-bottom: 4px;
	line-height: 1.1;
}

.strip-features .feature-desc {
	font-family: var(--fuente-ppal);
	font-size: 14px;
	font-weight: 400;
	color: #666;
	margin-bottom: 0;
	line-height: 1.4;
}

/* === Categorías Destacadas === */
.categorias-grid .cat-card {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	display: block;
}
.categorias-grid .cat-card img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	transition: transform .4s ease;
	display: block;
}
.categorias-grid .cat-card:hover img { transform: scale(1.06); }
.categorias-grid .cat-card .overlay {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.15) 65%, transparent 100%);
	padding: 1.2rem 1rem .8rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .5rem;
}
.categorias-grid .cat-card .cat-nombre {
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 0;
}
.categorias-grid .cat-card .btn-ver-mas {
	background-color: var(--botones);
	color: var(--negro);
	font-family: var(--script);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .8px;
	padding: .25rem .9rem;
	border-radius: 4px;
	text-decoration: none;
	transition: background-color .2s ease;
}
.categorias-grid .cat-card .btn-ver-mas:hover { background-color: #fff; }

/* Owl carousel categorías (legacy fallback) */
#categorias figure { border-radius: 8px; overflow: hidden; aspect-ratio: 1; }
#categorias figure img { height: 100%; width: 100%; object-fit: cover; }
#categorias .owl-nav {
	display: flex!important;
	position: absolute;
	top: -3rem; right: 0;
	text-align: right;
	margin-bottom: 0.5rem;
}
#categorias .owl-nav button {
	background-color: var(--botones)!important;
	height: 45px; width: 45px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--negro);
	margin: 0 2px;
	transition: all .2s ease-in-out;
}
#categorias .owl-nav button:hover { background-color: var(--botones-hover)!important; }

/* === Products === */
.productos .card {
	border-radius: 10px;
	overflow: hidden;
	transition: box-shadow .2s ease-in-out, transform .2s ease;
	border: 1px solid #e8e8e8;
}
.productos .card:hover {
	box-shadow: 0 6px 20px rgba(0,0,0,.1);
	transform: translateY(-2px);
}
.productos .card img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
	padding: .8rem;
}
.productos .card .oferta, .oferta {
	font-family: var(--script);
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	background-color: #e53935;
	padding: 4px 10px;
	border-radius: 4px;
	position: absolute;
	top: .5rem; right: .5rem;
	font-weight: 700;
}
.productos .card h3 {
	font-size: 15px;
	max-height: 40px;
	overflow: hidden;
	font-weight: 700;
	color: #222;
}
.precio-oferta { font-size: 13px; text-decoration: line-through; color: #999; }
.text-color { color: var(--botones)!important; }
.text-color2 { color: var(--bar-footer)!important; }

/* === Categorías filtro === */
.btn-categorias {
	background-color: #f1f1f1;
	padding: 3px 3px 3px 1rem;
	display: inline-flex;
	justify-content: space-between;
	border-radius: 6px;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
.btn-categorias span {
	background-color: var(--botones);
	width: 35px; height: 35px;
	border-radius: 50%;
	display: flex; flex-direction: column;
	align-items: center; justify-content: center;
	margin-left: .4rem; color: var(--negro); font-size: 16px;
}
.btn-categorias:hover { background-color: var(--botones-hover)!important; color: #333; }

.accordion .accordion-item .accordion-header .link-categorias {
	padding: 16px 8px; font-size: 16px; font-weight: 400;
	background-color: var(--blanco); text-decoration: none; color: #212529;
}

/* === Custom Tallas/Colores === */
.select-color { width: 40px; height: 40px; margin-right: .3rem; margin-bottom: .4rem; position: relative; padding: 0; }
.select-tallas { width: 45px; min-height: 32px; margin-right: .3rem; margin-bottom: .4rem; position: relative; padding: 0; }
.select-color input, .select-tallas input { position: absolute; opacity: 0; cursor: pointer; margin: 0; }
.select-color .cont-color { position: absolute; top: 0; left: 0; height: 40px; width: 40px; padding: 4px; border: 1px solid #e3e3e3; background-color: #fff; }
.select-tallas .cont-talla { position: absolute; top: 0; left: 0; padding: 4px 0px; width: 45px; border: 1px solid #e3e3e3; font-size: 14px; background-color: #fff; }
.select-color .cont-color .color { height: 100%; width: 100%; }
.select-color:hover input ~ label .cont-color, .select-tallas:hover input ~ .cont-talla { border-color: #80bdff; box-shadow: 0 0 0 0.15rem rgba(0,123,255,.25); cursor: pointer; }
.select-color input:checked ~ label .cont-color, .select-tallas input:checked ~ .cont-talla { border-color: #80bdff; box-shadow: 0 0 0 0.15rem rgba(0,123,255,.25); }

/* === Nav Pills === */
.nav-pills .nav-item { margin-right: 5px; }
.nav-pills .nav-item .nav-link { background-color: #f6f6f6; color: var(--botones); padding: 0.5rem 1rem; border-radius: 6px; font-size: 14px; font-weight: 600; }
.nav-pills .nav-item .nav-link:is(:hover,:focus) { background-color: var(--botones-hover); color: var(--negro); }
.nav-pills .nav-item .nav-link.active { background-color: var(--botones); color: var(--negro); }

/* === Quantity === */
.quantity { position: relative; }
input.error { border-color: #F44336!important; outline: 0!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(244,67,54,.6)!important; }
.alerta .alert { position: fixed; bottom: 0; width: 100%; border-radius: 0; margin: 0; padding: 25px 15px; border: none; z-index: 9999; text-align: center; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
.quantity input { width: 85%; height: 42px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 15px; border: 1px solid #eee; }
.quantity input:focus { outline: 0; }
.quantity-nav { float: left; position: relative; height: 42px; }
.quantity-button { position: relative; cursor: pointer; border-left: 1px solid #eee; width: 20px; text-align: center; color: #333; font-size: 13px; line-height: 1.7; transform: translateX(-100%); user-select: none; }
.quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #eee; }
.quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; }

/* === Pagination === */
.pagination { justify-content: center; }
.pagination .page-item .page-link { border-radius: 0; color: #666; }
.pagination .page-item.active .page-link { background-color: var(--negro); border-color: var(--negro); color: #fff; }

/* === Contact === */
.icono-contacto { height: 40px; width: 40px; border-radius: 50%; background-color: var(--botones); color: var(--negro); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.social-foot-contacto a.btn { height: 32px; width: 32px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--botones-hover); color: var(--botones); margin-right: .4rem; margin-bottom: .5rem; }
.social-foot-contacto a.btn:hover { background-color: var(--botones); color: var(--negro); }

/* === Misc: gallery, reviews, maps === */
.list-noti img { aspect-ratio: 1.3; object-fit: cover; }
.demo-gallery li a img { aspect-ratio: 1; object-fit: cover!important; object-position: center!important; }
#preguntas.accordion-flush .accordion-item .accordion-header .accordion-button { border-radius: 10px; border: none; box-shadow: none; }
.mapa iframe { width: 100%; }
.mapa-sucursal iframe { width: 100%; height: 300px; }
.galerias figure img { aspect-ratio: 1; object-fit: cover; width: 100%; transition: all .2s ease-in; }
.galerias .sobre-texto { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: linear-gradient(to top, rgba(0,0,0,.8), 10%, rgba(0,0,0,0)); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 1rem; color: #fff; }
.galerias figure:hover img { opacity: .6; }
.galerias .sobre-texto h5 { letter-spacing: 1.5px; }
.galerias-img ul li a img { aspect-ratio: .9; width: 100%; object-fit: cover; }
#reviews .owl-stage { margin: 0 auto; }
.review .foto img { width: 55px; aspect-ratio: 1; border-radius: 50%; object-fit: cover; }
#reviews .owl-dots { display: flex; align-items: center; justify-content: center; margin: .5rem auto 0 auto; }
#reviews .owl-dots button { height: 15px; width: 15px; border-radius: 50%; background-color: #e3e3e3!important; margin: 0 3px; }
#clientes .owl-item figure img { width: 190px!important; opacity: .6; transition: all .3s ease; }
#clientes .owl-item figure:hover img { opacity: 1; }
#clientes .owl-dots { text-align: center; }
#clientes button.owl-dot { height: 11px; width: 11px; border-radius: 50%; background-color: #d7d7d7!important; margin: 5px 3px; }

/* === Dashboard === */
.menu-user .nav-link { background-color: #f6f6f6; color: #777; margin-bottom: .5rem; font-size: 15px; border-radius: 10px; }
.menu-user .nav-link i { margin-right: .5rem; }
.menu-user .nav-link:hover { color: var(--botones); }
.menu-user .nav-link.active { color: var(--botones); background-color: var(--botones-hover); font-weight: 500; }

/* === Social footer links (column 1) === */
.social-foot a.btn {
	height: 36px; width: 36px;
	border-radius: 50%;
	display: flex; flex-direction: column;
	align-items: center; justify-content: center;
	background-color: rgba(255,255,255,.12);
	color: #fff;
	margin-right: .3rem;
	font-size: 15px;
	transition: all .2s ease;
}
.social-foot a.btn:hover { background-color: var(--botones); color: var(--negro); }

/* === RRSS colored circles === */
.social-rrss a {
	display: inline-flex;
	align-items: center; justify-content: center;
	width: 40px; height: 40px;
	border-radius: 50%;
	font-size: 17px;
	color: #fff;
	margin-right: .4rem; margin-bottom: .4rem;
	transition: opacity .2s ease, transform .2s ease;
	text-decoration: none;
}
.social-rrss a:hover { opacity: .85; transform: translateY(-2px); }
.social-rrss a.facebook { background-color: #1877f2; }
.social-rrss a.instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.social-rrss a.twitter, .social-rrss a.x { background-color: #1da1f2; }
.social-rrss a.youtube { background-color: #ff0000; }
.social-rrss a.linkedin { background-color: #0077b5; }
.social-rrss a.tiktok { background-color: #010101; }

/* === Newsletter section (before footer) === */
.seccion-newsletter {
	background-color: #1a1a1a;
	padding: 4rem 0;
}
.seccion-newsletter h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: 1px;
}
.seccion-newsletter p { color: rgba(255,255,255,.65); font-size: 15px; }
.seccion-newsletter .form-newsletter {
	display: flex;
	gap: .5rem;
	max-width: 480px;
	margin: 0 auto;
}
.seccion-newsletter .form-newsletter .form-control {
	border: 1px solid rgba(255,255,255,.25);
	background-color: transparent;
	color: #fff;
	border-radius: 6px;
	padding: .7rem 1rem;
}
.seccion-newsletter .form-newsletter .form-control::placeholder { color: rgba(255,255,255,.45); }
.seccion-newsletter .form-newsletter .form-control:focus { box-shadow: none; border-color: var(--botones); background-color: rgba(255,255,255,.05); }
.seccion-newsletter .btn-suscribir {
	background-color: var(--botones);
	color: var(--negro);
	font-family: var(--script);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 5px;
	padding: .7rem 1.6rem;
	white-space: nowrap;
	border: none;
	cursor: pointer;
	transition: background-color .2s ease;
}
.seccion-newsletter .btn-suscribir:hover { background-color: var(--botones-hover); }

/* === Footer === */
footer { background-color: #111; padding-top: 0!important; }
footer .pt-5 { padding-top: 3rem!important; }
footer h6.footer-titulo {
	font-family: var(--script);
	color: var(--botones)!important;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 1.2rem;
}
footer a { font-size: 14px; font-weight: 300; }
footer .border-top { border-top-color: rgba(255,255,255,.1)!important; }
footer .input-group.suscribe { border-radius: 6px; border: 1px solid rgba(255,255,255,.2); background-color: rgba(255,255,255,.05); }
footer .input-group.suscribe .form-control { border-radius: 6px; padding: .6rem 1rem; border: none; height: 100%; background-color: transparent; color: #fff; }
footer .input-group.suscribe .form-control::placeholder { color: rgba(255,255,255,.45); }
footer .input-group.suscribe .btn { border-radius: 0 6px 6px 0!important; padding: 6px 16px!important; color: var(--negro); background-color: var(--botones); font-weight: 700; aspect-ratio: auto; }

/* Properties */
.filtro-prop .form-select, .filtro-prop form .bootstrap-select>.dropdown-toggle { background-color: transparent; border-radius: 0; border-color: #666; color: #666; font-size: 13px; padding: .8rem .8rem; text-transform: uppercase; letter-spacing: 1px; }
.filtro-prop .form-select option, .filtro-prop .bootstrap-select .dropdown-menu li a { color: #666; font-size: 14px; text-transform: capitalize!important; }
.indicadores .row [class^='col-'] { border-left: 1px solid var(--botones); }

/* WhatsApp */
.wsp { font-size: 11px; font-weight: 400; font-family: sans-serif; letter-spacing: 0; line-height: 1px; padding: 3px 7px; letter-spacing: 0; text-transform: none; }
.whatsapp { position: fixed; z-index: 9999!important; border-radius: 50%; width: 62px; height: 62px; bottom: 15px; right: 15px; background-color: #25d366; padding: 8px 8px 8px 10px; animation: 1s infinite alternate shimmy; display: flex; flex-direction: column; align-content: center; justify-content: center; }
.whatsapp i { font-size: 42px; color: #fff; }
@keyframes shimmy { 0% { transform: translate(0,0) } 100% { transform: translate(5px,-5px) } }

/* === Responsive === */
@media screen and (min-width: 992px) {
	.carousel-inner, .banner-seccion, .header-detalle { margin-top: 76px; }
	#navbar .navbar-nav { margin: 0 auto; }
}
@media screen and (max-width: 992px) {
	.carousel-inner, .banner-seccion, .header-detalle { margin-top: 76px; }
	.banner-seccion .titulo-slide { font-size: 38px; line-height: 38px; }
}
@media screen and (min-width: 767px) {
	.titulo { font-size: 30px; }
}
@media (max-width: 767px) {
	#navbar .navbar-brand img { width: 200px; }
	.carousel-item { height: 55vh; min-height: 320px; }
	.titulo-slide { font-size: 30px; line-height: 1.05; }
	.titulo { font-size: 24px; }
	.carousel-inner, .banner-seccion, .header-detalle { margin-top: 70px; }
	.carousel-caption { left: 5%; right: 5%; }
	.strip-features { margin-top: -36px; }
	.seccion-newsletter .form-newsletter { flex-direction: column; }
}
@media (max-width: 576px) {
	.carousel-item { height: 50vh; min-height: 280px; }
	.carousel-inner, .banner-seccion, .header-detalle { margin-top: 65px; }
	.titulo-slide { font-size: 24px; }
	.titulo { font-size: 22px; }
}
@media (max-width: 499px) {
	#navbar .navbar-brand img { width: 170px; }
	.carousel-inner, .banner-seccion, .header-detalle { margin-top: 65px; }
}