/* ------------ HEADER ---------- */
/*Texto datos superior*/
.angulo-header-main .top-nav * {
    color: #ffffff!important;
}

/* Ocultar texto “Ingresá o registrate” y dejar solo el ícono */
a[data-action="session-login"] .d-flex span:first-child{
  display: none !important;
}

/*Botones barra menú*/
.navbar-dark-v .navbar-nav .nav-link {
    font-size: 13px;
    padding: 15px 20px;
}

/*Sombra header*/
#mainHeader {
   box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.dropdownSectionInformation .dropdown-menu {
    min-width: 250px !important;
}

/* -------------- FIN HEADER -------------------*/

/* ------------- TEXTO FOOTER (BASE BOOTSTRAP) --------------------------*/
footer ul li {
    font-size: 13px;
    font-weight: 400;
}
/* -------------- FIN TEXTO FOOTER BASE --------------------*/

/*Ficha sin consultar por*/
.product-status {
   display: none;
}

/*Botón email ficha color tipo*/
.btn.angulo-item-outline {
    color: #ffffff!important;
}

/*Imágenes productos borde*/
.angulo-item-img {
    border-radius: 12px;
}

/*Nombre producto centrado*/
.angulo-item-name-container {
    justify-content: space-evenly!important;
}

/* Ocultar columna “O” clásica */
.col-md-1.text-center {
 display: none;
}

/*Imágenes productos lista*/
.angulo-item-img .bg-image-center{
   background-size: contain!important;
}
.angulo-item-img {
   background-size: contain!important;
   height: 220px!important;
}

/*Texto descripción ficha*/
.product-description p {
    margin-top: 4rem;
    font-size: 1.2rem;
}

/*Sombra productos*/
.angulo-item-producto {
   box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 15px -3px, rgba(0, 0, 0, 0.04) 0px 4px 6px -2px;
   border-radius: 15px;
}

/*Nombre producto en lista centrado*/
.text-left {
    text-align: center!important;
}

/*Menu navegación*/
.navbar-top .navbar-nav .nav-item {
    margin-right: 30px;
    border-bottom: 2px solid transparent;
}
.navbar-nav {
    padding-left: 100px;
    padding-right: 50px;
}

#dropdown-submenu-products .dsp-categoria-titulo a {
    text-transform: lowercase!important;
    color: #000000!important;
}
#dropdown-submenu-products .dsp-categoria-titulo a:hover {
   color: #4C79A0!important;
   text-decoration: none;
}
#dropdown-submenu-products.dropdown-menu {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 50%, #e2e8f0 100%)!important;
    border-radius: 10px;
    border: 0;
    box-shadow: rgba(15, 23, 42, 0.12) 0px 5px 15px 0px;
}

/* ------ LISTA DE PRODUCTOS ----------*/

/* Nombre de producto en lista*/
.angulo-item-producto .angulo-item-name {
    font-size: 0.8rem;
    padding-top: 20px;
    font-weight: 400;
}

/* Precio de productos en lista*/
.angulo-item-price .price {
    font-size: 1.3rem;
}

/* 2 columnas en móvil para el listado de productos */
@media (max-width: 767.98px){
  #product-container > [class*="col-"]{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

/* ---------- FIN LISTA DE PRODUCTOS ----------*/

/*Blog*/
.angulo-item-img.blog-list-image {
    background-size: cover!important;
}
.border-top-theme {
    padding-top: 40px;
}
.blog-title-container {
    color: #4C79A0;
}
.blog-description {
    color: #848484;
}

/* ------------ FICHA PRODUCTOS --------------*/
/*Imagen principal ficha de productos*/
#main-fancy div {
    background-size: contain !important;
}

/*Precio de productos*/
.product-price {
    color: #4C79A0!important;
}
.product-price h3 {
   font-size: 1.5rem!important;
}

/*Nombre del producto*/
h3.m-0 {
  font-size: 1.5rem;
}

/*Nombre atributo*/
h5.font-weight-bold.mr-3 {
   font-size: 1rem;
}

