/* ------------ 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 menu*/
.navbar-dark-v .navbar-nav .nav-link {
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
/*Sombre header*/
#mainHeader {
   box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

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

/* -------------- FIn Header -------------------*/

/* ------------- Footer --------------------------*/
/*Texto footer*/
footer ul li {
    font-size: 13px;
    font-weight: 400;
}
/* -------------- Fin Footer --------------------*/

/*Ficha sin consultar por*/
.product-status {
   display: none;
}
/*Boton email ficha color tipo*/
.btn.angulo-item-outline {
    color: #ffffff!important;
}
/*imagenes productos borde*/
.angulo-item-img {
    border-radius: 12px;
}
/*nombre producto centrado*/
.angulo-item-name-container {
    justify-content: space-evenly!important;
   /*font-size: 1.5rem;*/
}
/*FIN centrato nombre del producto*/

/* letra O*/
.col-md-1.text-center {
 display: none;
}
/*imagenes productos lista*/
.angulo-item-img .bg-image-center{
   background-size: contain!important;
}
/*imagenes productos lista*/
.angulo-item-img {
   background-size: contain!important;
   height: 220px!important;
}
/*Texto descripcion ficha*/
.product-description p {
    margin-top: 4rem;
    font-size: 1.2rem;
}
/*Sombra productos*/
.angulo-item-producto {
   box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
   border-radius: 15px;
}
/*Nombre producto en lista centrado*/
.text-left {
    text-align: center!important;
}
/*Menu navegacion*/
.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;
}
/*.fas.fa-chevron-right {
    display: none;
}*/
#dropdown-submenu-products .dsp-categoria-titulo a:hover {
   color: #83C126!important;
   text-decoration: none;
}
#dropdown-submenu-products.dropdown-menu {
    background: rgb(255,255,255)!important;
   background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(214,212,206,1) 100%)!important;
    border-radius: 10px;
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
/*FIN barra navegacion*/

/* ------ 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;
}

/* --------- 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: #792A9D;
}
.blog-description {
    color: #848484;
}

/* ------------ Ficha Productos --------------*/
/*imagen principal ficha de productos*/
#main-fancy div {
    background-size: contain !important;
}
/*Precio de productos*/
.product-price {
    color: #039E6C!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
}
/*FIN titulos secciones*/

/*Categorias HOME*/
.angulo-item-categories .angulo-item-img {
    background-size: cover!important;
}
.angulo-widgets {
    padding: 0px 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; /* Eliminar padding en contenedores */
    margin: 0 !important;  /* Eliminar margen en contenedores */
    width: 100% !important; /* Asegurar que ocupe el ancho completo */
  }

  .widgets-footer .angulo-item-categories {
    width: 100% !important; /* Ocupar todo el ancho */
    margin: 0 !important;   /* Eliminar márgenes */
  }

  .widgets-footer .angulo-item-img {
    width: 100% !important; /* Asegurar que la imagen ocupe todo el ancho */
    height: 250px !important; /* Mantener la altura de las imágenes */
  }
}




/*Boton ver mas home*/
.btn-lg-item {
  border-radius: 10px !important;
}

/* --------- BUSCADOR (desktop) --------- */
.intBuscar{
  border-radius: 999px !important;
  background: #E9F3DE !important; 
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #75B843 !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(229,231,235,.6); }
.intBuscar:focus{
  outline: none !important;
  border-color: rgba(111,191,68,.45) !important;
  box-shadow: 0 0 0 4px rgba(111,191,68,.18);
  background: #F9FBFC !important;
}
.search-input{
  right: .25rem !important;
  top: 50% !important;
  transform: translateY(-50%);
  color: var(--brand) !important;
  padding: .35rem .6rem !important;
  border-radius: 999px;
}
/*FIN buscador*/

/*Listado CATEGORIAS productos*/
#accordion .card-header a {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
}
.text-uppercase { /*texto titulo lista categorias*/
    text-transform: capitalize!important;
}
.angulo-section-aside h4 {
    font-size: 18px;
    color: #75B843;
}

/*Boton 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 ----*/

/*--- Quienes somos acordeon*/
.wrapper{
    display: block;
    width: 90%;
    margin: auto;
    left: 0;
    right: 0;
    margin-top: 2%;
}
.acordeon{

	font-size: 15px;
	font-family: fira_sanslight;
}
.acordeon-item{
	border-radius: 8px;
	background: #e7e7e7;
	color: #6d6d6d;
    border-radius: 22px;	
    margin-bottom: 7px;
}
.acrd-item-name{
    padding: 12px 21px;
    position: relative;
    border-radius: 22px;
    font-family: fira_sansmedium;
    position: relative;
    cursor: pointer;
}
ul.acrd-item-submenu{
    list-style: none!important;
    padding: 7px 20px;
    display: none;
    margin: 0;
    line-height: 26px;
    padding: 0;
}
.active+ul.acrd-item-submenu{
	display: block;
    height: initial;
    opacity: 1;
    padding: 7px 20px;
    -webkit-transition: opacity 1s ease-out 0s;
     -moz-transition: opacity 1s ease-out 0s;
     -o-transition: opacity 1s ease-out 0s;
     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  #ff8663;
}
.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: #696666;
}
.acordeon-item:nth-child(2n+1) .acrd-item-name.active,
.acrd-item-name.active{
	color: white;
	background: #89C12C;
}
/*---- FIN acordeon quienes somos -----*/

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

