/* TND Footer – del diseño (mismo footer en todos los mockups). Prefijo .tnd-ftr-root. */

/* Ocultar el footer de Elementor (Theme Builder) y el de Flatsome. */
body .elementor-location-footer,
body #footer{display:none!important}

.tnd-ftr-root,.tnd-ftr-root *{box-sizing:border-box}
.tnd-ftr-root{--tnd-cocoa:#4f3a37;--tnd-serif:"Lora",Georgia,serif;--tnd-display:"Alegreya SC","Lora",Georgia,serif;--tnd-sans:"Josefin Sans","Jost","Helvetica Neue",Arial,sans-serif;
  background:var(--tnd-cocoa);color:#f3e6df;font-family:var(--tnd-sans);font-size:16px;line-height:1.5;clear:both;position:relative}
.tnd-ftr-root a{color:inherit}
.tnd-ftr-root a:hover{color:#fff}
.tnd-ftr-root a:focus-visible{outline:3px solid #c8714f;outline-offset:2px;border-radius:6px}
.tnd-ftr-root .tnd-wrap{max-width:1600px;margin:0 auto;padding:40px 20px 28px;display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.3fr;gap:28px}
.tnd-ftr-root h3{margin:0 0 10px;font-family:var(--tnd-sans);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f0c9b5;line-height:1.4}
.tnd-ftr-root ul{list-style:none;margin:0;padding:0}
.tnd-ftr-root li{margin:0}
.tnd-ftr-root li a{display:inline-block;padding:4px 0;text-decoration:none;font-size:.9rem;opacity:.92}
.tnd-ftr-root li a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.tnd-ftr-root address{font-style:normal;font-size:.9rem;line-height:1.6;opacity:.92;margin:0}
.tnd-ftr-root address a{text-decoration:none}
.tnd-ftr-root .tnd-since{font-family:var(--tnd-display);font-size:.78rem;letter-spacing:.32em;color:#f0c9b5}
.tnd-ftr-root .tnd-name{display:inline-block;font-family:var(--tnd-display);font-size:1.3rem;letter-spacing:.08em;line-height:1.1;color:#fff}
.tnd-ftr-root p{font-size:.86rem;opacity:.8;margin:10px 0 14px;max-width:30ch}
.tnd-ftr-root .tnd-social{display:flex;gap:8px}
.tnd-ftr-root .tnd-social a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;text-decoration:none}
.tnd-ftr-root .tnd-social a:hover{background:rgba(255,255,255,.1)}
.tnd-ftr-root .tnd-social svg{width:16px;height:16px;fill:currentColor}
.tnd-ftr-root .tnd-footer-base{border-top:1px solid rgba(255,255,255,.15);text-align:center;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;padding:14px 20px;opacity:.75}
@media (max-width:1100px){
  .tnd-ftr-root .tnd-wrap{grid-template-columns:repeat(3,1fr)}
  .tnd-ftr-root .tnd-footer-brand{grid-column:1/-1}
}
@media (max-width:560px){
  .tnd-ftr-root .tnd-wrap{grid-template-columns:1fr 1fr;padding:32px 16px 22px;gap:22px}
  .tnd-ftr-root .tnd-footer-addr{grid-column:1/-1}
}
/* La barra fija de compra de la página de producto no debe tapar el footer. */
body.tnd-has-sticky .tnd-ftr-root{padding-bottom:0}
/* Los estilos globales de Elementor (kit) cambian el grosor de los h3: mantener el del diseño. (1.0.1) */
body .tnd-ftr-root h3{font-family:var(--tnd-sans)!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.18em!important;color:#f0c9b5!important;text-transform:uppercase!important;line-height:1.4!important;margin:0 0 10px!important}
/* Sin el footer de Elementor, Flatsome vuelve a dibujar sus barras de título de tienda/producto.
   En las páginas de los plugins TND (body.tnd-catalog) ya hay migas y título propios. (1.0.3) */
body.tnd-catalog .shop-page-title,
body.tnd-catalog .category-page-title,
body.tnd-catalog .product-page-title{display:none!important}
/* Título de Flatsome "MY ACCOUNT / Welcome" en las páginas de la cuenta: oculto (pedido del usuario). (1.0.4) */
body.woocommerce-account .my-account-header{display:none!important}