/* ---------- FIN FICHA PRODUCTOS ---------*/

/*Formulario contacto*/
.form-contact {
    margin-top: 40px; 
}
.btn.angulo-item-button {
    color: #ffffff;
}

/*FIN formulario*/

.border-top-theme {
    border-top: 0px solid #151515;
    padding-top: 0px;
}

/*Categorias HOME*/
.angulo-item-categories .angulo-item-img {
    background-size: cover!important;
}
.angulo-widgets {
    padding: 0;
}
.angulo-item-categories .angulo-item-name {
    display: none;
}

@media only screen and (max-width: 768px) {
  .widgets-footer .container-fluid, 
  .widgets-footer .row, 
  .widgets-footer .col-md-4 {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .widgets-footer .angulo-item-categories {
    width: 100% !important;
    margin: 0 !important;
  }

  .widgets-footer .angulo-item-img {
    width: 100% !important;
    height: 250px !important;
  }
}

/*Botón ver más home*/
.btn-lg-item {
  border-radius: 10px !important;
}

/* --------- BUSCADOR (desktop) --------- */
.intBuscar{
  border-radius: 999px !important;
  background: #E3EDF6 !important; 
  border: 1px solid rgba(148, 163, 184, .35) !important;
  color: #4C79A0 !important;
  padding: .6rem 2.6rem .6rem 1rem !important;
  height: 40px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.intBuscar::placeholder{ 
  color: rgba(148,163,184,.85); 
}
.intBuscar:focus{
  outline: none !important;
  border-color: rgba(76,121,160,.65) !important;
  box-shadow: 0 0 0 4px rgba(76,121,160,.18);
  background: #F9FBFF !important;
}
.search-input{
  right: .25rem !important;
  top: 50% !important;
  transform: translateY(-50%);
  color: #4C79A0 !important;
  padding: .35rem .6rem !important;
  border-radius: 999px;
}
/*FIN buscador*/

/*Listado CATEGORÍAS productos*/
#accordion .card-header a {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
}
.text-uppercase { 
    text-transform: capitalize!important;
}
.angulo-section-aside h4 {
    font-size: 18px;
    color: #4C79A0;
}

/*Botón añadir al carrito listado de productos*/
.btn.angulo-item-button {
    border-radius: 12px;
    width: 100%;
}

/*------ BANNER SLIDER --------*/
h1.titulo-h1 {
    font-family: "Fredoka", sans-serif;
    font-weight: 700;
    animation: slider-text 2s ease 2s 1 normal forwards;
}
.carousel-item-verti-center {
    top: 50%;
}
@keyframes slider-text {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: scale(7);
	}
	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: scale(1);
	}
	55% {
		animation-timing-function: ease-in;
		transform: scale(1.5);
	}
	72% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
	81% {
		animation-timing-function: ease-in;
		transform: scale(1.24);
	}
	89% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
	95% {
		animation-timing-function: ease-in;
		transform: scale(1.04);
	}
	100% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
}
@media (min-width: 768px) {
  .section-slider .carousel-inner .carousel-item .d-none.d-md-block {
    height: 380px !important;
  }
}

/*--- FIN banner slider ----*/