/* Elements */
.card__wrapper {
  padding-top: .1px;
  padding-bottom: .1px;
  position: relative;

  background-color: #ffffff;
  color: #999999;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
}
.card__wrapper:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 15px;
  right: 15px;
  bottom: 0;
  left: 15px;

  box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);
  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-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.card__img {
  display: block;
  max-width: 100%;
  height: 220px;
  width: 315px;
}
.card__header {
  position: relative;
  z-index: 1;
}
.card__title {
  color: #222222;

  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
}
.card__label {
  color: #cccccc;

  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;
}

/* Modifiers */
.card2:hover {
  cursor: pointer;
  transform: scale(1.05);
}
.card2:hover .card__wrapper {
  box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
}
.card2:hover .card__wrapper:after {
  transform: scale(0.95) translateY(10px);
}

/* Demo */
.card2 {
  display: inline-block;
  margin-right: 15px;
  margin-left: 15px;
}
/*FIN CARD secciones*/

.angulo-item-producto .angulo-item-button {
    display: none;
}

/*Precios personalizacion ficha productos*/
[data-section="normal-price"] label,
[data-section="normal-price"] h4 {
    color: #4a4a4a !important; /* Color gris oscuro */
}
[data-section="base-price"] label,
[data-section="base-price"] h4 {
    color: #4a4a4a !important; /* Color gris oscuro */
}
/* Ajusta el alto de todas las imágenes de producto (normal y hover) */
#product-container .item-image-preview,
#product-container .item-image-preview .angulo-item-img {
    height: 210px !important;        /* fuerza el nuevo alto */
    overflow: hidden;                /* evita que sobresalga contenido */
}
/* Ajustar alto de las imágenes del carrusel de “Productos relacionados” */
.relatedProductsContainer .angulo-item-img {
  height: 250px !important;   /* Nuevo alto */
  background-size: contain !important;  /* Mantiene el escalado adecuado */
  background-position: center !important;
  background-repeat: no-repeat !important;
}

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

/* =============================================
   Ajustes carrusel «Productos relacionados»
   ============================================= */

/* 1 ▸ Aseguramos que el <a> sea el contenedor relativo
      sobre el que vamos a superponer ambas imágenes */
.relatedProductsContainer .item-image-preview {
  display: block;
  position: relative;            /* Referencia para el posicionamiento absoluto */
}

/* 2 ▸ Normalizamos ambas capas-imagen */
.relatedProductsContainer .item-image-preview .bg-image-primary,
.relatedProductsContainer .item-image-preview .bg-image-secondary {
  width: 100%;
  height: 250px;                 /* ⇽ ajusta el alto que desees (p. ej. 250 px) */
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-bottom: 0 !important;   /* sin márgenes extra */
}

/* 3 ▸ Superponemos la imagen secundaria y la ocultamos por defecto */
.relatedProductsContainer .item-image-preview .bg-image-secondary {
  position: absolute;            /* la coloca encima de la primaria */
  top: 0;
  left: 0;
  opacity: 0;                    /* invisible hasta hover */
  transition: opacity .3s ease;  /* fundido suave */
}

/* 4 ▸ Al pasar el ratón, mostramos la secundaria y difuminamos la primaria */
.relatedProductsContainer .item-image-preview:hover .bg-image-secondary {
  opacity: 1;
}
.relatedProductsContainer .item-image-preview:hover .bg-image-primary {
  opacity: 0;
  transition: opacity .3s ease;
}

/* 5 ▸ Reducimos el espacio entre la imagen y el nombre */
.relatedProductsContainer .angulo-item-name-container {
  margin-top: 8px !important;    /* ajusta (0–8 px) según tu preferencia */
}

/* SECCION CONTACTO :::::::::::::::::::::::::::::::::::::::::::*/

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

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

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

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

/* ==============================
   FOOTER · TRIEBA (solo CSS)
   ============================== */
