.navbar-brand img {
    width: 80px;
}

.logo-menu-mobile {
    width: 75px;
}

@media (max-width: 575.98px) {
    .navbar-brand img {
        width: 75px;
        padding: 15px 15px 15px 0px !important;
    }
}

.display-4{
	font-size: calc(1.305rem + .66vw);
	line-height: 1.2;
}

.titulo-formulario-contacto, .titulo-whatsapp-contacto{
	font-size: calc(1.305rem + .66vw);
    line-height: 1.2;
}

@media (min-width:1200px){
	.titulo-formulario-contacto, .titulo-whatsapp-contacto{
		font-size: 1.8rem;
	}
}

.follow-link:hover {
    color: var(--color-secundario);
}

#carritoMenu .text-white, #carritoMenu p {
    color: #ffffff !important;
}

#carritoMenu i, #favoritosMenu i {
    color: #ffffff;
}

.number-picker .input-group {
    border-radius: 2rem;
}

.number-picker .btn-increment, .btn-decrement {
	border-radius: 2rem !important;
}

.number-picker-cart .input-group input {
	color : #ffffff !important;
}

#carritoMenu del span {
	color : #959ca9 !important;
}

[id^="divBloque"] .display-4, [id^="divBloque"] .display-5, [id^="divBloque"] .display-6 {
	line-height: 1.3;
	background-image: linear-gradient(to right, #409735 18%, #264123 69%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

#divBloqueFranquicias {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#divSugerenciasBuscar .picker.picker-botones label:not([for*=radColor]) {
    border-color: #ffffff;
    background-color: var(--color-secundario);
}

#divSugerenciasBuscar .picker.picker-botones label:not([for*=radColor]):hover {
    border-color: var(--color-primario) !important;
    color: var(--color-primario) !important;
}

#divSugerenciasBuscar .picker.picker-botones label:not([for*=radColor]):has(input:checked) {
    border-color: var(--color-primario) !important;
    background-color: var(--color-primario) !important;
}

#divBloquePuntosAutorizados, #divBloquePuntosAutorizados h2, #divBloqueFranquicias, #divBloqueFranquicias h2{
	color: #ffffff;
}

#divBloquePuntosAutorizados p, #divBloqueFranquicias p {
	margin-bottom: 0 !important;
	margin-top: .5rem !important;
}

#divBloquePuntosAutorizados .card, #divBloqueFranquicias .card, #divBloqueNewsletter .card, #divBloqueReferidos .card{
	background-image: linear-gradient(90deg, #21262c, #409735) !important;
}

#divBloqueNewsletter p {
	text-align: center;
	font-size: 0.9rem !important;
}

#divBloquePuntosAutorizados h3, #divBloqueFranquicias h3, #divBloqueNewsletter h2, #divBloqueReferidos h2{
	color: #ffffff !important;
	background-image: linear-gradient(to right, #ffffff 18%, #ffffff 69%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

#divBloqueFranquicias .btn-secundario, #divBloquePuntosAutorizados .btn-secundario {
	color: #fff;
	background-color: var(--color-primario);
	border-color: var(--color-primario);
}

#divBloqueMapaRevendedores iframe{
	border-radius: .4rem;
}

#divBloqueMapaRevendedores .container, #divBloqueDestacados .container{
    padding-top: 0px !important;
}

#divContenido #divBloqueCatalogosSeccion{
	background-color: #ffffff !important;
}

.swiper-hero-con-barra, .swiper-hero-con-barra .swiper-slide {
    height: calc(100vw / 2.65);
}

.picker label[for*=radVariante]>input:checked~span {
    background-color: #21262c;
    color: #fff;
}

.picker label[for*=radVariante]>span {
    padding: .3rem;
}

.div-buscar-header .link-dark {
	color: #ffffff !important;
}

.div-buscar-header .picker label[for*=radVariante]>input:checked~span {
    background-color: #409735;
    color: #fff;
}

.borde-encabezado-listado-productos {
    border-bottom: 2px solid var(--color-primario);
}

#divBarraSuperior .p-revendedor {
    width: max-content;
}

.boton-extranet{
	background: var(--color-primario) !important;
}

.boton-extranet p{
	line-height: 0 !important;
	width: max-content;
}

.btn-seguir-comprando, .btn-seguir-comprando .uil-shopping-cart{
	color: var(--color-primario) !important;
}