/*--- QUIÉNES SOMOS acordeón ---*/
.wrapper{
    display: block;
    width: 90%;
    margin: 2% auto 0 auto;
}
.acordeon{
	font-size: 15px;
	font-family: fira_sanslight;
}
.acordeon-item{
	border-radius: 22px;
	background: #e7e7e7;
	color: #6d6d6d;
    margin-bottom: 7px;
}
.acrd-item-name{
    padding: 12px 21px;
    position: relative;
    border-radius: 22px;
    font-family: fira_sansmedium;
    cursor: pointer;
}
ul.acrd-item-submenu{
    list-style: none!important;
    padding: 0;
    display: none;
    margin: 0;
    line-height: 26px;
}
.active+ul.acrd-item-submenu{
	display: block;
    height: initial;
    opacity: 1;
    padding: 7px 20px;
    transition: opacity 1s ease-out 0s;
}
.acrd-item-name:after{
	content: '';
	position: absolute;
	right: 21px;
	top:16px;
	border: 8px solid transparent;
	border-top: 12px solid  #4C79A0;
}
.acrd-item-name.active:after{
	content: '';
	position: absolute;
	right: 21px;
	top:9px;
	border: 8px solid transparent;
	border-bottom: 12px solid white;
}
.acrd-logo{
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.acordeon-item:nth-child(2n+1) .acrd-item-name{
	color: white;
	background: #4C79A0;
}
.acordeon-item:nth-child(2n+1) .acrd-item-name.active,
.acrd-item-name.active{
	color: white;
	background: #3a6283;
}
/*---- FIN acordeón quienes somos -----*/

/*CARD Secciones*/
.card2 {
  width: 315px;
  text-align: center;
  transition: all .125s;
  transform: scale(1) translateY(0px);
}

.card__wrapper {
  padding-top: .1px;
  padding-bottom: .1px;
  position: relative;
  background-color: #ffffff;
  color: #6b7280;
  box-shadow: 0 0 5px 0 rgba(15,23,42,.06);
}
.card__wrapper:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 15px;
  right: 15px;
  bottom: 0;
  left: 15px;
  box-shadow: 0 5px 15px 0 rgba(15,23,42,.18);
  transition: all .125s;
  transform: scale(1) translateY(0px);
}
.card__box {
  padding-right: 35px;
  padding-left: 35px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.card__item  {
  margin-top: 20px;
  margin-bottom: 20px;
}
.card__item--small  {
  margin-top: 10px;
  margin-bottom: 10px;
}
.card__feature {
  margin: 0;
}
.card__img {
  display: block;
  max-width: 100%;
  height: 220px;
  width: 315px;
}
.card__header {
  position: relative;
  z-index: 1;
}
.card__title {
  color: #111827;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
}
.card__label {
  color: #9ca3af;
  font-family: 'Montserrat', sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: .2em;
}
.card__divider {
  display: block;
  width: 100%;
  height: 15px;
  border: none;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyOCAxNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNERURFREUiIGQ9Ik0yNy41LDdoLTZDMjEuMiwzLjEsMTgsMCwxNCwwUzYuOCwzLjEsNi41LDdoLTZDMC4yLDcsMCw3LjIsMCw3LjVTMC4yLDgsMC41LDhoNmMwLjMsMy45LDMuNSw3LDcuNSw3czcuMi0zLjEsNy41LTdoNkMyNy44LDgsMjgsNy44LDI4LDcuNVMyNy44LDcsMjcuNSw3eiBNMTQsMWMzLjQsMCw2LjIsMi42LDYuNSw2SDcuNUM3LjgsMy42LDEwLjYsMSwxNCwxeiBNMTQsMTRjLTMuNCwwLTYuMi0yLjYtNi41LTZoMTIuOUMyMC4yLDExLjQsMTcuNCwxNCwxNCwxNHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
}
.card__body {
  font-size: 12px;
  line-height: 1.75;
}

.card2:hover {
  cursor: pointer;
  transform: scale(1.05);
}
.card2:hover .card__wrapper {
  box-shadow: 0 0 10px 0 rgba(15,23,42,.08);
}
.card2:hover .card__wrapper:after {
  transform: scale(0.95) translateY(10px);
}

.card2 {
  display: inline-block;
  margin-right: 15px;
  margin-left: 15px;
}

/* Ocultar botón en la tarjeta de lista */
.angulo-item-producto .angulo-item-button {
    display: none;
}

/*Precios personalización ficha productos*/
[data-section="normal-price"] label,
[data-section="normal-price"] h4,
[data-section="base-price"] label,
[data-section="base-price"] h4 {
    color: #4a4a4a !important;
}

/* Ajusta el alto de todas las imágenes de producto */
#product-container .item-image-preview,
#product-container .item-image-preview .angulo-item-img {
    height: 210px !important;
    overflow: hidden;
}