footer{
  --brand:#6FBF44;
  --ink:#111827;
  --muted:#6b7280;
  --surface:#fff;
  --surface-alt:#f8fafc;
  font-family: var(--font-customize, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

/* ---------- PRE-FOOTER ---------- */
footer .pre-footer{
  background: var(--surface);
  padding-top: 44px;
  padding-bottom: 28px;
  position: relative;
  overflow: hidden;
}

/* Motivos de puntos (eco visual del resto del sitio) */
footer .pre-footer::before,
footer .pre-footer::after{
  content:"";
  position:absolute;
  background-image: radial-gradient(#eaf5a2 1.6px, transparent 1.6px);
  background-size: 10px 10px;
  opacity:.6;
  pointer-events:none;
}
footer .pre-footer::before{ width:140px; height:170px; left:-20px; top:-10px; }
footer .pre-footer::after{  width:170px; height:140px; right:-10px; bottom:-15px; }

/* Columnas como “tarjetitas” */
footer .pre-footer .row > .col-md-3{
  background:#fff;
  border:1px solid rgba(17,24,39,.06);
  border-radius:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  padding:18px 18px 14px;
  margin:0 12px 18px;
}

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

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

/* Flechitas “fa-angle-right” en verde */
footer .pre-footer i.fa-angle-right{
  color:var(--brand);
  margin-right:6px;
  font-size:.9rem;
}

/* Forzar color de la lista de contacto (el HTML trae color inline) */
footer .pre-footer .col-md-3 ul[style]{
  color:var(--ink) !important;
}

/* Iconos de contacto (tel, mail, whatsapp) */
footer .pre-footer .fa-whatsapp,
footer .pre-footer .fa-phone-alt,
footer .pre-footer .fa-envelope{
  color: var(--brand);
  margin-right: 8px;
}

/* Cambiar el glifo del ícono de teléfono a WhatsApp SOLO en el footer */
footer .pre-footer i.fa-phone-alt::before {
  /* Soporta FA6 y FA5; si tu proyecto usa FA4, el codepoint también es \f232 */
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome" !important;
  content: "\f232" !important; /* WhatsApp */
  font-weight: 400 !important; /* peso de los brand icons */
}


/* ---------- Redes sociales (igual estética que Contacto) ---------- */
footer #redes{ margin-top:6px; }
footer #redes ul{ margin-left:0 !important; } /* anula ml-5 del HTML */
footer #redes .list-inline-item{
  margin-right:8px;
}
footer #redes a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  background:#f0fdf4; /* verde muy claro */
  color:var(--brand);
  border:1px solid rgba(111,191,68,.25);
  border-radius:12px;
  box-shadow:0 2px 6px rgba(111,191,68,.12);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
footer #redes a:hover{
  transform:translateY(-2px);
  background:#fff;
  box-shadow:0 10px 20px rgba(0,0,0,.08);
}
footer #redes i{ font-size:18px; }

/* ---------- Footer copy ---------- */
footer .footer-copy{
  background:#0f172a; /* slate oscuro moderno */
  color:#e5e7eb;
  padding:16px 0;
}
footer .footer-copy span{
  font-size:.95rem;
}
footer .footer-copy a{
  color:#b7f0c3; /* verde suave */
  text-decoration:none;
  border-bottom:1px dotted transparent;
  transition:color .2s ease, border-color .2s ease;
}
footer .footer-copy a:hover{
  color:#ffffff;
  border-bottom-color:#ffffff;
}

/* ---------- Responsivo ---------- */
@media (max-width: 991.98px){
  footer .pre-footer{
    padding-top: 36px;
    padding-bottom: 18px;
  }
  footer .pre-footer .row > .col-md-3{
    margin-left:0; margin-right:0;
    border-radius:14px;
  }
  footer .pre-footer .list-unstyled.ml-3{ margin-left:0 !important; } /* quita sangrías */
  footer #redes .d-none.d-sm-none.d-lg-block.d-md-block{ display:none !important; }
  footer #redes .d-block.d-sm-block.d-lg-none.d-md-none{ display:block !important; }
}
/* === Fix contraste en copyright === */
footer .footer-copy{
  background:#0f172a !important; /* barra oscura */
}

/* fuerza color claro para todo el texto dentro de la barra */
footer .footer-copy,
footer .footer-copy .copyright_text,
footer .footer-copy .copyright_text *,
footer .footer-copy span,
footer .footer-copy center span{
  color:#e5e7eb !important;
}

/* enlaces: verde suave + hover blanco */
footer .footer-copy a{
  color:#b7f0c3 !important;
  text-decoration:none;
  border-bottom:1px dotted transparent;
}
footer .footer-copy a:hover{
  color:#ffffff !important;
  border-bottom-color:#ffffff;
}
/* Tamaño y legibilidad del texto de copyright */
footer .footer-copy .copyright_text,
footer .footer-copy .copyright_text *,
footer .footer-copy span,
footer .footer-copy center span{
  font-family: var(--font-customize, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size: .85rem !important;   /* ~13.6px */
  line-height: 1.4 !important;
  letter-spacing: .2px !important;
}

/* Un poco más pequeño aún en pantallas chicas */
@media (max-width: 575.98px){
  footer .footer-copy .copyright_text,
  footer .footer-copy .copyright_text *,
  footer .footer-copy span,
  footer .footer-copy center span{
    font-size: .8rem !important;   /* ~12.8px */
  }
}
/* ====== Fallback TikTok para el footer (cuando FA no lo trae) ====== */
/* Selecciono el <i> que agregaste: fa-tiktok (FA5/6) y variantes */
footer #redes i.fa-tiktok,
footer #redes i.fab.fa-tiktok,
footer #redes i.lab.la-tiktok,
footer #redes i.la.la-tiktok{
  /* mismo tratamiento que los otros íconos del footer */
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  line-height: 1 !important;
  font-style: normal !important;
  /* el color se hereda del botón/anchor */
  background: currentColor !important;

  /* dibujamos el logo con máscara para que respete currentColor */
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='512' height='512' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M448 209.9v89.7c-37.4.1-73.8-10.7-105.3-31v111.1c0 75.3-61 136.3-136.3 136.3S70.1 455 70.1 379.7c0-66.7 47.7-122.2 110.6-134.2v92.7c-10.3 5.5-17.3 16.3-17.3 28.7 0 18 14.6 32.6 32.6 32.6s32.6-14.6 32.6-32.6V0h90.7c6.3 69 62.4 123.6 131.1 129.2v80.7c-1.8 0-3.8-.1-5.8-.1z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain !important;
          mask: url("data:image/svg+xml,%3Csvg width='512' height='512' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M448 209.9v89.7c-37.4.1-73.8-10.7-105.3-31v111.1c0 75.3-61 136.3-136.3 136.3S70.1 455 70.1 379.7c0-66.7 47.7-122.2 110.6-134.2v92.7c-10.3 5.5-17.3 16.3-17.3 28.7 0 18 14.6 32.6 32.6 32.6s32.6-14.6 32.6-32.6V0h90.7c6.3 69 62.4 123.6 131.1 129.2v80.7c-1.8 0-3.8-.1-5.8-.1z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* Por si el <i> venía con font-size; lo alineamos visualmente */
footer #redes .list-inline-item i.fa-tiktok{
  font-size: 0 !important; /* evitamos “huecos” de la fuente */
}

/* Asegura que herede el color correcto dentro del botón social */
footer #redes .list-inline-item a:hover i.fa-tiktok{
  color: var(--ink, #111827) !important;
}


/* ================================
   ASIDE / FILTROS · (solo CSS, sin HTML)
   ================================ */

.angulo-section-aside{
  /* contenedor con padding real a los costados */
  padding: 18px 16px 16px;
  border: 1px solid #e5e7eb;         /* gris claro */
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
  font-family: var(--font-customize, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

/* Normalizamos gutters internos (evita que “toquen” los bordes) */
.angulo-section-aside .row{ margin-left: 0; margin-right: 0; }
.angulo-section-aside .row > [class*="col-"]{ padding-left: 10px; padding-right: 10px; }

/* Títulos (Filtros / Categorías) sobrios */
.angulo-section-aside h4{
  margin: 2px 2px 12px;
  font-weight: 800;
  font-size: 1rem;
  letter-spacing: .03em;
  color: #111827;                    /* slate-900 */
  text-transform: uppercase;
  position: relative;
}
.angulo-section-aside h4::after{
  content:"";
  position:absolute; left:0; bottom:-8px;
  width: 42px; height: 2px;
  background: #d1d5db;              /* gris sutil */
  border-radius: 2px;
}

/* Labels + campos */
.angulo-section-aside label{
  display:block;
  margin: 0 0 .35rem;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b7280;                    /* slate-500 */
  font-weight: 800;
}

.angulo-section-aside .form-control{
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  color: #0f172a !important;
  border-radius: 12px !important;
  height: 42px;
  padding: .55rem .75rem;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.angulo-section-aside .form-control:focus{
  outline: none !important;
  border-color: #cbd5e1 !important;  /* gris suave */
  box-shadow: 0 0 0 3px rgba(2, 6, 23, .06); /* ring discreto */
}

/* Botón Filtrar: elegante, no invasivo (outline → fill on hover) */
.angulo-section-aside .btn.btn-secondary.btn-sm.btn-rounded{
  width: 100%;
  height: 44px;
  border-radius: 12px !important;
  background: #fff !important;
  color: #111827 !important;
  border: 1px solid #111827 !important;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 4px 10px rgba(15,23,42,.05);
  transition: background .18s ease, color .18s ease, transform .12s ease, box-shadow .18s ease;
}
.angulo-section-aside .btn.btn-secondary.btn-sm.btn-rounded:hover{
  background: #111827 !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(15,23,42,.12);
}

/* noUiSlider: limpio y monocromático */
.angulo-section-aside #sliderPrice.noUi-horizontal{
  height: 10px;
  border-radius: 999px;
  background: #eef2f7;              /* track gris claro */
  border: 1px solid #e5e7eb;
}
.angulo-section-aside #sliderPrice .noUi-connect{
  background: #9ca3af;              /* conect gris medio */
  border-radius: 999px;
}
.angulo-section-aside #sliderPrice .noUi-handle{
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #111827;        /* aro oscuro minimal */
  box-shadow: 0 2px 6px rgba(15,23,42,.12);
  transition: transform .12s ease, box-shadow .12s ease;
}
.angulo-section-aside #sliderPrice .noUi-handle:active{ transform: scale(1.04); }
.angulo-section-aside #sliderPrice .noUi-handle:before,
.angulo-section-aside #sliderPrice .noUi-handle:after{ display:none !important; }
.angulo-section-aside #sliderPrice{ margin: 6px 4px 2px; }

/* Tarjetas de acordeón: planas, bordes suaves */
.angulo-section-aside .card-accordion-template .card,
.angulo-section-aside #accordion .card{
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(2,8,23,.05);
  margin-bottom: 12px;
}

.angulo-section-aside .card-accordion-template .card-header,
.angulo-section-aside #accordion .card-header{
  background: #fff;
  padding: 12px 14px;
  border-bottom: 1px solid #eef2f7;
  position: relative;
}