[id^="btnAgregarProductoCarrito_"]:not(#divAgregarProductoCarrito *):not(#divBloqueDestacados *) {
    width: 100% !important;
}

/* ========================================
   ALINEACIÓN DE PRODUCTOS EN GRILLA Y SLIDERS

   Aplica a:
   - Productos en modo grilla (col-*)
   - Productos en sliders verticales (recientes, recomendados)

   NO aplica a:
   - Productos destacados (slider horizontal con .row)

   Estrategia: usar flexbox + margin-top auto
   para empujar precios hacia abajo y alinearlos
   ======================================== */

/* Producto completo en flex vertical */
.row > .project.item[class*="col-"] {
    display: flex;
    flex-direction: column;
}

.row > .project.item[class*="col-"] > div {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Área de contenido en flex */
.row > .project.item[class*="col-"] .post-header {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* El precio se empuja hacia abajo automáticamente */
.row > .project.item[class*="col-"] .post-header .price {
    margin-top: auto;
}

/* ======================================== */

/* ALINEACIÓN DE PRODUCTOS EN SWIPER SLIDERS
   Aplica flexbox a los slides para alinear precios y botones
   Solo aplica a slides que NO tienen .row como hijo (excluye Destacados) */

.swiper-slide.project.item:not(:has(> .row)) {
    display: flex;
    flex-direction: column;
    height: auto !important;
}

.swiper-container:has(.swiper-slide.project.item:not(:has(> .row))) .swiper-wrapper {
    align-items: stretch !important;
}

.swiper-slide.project.item:not(:has(> .row)) > div {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.swiper-slide.project.item:not(:has(> .row)) .post-header {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.swiper-slide.project.item:not(:has(> .row)) .post-header .price {
    margin-top: auto;
}

/* Botón comprar alineado al fondo en swiper */
.swiper-slide.project.item:not(:has(> .row)) > [id^="btnAgregarProductoCarrito_"] {
    margin-top: auto;
}

/* Pickers compactos en listados de productos
   Aplica a: swipers (recientes, recomendados) y grillas (shop, buscar)
   Excluye: Destacados (tienen .row) y página de producto */
.swiper-slide.project.item:not(:has(> .row)) .picker.picker-botones label:not([for*=radColor]),
.project.item[class*="col-"] .picker.picker-botones label:not([for*=radColor]) {
    padding: 0.15rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.swiper-slide.project.item:not(:has(> .row)) .picker label[for*=radVariante] > span,
.project.item[class*="col-"] .picker label[for*=radVariante] > span {
    font-size: .65rem;
}

/* ======================================== */

.item figure .item-cart, .swiper-slide figure .item-cart {
    padding: .4rem;
}

.btn{
	padding: 0.45rem 0.8rem !important;
    border-radius: 2rem;
}

.boton-extranet {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
	border-radius: 2rem;
}

/* ======================================== */

#divBloqueSucursalesSeccion {
	background-color: transparent !important;
}

#divBloqueSucursalesSeccion .container, #divBloqueCatalogosSeccion .container{
	padding-top: 0px !important;
}

.modal-body-calendario{
	background-color: transparent !important;
}


/* Botones de navegación para Swiper de anuncios slide */
[id^="divAnuncio_"] .swiper-controls .swiper-navigation .swiper-button {
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Iconos de navegación para anuncios slide - usar chevrons de Unicons */
[id^="divAnuncio_"] .swiper-controls .swiper-navigation .swiper-button.swiper-button-prev:after {
    content: "\e92f" !important; /* uil-angle-left */
}

[id^="divAnuncio_"] .swiper-controls .swiper-navigation .swiper-button.swiper-button-next:after {
    content: "\e931" !important; /* uil-angle-right */
}

#filtrosMenu {
    color: var(--color-secundario);
}

#divBloqueClinicas-Disponibilidad {
    margin-bottom: 1.5rem !important;
    margin-top: 2rem !important;
}

#divBloqueClinicas-Testimonios, #divBloqueClinicas-PreguntasyRespuestas, #divBloqueClinicas-Galeria, #divBloqueClinicas-Calendario {
    background-color: rgb(255 255 255) !important;
}

#divBloqueClinicas-Calendario {
        margin-bottom: 1rem !important;
}