/* Ajustar alto de las imágenes del carrusel de “Productos relacionados” */
.relatedProductsContainer .angulo-item-img {
  height: 250px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.angulo-item-img:hover {
    border: 0px solid var(--color-border-hover);
}

/* =============================================
   Ajustes carrusel «Productos relacionados»
   ============================================= */
.relatedProductsContainer .item-image-preview {
  display: block;
  position: relative;
}
.relatedProductsContainer .item-image-preview .bg-image-primary,
.relatedProductsContainer .item-image-preview .bg-image-secondary {
  width: 100%;
  height: 250px;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-bottom: 0 !important;
}
.relatedProductsContainer .item-image-preview .bg-image-secondary {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .3s ease;
}
.relatedProductsContainer .item-image-preview:hover .bg-image-secondary {
  opacity: 1;
}
.relatedProductsContainer .item-image-preview:hover .bg-image-primary {
  opacity: 0;
  transition: opacity .3s ease;
}
.relatedProductsContainer .angulo-item-name-container {
  margin-top: 8px !important;
}

/* SECCIÓN CONTACTO (ejemplo, sin ocultar por defecto) */
section.mb-5.mt-5 > .container > .row.d-flex.justify-content-center > .col.contact > 
form.form-contact[action*="contacto"]{
  /* Si quisieras ocultar el formulario:
  display: none !important;
  */
}

section.mb-5.mt-5:has(> .container > .row.d-flex.justify-content-center > .col.contact >
   form.form-contact[action*="contacto"]){
  /* display:none !important; */
} 


/* ================= PREHEADER ================= */

/* TikTok en preheader (color marca) */
.top-nav i.fa-tiktok::before{
  content:"\e07b" !important;
  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
  font-style:normal !important;
  display:inline-block;
  line-height:1;
  vertical-align:middle;
  color:#4C79A0 !important;
}
.top-nav .list-inline a i{
  line-height:1;
  vertical-align:middle;
}

/* Bloques de ubicación */
[data-section="block-location-template"] {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* DESTACADOS con línea azul Silver Plate */
.angulo-content .text-destacado,
.angulo-content .text-destacadom{
  position: relative;
  text-align: center !important;
  margin: 0 0 18px 0;
  border: 0 !important;
  background: transparent !important;
}
.angulo-content .text-destacado::before,
.angulo-content .text-destacadom::before{
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 50%;
  height: 2px;
  background: #4C79A0;
  transform: translateY(-50%);
  border-radius: 2px;
  z-index: 0;
}
.angulo-content .text-destacado > span,
.angulo-content .text-destacadom > span{
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 .85rem;
  line-height: 1.1;
  background: #fff;
}
@media (max-width: 576px){
  .angulo-content .text-destacado::before,
  .angulo-content .text-destacadom::before{
    height: 1.5px;
  }
}

/* CONTACTO: redes en color de marca */
.contact-section .contact-info .contact-social .social-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  line-height:0 !important;
  color:#4C79A0 !important;
}
.contact-section .contact-info .contact-social .social-links a > i{
  display:inline-block !important;
  line-height:1 !important;
  font-size:22px !important;
  color:#4C79A0 !important;
}


/*========================================
==========================================
CONTACTO - OCULTA FORM ORIGINAL 
==========================================
=========================================*/
/* Ocultar solo la sección de contacto original de Silver Plate */
section.mb-5.mt-5:has(form[action="https://silver-plate.nextiendas.com/contacto"]) {
    display: none !important;
}

/* Fallback por si el :has no se aplica en algún navegador:
   al menos oculta el contenido del formulario */
form.form-contact[action="https://silver-plate.nextiendas.com/contacto"] {
    display: none !important;
}

/*========================================
==========================================
FIN CONTACTO - OCULTA FORM ORIGINAL 
==========================================
=========================================*/

/* Accordion categorías · Silver Plate */
/* Estado base */
#accordion .card {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 6px;
  overflow: hidden;
}

#accordion .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

#accordion .card-header > a {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1f2933;
  text-decoration: none;
}

/* Ícono flecha */
#accordion .card-header > a[data-toggle="collapse"] i {
  font-size: 0.8rem;
  color: #6b7280;
}