.angulo-section-aside .card-accordion-template .card-header a.text-category,
.angulo-section-aside #accordion .card-header > a[href]{
  color: #111827 !important;
  font-weight: 800;
  font-size: .95rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  padding-right: 36px;              /* espacio para flecha */
}

.angulo-section-aside .card-accordion-template .card-header a.collapse-arrow-item,
.angulo-section-aside #accordion .card-header > a.collapsed{
  position: absolute; right: 12px; top: 50%;
  transform: translateY(-50%);
  color: #6b7280 !important;
  padding: 4px 6px;
  border-radius: 8px;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
.angulo-section-aside .card-accordion-template .card-header a.collapse-arrow-item:hover,
.angulo-section-aside #accordion .card-header > a.collapsed:hover{
  background: #f3f4f6;
  color: #111827 !important;
}
.angulo-section-aside .card-accordion-template .card-header a.collapse-arrow-item i{
  transition: transform .2s ease;
}
.angulo-section-aside .card-accordion-template .card-header a.collapse-arrow-item:not(.collapsed) i{
  transform: rotate(180deg);
}

.angulo-section-aside .card-body{
  background: #fff;
  padding: 10px 10px 12px;
}

/* Variaciones de texto como “chips” sobrios */
.angulo-section-aside [data-accordion="attributes"] .accordion a.item-filter-variation{
  display: block;
  padding: .55rem .7rem;
  margin: .18rem .35rem;
  border-radius: 10px;
  color: #111827 !important;
  background: #fafafa;
  border: 1px solid #e5e7eb;
  font-weight: 700;
  letter-spacing: .01em;
  text-transform: none;
  transition: background .15s ease, border-color .15s ease, transform .12s ease;
}
.angulo-section-aside [data-accordion="attributes"] .accordion a.item-filter-variation:hover{
  background: #ffffff;
  border-color: #d1d5db;
  transform: translateY(-1px);
}
.angulo-section-aside [data-accordion="attributes"] .accordion a.item-filter-variation.active{
  background: #fff;
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17,24,39,.08);
}

