/* =========================================================
   IMPORIA - SISTEMA DE DISEÑO ELEGANTE
   Paleta: Arena, Verde Oliva, Terracota y Azul Profundo
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* Cifras de contacto más nítidas y fáciles de escanear */
.contact-number,
.footer-phone {
  font-family: 'JetBrains Mono', monospace;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: .035em;
}

:root {
  --arena: #D3C7AD;
  --olive: #686751;
  --terracotta: #A65F43;
  --deep-blue: #28374A;
  --navy-950: #202c3b;
  --navy-900: #28374A;
  --navy-800: #34475f;
  --navy-700: #52657a;
  --imporia-blue: #28374A;
  --imporia-blue-dark: #202c3b;
  --blue-100: #e9e3d6;
  --blue-50: #f4f0e7;
  --bg-dark: var(--navy-950);
  --concrete-base: var(--arena);
  --concrete-surface: rgba(211, 199, 173, 0.96);
  --concrete-card: rgba(211, 199, 173, 0.98);
  --concrete-card-hover: #ded4bf;

  /* Acentos cálidos para acciones */
  --corten-rust: #A65F43;
  --corten-light: #bd765a;
  --corten-bright: #d69a80;
  --corten-dark: #814732;
  --corten-glow: rgba(166, 95, 67, 0.24);
  --accent-orange: #A65F43;
  --accent-orange-dark: #814732;

  --text-main: #28374A;
  --text-muted: #686751;
  --text-dim: #686751;

  --gold-accent: #A65F43;
  --border-concrete: rgba(40, 55, 74, .22);
  --border-rust: rgba(166, 95, 67, 0.5);
  --border-rust-strong: rgba(166, 95, 67, 0.75);
}

.font-editorial { font-family: 'Cormorant Garamond', Georgia, serif; }
.font-sans-ui { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; }
.font-mono-card { font-family: 'JetBrains Mono', monospace; }

/* Fondo global blanco */
body {
  background-color: var(--arena);
  background-image: none;
  color: var(--text-main);
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  overflow-x: hidden;
  min-height: 100vh;
}

::selection {
  background: var(--corten-rust);
  color: #ffffff;
}