/* ---------- ESTADO ACTIVO ---------- */
#accordion .card-header.active {
  background: #4C79A0;
  border-color: #4C79A0;
}

/* Tipografía en blanco cuando está activo */
#accordion .card-header.active > a,
#accordion .card-header.active > a:hover,
#accordion .card-header.active > a:focus {
  color: #ffffff !important;
}

/* Ícono en blanco cuando está activo */
#accordion .card-header.active > a[data-toggle="collapse"] i {
  color: #ffffff !important;
}

/* Opcional: transición suave */
#accordion .card-header,
#accordion .card-header > a,
#accordion .card-header > a[data-toggle="collapse"] i {
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

/* Hover estilizado Silver Plate */
.btn.angulo-item-button.confirmar:hover,
.btn.angulo-item-button.confirmar:focus {
    background-color: #4C79A0 !important;
    border-color: #4C79A0 !important;
    color: #ffffff !important;
}

/* ============================
   TOP NAV · SILVER PLATE
   ============================ */

.top-nav {
  background: #4C79A0;                 /* color de marca */
  font-size: 0.74rem;                   /* tamaño reducido */
  line-height: 1.3;
  padding: 4px 0;
}

/* Enlaces del top-nav */
.top-nav .list-inline a {
  color: #ffffff !important;            /* texto blanco */
  text-decoration: none;
  font-weight: 300;
  padding: 0 4px;                        /* más compacto */
  display: inline-flex;
  align-items: center;
}

/* Íconos siempre blancos */
.top-nav .list-inline a i {
  margin-right: 4px;
  font-size: 0.78rem;                   /* ícono también reducido */
  color: #ffffff !important;
}

/* Instagram solo ícono */
.top-nav .list-inline a[href*="instagram"] i {
  margin-right: 0;
}

/* Separador sutil entre items */
.top-nav .list-inline a + a {
  border-left: 1px solid rgba(255, 255, 255, 0.30);
  padding-left: 8px;
  margin-left: 3px;
}

/* Hover sutil (todo blanco, leve reducción de opacidad) */
.top-nav .list-inline a:hover {
  color: #ffffff !important;
  opacity: 0.85;
}

.top-nav .list-inline a:hover i {
  color: #ffffff !important;
  opacity: 1;
}

/* MOBILE */
@media (max-width: 768px) {

  .top-nav {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .top-nav .list-inline {
    text-align: center;
  }

  .top-nav .list-inline a {
    padding: 3px 6px;
    font-size: 0.78rem;                /* un poco más grande en mobile */
  }

  .top-nav .list-inline a + a {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
  }
}

/* ============================
   FIN TOP NAV · SILVER PLATE
   ============================ */

/* ============================
   LOGOTIPO · SILVER PLATE
   ============================ */
/* Logotipo Silver Plate – 30% más grande solo en desktop */
@media (min-width: 992px) {
  .img-with {
    transform: scale(1.30);
    transform-origin: left center; /* mantiene alineación */
  }
}


/* =====================================
   AJUSTE DE COLUMNAS SOLO EN DESKTOP
   Silver Plate – Categorías más angosta
   ===================================== */

@media (min-width: 992px) {

  /* COLUMNA IZQUIERDA (CATEGORÍAS) MÁS ANGOSTA */
  .col-lg-3.col-md-4 {
      max-width: 18% !important;
      flex: 0 0 18% !important;
  }

  /* COLUMNA DERECHA (PRODUCTOS) MÁS AMPLIA */
  .col-lg-9.col-md-8 {
      max-width: 82% !important;
      flex: 0 0 82% !important;
  }

  /* Ajuste del contenedor interno del grid de productos */
  #product-container .col-xl-3.col-lg-3 {
      flex: 0 0 25% !important;     /* mantiene 4 columnas pero más anchas */
      max-width: 25% !important;
  }

}

/* ===========================================
   FICHA PRODUCTO · SILVER PLATE
   Imagen principal + galería más chica
   Columna de detalles más amplia (solo desktop)
   =========================================== */