/* Swatches de color: sin estridencias */
.angulo-section-aside .colorButtonAttributeProduct{
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 10px rgba(2,8,23,.08);
  overflow: hidden;
  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;
}
.angulo-section-aside .colorButtonAttributeProduct:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(2,8,23,.12);
}
/* anchor ocupa todo para interacción */
.angulo-section-aside .colorButtonAttributeProduct > a.item-filter-variation{ 
  position:absolute; inset:0; border-radius:50%; text-indent:-9999px; 
}
/* seleccionado: aro oscuro pequeño */
.angulo-section-aside .colorButtonAttributeProduct > a.item-filter-variation.active{
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #111827;
  border-radius: 50%;
}
.angulo-section-aside .colorButtonAttributeProduct > a.item-filter-variation.active::after{
  content:"";
  position:absolute; right: -3px; bottom:-3px;
  width: 16px; height: 16px; border-radius:50%;
  background:#111827;
  border:2px solid #fff;
}

/* Limpiar/close del atributo */
.angulo-section-aside .item-filter-clear{
  position:absolute; top:6px; right:8px;
  width: 22px; height: 22px;
  border-radius: 50%;
  background:#fff;
  border:1px solid #e5e7eb;
  color:#111827 !important;
  display:grid; place-items:center;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.angulo-section-aside .item-filter-clear:hover{
  background:#f3f4f6;
  border-color:#d1d5db;
  transform: scale(1.05);
}

/* Categorías internas como chips */
.angulo-section-aside #accordion .accordion a{
  display:block;
  padding:.55rem .7rem .55rem 1rem;
  margin:.18rem .35rem;
  border-radius:10px;
  color:#111827 !important;
  background:#fafafa;
  border:1px solid #e5e7eb;
  font-weight:700;
  transition: background .15s ease, border-color .15s ease, transform .12s ease;
}
.angulo-section-aside #accordion .accordion a:hover{
  background:#fff;
  border-color:#d1d5db;
  transform:translateY(-1px);
}

/* Mobile: un poco más de “aire” */
@media (max-width: 991.98px){
  .angulo-section-aside{
    padding: 16px 14px;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(2,8,23,.08);
  }
}

/* Botones “Filtros / Categorías” (mobile) minimal */
.angulo-section-aside .btn-toggle-attributes,
.angulo-section-aside .btn-toggle-categories{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #d1d5db !important;
  border-radius:12px !important;
  padding:.65rem 1rem !important;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition: background .16s ease, border-color .16s ease, transform .12s ease;
}
.angulo-section-aside .btn-toggle-attributes:hover,
.angulo-section-aside .btn-toggle-categories:hover{
  background:#f3f4f6 !important;
  border-color:#cbd5e1 !important;
  transform: translateY(-1px);
}
/* ===== Ajustes pedidos · ASIDE ===== */