/* Efectos de Vidrio y Hormigón Esmerilado */
.glass-nav {
  background: url('../images/fondo-naranja-curvas-imporia.png') center / cover;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.logo-primary {
  display: flex;
  width: 76px;
  height: 110px;
  align-items: center;
  justify-content: center;
  animation: logoEntrance 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.logo-primary img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@keyframes logoEntrance {
  from { opacity: 0; transform: scale(0.88) translateY(-8px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .logo-primary { animation: none; }
}

.concrete-panel {
  background: var(--imporia-blue);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--border-concrete);
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(8, 38, 60, 0.1);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.concrete-panel:hover {
  background: var(--imporia-blue-dark);
  border-color: var(--border-rust);
  transform: translateY(-3px);
  box-shadow: 0 20px 44px rgba(8, 38, 60, 0.16), 0 0 0 1px var(--border-rust);
}

/* Gradientes de acero neutro */
.rust-gradient-text {
  background: var(--accent-orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.accent-orange-bg {
  background: var(--accent-orange);
  color: #1b1c1e;
  border: 1px solid var(--accent-orange-dark);
}

.accent-orange-bg:hover {
  background: #ffb52e;
  box-shadow: 0 8px 24px rgba(252, 165, 10, 0.28);
}

.rust-gradient-bg {
  background: linear-gradient(135deg, #ff963f 0%, #e76612 100%);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.rust-gradient-bg:hover {
  background: linear-gradient(135deg, #ffa85f 0%, #f47a23 100%);
  box-shadow: 0 8px 24px var(--corten-glow);
}

.rust-outline-btn {
  border: 1px solid var(--corten-rust);
  color: var(--corten-light);
  transition: all 0.3s ease;
}

.rust-outline-btn:hover {
  background: var(--corten-rust);
  color: #ffffff;
  box-shadow: 0 0 20px var(--corten-glow);
}

/* Banner de Concierge "Si no lo tenemos, te lo importamos" */
.concierge-banner {
  background: linear-gradient(135deg, var(--imporia-blue) 0%, var(--imporia-blue-dark) 100%);
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-left: 6px solid var(--accent-orange);
  box-shadow: 0 28px 68px rgba(8, 38, 60, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

/* Tarjetas de Producto E-Commerce */
.product-card {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: var(--imporia-blue);
  backdrop-filter: blur(12px);
  border: 1px solid #dce7ee;
  box-shadow: 0 12px 30px rgba(8, 38, 60, 0.08);
  transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.product-card:hover {
  border-color: var(--border-rust-strong);
  transform: translateY(-5px);
  box-shadow: 0 22px 45px rgba(8, 38, 60, 0.15), 0 0 0 1px rgba(244, 122, 35, .45);
}

.featured-product-card {
  border-color: var(--border-rust);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.5);
}

.featured-product-card .product-image-container img {
  object-position: center 58%;
}

.product-image-container {
  position: relative;
  overflow: hidden;
  background: #f4f8fb;
}

.product-image-container img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.product-card:hover .product-image-container img {
  transform: scale(1.05);
}

/* Insignias de Hormigón & Óxido */
.badge-rust {
  background: rgba(244, 122, 35, 0.14);
  color: #b74700;
  border: 1px solid rgba(244, 122, 35, 0.42);
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
}

.badge-green {
  background: rgba(46, 125, 50, 0.2);
  color: #81c784;
  border: 1px solid rgba(76, 175, 80, 0.45);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
}

/* Tarjeta de Crédito 3D Interactiva */
.interactive-credit-card {
  background: linear-gradient(135deg, #2b2e34 0%, #17181b 100%);
  border: 1px solid rgba(174, 179, 183, 0.58);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 22px;
  position: relative;
  overflow: hidden;
}

.interactive-credit-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(174, 179, 183, 0.18) 0%, transparent 65%);
  pointer-events-none;
}

.card-emv-chip {
  width: 44px;
  height: 32px;
  background: linear-gradient(135deg, #9ba0a4 0%, #555b60 100%);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  position: relative;
}

.card-emv-chip::after {
  content: '';
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

/* Drawer y Modales */
.drawer-backdrop {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
}

.drawer-panel {
  background: #17181c;
  border-left: 1px solid rgba(174, 179, 183, 0.42);
  box-shadow: -15px 0 45px rgba(0, 0, 0, 0.8);
}

/* Personalización del Scrollbar */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: #131417; }
::-webkit-scrollbar-thumb { background: #2f3238; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--corten-rust); }

/* Animaciones */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in { animation: fadeIn 0.35s ease forwards; }

/* Botón flotante WhatsApp */
.floating-whatsapp {
  position: fixed;
  bottom: 24px;
  right: 24px;
  /* Mantener el acceso visible sobre barras de vista previa y del navegador. */
  z-index: 2147483000;
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);
  transition: all 0.3s ease;
  min-height: 56px;
  padding: 0 20px;
  gap: 10px;
  font-size: 0.78rem;
  font-weight: 800;
}

.floating-whatsapp:hover {
  transform: scale(1.08) translateY(-2px);
  box-shadow: 0 15px 32px rgba(37, 211, 102, 0.55);
}

.gallery-tabs { display: inline-flex; gap: 6px; padding: 5px; margin-bottom: 24px; border: 1px solid #164d70; border-radius: 14px; background: #08263c; }
.gallery-tab { padding: 10px 18px; border-radius: 10px; color: #cbdde8; background: #08263c; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; transition: background .25s ease, color .25s ease, transform .25s ease; }
.gallery-tab:hover { color: #fff; background: #164d70; }
.gallery-tab.is-active { color: #fff; background: var(--accent-orange); box-shadow: 0 6px 18px rgba(244,122,35,.25); }

/* Lienzo blanco con tipografía oscura fuera de paneles */
#galeria-real h2,
#catalogo > div > div:first-child h2,
#contacto .lg\:col-span-5 > h2 { color: #17191b; }
#galeria-real > div > div:first-child p,
#catalogo > div > div:first-child p,
#contacto .lg\:col-span-5 > p { color: #555b60; }
#galeria-real { background: #fff; border-color: #e2e4e5; }
#contacto { background: transparent; border-color: rgba(40,88,120,.24); }
#contacto .concrete-panel p { color: #fff; }
#catalogo a[href="#importacion"] { color: var(--accent-orange-dark); }
#catalogo > div > div:first-child p.catalog-purchase-copy,
#catalogo .catalog-purchase-copy a { color: #111; font-weight: 800; }
.concierge-banner .inline-flex:first-child { color: var(--navy-950); border-color: rgba(8, 38, 60, .35); background: rgba(255, 255, 255, .72); }

/* Tema elegante azul, naranja y blanco */
header > div:first-child {
  background: #111518 !important;
  border-top: 2px solid var(--accent-orange);
  border-bottom: 2px solid var(--accent-orange) !important;
}
.glass-nav > div:first-child span,
.glass-nav > div:first-child a { color: #fff; text-shadow: 0 1px 5px rgba(0,0,0,.45); }
#inicio { background: transparent; }
#inicio::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(118deg, transparent 0 68%, rgba(13, 54, 83, .08) 68% 69%, transparent 69%);
}
#inicio h1,
#inicio .grid.grid-cols-2 p.font-editorial { color: var(--navy-950); }
#inicio .lg\:col-span-7 > p { color: #111827; }
#inicio .grid.grid-cols-2 p.text-xs { color: #607786; }
#inicio .grid.grid-cols-2 p.hero-stock-delivery { color: #fff; }
#inicio .hero-service-label { color: #ffb35c; }
#inicio .grid.grid-cols-2.trust-metrics p,
#inicio .grid.grid-cols-2.trust-metrics p.hero-stock-delivery { color: #111; }
#inicio .grid.grid-cols-2 { border-color: #dbe6ed; }
#inicio a[href="#catalogo"] { background: var(--navy-900); border-color: var(--navy-900); color: #fff; }
#inicio a[href="#catalogo"]:hover { background: var(--navy-700); }
#inicio .concrete-panel > div { background: var(--imporia-blue); }

.glass-nav > div:nth-child(2) { background: transparent; }
.glass-nav nav a { color: #111; text-shadow: none; }
.glass-nav nav a:hover { color: #7a2f00; }
.glass-nav .open-cart-btn { background: rgba(3, 22, 73, .68); border-color: rgba(255,255,255,.32); color: #fff; }
.glass-nav .open-cart-btn span { color: #fff; }
.glass-nav #mobile-menu-btn { background: rgba(3, 22, 73, .72); color: #fff; }
.glass-nav > div:first-child span,
.glass-nav > div:first-child a { color: #fff; text-shadow: none; }
.glass-nav .rust-gradient-bg { color: #111; }
.glass-nav svg { color: #fff; }
.glass-nav .header-badge,
.glass-nav #cart-badge {
  background: var(--accent-orange);
  color: #111;
  border: 1px solid var(--accent-orange-dark);
}

.concrete-panel h4,
.concrete-panel p { color: #fff; }
.badge-gold { background: #fff3e9; color: #b74700; border: 1px solid #ffc79e; border-radius: 999px; padding: 4px 10px; font-size: .7rem; font-weight: 800; }
.gold-gradient-bg { background: linear-gradient(135deg, #ff963f, #e76612); color: #fff; }
.product-card h3,
.product-card h3:hover,
.product-card p,
.product-card span,
.product-card .text-white { color: #fff; }
.product-card .btn-open-detail { border-color: rgba(255,255,255,.55); color: #fff; }
.product-card .btn-open-detail:hover { border-color: #fff; color: #fff; background: rgba(255,255,255,.12); }
.product-card .btn-card-add-cart { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.45); color: #fff; }
.product-card .btn-card-buy-now { color: #fff; }
.product-card .badge-gold { color: #8a3500; }
.badge-rust,
.badge-gold,
.product-card .badge-gold { background: #fff; color: #111; border-color: rgba(17,17,17,.18); }

#importacion { background: transparent; }
#importacion form,
#importacion .import-quote-panel,
#contacto .contact-sales-panel { background: #111518; border-color: rgba(255,255,255,.22); }
#importacion form h3,
#importacion form p,
#importacion form label,
#contacto .lg\:col-span-7 h3,
#contacto .lg\:col-span-7 p,
#contacto .lg\:col-span-7 label { color: #fff; }
#contacto .concrete-panel { background: var(--imporia-blue); border-color: rgba(255,255,255,.24); }
#contacto .concrete-panel p,
#contacto .concrete-panel p:first-child { color: #fff; }
#contacto .contact-eyebrow { color: #111; }
#catalogo { background: transparent; }
#catalogo input { background: #fff !important; color: var(--navy-950) !important; border-color: #b9ceda !important; }
#catalogo .category-filter-btn { background: #fff; border-color: #b9ceda; color: var(--navy-800); }
#catalogo .category-filter-btn:first-child,
#catalogo .category-filter-btn.is-active { background: var(--navy-900); border-color: var(--navy-900); color: #fff; }

input, select, textarea { background: #fff !important; color: var(--navy-950) !important; border-color: #b9ceda !important; }
input::placeholder, textarea::placeholder { color: #78909e !important; }
input:focus, select:focus, textarea:focus { border-color: var(--accent-orange) !important; box-shadow: 0 0 0 3px rgba(244,122,35,.12); }

.contact-whatsapp-submit {
  background: #f05a00;
  border: 1px solid #c94700;
  color: #fff;
  box-shadow: 0 12px 26px rgba(240, 90, 0, .3);
}
.contact-whatsapp-submit:hover {
  background: #ff6a00;
  box-shadow: 0 16px 32px rgba(240, 90, 0, .4);
}

footer {
  background: #111518 !important;
  border-top: 3px solid var(--accent-orange) !important;
  border-bottom: 3px solid var(--accent-orange) !important;
}
.concierge-banner > .grid > div:first-child { color: #fff; text-shadow: 0 1px 8px rgba(0, 0, 0, .35); }
footer { color: #fff; text-shadow: none; }
.concierge-banner > .grid > div:first-child h2,
.concierge-banner > .grid > div:first-child p { color: #fff; }
footer .text-white,
footer .text-neutral-400,
footer .text-neutral-500,
footer .text-black { color: #fff; }
footer h4,
footer a:hover { color: var(--accent-orange); }
footer .footer-stock-status {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  color: #111;
  background: var(--accent-orange);
  text-shadow: none;
}
footer .border-neutral-800,
footer .border-neutral-900 { border-color: rgba(255,255,255,.16); }
.floating-whatsapp {
  background: #20b85a !important;
  color: #fff !important;
  border: 3px solid #0b6f35;
}
.floating-whatsapp:hover { background: #28ca66 !important; }
.drawer-panel { background: var(--navy-950); border-color: var(--navy-700); }
#checkout-modal > div.relative,
#order-confirmation-modal > div.relative,
#product-modal > div.relative { background: var(--navy-900); border-color: var(--navy-700); }
::-webkit-scrollbar-track { background: #e8f1f6; }
::-webkit-scrollbar-thumb { background: var(--navy-700); }
.gallery-zoomable { cursor: zoom-in; }
.gallery-panel .concrete-panel[role="button"]:focus-visible { outline: 3px solid var(--corten-bright); outline-offset: 3px; }
.stock-pill { background: rgba(20,83,45,.88); border: 1px solid rgba(134,239,172,.35); color: #dcfce7; border-radius: 999px; padding: 3px 9px; font-size: .68rem; font-weight: 800; }
.gallery-lightbox { position: fixed; inset: 0; z-index: 70; display: flex; align-items: center; justify-content: center; padding: 28px; background: rgba(7,8,9,.93); backdrop-filter: blur(16px); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
.gallery-lightbox.is-open { opacity: 1; visibility: visible; }
.gallery-lightbox figure { max-width: min(1100px, 92vw); max-height: 88vh; text-align: center; }
.gallery-lightbox img { max-width: 100%; max-height: 80vh; object-fit: contain; border-radius: 14px; box-shadow: 0 30px 80px rgba(0,0,0,.7); }
.gallery-lightbox figcaption { margin-top: 12px; color: #d6d3d1; font-size: .78rem; }
.gallery-lightbox-close { position: fixed; top: 20px; right: 24px; color: white; font-size: 2rem; line-height: 1; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.1); }

.product-media-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 5px; border-radius: 12px; background: rgba(6, 27, 43, .72); border: 1px solid var(--navy-700); }
.product-media-tab { min-width: 0; padding: 9px 6px; border-radius: 8px; color: #c7dae6; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; transition: background .2s ease, color .2s ease, transform .2s ease; }
.product-media-tab:hover { color: #fff; background: var(--navy-700); }
.product-media-tab.is-active { color: #fff; background: var(--accent-orange); box-shadow: 0 6px 16px rgba(244,122,35,.24); }

/* Identidad cromática IMPORIA: arena, azul profundo, terracota y oliva */
.glass-nav { background: var(--arena); border-bottom-color: rgba(40, 55, 74, .24); }
header > div:first-child { background: var(--deep-blue) !important; border-color: var(--terracotta) !important; }
.glass-nav nav a { color: var(--deep-blue); }
.glass-nav nav a:hover { color: var(--terracotta); }
.glass-nav .open-cart-btn,
.glass-nav #mobile-menu-btn { background: var(--deep-blue); }
.glass-nav .header-badge,
.glass-nav #cart-badge { background: var(--terracotta); border-color: var(--corten-dark); color: #fff; }
#inicio h1,
#inicio .lg\:col-span-7 > p,
#inicio .grid.grid-cols-2 p,
#catalogo > div > div:first-child h2,
#contacto .lg\:col-span-5 > h2,
#contacto .contact-eyebrow { color: var(--deep-blue); }
#inicio::after { background: linear-gradient(118deg, transparent 0 68%, rgba(104, 103, 81, .14) 68% 69%, transparent 69%); }
.rust-gradient-bg,
.gold-gradient-bg,
.accent-orange-bg,
.contact-whatsapp-submit { background: var(--terracotta); border-color: var(--corten-dark); color: #fff; }
.rust-gradient-bg:hover,
.gold-gradient-bg:hover,
.accent-orange-bg:hover,
.contact-whatsapp-submit:hover { background: #b96c4e; }
.badge-green,
.stock-pill { background: var(--olive); border-color: #85846b; color: #fff; }
.badge-rust,
.badge-gold,
.product-card .badge-gold { background: var(--arena); color: var(--deep-blue); border-color: rgba(40, 55, 74, .25); }
.concierge-banner,
.concrete-panel,
.product-card,
#importacion form,
#importacion .import-quote-panel,
#contacto .contact-sales-panel,
.drawer-panel,
#checkout-modal > div.relative,
#order-confirmation-modal > div.relative,
#product-modal > div.relative { background: var(--deep-blue); }
input, select, textarea,
#catalogo input { background: #f5f1e8 !important; color: var(--deep-blue) !important; border-color: rgba(104, 103, 81, .5) !important; }
input:focus, select:focus, textarea:focus { border-color: var(--terracotta) !important; box-shadow: 0 0 0 3px rgba(166, 95, 67, .16); }
footer { background: var(--deep-blue) !important; border-color: var(--terracotta) !important; }
footer h4,
footer a:hover { color: #d69a80; }
footer .footer-stock-status { background: var(--olive); color: #fff; }
.interactive-credit-card { background: linear-gradient(135deg, var(--deep-blue), #1f2a38); border-color: rgba(211, 199, 173, .42); }
.card-emv-chip { background: linear-gradient(135deg, var(--arena), #a99d82); }
.floating-whatsapp { background: #25D366 !important; border-color: #128C7E; }
.floating-whatsapp:hover { background: #1ebe5d !important; }
::-webkit-scrollbar-track { background: #e5dece; }
::-webkit-scrollbar-thumb { background: var(--olive); }

/* Composición de alto contraste: el arena queda como acento, no como lienzo dominante */
body { background: #fff; }
.glass-nav {
  background: #fff;
  box-shadow: 0 12px 32px rgba(40, 55, 74, .12);
}

#inicio {
  background:
    radial-gradient(circle at 92% 14%, rgba(166, 95, 67, .20) 0 15%, transparent 15.3%),
    linear-gradient(104deg, #fff 0 73%, rgba(104, 103, 81, .13) 73% 100%);
  border-bottom: 8px solid var(--terracotta);
}
#inicio::before {
  content: '';
  position: absolute;
  width: 180px;
  height: 180px;
  right: 5%;
  bottom: -110px;
  border-radius: 50%;
  background: var(--deep-blue);
  opacity: .95;
  pointer-events: none;
}
#inicio .inline-flex.border { background: var(--deep-blue); border-color: var(--terracotta); }
#inicio .hero-service-label { color: #fff; }
#inicio .trust-metrics { border: 0; padding-top: 0; }
#inicio .trust-metrics > div {
  min-height: 118px;
  padding: 20px;
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(40, 55, 74, .16);
}
#inicio .trust-metrics > div:first-child { background: var(--olive); }
#inicio .trust-metrics > div:last-child { background: var(--olive); }
#inicio .trust-metrics p,
#inicio .grid.grid-cols-2.trust-metrics p,
#inicio .grid.grid-cols-2.trust-metrics p.hero-stock-delivery { color: #fff; }

#importacion {
  background: var(--terracotta);
  border-bottom: 8px solid var(--deep-blue);
}
.concierge-banner {
  box-shadow: 0 30px 70px rgba(40, 55, 74, .28);
  border-color: rgba(255,255,255,.3);
  border-left: 8px solid var(--arena);
}
#importacion .import-quote-panel {
  background: #202c3b;
  border: 2px solid var(--terracotta);
}

#catalogo {
  background: #fff;
  border-bottom: 8px solid var(--olive);
}
#catalogo > div > div:first-child > div:first-child {
  border-left: 7px solid var(--terracotta);
  padding-left: 20px;
}
#catalogo .category-filter-btn:first-child,
#catalogo .category-filter-btn.is-active { background: var(--terracotta); border-color: var(--terracotta); }
#catalogo .category-filter-btn:not(.is-active) { border-color: var(--olive); color: var(--deep-blue); }
.product-card { background: var(--olive); border: 0; border-top: 6px solid var(--terracotta); }
.product-card:nth-child(even) { border-top-color: var(--deep-blue); }
.product-card:nth-child(3n) { border-top-color: var(--arena); }

#contacto {
  background: var(--olive);
  border: 0;
  border-bottom: 8px solid var(--terracotta);
}
#contacto .lg\:col-span-5 > h2,
#contacto .lg\:col-span-5 > p,
#contacto .contact-eyebrow { color: #fff; }
#contacto .contact-eyebrow {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--terracotta);
}
#contacto .concrete-panel { border-left: 5px solid var(--terracotta); }
#contacto .contact-sales-panel { border: 2px solid var(--arena); }

footer { border-top-width: 8px !important; }

/* Encabezado principal y cierre en verde oliva */
.glass-nav,
.glass-nav > div:nth-child(2) { background: var(--olive); }
.glass-nav nav a { color: #fff; }
.glass-nav nav a:hover { color: var(--arena); }
footer { background: var(--olive) !important; }
footer .footer-stock-status { background: var(--terracotta); }

@media (max-width: 640px) {
  html { scroll-padding-top: 116px; }
  header > div:first-child { padding: 7px 14px; line-height: 1.35; text-align: center; }
  header > div:first-child > div,
  header > div:first-child .flex.items-center { width: 100%; justify-content: center; }
  .glass-nav > div:nth-child(2) { min-height: 76px; padding: 8px 16px; gap: 10px; }
  .logo-primary { width: 48px; height: 70px; flex: 0 0 auto; }
  #mobile-menu { max-height: calc(100vh - 116px); overflow-y: auto; padding: 14px 18px 18px; }
  #mobile-menu > a { min-height: 42px; display: flex; align-items: center; }
  #inicio { padding-top: 40px; padding-bottom: 56px; }
  #inicio .grid.grid-cols-1 { gap: 34px; }
  #inicio h1 { font-size: clamp(2.35rem, 12vw, 3.4rem); line-height: 1; }
  #inicio .lg\:col-span-7 > .flex.flex-wrap { display: grid; grid-template-columns: 1fr; }
  #inicio .lg\:col-span-7 > .flex.flex-wrap > a { width: 100%; min-height: 52px; justify-content: center; }
  #inicio .trust-metrics { gap: 14px; margin-top: 34px; padding-top: 24px; }
  #inicio .lg\:col-span-5 .relative.h-80 { height: 290px; }
  #importacion, #catalogo, #contacto { padding-top: 52px; padding-bottom: 52px; }
  .concierge-banner { padding: 22px 18px; border-radius: 20px; }
  .import-quote-panel, .contact-sales-panel { padding: 20px 16px; border-radius: 16px; }
  input, select, textarea, button { font-size: 16px; }
  #catalogo .category-filter-btn { min-height: 42px; font-size: .75rem; }
  #products-grid { gap: 18px; }
  .product-card:hover, .concrete-panel:hover { transform: none; }
  footer { padding-top: 42px !important; padding-bottom: 30px !important; }
  footer > div > .grid { gap: 28px; margin-bottom: 34px; }
  #cart-drawer { max-width: 100%; }
  .floating-whatsapp {
    width: 56px;
    min-height: 56px;
    right: 14px;
    bottom: max(14px, env(safe-area-inset-bottom));
    padding: 0;
  }
  .floating-whatsapp span { display: none; }
  #toast-notification {
    width: calc(100% - 32px);
    max-width: 360px;
    justify-content: center;
    text-align: center;
  }
}

/* =========================================================
   REDISEÑO EDITORIAL DEFINITIVO — IMPORIA
   Sistema: Deep Navy / Warm Sand / Warm Orange / Black
   ========================================================= */
:root {
  --deep-navy: #173B4A;
  --warm-sand: #E8DFCF;
  --warm-orange: #E8792F;
  --ink: #111111;
  --navy-950: #102c37;
  --navy-900: #173B4A;
  --navy-800: #214f61;
  --navy-700: #386576;
  --imporia-blue: #173B4A;
  --imporia-blue-dark: #102c37;
  --arena: #E8DFCF;
  --deep-blue: #173B4A;
  --terracotta: #E8792F;
  --olive: #173B4A;
  --corten-rust: #E8792F;
  --corten-light: #E8792F;
  --corten-bright: #f4a36e;
  --corten-dark: #bd561d;
  --corten-glow: rgba(232, 121, 47, .2);
  --accent-orange: #E8792F;
  --accent-orange-dark: #bd561d;
  --gold-accent: #E8792F;
  --text-main: #111111;
  --text-muted: #4c5960;
  --text-dim: #68737a;
  --border-concrete: rgba(23, 59, 74, .18);
  --border-rust: rgba(232, 121, 47, .55);
  --border-rust-strong: #E8792F;
}

html { scroll-behavior: smooth; }
body { background: var(--warm-sand); color: var(--ink); }
::selection { background: var(--warm-orange); color: var(--ink); }

/* Navegación: dos niveles, sobria y precisa */
.glass-nav {
  background: var(--warm-sand);
  border-bottom: 1px solid rgba(17,17,17,.16);
  box-shadow: 0 8px 24px rgba(17,17,17,.08);
  backdrop-filter: blur(18px);
}
header > div:first-child {
  background: var(--deep-navy) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(232,223,207,.18) !important;
  color: var(--warm-sand);
}
.glass-nav > div:nth-child(2) { background: var(--warm-sand); padding-top: 12px; padding-bottom: 12px; }
.logo-primary { width: 54px; height: 78px; }
.glass-nav nav { gap: 30px; }
.glass-nav nav a {
  position: relative;
  color: var(--deep-navy);
  font-weight: 700;
  letter-spacing: .015em;
}
.glass-nav nav a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -7px;
  height: 2px;
  background: var(--warm-orange);
  transition: right .25s ease;
}
.glass-nav nav a:hover { color: var(--ink); }
.glass-nav nav a:hover::after { right: 0; }
.glass-nav .open-cart-btn {
  background: var(--deep-navy);
  border: 1px solid var(--deep-navy);
  border-radius: 4px;
  box-shadow: none;
}
.glass-nav .open-cart-btn:hover { background: var(--ink); transform: translateY(-2px); }
.glass-nav .rust-gradient-bg,
.glass-nav #cart-badge,
.glass-nav .header-badge { background: var(--warm-orange); color: var(--ink); border-color: var(--warm-orange); }
.glass-nav #mobile-menu-btn { background: var(--deep-navy); border-radius: 3px; }
#mobile-menu { background: var(--deep-navy); border-color: rgba(232,223,207,.18); }

/* Hero editorial: tipografía protagonista + producto integrado */
#inicio {
  min-height: min(780px, calc(100vh - 120px));
  display: flex;
  align-items: center;
  background: var(--warm-sand);
  border: 0;
  isolation: isolate;
}
#inicio::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, transparent 0 63%, rgba(23,59,74,.08) 63% 63.15%, transparent 63.15%),
    linear-gradient(0deg, transparent 0 18%, rgba(17,17,17,.06) 18% 18.15%, transparent 18.15%);
}
#inicio::before {
  content: 'IMPORIA / IMPORTACIÓN DIRECTA';
  position: absolute;
  right: -40px;
  bottom: 74px;
  z-index: -1;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: rgba(23,59,74,.08);
  font: 800 clamp(2.5rem, 7vw, 7rem)/1 'Plus Jakarta Sans', sans-serif;
  letter-spacing: .03em;
  white-space: nowrap;
  opacity: 1;
}
#inicio .lg\:col-span-7 { position: relative; z-index: 2; }
#inicio .inline-flex.border {
  background: transparent;
  border: 0;
  border-left: 4px solid var(--warm-orange);
  border-radius: 0;
  padding: 4px 0 4px 12px;
}
#inicio .inline-flex.border > span:first-child { display: none; }
#inicio .hero-service-label { color: var(--deep-navy); }
#inicio h1 {
  color: var(--deep-navy);
  font-size: clamp(3.9rem, 7vw, 7rem);
  line-height: .88;
  letter-spacing: -.045em;
  max-width: 850px;
}
#inicio h1 .rust-gradient-text {
  display: inline-block;
  padding-top: .08em;
  background: none;
  -webkit-text-fill-color: var(--warm-orange);
  color: var(--warm-orange);
}
#inicio .lg\:col-span-7 > p { max-width: 700px; color: #34464e; line-height: 1.8; }
#inicio .lg\:col-span-7 > .flex.flex-wrap a {
  border-radius: 4px;
  min-height: 48px;
  box-shadow: none;
}
#inicio .accent-orange-bg { background: var(--warm-orange); color: var(--ink); border-color: var(--warm-orange); }
#inicio .accent-orange-bg:hover { background: var(--ink); color: var(--warm-sand); transform: translateY(-3px); }
#inicio a[href="#catalogo"] { background: var(--deep-navy); border-color: var(--deep-navy); }
#inicio a[href="#catalogo"]:hover { background: var(--ink); }
#inicio .trust-metrics { gap: 0; max-width: 620px; border-top: 1px solid rgba(17,17,17,.2); }
#inicio .trust-metrics > div {
  min-height: 0;
  padding: 22px 24px 0 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
}
#inicio .trust-metrics > div + div { padding-left: 28px; border-left: 1px solid rgba(17,17,17,.2); }
#inicio .grid.grid-cols-2.trust-metrics p { color: var(--deep-navy); }
#inicio .grid.grid-cols-2.trust-metrics p.text-xs,
#inicio .grid.grid-cols-2.trust-metrics p.hero-stock-delivery { color: #566168; }
#inicio .lg\:col-span-5 .concrete-panel {
  position: relative;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#inicio .lg\:col-span-5 .concrete-panel::before {
  content: '';
  position: absolute;
  inset: -24px 42px 28px -28px;
  z-index: -1;
  background: var(--deep-navy);
}
#inicio .lg\:col-span-5 .concrete-panel::after {
  content: '';
  position: absolute;
  width: 94px;
  height: 94px;
  right: -22px;
  top: -30px;
  z-index: 2;
  border-top: 10px solid var(--warm-orange);
  border-right: 10px solid var(--warm-orange);
  pointer-events: none;
}
#inicio .lg\:col-span-5 .relative.h-80 { border-radius: 2px; background: var(--warm-sand); box-shadow: 0 24px 60px rgba(17,17,17,.18); }
#inicio .lg\:col-span-5 .absolute.bottom-3 { background: rgba(23,59,74,.96); border: 0; border-radius: 2px; }

/* Bloque de importación: oscuro, espacioso, sin tarjeta genérica */
#importacion {
  background: var(--deep-navy);
  border: 0;
  padding-top: 104px;
  padding-bottom: 104px;
}
.concierge-banner {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.concierge-banner::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -104px;
  bottom: -104px;
  width: 1px;
  background: rgba(232,223,207,.16);
}
.concierge-banner > .grid > div:first-child { padding-right: clamp(24px, 5vw, 72px); }
.concierge-banner > .grid > div:first-child h2 { font-size: clamp(2.6rem, 5vw, 4.6rem); line-height: .98; }
.concierge-banner .inline-flex:first-child {
  background: transparent;
  color: var(--warm-orange);
  border: 0;
  border-radius: 0;
  padding: 0 0 10px;
}
#importacion .import-quote-panel,
#importacion form {
  background: var(--warm-sand);
  border: 0;
  border-radius: 3px;
  box-shadow: 18px 18px 0 var(--warm-orange);
}
#importacion .import-quote-panel { padding: clamp(24px, 4vw, 40px); }
#importacion form { box-shadow: none; }
#importacion form h3,
#importacion form p,
#importacion form label { color: var(--ink); }

/* Formularios: precisión editorial */
input, select, textarea,
#catalogo input {
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid rgba(17,17,17,.24) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--warm-orange) !important;
  box-shadow: 0 0 0 3px rgba(232,121,47,.14) !important;
}
input::placeholder, textarea::placeholder { color: #7b7b76 !important; }

/* Catálogo: tarjetas claras con ritmo y foco en producto */
#catalogo {
  background: var(--warm-sand);
  border: 0;
  padding-top: 104px;
  padding-bottom: 112px;
}
#catalogo > div > div:first-child > div:first-child { border-left: 5px solid var(--warm-orange); padding-left: 22px; }
#catalogo > div > div:first-child h2 { color: var(--deep-navy); font-size: clamp(3rem, 5vw, 5rem); line-height: .95; }
#catalogo .catalog-purchase-copy,
#catalogo .catalog-purchase-copy a { color: var(--ink); }
#catalogo .category-filter-btn {
  min-height: 42px;
  padding-inline: 18px;
  border-radius: 3px;
  background: transparent;
  border: 1px solid rgba(23,59,74,.34);
  color: var(--deep-navy);
}
#catalogo .category-filter-btn:hover { background: var(--deep-navy); border-color: var(--deep-navy); color: var(--warm-sand); }
#catalogo .category-filter-btn:first-child,
#catalogo .category-filter-btn.is-active { background: var(--warm-orange); border-color: var(--warm-orange); color: var(--ink); }
#products-grid { gap: 24px; }
.product-card,
.product-card:nth-child(even) {
  background: #f4eee3;
  border: 1px solid rgba(17,17,17,.16);
  border-top: 4px solid var(--deep-navy);
  border-radius: 3px;
  box-shadow: none;
}
.product-card:nth-child(3n) { border-top-color: var(--warm-orange); }
.product-card:hover {
  transform: translateY(-7px);
  border-color: var(--warm-orange);
  box-shadow: 0 20px 45px rgba(17,17,17,.13);
}
.featured-product-card { border-top-width: 8px; }
.product-image-container { background: #fff; }
.product-card h3,
.product-card h3:hover,
.product-card p,
.product-card span,
.product-card .text-white { color: var(--ink); }
.product-card h3 { color: var(--deep-navy); font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.45rem; font-weight: 700; }
.product-card p { color: #566168; }
.product-card .border-neutral-800 { border-color: rgba(17,17,17,.14); }
.product-card .btn-open-detail { color: var(--deep-navy); border-color: rgba(23,59,74,.45); border-radius: 3px; }
.product-card .btn-open-detail:hover { background: var(--deep-navy); color: var(--warm-sand); border-color: var(--deep-navy); }
.product-card .btn-card-add-cart { background: var(--deep-navy); color: var(--warm-sand); border: 0; border-radius: 3px; }
.product-card .btn-card-buy-now { background: var(--warm-orange); color: var(--ink); border-radius: 3px; box-shadow: none; }
.product-card .btn-card-buy-now:hover { background: var(--ink); color: var(--warm-sand); }
.product-card .badge-gold,
.badge-rust,
.badge-gold { background: var(--warm-orange); color: var(--ink); border: 0; border-radius: 2px; }

/* Contacto / CTA sobre fondo claro */
#contacto {
  background: #f5f1e8;
  border: 0;
  border-top: 1px solid rgba(40, 55, 74, .14);
  padding-top: 104px;
  padding-bottom: 104px;
}
#contacto .lg\:col-span-5 > h2 { color: var(--deep-navy); font-size: clamp(2.8rem, 5vw, 4.6rem); line-height: .98; }
#contacto .lg\:col-span-5 > p { color: #566168; }
#contacto .contact-eyebrow {
  padding: 0 0 8px;
  border-radius: 0;
  border-bottom: 2px solid var(--warm-orange);
  background: transparent;
  color: var(--warm-orange);
}
#contacto .concrete-panel {
  background: var(--deep-navy);
  border: 0;
  border-left: 3px solid var(--warm-orange);
  border-radius: 2px;
  box-shadow: none;
}
#contacto .concrete-panel:hover { background: #214c5d; transform: translateX(5px); }
#contacto .contact-sales-panel {
  background: var(--warm-sand);
  border: 0;
  border-radius: 3px;
  box-shadow: 16px 16px 0 var(--deep-navy);
}
#contacto .lg\:col-span-7 h3,
#contacto .lg\:col-span-7 p,
#contacto .lg\:col-span-7 label { color: var(--ink); }
.contact-whatsapp-submit { background: var(--warm-orange); color: var(--ink); border: 0; border-radius: 3px; box-shadow: none; }
.contact-whatsapp-submit:hover { background: var(--deep-navy); color: var(--warm-sand); }

/* Footer, overlays, carrito y checkout */
footer {
  background: var(--deep-navy) !important;
  border: 0 !important;
  border-top: 8px solid var(--warm-orange) !important;
  color: var(--warm-sand);
}
footer .text-white,
footer .text-neutral-400,
footer .text-neutral-500,
footer .text-black { color: var(--warm-sand); }
footer h4,
footer a:hover { color: var(--warm-orange); }
footer .footer-stock-status { background: var(--warm-orange); color: var(--ink); border-radius: 2px; }
.drawer-panel,
#checkout-modal > div.relative,
#order-confirmation-modal > div.relative,
#product-modal > div.relative { background: var(--deep-navy); border-color: rgba(232,223,207,.2); border-radius: 4px; }
.drawer-backdrop,
#modal-backdrop { background: rgba(17,17,17,.86); }
.interactive-credit-card { background: var(--ink); border-color: rgba(232,223,207,.28); border-radius: 6px; }
.card-emv-chip { background: var(--warm-sand); }
.rust-gradient-bg,
.gold-gradient-bg,
.accent-orange-bg { background: var(--warm-orange); color: var(--ink); border-color: var(--warm-orange); border-radius: 3px; }
.rust-gradient-bg:hover,
.gold-gradient-bg:hover,
.accent-orange-bg:hover { background: #cf6422; box-shadow: none; }
.stock-pill { background: var(--deep-navy); color: var(--warm-sand); border-color: rgba(232,223,207,.3); }
.gallery-tabs,
.product-media-tabs { background: var(--ink); border-color: rgba(232,223,207,.2); }
.gallery-tab,
.product-media-tab { background: transparent; color: var(--warm-sand); }
.gallery-tab.is-active,
.product-media-tab.is-active { background: var(--warm-orange); color: var(--ink); box-shadow: none; }
.floating-whatsapp {
  background: var(--warm-orange) !important;
  color: var(--ink) !important;
  border: 2px solid var(--ink);
  border-radius: 3px !important;
  box-shadow: 8px 8px 0 var(--ink);
}
.floating-whatsapp:hover { background: var(--warm-sand) !important; transform: translate(-3px,-3px); box-shadow: 11px 11px 0 var(--ink); }
::-webkit-scrollbar-track { background: var(--warm-sand); }
::-webkit-scrollbar-thumb { background: var(--deep-navy); }

/* Movimiento sobrio */
@keyframes editorialReveal {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}
#inicio > div,
#importacion > div,
#catalogo > div,
#contacto > div { animation: editorialReveal .7s cubic-bezier(.16,1,.3,1) both; }
#importacion > div { animation-delay: .08s; }
#catalogo > div { animation-delay: .12s; }
#contacto > div { animation-delay: .16s; }

@media (max-width: 1023px) {
  .concierge-banner::before { display: none; }
  #inicio { min-height: auto; }
  #inicio h1 { font-size: clamp(3.5rem, 10vw, 6rem); }
  #inicio .lg\:col-span-5 { max-width: 680px; margin-inline: auto; width: 100%; }
  .concierge-banner > .grid > div:first-child { padding-right: 0; }
}

@media (max-width: 640px) {
  html { scroll-padding-top: 108px; }
  header > div:first-child { padding: 7px 12px; }
  .glass-nav > div:nth-child(2) { min-height: 70px; padding: 8px 14px; }
  .logo-primary { width: 42px; height: 62px; }
  #inicio { padding-top: 56px; padding-bottom: 72px; }
  #inicio::before { display: none; }
  #inicio h1 { font-size: clamp(3.15rem, 15vw, 4.5rem); }
  #inicio .trust-metrics { grid-template-columns: 1fr; }
  #inicio .trust-metrics > div { padding: 18px 0; }
  #inicio .trust-metrics > div + div { padding-left: 0; border-left: 0; border-top: 1px solid rgba(17,17,17,.18); }
  #inicio .lg\:col-span-5 .concrete-panel::before { inset: -14px 18px 22px -14px; }
  #inicio .lg\:col-span-5 .concrete-panel::after { width: 58px; height: 58px; right: -9px; top: -18px; border-width: 7px; }
  #inicio .lg\:col-span-5 .relative.h-80 { height: 310px; }
  #importacion, #catalogo, #contacto { padding-top: 72px; padding-bottom: 72px; }
  .concierge-banner { padding: 0; }
  #importacion .import-quote-panel { padding: 22px 16px; box-shadow: 8px 8px 0 var(--warm-orange); }
  #catalogo > div > div:first-child > div:first-child { padding-left: 16px; }
  #catalogo > div > div:first-child h2,
  #contacto .lg\:col-span-5 > h2 { font-size: 3rem; }
  .product-card:hover,
  .concrete-panel:hover { transform: none; }
  #contacto .contact-sales-panel { padding: 22px 16px; box-shadow: 8px 8px 0 var(--deep-navy); }
  .floating-whatsapp { right: 14px; bottom: max(14px, env(safe-area-inset-bottom)); border-radius: 3px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #inicio > div,
  #importacion > div,
  #catalogo > div,
  #contacto > div { animation: none; }
}

/* Auditoría de paleta: neutraliza colores heredados fuera del sistema */
.badge-green { background: var(--warm-orange); color: var(--ink); border-color: var(--warm-orange); }
.text-emerald-400 { color: var(--warm-orange) !important; }
.bg-emerald-500\/20 { background: rgba(232,121,47,.14) !important; }
.border-emerald-500\/30 { border-color: rgba(232,121,47,.42) !important; }
#modal-btn-direct-wa {
  background: var(--warm-orange) !important;
  color: var(--ink) !important;
  border-color: var(--warm-orange) !important;
  border-radius: 3px;
}
#modal-btn-direct-wa:hover { background: var(--warm-sand) !important; }
.product-card,
.product-card:nth-child(even),
input, select, textarea,
#catalogo input,
.product-image-container { background-color: var(--warm-sand) !important; }
#inicio .lg\:col-span-7 > p,
#inicio .grid.grid-cols-2.trust-metrics p.text-xs,
#inicio .grid.grid-cols-2.trust-metrics p.hero-stock-delivery,
.product-card p { color: rgba(23,59,74,.76); }
#contacto .lg\:col-span-5 > p { color: rgba(232,223,207,.8); }

/* =========================================================
   SEGUNDA ETAPA — COMPOSICIÓN, RITMO Y JERARQUÍA
   No altera contenido ni estructura funcional.
   ========================================================= */

/* Firma visual del header */
.glass-nav > div:nth-child(2) {
  position: relative;
  border-bottom: 3px solid var(--deep-navy);
}
.glass-nav > div:nth-child(2)::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: min(22vw, 320px);
  height: 3px;
  background: var(--warm-orange);
}
.logo-primary { margin-right: 18px; }
.glass-nav nav a { font-size: .78rem; text-transform: uppercase; letter-spacing: .075em; }
.glass-nav .open-cart-btn { min-height: 42px; padding-inline: 18px; }

/* Hero: recorte editorial y lectura diagonal controlada */
#inicio > div { width: 100%; }
#inicio .grid.lg\:grid-cols-12 { grid-template-columns: minmax(0, 7.4fr) minmax(340px, 4.6fr); gap: clamp(44px, 7vw, 104px); }
#inicio .lg\:col-span-7 { grid-column: auto; }
#inicio .lg\:col-span-5 { grid-column: auto; transform: translateY(22px); }
#inicio h1 { max-width: 920px; }
#inicio h1::after {
  content: '';
  display: block;
  width: 72px;
  height: 6px;
  margin-top: 30px;
  background: var(--warm-orange);
}
#inicio .lg\:col-span-5 .relative.h-80 {
  clip-path: polygon(0 0, 100% 0, 100% 86%, 86% 100%, 0 100%);
  box-shadow: none;
}
#inicio .lg\:col-span-5 .relative.h-80::before {
  content: '';
  position: absolute;
  inset: 14px;
  z-index: 2;
  border: 1px solid rgba(232,223,207,.62);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 84% 100%, 0 100%);
  pointer-events: none;
}
#inicio .lg\:col-span-5 .relative.h-80 > img { object-fit: cover; }
#inicio .lg\:col-span-5 .concrete-panel::before { inset: -34px 54px 36px -38px; }
#inicio .lg\:col-span-5 .concrete-panel::after { right: -34px; top: -42px; }

/* Beneficios: banda numerada de alto valor, no tarjetas flotantes */
#inicio .trust-metrics {
  counter-reset: benefit;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 720px;
  margin-top: 46px;
  background: var(--deep-navy);
  border: 0;
  box-shadow: 12px 12px 0 var(--warm-orange);
}
#inicio .trust-metrics > div {
  counter-increment: benefit;
  position: relative;
  min-height: 150px;
  padding: 30px 24px 24px 76px;
  background: transparent !important;
}
#inicio .trust-metrics > div + div {
  padding-left: 76px;
  border: 0;
  border-left: 1px solid rgba(232,223,207,.2);
}
#inicio .trust-metrics > div::before {
  content: '0' counter(benefit);
  position: absolute;
  left: 22px;
  top: 28px;
  color: var(--warm-orange);
  font: 800 .76rem/1 'Plus Jakarta Sans', sans-serif;
  letter-spacing: .08em;
}
#inicio .trust-metrics > div::after {
  content: '';
  position: absolute;
  left: 22px;
  top: 52px;
  width: 28px;
  height: 1px;
  background: var(--warm-sand);
}
#inicio .grid.grid-cols-2.trust-metrics p,
#inicio .grid.grid-cols-2.trust-metrics p.text-xs,
#inicio .grid.grid-cols-2.trust-metrics p.hero-stock-delivery { color: var(--warm-sand); }
#inicio .trust-metrics p.font-editorial { font-size: clamp(1.8rem, 2.5vw, 2.5rem); }

/* Importación: formulario oscuro integrado, no caja clara superpuesta */
#importacion { background: var(--deep-navy); }
#importacion::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: var(--warm-orange);
}
#importacion .concierge-banner > .grid { gap: clamp(50px, 8vw, 120px); }
#importacion .import-quote-panel,
#importacion form {
  background: var(--ink);
  box-shadow: none;
  color: var(--warm-sand);
}
#importacion .import-quote-panel {
  position: relative;
  border: 1px solid rgba(232,223,207,.2);
  border-top: 5px solid var(--warm-orange);
  padding: clamp(28px, 4vw, 46px);
}
#importacion form h3,
#importacion form p,
#importacion form label { color: var(--warm-sand); }
#importacion input,
#importacion select,
#importacion textarea { background: var(--deep-navy) !important; color: var(--warm-sand) !important; border-color: rgba(232,223,207,.28) !important; }
#importacion input::placeholder,
#importacion textarea::placeholder { color: rgba(232,223,207,.56) !important; }
#importacion .rust-gradient-bg { min-height: 50px; font-size: .72rem; letter-spacing: .1em; }

/* Catálogo: más imagen, precio y variación sin romper la retícula */
#products-grid { align-items: stretch; }
.product-card { position: relative; overflow: visible; }
.product-card::before {
  content: '';
  position: absolute;
  z-index: 3;
  top: -4px;
  left: 0;
  width: 0;
  height: 4px;
  background: var(--warm-orange);
  transition: width .35s cubic-bezier(.16,1,.3,1);
}
.product-card:hover::before { width: 100%; }
.product-card:nth-child(4n+2) { border-top-color: var(--ink); }
.product-card:nth-child(4n+3) { border-top-color: var(--warm-orange); }
.product-card:nth-child(4n) { border-top-color: var(--deep-navy); }
.product-card .product-image-container { height: 290px; }
.featured-product-card .product-image-container { height: 390px; }
.product-card .product-image-container::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 22%;
  background: linear-gradient(to top, rgba(17,17,17,.18), transparent);
  pointer-events: none;
}
.product-card .p-5 { padding: 22px; }
.product-card h3 { line-height: 1.05; min-height: 2.1em; }
.product-card .text-lg.font-bold { color: var(--deep-navy); font-size: 1.45rem; letter-spacing: -.02em; }
.product-card .px-5.pb-5 { padding: 0 22px 22px; }
.product-card .btn-card-buy-now { transition: background .22s ease, color .22s ease, transform .22s ease; }
.product-card:hover .btn-card-buy-now { transform: translateY(-2px); }

/* Cierre de acción: el contacto existente actúa como CTA final */
#contacto { position: relative; isolation: isolate; overflow: hidden; }
#contacto .lg\:col-span-5 { position: sticky; top: 180px; }
#contacto .lg\:col-span-5 > h2 { max-width: 610px; font-size: clamp(3.4rem, 6vw, 5.8rem); }
#contacto .contact-sales-panel {
  background: var(--deep-navy);
  border-top: 5px solid var(--warm-orange);
  box-shadow: none;
}
#contacto .lg\:col-span-7 h3,
#contacto .lg\:col-span-7 p,
#contacto .lg\:col-span-7 label { color: var(--warm-sand); }
#contacto input,
#contacto select,
#contacto textarea { background: var(--ink) !important; color: var(--warm-sand) !important; border-color: rgba(232,223,207,.25) !important; }
#contacto input::placeholder,
#contacto textarea::placeholder { color: rgba(232,223,207,.52) !important; }
#contacto .contact-whatsapp-submit { min-height: 52px; font-size: .78rem; letter-spacing: .04em; }

/* Footer sólido, sin azul brillante */
footer { background: var(--deep-navy) !important; }
footer > div > .grid { position: relative; }
footer > div > .grid::before {
  content: '';
  position: absolute;
  left: 0;
  top: -28px;
  width: 52px;
  height: 3px;
  background: var(--warm-orange);
}

/* WhatsApp funcional pero discreto */
.floating-whatsapp {
  width: 48px;
  min-height: 48px;
  padding: 0;
  right: 18px;
  bottom: max(18px, env(safe-area-inset-bottom));
  border: 1px solid var(--ink);
  box-shadow: 4px 4px 0 var(--ink);
}
.floating-whatsapp span { display: none; }
.floating-whatsapp svg { width: 23px; height: 23px; }
.floating-whatsapp:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 var(--ink); }

@media (max-width: 1023px) {
  #inicio .grid.lg\:grid-cols-12 { grid-template-columns: 1fr; }
  #inicio .lg\:col-span-5 { transform: none; }
  #contacto .lg\:col-span-5 { position: static; }
}

@media (max-width: 640px) {
  .logo-primary { margin-right: 0; }
  .glass-nav .open-cart-btn { min-height: 40px; padding-inline: 12px; }
  #inicio h1::after { width: 50px; height: 5px; margin-top: 22px; }
  #inicio .trust-metrics { grid-template-columns: 1fr; box-shadow: 7px 7px 0 var(--warm-orange); }
  #inicio .trust-metrics > div,
  #inicio .trust-metrics > div + div { min-height: 124px; padding: 24px 18px 20px 64px; border-left: 0; }
  #inicio .trust-metrics > div + div { border-top: 1px solid rgba(232,223,207,.2); }
  #inicio .trust-metrics > div::before,
  #inicio .trust-metrics > div::after { left: 18px; }
  #inicio .lg\:col-span-5 .concrete-panel::before { inset: -12px 18px 22px -12px; }
  #inicio .lg\:col-span-5 .concrete-panel::after { right: -8px; top: -16px; }
  #importacion .concierge-banner > .grid { gap: 42px; }
  #importacion .import-quote-panel { padding: 24px 16px; }
  .product-card .product-image-container { height: 280px; }
  .featured-product-card .product-image-container { height: 320px; }
  #contacto .lg\:col-span-5 > h2 { font-size: 3.2rem; }
  #contacto .contact-sales-panel { padding: 24px 16px; }
  .floating-whatsapp {
    width: 50px;
    min-height: 50px;
    right: 14px;
    bottom: max(14px, env(safe-area-inset-bottom));
  }
}

/* =========================================================
   HEADER PREMIUM — alcance exclusivo al encabezado
   ========================================================= */
header.glass-nav {
  background: var(--deep-navy);
  border: 0;
  box-shadow: 0 12px 30px rgba(17,17,17,.18);
}

/* Nivel 1: información y contacto */
header.glass-nav > div:first-child {
  position: relative;
  background: var(--ink) !important;
  color: var(--warm-sand);
  border: 0 !important;
  padding-top: 7px;
  padding-bottom: 7px;
  letter-spacing: .025em;
}
header.glass-nav > div:first-child::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--warm-orange);
  opacity: .8;
}
header.glass-nav > div:first-child span,
header.glass-nav > div:first-child a { color: var(--warm-sand); text-shadow: none; }
header.glass-nav > div:first-child > div > div:first-child > span:first-child { color: var(--warm-sand); }
header.glass-nav > div:first-child svg,
header.glass-nav > div:first-child .bg-\[var\(--corten-rust\)\] { color: var(--warm-orange); background: var(--warm-orange); }
header.glass-nav > div:first-child a:hover { color: var(--warm-orange); }

/* Nivel 2: logo, navegación y acciones */
header.glass-nav > div:nth-child(2) {
  position: relative;
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto minmax(310px, 1fr);
  align-items: center;
  min-height: 92px;
  padding-top: 9px;
  padding-bottom: 9px;
  background: var(--deep-navy);
  border: 0;
}
header.glass-nav > div:nth-child(2)::after {
  content: '';
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 0;
  width: auto;
  height: 1px;
  background: rgba(232,223,207,.22);
}
header .logo-primary {
  justify-self: start;
  width: 48px;
  height: 70px;
  margin: 0;
}
header.glass-nav nav {
  justify-self: center;
  gap: clamp(20px, 2.25vw, 36px);
}
header.glass-nav nav a {
  color: var(--warm-sand);
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .085em;
  text-transform: uppercase;
  white-space: nowrap;
}
header.glass-nav nav a::after {
  bottom: -10px;
  height: 2px;
  background: var(--warm-orange);
}
header.glass-nav nav a:hover,
header.glass-nav nav a:focus-visible { color: var(--warm-orange); }
header.glass-nav nav a:focus-visible { outline: 0; }
header.glass-nav nav a:focus-visible::after { right: 0; }
header.glass-nav nav a[href="#importacion"] .header-badge {
  margin-left: 3px;
  padding: 2px 6px;
  border-radius: 2px;
  background: var(--warm-orange);
  color: var(--ink);
  font-size: .55rem;
  letter-spacing: .04em;
}
header.glass-nav > div:nth-child(2) > div:last-child { justify-self: end; }

/* Carrito claramente diferenciado */
header.glass-nav .open-cart-btn {
  min-height: 42px;
  padding-inline: 15px;
  background: var(--warm-sand);
  color: var(--deep-navy);
  border: 1px solid var(--warm-sand);
  border-radius: 3px;
  box-shadow: none;
}
header.glass-nav .open-cart-btn span { color: var(--deep-navy); }
header.glass-nav .open-cart-btn svg { color: var(--deep-navy); }
header.glass-nav .open-cart-btn:hover {
  background: transparent;
  color: var(--warm-sand);
  transform: translateY(-2px);
}
header.glass-nav .open-cart-btn:hover span,
header.glass-nav .open-cart-btn:hover svg { color: var(--warm-sand); }
header.glass-nav #cart-nav-total { border-color: rgba(23,59,74,.3); }
header.glass-nav #cart-badge {
  background: var(--warm-orange);
  color: var(--ink);
  border: 1px solid var(--deep-navy);
}

/* CTA principal */
header.glass-nav a[href="#importacion"].rust-gradient-bg {
  min-height: 42px;
  padding-inline: 17px;
  background: var(--warm-orange);
  color: var(--ink);
  border: 1px solid var(--warm-orange);
  border-radius: 3px;
  box-shadow: none;
}
header.glass-nav a[href="#importacion"].rust-gradient-bg span,
header.glass-nav a[href="#importacion"].rust-gradient-bg svg { color: var(--ink); }
header.glass-nav a[href="#importacion"].rust-gradient-bg:hover {
  background: var(--warm-sand);
  border-color: var(--warm-sand);
  transform: translateY(-2px);
}

/* Menú móvil dentro de la misma identidad */
header.glass-nav #mobile-menu-btn {
  background: transparent;
  color: var(--warm-sand);
  border: 1px solid rgba(232,223,207,.45);
  border-radius: 3px;
}
header.glass-nav #mobile-menu-btn svg { color: var(--warm-sand); }
header.glass-nav #mobile-menu {
  background: var(--deep-navy);
  border-color: rgba(232,223,207,.2);
}
header.glass-nav #mobile-menu > a { color: var(--warm-sand); }
header.glass-nav #mobile-menu > a:hover { color: var(--warm-orange); }

@media (min-width: 1024px) and (max-width: 1180px) {
  header.glass-nav > div:nth-child(2) {
    grid-template-columns: 70px auto minmax(250px, 1fr);
    gap: 10px;
  }
  header.glass-nav nav { gap: 14px; }
  header.glass-nav nav a { font-size: .65rem; letter-spacing: .045em; }
  header.glass-nav .open-cart-btn { padding-inline: 11px; }
  header.glass-nav a[href="#importacion"].rust-gradient-bg { padding-inline: 12px; }
}

@media (max-width: 1023px) {
  header.glass-nav > div:nth-child(2) { display: flex; }
  header.glass-nav > div:nth-child(2) > div:last-child { margin-left: auto; }
}

@media (max-width: 640px) {
  header.glass-nav > div:first-child { padding: 6px 12px; }
  header.glass-nav > div:first-child > div { gap: 4px; }
  header.glass-nav > div:nth-child(2) {
    display: flex;
    min-height: 72px;
    padding: 7px 14px;
  }
  header.glass-nav > div:nth-child(2)::after { left: 14px; right: 14px; }
  header .logo-primary { width: 40px; height: 58px; }
  header.glass-nav .open-cart-btn { min-height: 40px; padding-inline: 12px; }
}

/* Solicitud puntual: fondo verde para todos los productos en venta */
#products-grid .product-card,
#products-grid .product-card:nth-child(even) {
  background: #686751 !important;
}
#products-grid .product-card h3,
#products-grid .product-card h3:hover,
#products-grid .product-card p,
#products-grid .product-card span,
#products-grid .product-card .text-white { color: var(--warm-sand); }
#products-grid .product-card .text-lg.font-bold { color: var(--warm-sand); }
#products-grid .product-card .border-neutral-800 { border-color: rgba(232,223,207,.24); }
#products-grid .product-card .btn-open-detail { color: var(--warm-sand); border-color: rgba(232,223,207,.55); }
#products-grid .product-card .btn-open-detail:hover { background: var(--warm-sand); color: var(--ink); border-color: var(--warm-sand); }

/* Foto principal completa, sin recorte ni ampliación */
#inicio .lg\:col-span-5 .relative.h-80 { clip-path: none; }
#inicio .lg\:col-span-5 .relative.h-80 > img {
  object-fit: contain;
  object-position: center;
  transform: none !important;
}

/* Recuadros comerciales: venta y servicios en verde oliva */
#contacto .concrete-panel {
  background: #686751;
  border-left-color: var(--warm-orange);
}
#contacto .concrete-panel:hover { background: #686751; }

/* Formulario único de requerimientos */
.import-single-cta {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.import-single-cta__number {
  position: absolute;
  right: 18px;
  top: -28px;
  color: rgba(232, 223, 207, .08);
  font: 800 8rem/1 var(--font-editorial, Georgia, serif);
  pointer-events: none;
}
.request-type-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.request-type-card { position: relative; cursor: pointer; }
.request-type-card input { position: absolute; opacity: 0; pointer-events: none; }
.request-type-card span {
  display: flex;
  min-height: 88px;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid rgba(232, 223, 207, .25);
  background: rgba(17, 17, 17, .45);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.request-type-card strong { color: var(--warm-sand); font-size: .82rem; }
.request-type-card small { color: rgba(232, 223, 207, .65); font-size: .69rem; line-height: 1.35; }
.request-type-card input:checked + span { border-color: var(--warm-orange); background: rgba(190, 111, 74, .18); transform: translateY(-2px); }
.request-type-card input:focus-visible + span { outline: 2px solid var(--warm-orange); outline-offset: 3px; }
.contact-whatsapp-submit:disabled { opacity: .65; cursor: wait; transform: none; }

@media (max-width: 640px) {
  .request-type-grid { grid-template-columns: 1fr; }
  .request-type-card span { min-height: 76px; }
}
#contacto .concrete-panel h4,
#contacto .concrete-panel p { color: var(--warm-sand); }

/* Ajustes verdes solicitados en importación y ventas */
#importacion .concierge-banner .inline-flex:first-child {
  display: inline-flex;
  padding: 7px 11px;
  background: #686751;
  color: var(--warm-sand);
  border: 1px solid rgba(232,223,207,.3);
  border-radius: 3px;
}
#contacto .contact-sales-panel {
  background: #686751;
  border-top-color: var(--warm-orange);
}

/* Foto panorámica original, limpia, con pestaña verde inferior */
#inicio .lg\:col-span-5 { transform: none; }
#inicio .lg\:col-span-5 .concrete-panel {
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  box-shadow: none;
}
#inicio .lg\:col-span-5 .concrete-panel::before,
#inicio .lg\:col-span-5 .concrete-panel::after,
#inicio .lg\:col-span-5 .relative.h-80::before { display: none; }
#inicio .lg\:col-span-5 .relative.h-80 {
  display: block;
  height: auto !important;
  min-height: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#inicio .lg\:col-span-5 .relative.h-80 > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: initial;
}
#inicio .lg\:col-span-5 .absolute.bottom-3 {
  position: static;
  margin: 0;
  padding: 14px 16px;
  background: #686751;
  border: 0;
  border-radius: 0;
}
#inicio .lg\:col-span-5 .absolute.bottom-3 h4,
#inicio .lg\:col-span-5 .absolute.bottom-3 p { color: var(--warm-sand); }

/* Beneficios 01 y 02 en verde oliva */
#inicio .trust-metrics { background: #686751; }

/* Fondo blanco puro y bloque de beneficios sin borde naranja */
#inicio { background: #ffffff; }
#inicio .trust-metrics {
  border: 0;
  box-shadow: none;
}

/* Evita que la insignia de plataforma tape el acceso comercial. */
netlify-deploy-status-badge,
netlify-badge,
[data-netlify-badge],
[data-netlify-deploy-status-badge],
iframe[title*="Netlify" i],
iframe[src*="netlify.com"][style*="fixed"] {
  display: none !important;
  pointer-events: none !important;
}

/* WhatsApp en su verde oficial */
.floating-whatsapp {
  z-index: 2147483647;
  background: #25D366 !important;
  color: #ffffff !important;
  border-color: #128C7E;
  box-shadow: 4px 4px 0 #128C7E;
}
.floating-whatsapp:hover {
  background: #1ebe5d !important;
  color: #ffffff !important;
  box-shadow: 6px 6px 0 #128C7E;
}

/* Sin tipografía decorativa gigante sobre el fondo blanco */
#inicio::before { display: none; }

/* Sección de importación en verde oliva */
#importacion { background: #686751; }

/* Pie de página: marca protagonista y lectura más ordenada */
footer .footer-main {
  align-items: start;
  gap: clamp(2rem, 5vw, 4.5rem);
}
footer .footer-logo {
  display: block;
  width: clamp(96px, 10vw, 132px);
  height: auto;
  object-fit: contain;
}
footer .footer-description {
  max-width: 34rem;
  font-size: .92rem;
}
footer .footer-promise {
  max-width: 30rem;
  color: var(--warm-orange);
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  font-weight: 700;
  line-height: 1.25;
}
footer .footer-cities {
  color: var(--warm-sand);
  letter-spacing: .12em;
  text-transform: uppercase;
}
footer .footer-column {
  padding-top: .6rem;
}
footer .footer-column h4 {
  padding-bottom: .75rem;
  border-bottom: 1px solid rgba(232, 223, 207, .18);
  letter-spacing: .11em;
  text-transform: uppercase;
}
footer .footer-column li + li { margin-top: .65rem; }
footer .footer-column a {
  display: inline-block;
  transition: color .2s ease, transform .2s ease;
}
footer .footer-column a:hover { transform: translateX(4px); }
footer .footer-explore h4 {
  font-size: 1rem;
  font-weight: 800;
}
footer .footer-explore ul {
  display: grid;
  gap: .7rem;
}
footer .footer-explore li + li { margin-top: 0; }
footer .footer-explore a {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  padding: .8rem 1rem;
  border: 1px solid rgba(232, 223, 207, .22);
  border-left: 4px solid var(--warm-orange);
  border-radius: 3px;
  background: var(--olive);
  color: var(--warm-sand);
  font-size: .92rem;
  font-weight: 700;
  line-height: 1.25;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
footer .footer-explore a:hover {
  transform: translateX(5px);
  border-color: var(--warm-orange);
  background: var(--warm-orange);
  color: var(--ink);
}
footer .footer-explore a:focus-visible {
  outline: 3px solid var(--warm-orange);
  outline-offset: 3px;
}
footer .footer-phone {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.2;
}
footer .footer-email {
  display: block;
  width: fit-content;
  margin-top: .65rem;
  font-size: .82rem;
}
footer .footer-payment {
  color: rgba(232, 223, 207, .76);
  line-height: 1.6;
}
footer .footer-stock-status {
  display: inline-flex;
  align-items: center;
  margin-top: 1rem;
  padding: .5rem .65rem;
  line-height: 1.3;
}

@media (max-width: 767px) {
  footer .footer-main { gap: 2.25rem; }
  footer .footer-logo { width: 104px; }
  footer .footer-column { padding-top: 0; }
  footer .footer-brand { padding-bottom: .5rem; }
  footer .footer-explore { max-width: 26rem; }
}

/* Contacto final claro */
#contacto .lg\:col-span-5 > h2 { color: var(--deep-navy); }
#contacto .lg\:col-span-5 > p { color: #566168; }
#contacto .contact-eyebrow { color: var(--terracotta); }