@media (min-width: 992px) {

  /* 1) Ajuste de columnas: imagen más angosta, info más ancha */
  .containerImagePrincipal.col-md-6 {
    max-width: 38% !important;
    flex: 0 0 38% !important;
  }

  /* Columna derecha (nombre, precio, botón, etc.) más amplia */
  .containerImagePrincipal.col-md-6 + .col-12.col-md-6 {
    max-width: 62% !important;
    flex: 0 0 62% !important;
  }

  /* 2) Reducir altura de la imagen principal (sobrescribe inline style) */
  .containerImagePrincipal #main-fancy > div {
    height: 360px !important;     /* antes 458px */
    background-size: contain !important; /* mantiene proporción sin recortar */
  }

  /* 3) Miniaturas del carrusel más compactas */
  .containerImagePrincipal .carousel-thumbs .ficha_carousel_img > div {
    height: 80px !important;      /* antes 100px */
    width: 140px !important;      /* antes 200px */
    background-size: cover !important;
    background-position: center !important;
  }

}
/* ================================
   FICHA · GALERÍA DE THUMBS
   Thumbnails más pequeños (desktop)
   ================================ */
@media (min-width: 992px) {

  /* Reducir altura de los ítems del carrusel */
  .carousel-thumbs .owl-item {
    height: 80px !important;          /* mismo alto que el thumb */
    display: flex !important;
    align-items: center !important;   /* centra el div interno */
    justify-content: center !important;
    padding: 0 !important;            /* elimina espacios */
  }

  /* Ajuste de contenedor */
  .carousel-thumbs .ficha_carousel_img {
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* El div que contiene la imagen del thumb */
  .carousel-thumbs .ficha_carousel_img div {
    width: 110px !important;
    height: 80px !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 0 4px !important;
    padding: 0 !important;
  }

  /* Evitar que Owl Carousel deje márgenes fantasma */
  .carousel-thumbs .owl-stage-outer,
  .carousel-thumbs .owl-stage {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* ==============================
   FOOTER · SILVER PLATE (BLANCO)
   Fondo blanco / texto gris oscuro / acentos #4C79A0
   ============================== */

footer{
  --brand:#4C79A0;
  --ink:#2B2F34;
  --muted:#6B7280;
  --surface:#ffffff;
  --surface-alt:#f3f4f6;
  font-family: var(--font-customize, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

/* ---------- PRE-FOOTER ---------- */
footer .pre-footer{
  background: #ffffff;
  padding-top: 44px;
  padding-bottom: 28px;
  position: relative;
  overflow: hidden;
}

/* Fuerza texto gris oscuro en todo el pre-footer */
footer .pre-footer,
footer .pre-footer span,
footer .pre-footer p,
footer .pre-footer li,
footer .pre-footer a,
footer .pre-footer strong,
footer .pre-footer small{
  color:#2B2F34 !important;
}

/* Columnas */
footer .pre-footer .row > .col-md-3{
  background: #ffffff;
  border:1px solid rgba(76,121,160,.25);
  border-radius:16px;
  box-shadow:0 1px 2px rgba(15,23,42,.08);
  padding:18px 18px 14px;
  margin:0 12px 18px;
}

/* ► Ocultar bloque "Categorías" (2da columna) */
footer .pre-footer .row > .col-md-3:nth-of-type(2){
  display:none !important;
}

/* Títulos */
footer .pre-footer h6{
  margin:0 0 12px 0;
  font-weight:800;
  letter-spacing:.2px;
  color:#2B2F34 !important;
  text-transform:uppercase;
  display:inline-block;
  position:relative;
}
footer .pre-footer h6::after{
  content:"";
  display:block;
  width:44px; height:3px;
  background:#4C79A0;
  border-radius:2px;
  margin-top:8px;
}

/* Links */
footer .pre-footer a{
  color:#2B2F34 !important;
  text-decoration:none;
  transition:color .2s ease, transform .2s ease;
}
footer .pre-footer a:hover{
  color:#4C79A0 !important;
  transform:translateX(2px);
}
footer .pre-footer ul.list-unstyled li{
  margin:.45rem 0;
  line-height:1.4;
}

/* Flechitas */
footer .pre-footer i.fa-angle-right{
  color:#4C79A0 !important;
  margin-right:6px;
  font-size:.9rem;
}

/* Forzar color de contacto (ul con style inline) */
footer .pre-footer .col-md-3 ul[style]{
  color:#2B2F34 !important;
}

/* Íconos contacto en color de marca (incluye ubicación) */
footer .pre-footer .fa-whatsapp,
footer .pre-footer .fa-phone-alt,
footer .pre-footer .fa-envelope,
footer .pre-footer .fa-map-marker-alt{
  color: #4C79A0 !important;
  margin-right: 8px;
}

/* Cambiar glifo del ícono de teléfono a TELÉFONO (no WhatsApp) SOLO en footer */
footer .pre-footer i.fa-phone-alt::before {
  font-family: "Font Awesome 5 Free","Font Awesome 6 Free","FontAwesome" !important;
  content: "\f095" !important;  /* ícono de teléfono */
  font-weight: 900 !important;
}

/* Alineación general de íconos de la lista de contacto */
footer .pre-footer .list-unstyled li i {
  width: 20px;
  text-align: center;
  margin-right: 8px;
}

/* Links de contacto */
footer .pre-footer .list-unstyled li a {
  text-decoration: none;
}
footer .pre-footer .list-unstyled li a:hover {
  text-decoration: underline;
}

/* ---------- Redes sociales ---------- */
footer #redes{ margin-top:6px; }
footer #redes ul{ margin-left:0 !important; }

footer #redes .list-inline{
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 0;
  margin: 0;
  line-height: 0;
}

footer #redes .list-inline-item{ margin:0; }

footer #redes .list-inline-item a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(76,121,160,.08);
  color:#4C79A0 !important;
  border:1px solid rgba(76,121,160,.32);
  box-shadow:0 2px 6px rgba(15,23,42,.08);
  line-height:1 !important;
  vertical-align:middle !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
footer #redes .list-inline-item a:hover{
  transform:translateY(-2px);
  background:rgba(76,121,160,.15);
  border-color:#4C79A0;
  box-shadow:0 10px 20px rgba(15,23,42,.15);
}
footer #redes .list-inline-item a i{
  display:block;
  line-height:1;
  font-size:22px;
  color:#4C79A0 !important;
}

/* TikTok y brands */
footer #redes i.fa-tiktok,
footer #redes i.fa-tiktok::before{
  transform:none !important;
  vertical-align:middle !important;
}
footer #redes i.fab,
footer #redes i.fa-brands{
  vertical-align:middle !important;
  line-height:1 !important;
}