/* 1) Swatches: círculo totalmente lleno, sin blanco interno */
.angulo-section-aside .colorButtonAttributeProduct{
  border: none !important;                 /* sin borde gris */
  box-shadow: 0 4px 10px rgba(2,8,23,.08); /* sombra sutil */
}
.angulo-section-aside .colorButtonAttributeProduct > a.item-filter-variation{
  position:absolute; inset:0; border-radius:50%;
  text-indent:-9999px; background: transparent !important;
}
.angulo-section-aside .colorButtonAttributeProduct > a.item-filter-variation.active{
  /* quitamos el aro blanco interno y dejamos solo un ring oscuro */
  box-shadow: 0 0 0 2px #111827 !important;
}

/* 2) Ocultar SOLO el título "Filtros" (no afecta "Categorías") */
#filtroAtributosProductos h4{
  display: none !important;
}

/* 3) Hover del botón Filtrar en #75B843 (elegante, legible) */
.angulo-section-aside .btn.btn-secondary.btn-sm.btn-rounded:hover,
.angulo-section-aside .btn.btn-secondary.btn-sm.btn-rounded:focus{
  background: #75B843 !important;
  border-color: #75B843 !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(117,184,67,.22) !important;
}


/* ========== Ajustes finos de aside (incremental) ========== */

/* 1) Labels más finos y pequeños */
.angulo-section-aside label[for="minValue"],
.angulo-section-aside label[for="maxValue"],
.angulo-section-aside label[for="maxQuantity"]{
  font-size: .85rem !important;
  font-weight: 400 !important;      /* más fino */
  letter-spacing: .2px;
  color: #4b5563;                   /* gris suave */
  margin-bottom: .25rem;
}

/* 2) Botón Filtrar más delgado + hover elegante */
.angulo-section-aside .btn.btn-secondary.btn-sm.btn-rounded{
  padding: .38rem .9rem !important; /* menos alto */
  font-size: .92rem;
  line-height: 1.1;
  border-radius: 999px;
}
.angulo-section-aside .btn.btn-secondary.btn-sm.btn-rounded:hover,
.angulo-section-aside .btn.btn-secondary.btn-sm.btn-rounded:focus{
  background: #75B843 !important;
  border-color: #75B843 !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(117,184,67,.22) !important;
}

/* 3) Swatches: color pleno (sin borde blanco) + ring activo de marca */
.angulo-section-aside .colorButtonAttributeProduct{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none !important;                  /* sin borde */
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(2,8,23,.08);  /* sombra sutil */
  position: relative;
}
/* elimina cualquier pseudo que pudiera crear aro interno */
.angulo-section-aside .colorButtonAttributeProduct::before,
.angulo-section-aside .colorButtonAttributeProduct::after{
  display: none !important;
}
/* el overlay de click NO debe pintar blanco */
.angulo-section-aside .colorButtonAttributeProduct > a.item-filter-variation{
  position: absolute; inset: 0;
  border-radius: 50%;
  background: transparent !important;       /* sin fondo blanco */
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  text-indent: -9999px;
}
/* estado activo: ring de marca (sin blanco interior) */
.angulo-section-aside .colorButtonAttributeProduct > a.item-filter-variation.active{
  box-shadow: 0 0 0 2px #75B843 !important;
}
/* foco accesible */
.angulo-section-aside .colorButtonAttributeProduct > a.item-filter-variation:focus{
  box-shadow: 0 0 0 3px rgba(117,184,67,.28) !important;
  outline: none !important;
}



/* ====== Contacto (footer) ====== */
footer .pre-footer .list-unstyled li i {
  width: 20px;        /* alinea numeración */
  text-align: center;
  margin-right: 8px;
}

/* WhatsApp, mail: color de marca */
footer .pre-footer .fa-whatsapp,
footer .pre-footer .fa-envelope {
  color: var(--brand, #75B843);
}

/* Links de teléfonos/mail en contacto */
footer .pre-footer .list-unstyled li a {
  color: inherit;
  text-decoration: none;
}
footer .pre-footer .list-unstyled li a:hover {
  text-decoration: underline;
}

/* ====== Redes sociales: fix de alineación (incluye TikTok) ====== */
footer #redes .list-inline > .list-inline-item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(117,184,67,.12);
  box-shadow: 0 0 0 1px rgba(117,184,67,.15) inset;
}

footer #redes .list-inline > .list-inline-item i {
  display: block;        /* evita baseline raro de algunas fuentes */
  line-height: 1;        /* centra mejor el glifo */
  font-size: 18px;
}

/* Corrige cualquier “salto” del glifo TikTok */
footer #redes .fa-tiktok { transform: translateY(0); }

/* Si ese ml-5 te deja descentrado, lo anulamos */
footer #redes .list-inline.ml-5 { margin-left: 0 !important; }




