/* TND Header Redesign – generado desde site-header-menu-redesign-2026-10-06.html.
   Todo va con prefijo .tnd-hdr-root para ganarle a los estilos de Flatsome sin tocar el resto del sitio. */

/* Ocultar el header del tema (Flatsome o Elementor) */
body #header,
body .elementor-location-header{display:none!important}

/* Base y neutralizar estilos genéricos de Flatsome en botones/inputs/listas */
.tnd-hdr-root,.tnd-hdr-root *{box-sizing:border-box}
.tnd-hdr-root{font-family:"Josefin Sans","Jost","Helvetica Neue",Arial,sans-serif;color:#2b2321;font-size:16px;line-height:1.5;position:relative;z-index:999}
.tnd-hdr-root a{color:inherit}
.tnd-hdr-root a:hover{color:inherit}
.tnd-hdr-root button{margin:0;min-height:0;min-width:0;padding:0;text-transform:none;letter-spacing:normal;line-height:normal;box-shadow:none;font:inherit;color:inherit;border-radius:0;background:none;text-shadow:none}
.tnd-hdr-root input,.tnd-hdr-root select{margin:0;height:auto;box-shadow:none;border-radius:0;font:inherit;background-image:none}
.tnd-hdr-root form,.tnd-hdr-root p,.tnd-hdr-root h3{margin:0}
.tnd-hdr-root ul{margin:0;padding:0;list-style:none}
.tnd-hdr-root li{margin:0}
.tnd-hdr-root .tnd-logo img{display:block;max-height:90px;width:auto;max-width:100%}
.tnd-hdr-root .tnd-logo img.tnd-mark-img{width:44px;height:44px;max-height:none;border-radius:50%}
@media (max-width:900px){.tnd-hdr-root .tnd-logo img{max-height:50px}.tnd-hdr-root .tnd-logo img.tnd-mark-img{display:none}}
@media (prefers-reduced-motion:reduce){.tnd-hdr-root *{transition:none!important}}

  .tnd-hdr-root{--tnd-peach:#f6e3da; --tnd-cream:#fbf4ec; --tnd-paper:#fffaf5;
    --tnd-teal:#2a6b63; --tnd-teal-dark:#1f524c; --tnd-teal-tint:#e3efec;
    --tnd-terracotta:#c8714f; --tnd-brown:#8a4b2c; --tnd-cocoa:#4f3a37;
    --tnd-ink:#2b2321; --tnd-muted:#6f625d; --tnd-line:#e7d3c8;
    --tnd-serif:"Lora",Georgia,serif;
    --tnd-display:"Alegreya SC","Lora",Georgia,serif;
    --tnd-sans:"Josefin Sans","Jost","Helvetica Neue",Arial,sans-serif;
    --tnd-shadow:0 12px 36px rgba(60,35,25,.14);}
  .tnd-hdr-root a:focus-visible,.tnd-hdr-root button:focus-visible,.tnd-hdr-root input:focus-visible,.tnd-hdr-root select:focus-visible{outline:3px solid var(--tnd-terracotta);outline-offset:2px;border-radius:6px}
  .tnd-hdr-root .tnd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tnd-hdr-root .tnd-wrap{max-width:1600px;margin:0 auto;padding:0 20px}
  .tnd-hdr-root .tnd-ico{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
  .tnd-hdr-root .tnd-utility{background:var(--tnd-cocoa);color:#f3e6df;font-size:.8rem;letter-spacing:.04em}
  .tnd-hdr-root .tnd-utility .tnd-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px}
  .tnd-hdr-root .tnd-utility ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
  .tnd-hdr-root .tnd-utility a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;text-decoration:none;border-radius:6px;opacity:.92}
  .tnd-hdr-root .tnd-utility a:hover{opacity:1;background:rgba(255,255,255,.08)}
  .tnd-hdr-root .tnd-utility .tnd-sep{width:1px;height:14px;background:rgba(255,255,255,.25);margin:0 4px}
  .tnd-hdr-root .tnd-utility .tnd-tagline{opacity:.75;padding-right:6px}
  .tnd-hdr-root .tnd-brand{background:rgba(255,250,245,.55);border-bottom:1px solid var(--tnd-line)}
  .tnd-hdr-root .tnd-brand .tnd-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px}
  .tnd-hdr-root .tnd-search{display:flex;max-width:340px;border:1px solid var(--tnd-line);border-radius:999px;background:#fff;overflow:hidden}
  .tnd-hdr-root .tnd-search select{max-width:84px;border:0;background:var(--tnd-cream);font:inherit;font-size:.82rem;padding:0 10px;color:var(--tnd-muted)}
  .tnd-hdr-root .tnd-search input{flex:1;min-width:0;border:0;font:inherit;font-size:.9rem;padding:10px 12px;background:transparent}
  .tnd-hdr-root .tnd-search button{border:0;background:var(--tnd-terracotta);color:#fff;width:44px;cursor:pointer;display:grid;place-items:center}
  .tnd-hdr-root .tnd-search button:hover{background:#b5603f}
  .tnd-hdr-root .tnd-logo{text-align:center;text-decoration:none;color:var(--tnd-brown);display:flex;flex-direction:column;align-items:center;gap:2px}
  .tnd-hdr-root .tnd-mark{width:34px;height:34px;border-radius:50%;background:#6f9e95;color:#fff;display:grid;place-items:center;font-family:var(--tnd-serif);font-style:italic;font-size:.95rem}
  .tnd-hdr-root .tnd-since{font-family:var(--tnd-display);font-size:.78rem;letter-spacing:.32em;color:var(--tnd-brown);opacity:.85}
  .tnd-hdr-root .tnd-name{font-family:var(--tnd-display);font-size:clamp(1.4rem,2.6vw,2.1rem);letter-spacing:.08em;line-height:1}
  .tnd-hdr-root .tnd-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}
  .tnd-hdr-root .tnd-action{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;text-decoration:none;font-size:.88rem;color:var(--tnd-ink)}
  .tnd-hdr-root .tnd-action:hover{background:var(--tnd-cream)}
  .tnd-hdr-root .tnd-action .tnd-ico{width:20px;height:20px}
  .tnd-hdr-root .tnd-cart{background:var(--tnd-teal);color:#fff;position:relative}
  .tnd-hdr-root .tnd-cart:hover{background:var(--tnd-teal-dark)}
  .tnd-hdr-root .tnd-badge{position:absolute;top:-4px;right:-4px;background:var(--tnd-terracotta);color:#fff;font-size:.68rem;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px;font-weight:700}
  .tnd-hdr-root .tnd-burger{display:none;border:1px solid var(--tnd-line);background:#fff;border-radius:10px;width:44px;height:44px;place-items:center;cursor:pointer;color:var(--tnd-ink)}
  .tnd-hdr-root .tnd-burger .tnd-ico{width:22px;height:22px}
  .tnd-hdr-root .tnd-nav{background:var(--tnd-paper);border-bottom:1px solid var(--tnd-line);position:relative;z-index:20}
  .tnd-hdr-root .tnd-nav > .tnd-wrap{display:flex;align-items:stretch;justify-content:center}
  .tnd-hdr-root .tnd-menu{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:2px}
  .tnd-hdr-root .tnd-menu > li{position:static;display:flex}
  .tnd-hdr-root .tnd-top{display:inline-flex;align-items:center;gap:6px;padding:14px 16px;font:inherit;font-size:.86rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tnd-ink);text-decoration:none;background:none;border:0;border-bottom:3px solid transparent;cursor:pointer}
  .tnd-hdr-root .tnd-top:hover,.tnd-hdr-root .tnd-menu > li:hover > .tnd-top,.tnd-hdr-root .tnd-top[aria-expanded="true"]{color:var(--tnd-teal);border-bottom-color:var(--tnd-teal)}
  .tnd-hdr-root .tnd-top .tnd-chev{width:12px;height:12px;transition:transform .15s}
  .tnd-hdr-root .tnd-top[aria-expanded="true"] .tnd-chev{transform:rotate(180deg)}
  .tnd-hdr-root .tnd-top--sale{color:#fff;background:var(--tnd-terracotta);border-radius:999px;margin:8px 0 8px 10px;padding:6px 18px;border-bottom:0}
  .tnd-hdr-root .tnd-top--sale:hover{color:#fff!important;background:#b5603f}
  .tnd-hdr-root .tnd-divider{width:1px;background:var(--tnd-line);margin:12px 8px}
  .tnd-hdr-root .tnd-panel{position:absolute;left:0;right:0;top:100%;background:var(--tnd-paper);border-top:1px solid var(--tnd-line);box-shadow:var(--tnd-shadow);display:none}
  .tnd-hdr-root .tnd-menu > li:hover > .tnd-panel,.tnd-hdr-root .tnd-menu > li:focus-within > .tnd-panel,.tnd-hdr-root .tnd-panel.is-open{display:block}
  .tnd-hdr-root .tnd-menu > li.is-closed > .tnd-panel{display:none!important}
  .tnd-hdr-root .tnd-panel-inner{max-width:1600px;margin:0 auto;padding:26px 20px 28px;display:grid;gap:28px}
  .tnd-hdr-root .tnd-panel--cats .tnd-panel-inner{grid-template-columns:repeat(4,1fr) 1.2fr}
  .tnd-hdr-root .tnd-panel--season .tnd-panel-inner,.tnd-hdr-root .tnd-panel--merch .tnd-panel-inner,.tnd-hdr-root .tnd-panel--about .tnd-panel-inner{grid-template-columns:repeat(3,1fr) 1.2fr}
  .tnd-hdr-root .tnd-col h3{margin:0 0 10px;font-family:var(--tnd-sans);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tnd-brown);padding-bottom:8px;border-bottom:1px solid var(--tnd-line)}
  .tnd-hdr-root .tnd-col h3 a{text-decoration:none}
  .tnd-hdr-root .tnd-col h3 a:hover{color:var(--tnd-teal)}
  .tnd-hdr-root .tnd-col ul{list-style:none;margin:0;padding:0}
  .tnd-hdr-root .tnd-col li a{display:block;padding:6px 0;text-decoration:none;font-size:.94rem;color:var(--tnd-ink)}
  .tnd-hdr-root .tnd-col li a:hover{color:var(--tnd-teal);text-decoration:underline;text-underline-offset:3px}
  .tnd-hdr-root .tnd-col li a.tnd-all{font-weight:600;color:var(--tnd-teal);font-size:.86rem;margin-top:4px}
  .tnd-hdr-root .tnd-col p{margin:0;font-size:.86rem;color:var(--tnd-muted)}
  .tnd-hdr-root .tnd-feature{display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;border-radius:14px;padding:18px;text-decoration:none;color:#fff;background:linear-gradient(160deg,rgba(0,0,0,0) 30%,rgba(31,82,76,.85)),linear-gradient(135deg,#a9c9c0,#2a6b63)}
  .tnd-hdr-root .tnd-feature--warm{background:linear-gradient(160deg,rgba(0,0,0,0) 30%,rgba(120,55,30,.85)),linear-gradient(135deg,#e7bfa6,#c8714f)}
  .tnd-hdr-root .tnd-feature small{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.9}
  .tnd-hdr-root .tnd-feature strong{font-family:var(--tnd-serif);font-weight:500;font-size:1.3rem;line-height:1.2;margin:4px 0 8px}
  .tnd-hdr-root .tnd-feature span{font-size:.85rem;font-weight:600}
  .tnd-hdr-root .tnd-feature:hover span{text-decoration:underline}
  .tnd-hdr-root .tnd-drawer{position:fixed;inset:0 auto 0 0;width:min(360px,88vw);background:var(--tnd-paper);z-index:60;transform:translateX(-100%);transition:transform .25s,visibility .25s;visibility:hidden;overflow-y:auto;display:flex;flex-direction:column}
  .tnd-hdr-root .tnd-drawer > *{flex-shrink:0}
  .tnd-hdr-root .tnd-drawer.is-open{transform:none;visibility:visible;box-shadow:var(--tnd-shadow)}
  .tnd-hdr-root .tnd-scrim{position:fixed;inset:0;background:rgba(43,35,33,.45);z-index:50;display:none}
  .tnd-hdr-root .tnd-scrim.is-open{display:block}
  .tnd-hdr-root .tnd-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--tnd-line)}
  .tnd-hdr-root .tnd-drawer-head strong{font-family:var(--tnd-display);color:var(--tnd-brown);letter-spacing:.08em}
  .tnd-hdr-root .tnd-close{border:0;background:var(--tnd-cream);width:40px;height:40px;border-radius:10px;cursor:pointer;display:grid;place-items:center}
  .tnd-hdr-root .tnd-drawer .tnd-search{margin:14px 16px;max-width:none}
  .tnd-hdr-root .tnd-drawer-label{margin:16px 16px 6px;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tnd-brown)}
  .tnd-hdr-root .tnd-drawer details{border-top:1px solid var(--tnd-line)}
  .tnd-hdr-root .tnd-drawer summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.88rem;display:flex;justify-content:space-between;align-items:center}
  .tnd-hdr-root .tnd-drawer summary::-webkit-details-marker{display:none}
  .tnd-hdr-root .tnd-drawer summary::after{content:"+";font-size:1.2rem;color:var(--tnd-teal)}
  .tnd-hdr-root .tnd-drawer details[open] summary::after{content:"–"}
  .tnd-hdr-root .tnd-drawer details ul{list-style:none;margin:0;padding:0 16px 12px}
  .tnd-hdr-root .tnd-drawer details li a{display:block;padding:9px 12px;border-radius:8px;text-decoration:none}
  .tnd-hdr-root .tnd-drawer details li a:hover{background:var(--tnd-cream)}
  .tnd-hdr-root .tnd-drawer .tnd-sub{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tnd-muted);padding:8px 12px 2px}
  .tnd-hdr-root .tnd-drawer-link{display:flex;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--tnd-line);text-decoration:none;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.88rem}
  .tnd-hdr-root .tnd-drawer-link--sale{color:#fff;background:var(--tnd-terracotta);margin:12px 16px;border-radius:10px;border:0;justify-content:center}
  .tnd-hdr-root .tnd-drawer-util{margin-top:auto;background:var(--tnd-cream);padding:10px 8px 16px;border-top:1px solid var(--tnd-line)}
  .tnd-hdr-root .tnd-drawer-util a{display:flex;align-items:center;gap:10px;padding:10px 10px;text-decoration:none;font-size:.9rem}
@media (max-width:1100px){
  .tnd-hdr-root .tnd-top{padding:14px 11px;letter-spacing:.08em}
  .tnd-hdr-root .tnd-panel--cats .tnd-panel-inner{grid-template-columns:repeat(4,1fr)}
  .tnd-hdr-root .tnd-panel--cats .tnd-feature{display:none}
  .tnd-hdr-root .tnd-utility .tnd-tagline{display:none}
}
@media (max-width:900px){
  .tnd-hdr-root .tnd-utility .tnd-hide-m{display:none}
  .tnd-hdr-root .tnd-utility .tnd-wrap{justify-content:center}
  .tnd-hdr-root .tnd-nav{display:none}
  .tnd-hdr-root .tnd-burger{display:grid}
  .tnd-hdr-root .tnd-brand .tnd-wrap{grid-template-columns:auto 1fr auto;padding-top:10px;padding-bottom:10px}
  .tnd-hdr-root .tnd-brand .tnd-search{display:none}
  .tnd-hdr-root .tnd-drawer .tnd-search{display:flex}
  .tnd-hdr-root .tnd-action .tnd-lbl{display:none}
  .tnd-hdr-root .tnd-mark{display:none}
  .tnd-hdr-root .tnd-since{font-size:.62rem}
}
@media (min-width:901px){
  .tnd-hdr-root .tnd-drawer,.tnd-hdr-root .tnd-scrim{display:none!important}
}

/* ---------- Ajustes tras ver el sitio real (1.0.3) ----------
   Fondo opaco: antes era semitransparente y el contenido que sube por debajo se transparentaba. */
.tnd-hdr-root .tnd-brand{background:#faeee8}
@media (max-width:900px){
  /* Algunas páginas suben su primer bloque con margen negativo en celular (lo hacían para el header viejo) */
  .tnd-hdr-root{margin-bottom:46px}
  /* Nombre en una o dos líneas sin chocar con los botones */
  .tnd-hdr-root .tnd-name{font-size:clamp(.95rem,4.4vw,1.3rem);letter-spacing:.05em;line-height:1.1}
}
/* Inicio: bloque solo-celular con "SINCE 2008 / TERRA NATURAL DESIGNS" que repetía el logo del header viejo */
.elementor-element-00d6e6c{display:none!important}

/* iPad horizontal (901–1024 px): Elementor usa ahí los estilos de tablet, que suben los títulos ~30 px,
   y el header es el de computadora (más alto). Se agrega espacio para que no toquen el menú. (1.0.5) */
@media (min-width:901px) and (max-width:1024px){
  .tnd-hdr-root{margin-bottom:44px}
}

/* Total del carrito en blanco: Flatsome pinta los precios (.amount) de oscuro. (1.0.6) */
.tnd-hdr-root .tnd-cart .tnd-lbl,
.tnd-hdr-root .tnd-cart .amount,
.tnd-hdr-root .tnd-cart bdi,
.tnd-hdr-root .tnd-cart .woocommerce-Price-currencySymbol{color:#fff!important}
/* El nombre/logo del encabezado no cambia de color al pasar el mouse (Flatsome pone casi negro todos los enlaces). (1.0.8) */
.tnd-hdr-root a.tnd-logo:hover,.tnd-hdr-root a.tnd-logo:focus,.tnd-hdr-root a.tnd-logo:hover .tnd-name{color:var(--tnd-brown)}