/* ---------- Footer copy ---------- */
footer .footer-copy{
  background:#ffffff !important;
  padding:16px 0;
  border-top:1px solid rgba(76,121,160,.35);
  text-align:center;
}

/* Texto del copy en gris oscuro */
footer .footer-copy,
footer .footer-copy span,
footer .footer-copy p,
footer .footer-copy center span{
  color:#2B2F34 !important;
}

/* Links del copy en azul marca */
footer .footer-copy a{
  color:#4C79A0 !important;
  text-decoration:none;
  border-bottom:1px dotted transparent;
  transition:color .2s ease, border-color .2s ease;
}
footer .footer-copy a:hover{
  color:#2B2F34 !important;
  border-bottom-color:#2B2F34 !important;
}

/* Tamaño texto copy */
footer .footer-copy span,
footer .footer-copy center span{
  font-size: .85rem !important;
  line-height: 1.4 !important;
}

/* Responsivo */
@media (max-width: 575.98px){
  footer .footer-copy span,
  footer .footer-copy center span{
    font-size: .8rem !important;
  }
}

@media (max-width: 991.98px){
  footer .pre-footer{
    padding-top: 36px;
    padding-bottom: 18px;
  }
  footer .pre-footer .row > .col-md-3{
    border-radius:14px;
  }
}