/* ====== MENÚ MOBILE – TRIEBA ====== */
@media (max-width: 991.98px){

  /* Contenedor y fondo */
  .navbar-collapse.navbar-dark-v.d-lg-none,
  .navbar-collapse.navbar-dark-v.collapse.show{
    background:#fff;
    box-shadow:0 8px 28px rgba(17,24,39,.08);
  }
  .navbar-collapse.navbar-dark-v.d-lg-none .container{
    max-width:100vw;
    padding:0;
  }

  /* Lista principal: 100% ancho y alineado a la izquierda */
  .navbar-collapse .navbar-nav.lista-derecha{
    width:100%;
    padding:8px 0;
    margin:0;
    text-align:left;
    align-items:stretch;
  }
  .navbar-collapse .navbar-nav .nav-item{ width:100%; }

  /* Ítems superiores (Productos, Secciones…) */
  .navbar-collapse .navbar-nav .nav-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:14px 16px;
    font-weight:800;
    letter-spacing:.02em;
    color:#2B2F34;
    border-bottom:1px solid #E9EDF2;
    text-transform:uppercase;
  }
  .navbar-collapse .navbar-nav .nav-link .span-check{
    margin-left:auto; padding:0;
    display:inline-flex; align-items:center;
  }
  .navbar-collapse .navbar-nav .nav-link .span-check i{
    transition:transform .25s ease;
  }
  /* Rotación del caret cuando el dropdown está abierto */
  #products_item_small.is-open .nav-link .span-check i{ transform:rotate(180deg); }

  /* Dropdown de PRODUCTOS a 100% */
  #dropdown-submenu-products-responsive.dropdown-menu{
    position:static !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    border:0; border-radius:0;
    background:#fff;
    padding:8px 16px 18px;
    box-shadow:none;
  }

  /* Stacking de columnas a filas */
  #dropdown-submenu-products-responsive .row.content-container{ display:block; margin:0; }
  #dropdown-submenu-products-responsive .col-md-4{ width:100%; padding:0; margin:0; }

  /* Categorías (acordeón) */
  #dropdown-submenu-products-responsive .dsp-categoria-titulo{
    display:flex; align-items:center; gap:10px;
    padding:12px 6px; margin:0;
    font-weight:800; color:#2B2F34;
    border-radius:12px;
  }
  #dropdown-submenu-products-responsive .dsp-categoria-titulo a{
    flex:1; font-size:1rem; text-transform:none !important; padding:0;
    color:#0F172A !important;
  }
  /* Quita el padding enorme del ícono heredado (.px-4) y lo suaviza */
  #dropdown-submenu-products-responsive .dsp-categoria-titulo .px-4{
    padding-left:0 !important; padding-right:10px !important; color:#6B7280;
  }
  /* Caret a la derecha cuando está abierto */
  #dropdown-submenu-products-responsive .dsp-categoria-lista.open
  > .dsp-categoria-titulo .fa-chevron-right{ transform:rotate(90deg); }

  /* Subcategorías */
  #dropdown-submenu-products-responsive .dsp-subcategoria-lista{
    display:none; margin:0 0 8px 16px; padding-left:10px;
    border-left:2px dashed #E5EAF0;
  }
  #dropdown-submenu-products-responsive .dsp-subcategoria-titulo{
    display:flex; align-items:center; gap:8px;
    padding:8px 0; margin:0;
    font-weight:700; color:#374151;
  }
  #dropdown-submenu-products-responsive .dsp-subcategoria-titulo .pl-4{
    padding-left:0 !important; padding-right:8px !important; color:#94A3B8;
  }

  /* Lista de sub-subcategorías */
  #dropdown-submenu-products-responsive .dsp-sub-subcategoria-lista{
    display:none; margin:0 0 8px 22px; padding-left:0;
  }
  #dropdown-submenu-products-responsive .dsp-sub-subcategoria-lista li{
    padding:6px 0; border-bottom:1px dashed #EEF2F6;
  }
  #dropdown-submenu-products-responsive .dsp-sub-subcategoria-lista a{
    color:#0F172A !important;
  }

  /* Resto de secciones (Nuestros servicios, Quienes somos, Contacto…) */
  .navbar-collapse .sections_link_responsive{
    display:block;
    padding:14px 16px;
    font-weight:700;
    color:#2B2F34;
    border-bottom:1px solid #E9EDF2;
    text-transform:none;
  }

  /* Feedback táctil */
  .navbar-collapse .navbar-nav .nav-link:active,
  #dropdown-submenu-products-responsive .dsp-categoria-titulo:active,
  .navbar-collapse .sections_link_responsive:active{
    background:rgba(117,184,67,.06);
  }
}

/* Rotación suave del caret en categorías/subcategorías */
#dropdown-submenu-products-responsive .fa-chevron-right{
  transition: transform .2s ease;
  font-size: 12px !important;
}
#dropdown-submenu-products-responsive .chevron-down{
  transform: rotate(90deg);
}


/* ====== DESTACADOS centrado con líneas verdes laterales ====== */
.angulo-content .text-destacado,
.angulo-content .text-destacadom{
  position: relative;
  text-align: center !important;   /* anula text-left */
  margin: 0 0 18px 0;
  border: 0 !important;            /* por si el tema agrega bordes */
  background: transparent !important;
}

/* Línea verde continua centrada verticalmente */
.angulo-content .text-destacado::before,
.angulo-content .text-destacadom::before{
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 50%;
  height: 2px;
  background: #75B843;             /* verde Trieba */
  transform: translateY(-50%);
  border-radius: 2px;
  z-index: 0;
}

/* El texto queda “sobre” la línea con un fondo que genera el corte */
.angulo-content .text-destacado > span,
.angulo-content .text-destacadom > span{
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 .85rem;               /* aire a los lados para el corte */
  line-height: 1.1;
  background: #fff;                /* color del fondo de la página/section */
}

/* Ajuste fino en pantallas pequeñas (opcional) */
@media (max-width: 576px){
  .angulo-content .text-destacado::before,
  .angulo-content .text-destacadom::before{
    height: 1.5px;
  }
}


/* ==== CONTACTO: normaliza los botones de redes ==== */
.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;              /* evita que el “renglón” empuje el ícono */
}

/* Todos los <i> dentro de esos botones */
.contact-section .contact-info .contact-social .social-links a > i{
  display:inline-block !important;
  line-height:1 !important;
  font-size:22px !important;
}

/* Ajuste específico para Font Awesome Brands (TikTok) */
.contact-section .contact-info .contact-social .social-links a > i.fa-brands,
.contact-section .contact-info .contact-social .social-links a > i.fa-brands::before{
  vertical-align: baseline !important;    /* anula el offset de FA */
  transform: translateY(-2px) !important; /* centra ópticamente */
}

/* Si tu caché o algún CSS sigue ganando, plan B “a la fuerza”: */
@supports not (transform: translateY(0)){
  .contact-section .contact-info .contact-social .social-links a > i.fa-brands{
    position: relative !important;
    top: -2px !important;
  }
}

/* (Opcional) mismo micro-ajuste en el footer si lo vieras desalineado allí también */
footer #redes i.fa-tiktok,
footer #redes i.fa-tiktok::before{
  vertical-align: baseline !important;
  transform: translateY(-2px) !important;
}


/* === Normalizar y centrar TODOS los íconos del footer === */
footer #redes .list-inline-item a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px;               /* ajustá si querés más/menos caja */
  height:42px;
  line-height:1 !important; /* neutraliza baseline */
}

footer #redes .list-inline-item a i{
  font-size:22px !important;
  line-height:1 !important;
  vertical-align:middle !important;
  transform: translateY(0) !important;
}

/* Forzar que FA6 no desplace los brands si está cargado en el formulario */
footer #redes i.fab,
footer #redes i.fa-brands{
  vertical-align:middle !important;  /* FA6 usa -0.125em */
  line-height:1 !important;
}

/* Si FA6 está presente, mantener la fuente de brands para que todos midan igual */
footer #redes i.fab{
  font-family:"Font Awesome 5 Brands","Font Awesome 6 Brands",sans-serif !important;
  font-weight:400 !important;
}

/* Caso especial: TikTok — algunos builds lo renderizan con otra caja */
footer #redes i.fa-tiktok{
  display:inline-block !important;
}
footer #redes .list-inline-item a{ width:42px; height:42px; }





/* === Footer: alinear perfectamente los íconos === */
footer #redes .list-inline{
  display: flex;
  align-items: center;
  gap: .5rem;         /* reemplaza márgenes entre items */
  padding: 0;
  margin: 0;
  line-height: 0;     /* elimina baseline del renglón */
}
footer #redes .list-inline-item{ margin: 0; }

footer #redes .list-inline-item a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  line-height: 1 !important;
  vertical-align: middle !important; /* fallback */
}

/* Normaliza el contenido del botón */
footer #redes .list-inline-item a i{
  display: block;
  line-height: 1;
  font-size: 22px;
}

/* Quita cualquier ajuste previo SOLO en footer para TikTok */
footer #redes i.fa-tiktok,
footer #redes i.fa-tiktok::before{
  transform: none !important;
  vertical-align: middle !important;
}

/* Si aún ves 1px de diferencia, aplica este micro-nudge a la CAJA del enlace */
footer #redes .list-inline-item a[href*="tiktok"]{
  transform: translateY(1px); /* úsalo solo si todavía lo notas */
}

/*================PREHEADER=================*/
/* Carga explícita del webfont de brands (FA 6.x) */
@font-face{
  font-family:"Font Awesome 6 Brands";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("https://cdn.enit.fr/assets/fontawesome/6.5.2/webfonts/fa-brands-400.woff2") format("woff2");
}

/* Fuerza el glifo de TikTok en el preheader */
.top-nav i.fa-tiktok::before{
  content:"\e07b" !important;              /* código del ícono TikTok en FA6 */
  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
  font-style:normal !important;
  display:inline-block;
  line-height:1;
  vertical-align:middle;
}

/* (opcional) Normaliza un poco el box de los íconos del preheader */
.top-nav .list-inline a i{
  line-height:1;
  vertical-align:middle;
}

[data-section="block-location-template"] {
  max-width: 100%;   /* evita desbordes horizontales */
  overflow-x: hidden;
  box-sizing: border-box;
}

/*==============================*/
/* Activa negrita SOLO en el enlace activo */
.card .sub-item.active {
  font-weight: 700 !important;
}

/* Por si Bootstrap le pone peso propio al <h6>, lo forzamos también */
.card .sub-item.active h6 {
  font-weight: 700 !important;
}