/* ===== Acuña Representaciones — estilos ===== */
:root {
  --azul: #26309A;
  --azul-osc: #1B2270;
  --azul-claro: #E9EBF8;
  --dorado: #E8B422;
  --dorado-osc: #C9970F;
  --wsp: #25D366;
  --fondo: #F4F5FA;
  --blanco: #FFFFFF;
  --texto: #1E2133;
  --texto-suave: #5A5F7A;
  --radio: 16px;
  --sombra: 0 6px 24px rgba(27, 34, 112, .10);
  --ancho: 1120px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 76px; }
body {
  font-family: "Poppins", system-ui, sans-serif;
  color: var(--texto);
  background: var(--fondo);
  line-height: 1.6;
  font-size: 16px;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
h1, h2, h3 { font-family: "Alfa Slab One", Georgia, serif; font-weight: 400; line-height: 1.15; color: var(--azul); }
h2 { font-size: clamp(1.7rem, 4vw, 2.4rem); }
h3 { font-size: 1.2rem; }

.contenedor { width: 100%; max-width: var(--ancho); margin: 0 auto; padding: 0 16px; }
.seccion { padding: 64px 0; }
.seccion--blanca { background: var(--blanco); }
.seccion__cabecera { text-align: center; max-width: 640px; margin: 0 auto 36px; }
.seccion__cabecera p { color: var(--texto-suave); margin-top: 10px; }
.etiqueta {
  display: inline-block; font-size: .8rem; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; color: var(--dorado-osc); margin-bottom: 8px;
}

/* ===== Marcadores [PENDIENTE] ===== */
.pendiente {
  background: #FFF6D9; color: #7A5A00; border: 1px dashed var(--dorado-osc);
  border-radius: 6px; padding: 0 6px; font-size: .85em; font-weight: 600;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.btn { flex-wrap: wrap; text-align: center; }
.hero > .contenedor > *, .pagos > *, .contacto-grilla > * { min-width: 0; }
.foto-pendiente {
  display: flex; align-items: center; justify-content: center; text-align: center;
  background: repeating-linear-gradient(45deg, #EEF0FA, #EEF0FA 12px, #E4E7F6 12px, #E4E7F6 24px);
  border: 2px dashed #B5BAE0; border-radius: var(--radio);
  color: var(--azul); font-weight: 600; font-size: .9rem; padding: 16px; min-height: 180px;
}
.foto-pendiente span { background: rgba(255,255,255,.85); padding: 6px 10px; border-radius: 8px; }

/* ===== Botones ===== */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 13px 22px; border-radius: 999px; font-weight: 600; text-decoration: none;
  border: 0; cursor: pointer; font-family: inherit; font-size: 1rem; transition: transform .15s, box-shadow .15s;
}
.btn:hover { transform: translateY(-2px); box-shadow: var(--sombra); }
.btn--dorado { background: var(--dorado); color: var(--azul-osc); }
.btn--wsp { background: var(--wsp); color: #fff; }
.btn--borde { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.7); }
.btn--azul { background: var(--azul); color: #fff; }
.btn svg { width: 20px; height: 20px; flex: none; }

/* ===== Encabezado ===== */
.encabezado {
  position: sticky; top: 0; z-index: 50; background: var(--azul);
  box-shadow: 0 2px 12px rgba(0,0,0,.15);
}
.encabezado .contenedor { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.marca { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; }
.marca__logo {
  width: 44px; height: 44px; border-radius: 50%; border: 2px dashed var(--dorado);
  display: grid; place-items: center; font-size: .55rem; text-align: center; line-height: 1.1;
  color: var(--dorado); font-weight: 600;
}
.marca__nombre { font-family: "Alfa Slab One", serif; font-size: 1.05rem; line-height: 1; }
.marca__nombre small { display: block; font-family: "Poppins", sans-serif; font-size: .62rem; color: var(--dorado); letter-spacing: .06em; margin-top: 3px; }
.menu { display: flex; gap: 22px; list-style: none; }
.menu a { color: #fff; text-decoration: none; font-weight: 500; font-size: .95rem; opacity: .9; }
.menu a:hover { color: var(--dorado); opacity: 1; }
.menu-boton { display: none; background: none; border: 0; color: #fff; cursor: pointer; padding: 8px; }
.menu-boton svg { width: 28px; height: 28px; }

/* ===== Inicio (hero) ===== */
.hero {
  background: linear-gradient(135deg, var(--azul-osc), var(--azul) 60%, #3440B8);
  color: #fff; padding: 56px 0 72px; overflow: hidden;
}
.hero .contenedor { display: grid; grid-template-columns: 1.05fr 1fr; gap: 40px; align-items: center; }
.hero h1 { color: #fff; font-size: clamp(2rem, 5.5vw, 3.3rem); }
.hero h1 em { font-style: normal; color: var(--dorado); }
.hero__frase { font-family: "Alfa Slab One", serif; color: var(--dorado); font-size: 1.05rem; margin-bottom: 14px; letter-spacing: .02em; }
.hero__texto { margin: 18px 0 26px; font-size: 1.08rem; opacity: .92; max-width: 520px; }
.hero__botones { display: flex; flex-wrap: wrap; gap: 12px; }
.hero__foto { min-height: 340px; border-color: rgba(232,180,34,.8); background: rgba(255,255,255,.08); color: #fff; }
.hero__foto span { color: var(--azul); }
.hero__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.hero__chips span { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); padding: 5px 12px; border-radius: 999px; font-size: .85rem; }

/* ===== Hogar completo: categorías ===== */
.grilla { display: grid; gap: 20px; }
.grilla--4 { grid-template-columns: repeat(4, 1fr); }
.grilla--3 { grid-template-columns: repeat(3, 1fr); }
.grilla--2 { grid-template-columns: repeat(2, 1fr); }
.tarjeta {
  background: var(--blanco); border-radius: var(--radio); box-shadow: var(--sombra);
  overflow: hidden; display: flex; flex-direction: column;
}
.tarjeta .foto-pendiente { border-radius: 0; border-width: 0 0 2px 0; min-height: 160px; }
.tarjeta__cuerpo { padding: 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.tarjeta__cuerpo p { color: var(--texto-suave); font-size: .95rem; }
.tarjeta__icono {
  width: 48px; height: 48px; border-radius: 12px; background: var(--azul-claro); color: var(--azul);
  display: grid; place-items: center;
}
.tarjeta__icono svg { width: 26px; height: 26px; }
.tarjeta__enlace { margin-top: auto; padding-top: 6px; font-weight: 600; color: var(--azul); text-decoration: none; }
.tarjeta__enlace:hover { color: var(--dorado-osc); }
.marca-chip { display: inline-block; align-self: flex-start; background: var(--azul-claro); color: var(--azul); font-weight: 600; font-size: .8rem; padding: 3px 10px; border-radius: 999px; }

/* ===== Aires ===== */
.aires { background: var(--azul-osc); color: #fff; }
.aires h2, .aires h3 { color: #fff; }
.aires .seccion__cabecera p { color: rgba(255,255,255,.8); }
.aires .etiqueta { color: var(--dorado); }
.aires-venta {
  display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radio); padding: 28px; margin-bottom: 28px;
}
.aires-venta ul { list-style: none; margin: 14px 0 20px; display: grid; gap: 8px; }
.aires-venta li::before { content: "✓"; color: var(--dorado); font-weight: 700; margin-right: 10px; }
.aires-venta .foto-pendiente { min-height: 220px; background: rgba(255,255,255,.08); color: #fff; border-color: rgba(232,180,34,.7); }
.aires-venta .foto-pendiente span { color: var(--azul); }
.servicio {
  background: var(--blanco); color: var(--texto); border-radius: var(--radio); padding: 26px;
  border-top: 5px solid var(--dorado); display: flex; flex-direction: column; gap: 10px;
}
.servicio h3 { color: var(--azul); }
.servicio ul { list-style: none; display: grid; gap: 6px; color: var(--texto-suave); }
.servicio li::before { content: "•"; color: var(--dorado-osc); font-weight: 700; margin-right: 8px; }
.servicio .btn { margin-top: auto; align-self: flex-start; }

/* ===== Contimarket / pagos ===== */
.pagos {
  background: linear-gradient(120deg, var(--dorado), #F3CB55);
  border-radius: var(--radio); padding: 32px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px; align-items: center;
  color: var(--azul-osc);
}
.pagos h2 { color: var(--azul-osc); }
.pagos p { margin-top: 10px; }
.pagos__lista { background: rgba(255,255,255,.55); border-radius: 12px; padding: 18px 20px; }
.pagos__lista h3 { font-size: 1rem; margin-bottom: 8px; color: var(--azul-osc); }
.pagos__lista ul { list-style: none; display: grid; gap: 6px; }

/* ===== Por qué elegirnos ===== */
.razon { text-align: center; padding: 26px 20px; background: var(--blanco); border-radius: var(--radio); box-shadow: var(--sombra); }
.razon .tarjeta__icono { margin: 0 auto 12px; background: var(--dorado); color: var(--azul-osc); }
.razon p { color: var(--texto-suave); font-size: .95rem; margin-top: 6px; }

/* ===== Trabajos ===== */
.galeria { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.galeria .foto-pendiente { min-height: 200px; }

/* ===== Contacto ===== */
.contacto-grilla { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.contacto-lista { list-style: none; display: grid; gap: 14px; }
.contacto-lista li { display: flex; gap: 14px; align-items: flex-start; background: var(--blanco); padding: 16px; border-radius: 12px; box-shadow: var(--sombra); }
.contacto-lista .tarjeta__icono { width: 42px; height: 42px; flex: none; }
.contacto-lista strong { display: block; color: var(--azul); }
.contacto-lista a { text-decoration: none; font-weight: 500; overflow-wrap: anywhere; }
.contacto-lista a:hover { color: var(--azul); text-decoration: underline; }
.formulario { background: var(--blanco); padding: 26px; border-radius: var(--radio); box-shadow: var(--sombra); display: grid; gap: 14px; }
.formulario label { font-weight: 600; font-size: .9rem; display: grid; gap: 6px; }
.formulario input, .formulario select, .formulario textarea {
  font: inherit; padding: 12px 14px; border: 1.5px solid #D4D7EA; border-radius: 10px; background: #FBFBFE; width: 100%;
}
.formulario input:focus, .formulario select:focus, .formulario textarea:focus { outline: none; border-color: var(--azul); box-shadow: 0 0 0 3px var(--azul-claro); }
.formulario__nota { font-size: .82rem; color: var(--texto-suave); }
.mapa { margin-top: 20px; width: 100%; height: 260px; border: 0; border-radius: var(--radio); box-shadow: var(--sombra); display: block; }

/* ===== Pie ===== */
.pie { background: var(--azul-osc); color: rgba(255,255,255,.85); padding: 40px 0 100px; text-align: center; }
.pie .marca { justify-content: center; margin-bottom: 12px; }
.pie__frase { font-family: "Alfa Slab One", serif; color: var(--dorado); font-size: 1.15rem; margin-bottom: 14px; }
.redes { display: flex; justify-content: center; gap: 14px; margin: 16px 0; }
.redes a { width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.1); display: grid; place-items: center; color: #fff; }
.redes a:hover { background: var(--dorado); color: var(--azul-osc); }
.redes svg { width: 22px; height: 22px; }
.pie small { opacity: .7; }

/* ===== Botón WhatsApp fijo ===== */
.wsp-flotante { position: fixed; right: 16px; bottom: 16px; z-index: 60; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.wsp-flotante__boton {
  width: 62px; height: 62px; border-radius: 50%; background: var(--wsp); color: #fff; border: 0; cursor: pointer;
  display: grid; place-items: center; box-shadow: 0 6px 20px rgba(0,0,0,.25); animation: latido 2.5s infinite;
}
.wsp-flotante__boton svg { width: 34px; height: 34px; }
.wsp-flotante__menu {
  display: none; background: #fff; border-radius: 14px; box-shadow: 0 8px 30px rgba(0,0,0,.2); padding: 8px; min-width: 240px;
}
.wsp-flotante.abierto .wsp-flotante__menu { display: grid; gap: 4px; }
.wsp-flotante__menu p { font-size: .8rem; color: var(--texto-suave); padding: 6px 10px 2px; }
.wsp-flotante__menu a { display: block; padding: 10px; border-radius: 10px; text-decoration: none; font-weight: 600; color: var(--texto); }
.wsp-flotante__menu a small { display: block; font-weight: 400; color: var(--texto-suave); }
.wsp-flotante__menu a:hover { background: #E8FBEF; }
@keyframes latido { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }

/* ===== Celular y tablet ===== */
@media (max-width: 960px) {
  .grilla--4 { grid-template-columns: repeat(2, 1fr); }
  .grilla--3 { grid-template-columns: 1fr; }
  .galeria { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .seccion { padding: 48px 0; }
  .menu-boton { display: block; }
  .menu {
    display: none; position: absolute; top: 64px; left: 0; right: 0; flex-direction: column; gap: 0;
    background: var(--azul-osc); padding: 8px 16px 16px;
  }
  .menu.abierto { display: flex; }
  .menu a { display: block; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .hero { padding: 36px 0 48px; }
  .hero .contenedor, .aires-venta, .pagos, .contacto-grilla, .grilla--2 { grid-template-columns: 1fr; }
  .hero__foto { min-height: 220px; order: -1; }
  .hero__botones .btn { flex: 1 1 100%; }
  .aires-venta, .pagos { padding: 22px; }
}
@media (max-width: 480px) {
  .grilla--4 { grid-template-columns: 1fr; }
  .galeria { grid-template-columns: 1fr 1fr; gap: 10px; }
  .galeria .foto-pendiente { min-height: 140px; font-size: .78rem; }
}

/* ===== Catálogo ===== */
.aviso-ejemplo { background: #FFF6D9; border: 1px dashed var(--dorado-osc); color: #7A5A00; padding: 10px 14px; border-radius: 10px; font-size: .9rem; font-weight: 600; text-align: center; margin-bottom: 18px; }
.filtros { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; margin-bottom: 18px; scrollbar-width: none; }
.filtros button { flex: none; font: inherit; font-size: .9rem; font-weight: 500; padding: 8px 16px; border-radius: 999px; border: 1.5px solid #D4D7EA; background: #fff; color: var(--texto); cursor: pointer; }
.filtros button.activo { background: var(--azul); border-color: var(--azul); color: #fff; }
.catalogo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.producto { background: #fff; border-radius: var(--radio); box-shadow: var(--sombra); overflow: hidden; display: flex; flex-direction: column; }
.producto__img { aspect-ratio: 1 / 1; background: #fff; display: grid; place-items: center; border-bottom: 1px solid #EEF0FA; }
.producto__img img { width: 100%; height: 100%; object-fit: contain; padding: 12px; }
.producto__img .foto-pendiente { width: 100%; height: 100%; border: 0; border-radius: 0; min-height: 0; font-size: .8rem; }
.producto__cuerpo { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.producto__marca { font-size: .78rem; font-weight: 600; color: var(--dorado-osc); text-transform: uppercase; letter-spacing: .05em; }
.producto__nombre { font-weight: 600; line-height: 1.3; }
.producto__talle { font-size: .88rem; color: var(--texto-suave); }
.stock { font-size: .8rem; font-weight: 600; margin: 4px 0 8px; }
.stock--si { color: #138A43; }
.stock--no { color: #A66B00; }
.producto .btn { margin-top: auto; width: 100%; padding: 11px 16px; font-size: .95rem; }

/* ===== Asistente (chat) ===== */
.chat { position: fixed; inset: 0; z-index: 100; display: none; }
.chat.abierto { display: block; }
.chat__fondo { position: absolute; inset: 0; background: rgba(15, 18, 50, .55); }
.chat__ventana {
  position: absolute; right: 20px; bottom: 20px; width: 380px; max-width: calc(100% - 32px); height: min(620px, calc(100% - 40px));
  background: #EEF0F7; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0,0,0,.35);
}
.chat__cabecera { background: var(--azul); color: #fff; display: flex; align-items: center; gap: 10px; padding: 12px 14px; }
.chat__cabecera small { display: block; font-size: .75rem; opacity: .8; }
.chat__avatar { width: 38px; height: 38px; border-radius: 50%; background: var(--dorado); display: grid; place-items: center; font-size: 1.2rem; }
.chat__cerrar { margin-left: auto; background: none; border: 0; color: #fff; font-size: 1.2rem; cursor: pointer; padding: 6px; }
.chat__mensajes { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.msg { max-width: 85%; padding: 10px 13px; border-radius: 14px; font-size: .93rem; line-height: 1.45; animation: aparecer .2s ease; }
.msg--bot { background: #fff; align-self: flex-start; border-bottom-left-radius: 4px; }
.msg--yo { background: var(--azul); color: #fff; align-self: flex-end; border-bottom-right-radius: 4px; }
.msg--producto { display: flex; gap: 10px; align-items: center; }
.msg--producto .mini { width: 52px; height: 52px; border-radius: 8px; background: #EEF0FA; flex: none; display: grid; place-items: center; font-size: .6rem; color: var(--azul); text-align: center; overflow: hidden; }
.msg--producto .mini img { width: 100%; height: 100%; object-fit: contain; }
.precio-tachado { text-decoration: line-through; color: var(--texto-suave); }
.precio-final { display: block; font-size: 1.25rem; font-weight: 700; color: var(--azul); }
.ahorro { display: inline-block; background: #E3F8EC; color: #138A43; font-weight: 600; font-size: .8rem; padding: 2px 8px; border-radius: 999px; margin-top: 4px; }
.chat__acciones { padding: 10px 12px 14px; display: flex; flex-wrap: wrap; gap: 8px; background: #fff; border-top: 1px solid #E1E3EF; }
.chat__acciones button.opcion { font: inherit; font-size: .9rem; font-weight: 600; padding: 9px 14px; border-radius: 999px; border: 1.5px solid var(--azul); background: #fff; color: var(--azul); cursor: pointer; }
.chat__acciones button.opcion:hover { background: var(--azul-claro); }
.chat__acciones form { display: flex; gap: 8px; width: 100%; }
.chat__acciones input { flex: 1; font: inherit; padding: 11px 14px; border-radius: 999px; border: 1.5px solid #D4D7EA; min-width: 0; }
.chat__acciones input:focus { outline: none; border-color: var(--azul); }
.chat__acciones .enviar { border: 0; background: var(--azul); color: #fff; width: 46px; border-radius: 50%; font-size: 1.1rem; cursor: pointer; }
.chat__acciones .btn { width: 100%; }
@keyframes aparecer { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

@media (max-width: 960px) { .catalogo { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) {
  .catalogo { grid-template-columns: 1fr 1fr; gap: 12px; }
  .producto__cuerpo { padding: 12px; }
  .producto .btn { font-size: .85rem; padding: 10px 8px; }
  .chat__ventana { right: 0; bottom: 0; width: 100%; max-width: 100%; height: 88%; border-radius: 18px 18px 0 0; }
}

/* ===== Logo ===== */
.marca__img { height: 46px; width: auto; flex: none; display: block; filter: drop-shadow(0 1px 1px rgba(0,0,0,.25)); }
.hero__logo { width: min(440px, 100%); height: auto; margin-bottom: 18px; filter: drop-shadow(0 4px 10px rgba(0,0,0,.25)); }
.pie__logo { width: min(320px, 80%); height: auto; margin: 0 auto 8px; }

/* ===== Catálogo: búsqueda y barra ===== */
.buscador { position: relative; max-width: 560px; margin: 0 auto 16px; }
.buscador svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; color: var(--texto-suave); }
.buscador input { width: 100%; font: inherit; padding: 14px 18px 14px 48px; border-radius: 999px; border: 1.5px solid #D4D7EA; background: #fff; box-shadow: var(--sombra); }
.buscador input:focus { outline: none; border-color: var(--azul); }
.catalogo-barra { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; font-size: .9rem; color: var(--texto-suave); }
.switch { display: flex; align-items: center; gap: 8px; cursor: pointer; font-weight: 500; color: var(--texto); }
.switch input { width: 18px; height: 18px; accent-color: var(--azul); }
.sin-foto { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(160deg, #F4F5FA, #E9EBF8); color: #9AA0C8; font-size: .78rem; font-weight: 500; }
.sin-foto svg { width: 46%; height: 46%; max-width: 90px; color: #C5C9E6; }
.vacio { grid-column: 1 / -1; text-align: center; color: var(--texto-suave); padding: 30px 0; }
.btn--borde-azul { background: #fff; color: var(--azul); border: 2px solid var(--azul); }
.actualizado { text-align: center; font-size: .8rem; color: var(--texto-suave); margin-top: 18px; }
.msg--producto .mini svg { width: 30px; height: 30px; color: var(--azul); }
.msg small { display: block; color: var(--texto-suave); font-size: .82rem; margin-top: 4px; }
@media (max-width: 760px) {
  .marca__img { height: 40px; }
  .hero__logo { width: 82%; margin: 0 auto 14px; display: block; }
}

/* ===== Novedades ===== */
.novedades { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.novedad { background: #fff; border-radius: var(--radio); overflow: hidden; box-shadow: var(--sombra); }
.novedad video, .novedad img { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; background: #000; display: block; }
.novedad figcaption { padding: 12px 14px; font-size: .9rem; color: var(--texto-suave); }
@media (max-width: 760px) { .novedades { grid-template-columns: 1fr 1fr; gap: 10px; } }

[hidden] { display: none !important; }
.banda-promo { background: var(--dorado); color: var(--azul-osc); text-align: center; padding: 10px 16px; font-size: .92rem; }
.banda-promo a { font-weight: 700; margin-left: 6px; }
.producto__img { position: relative; }
.ilustrativa { position: absolute; left: 8px; bottom: 6px; font-size: .7rem; color: #8A8FA8; background: rgba(255,255,255,.85); padding: 1px 6px; border-radius: 6px; }

/* ===== Fotos reales ===== */
.hero__foto--real { margin: 0; position: relative; border-radius: var(--radio); overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,.35); border: 4px solid rgba(232,180,34,.9); min-height: 0; background: none; }
.hero__foto--real img { width: 100%; height: 100%; max-height: 520px; object-fit: cover; display: block; }
.hero__foto--real figcaption { position: absolute; left: 12px; bottom: 12px; background: rgba(27,34,112,.85); color: #fff; font-size: .82rem; font-weight: 600; padding: 5px 12px; border-radius: 999px; }
.tarjeta__img { width: 100%; height: 180px; object-fit: cover; display: block; border-bottom: 1px solid #EEF0FA; }
.tarjeta__img--producto { object-fit: contain; background: #fff; padding: 10px; }
.trabajo { margin: 0; position: relative; border-radius: var(--radio); overflow: hidden; box-shadow: var(--sombra); }
.trabajo img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; }
.trabajo figcaption { position: absolute; left: 10px; bottom: 10px; background: rgba(255,255,255,.9); color: var(--azul); font-weight: 600; font-size: .8rem; padding: 3px 10px; border-radius: 999px; }
@media (max-width: 760px) { .hero__foto--real img { max-height: 340px; } .galeria .foto-pendiente { aspect-ratio: 3/4; } }
.chat__acciones { max-height: 46vh; overflow-y: auto; }

/* ===== Renovate (somier premium) ===== */
.renovate { padding: 72px 0; color: #fff;
  background: radial-gradient(circle at 15% 10%, #3a46c4 0, transparent 45%), linear-gradient(160deg, #11164d 0%, var(--azul-osc) 55%, #0b0f38 100%); }
.renovate__cabecera { text-align: center; max-width: 720px; margin: 0 auto 36px; }
.renovate__sello { display: inline-block; background: var(--dorado); color: #1b1b1b; font-weight: 700; font-size: .85rem; padding: 6px 16px; border-radius: 99px; letter-spacing: .03em; }
.renovate h2 { font-family: "Alfa Slab One", serif; font-weight: 400; font-size: clamp(1.8rem, 5vw, 2.8rem); margin: 14px 0 10px; line-height: 1.15; color: #fff; }
.renovate h2 em { font-style: normal; color: var(--dorado); }
.renovate__cabecera p { color: #d6d9f5; }
.renovate__grilla { display: grid; gap: 22px; grid-template-columns: 1fr; }
@media (min-width: 760px) { .renovate__grilla { grid-template-columns: 1fr 1fr; } }
.renovate__modelo { position: relative; background: rgba(255,255,255,.06); border: 1px solid rgba(232,180,34,.55); border-radius: var(--radio); overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,.35); }
.renovate__modelo img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; background: #fff; }
.renovate__nuevo { vertical-align: middle; margin-left: 6px; font-family: Poppins, sans-serif; background: var(--wsp); color: #fff; font-weight: 700; font-size: .8rem; padding: 4px 12px; border-radius: 99px; }
.renovate__texto { padding: 20px 22px 24px; }
.renovate__texto h3 { font-size: 1.35rem; color: var(--dorado); margin: 0 0 6px; }
.renovate__texto p { color: #e6e8fb; margin: 0 0 12px; }
.renovate__texto ul { list-style: none; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.renovate__texto li { background: rgba(255,255,255,.1); border-radius: 10px; padding: 6px 10px; font-size: .92rem; }
.renovate__texto b { color: var(--dorado); }
.renovate__extra { display: grid; gap: 22px; margin-top: 26px; align-items: center; grid-template-columns: 1fr; }
@media (min-width: 760px) { .renovate__extra { grid-template-columns: 1fr 1fr; } }
.renovate__extra video { width: 100%; max-height: 460px; border-radius: var(--radio); background: #000; }
.renovate__datos { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.renovate__datos li { padding-left: 28px; position: relative; color: #e6e8fb; }
.renovate__datos li::before { content: "★"; position: absolute; left: 0; color: var(--dorado); }
.nosotros__lema { text-align: center; margin-top: 28px; font-size: 1.2rem; color: var(--azul); }
.nosotros__lema strong { color: var(--dorado-osc); }

/* ===== Arreglos 13/10: llamar, por pedido, 3 pasos, cuota, transferencia, Google ===== */
.hero__ver { display: inline-block; margin-top: 14px; color: rgba(255,255,255,.85); font-weight: 500; text-decoration: none; }
.hero__ver:hover { color: var(--dorado); }
.btn { min-height: 48px; }
.tarjeta__marcas { font-size: .82rem !important; font-weight: 600; color: var(--azul) !important; }
.aires-venta__nota { color: rgba(255,255,255,.85); margin-bottom: 18px; }
.aires-venta__nota a { color: var(--dorado); font-weight: 600; }

.pedido { margin-top: 28px; display: grid; grid-template-columns: 1fr 1.3fr; gap: 20px; align-items: center;
  background: var(--azul); color: #fff; border-radius: var(--radio); padding: 26px; }
.pedido h3 { color: #fff; font-size: 1.35rem; }
.pedido h3 em { font-style: normal; color: var(--dorado); }
.pedido p { color: rgba(255,255,255,.85); margin-top: 6px; font-size: .95rem; }
.pedido__chips { display: flex; flex-wrap: wrap; gap: 10px; }
.pedido__chips a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 16px; border-radius: 999px;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); color: #fff; text-decoration: none; font-weight: 500; font-size: .92rem;
  transition: background .15s, color .15s, transform .15s; }
.pedido__chips a small { background: var(--dorado); color: var(--azul-osc); font-weight: 700; font-size: .7rem; padding: 1px 8px; border-radius: 999px; }
.pedido__chips a:hover { background: var(--dorado); color: var(--azul-osc); transform: translateY(-2px); }

.pasos { margin-top: 40px; background: var(--fondo); border-radius: var(--radio); padding: 28px; }
.pasos__titulo { text-align: center; margin-bottom: 20px; }
.pasos ol { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pasos li { background: var(--blanco); border-radius: 14px; padding: 20px; box-shadow: var(--sombra); color: var(--texto-suave); font-size: .93rem; }
.pasos li span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--dorado); color: var(--azul-osc);
  font-family: "Alfa Slab One", serif; font-size: 1.2rem; margin-bottom: 10px; }
.pasos li strong { display: block; color: var(--azul); font-size: 1.02rem; margin-bottom: 4px; }
.pasos__garantia { text-align: center; margin-top: 18px; color: var(--azul-osc); font-weight: 500; }

.ya-cliente { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ya-cliente__caja { background: var(--blanco); border-radius: var(--radio); box-shadow: var(--sombra); padding: 24px; display: grid; gap: 12px; align-content: start; }
.ya-cliente__caja p { color: var(--texto-suave); font-size: .95rem; }
.ya-cliente__caja .btn { justify-self: start; }
.banco { display: grid; gap: 6px; background: var(--azul-claro); border-radius: 12px; padding: 14px 16px; }
.banco div { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.banco dt { color: var(--texto-suave); font-size: .88rem; }
.banco dd { font-weight: 600; color: var(--azul-osc); }
.formulario--simple label { font-weight: 600; font-size: .9rem; display: grid; gap: 6px; }
.formulario--simple input { font: inherit; padding: 12px 14px; border: 1.5px solid #D4D7EA; border-radius: 10px; background: #FBFBFE; width: 100%; }
.formulario--simple input:focus { outline: none; border-color: var(--azul); box-shadow: 0 0 0 3px var(--azul-claro); }
.formulario label small { font-weight: 400; color: var(--texto-suave); }

.contacto-lista small { display: block; color: var(--texto-suave); font-size: .82rem; }
.google { margin-top: 20px; background: var(--blanco); border-radius: var(--radio); box-shadow: var(--sombra); padding: 18px; display: grid; gap: 12px; }
.google p { color: var(--texto-suave); font-size: .95rem; }
.google strong { color: var(--azul); }
.google .btn { justify-self: start; }

@media (max-width: 760px) {
  .pedido, .ya-cliente, .pasos ol { grid-template-columns: 1fr; }
  .pedido, .pasos, .ya-cliente__caja { padding: 20px; }
  .ya-cliente__caja .btn, .google .btn { justify-self: stretch; }
}
.banco dd { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.copiar { font: 600 .75rem "Poppins", sans-serif; min-height: 32px; padding: 4px 12px; border-radius: 999px; border: 1.5px solid var(--azul); background: #fff; color: var(--azul); cursor: pointer; }
.copiar:hover { background: var(--azul); color: #fff; }
.copiar.ok { background: var(--wsp); border-color: var(--wsp); color: #fff; }
.banco__nota { font-size: .85rem !important; }
.producto__nota { font-size: .78rem; font-weight: 600; color: #1a7f45; background: #E8FBEF; border-radius: 8px; padding: 3px 8px; align-self: flex-start; }

/* ===== 13/10: orden por precio, Armá tu pedido, calculadora de aire, cierre del pedido ===== */
.catalogo-barra { flex-wrap: wrap; gap: 10px; }
.orden { display: flex; align-items: center; gap: 8px; font-weight: 500; color: var(--texto); }
.orden select { font: inherit; font-size: .88rem; padding: 7px 10px; border-radius: 10px; border: 1.5px solid #D4D7EA; background: #fff; color: var(--texto); }
.catalogo-tip { background: var(--azul-claro); color: var(--azul-osc); border-radius: 12px; padding: 10px 14px; font-size: .9rem; margin-bottom: 16px; }
.producto .btn--agregar { margin-top: 8px; background: #fff; color: var(--azul); border: 1.5px solid var(--azul); padding: 8px 14px; font-size: .88rem; min-height: 40px; }
.producto .btn--agregar.ok { background: var(--wsp); border-color: var(--wsp); color: #fff; }

.pedido-flotante { position: fixed; left: 16px; bottom: 16px; z-index: 60; border: 0; cursor: pointer; font: 600 .95rem "Poppins", sans-serif;
  background: var(--dorado); color: var(--azul-osc); padding: 14px 18px; border-radius: 999px; box-shadow: 0 6px 20px rgba(0,0,0,.25); min-height: 52px; }
.pedido-flotante span { display: inline-grid; place-items: center; min-width: 24px; height: 24px; margin-left: 4px; border-radius: 999px; background: var(--azul); color: #fff; font-size: .8rem; }
.carrito { position: fixed; inset: 0; z-index: 100; display: none; }
.carrito.abierto { display: block; }
.carrito__ventana { position: absolute; left: 20px; bottom: 20px; width: 400px; max-width: calc(100% - 32px); max-height: calc(100% - 40px);
  background: #EEF0F7; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0,0,0,.35); }
.carrito__lista { overflow-y: auto; padding: 12px; display: grid; gap: 8px; flex: 1; }
.carrito__lista .vacio { text-align: center; color: var(--texto-suave); padding: 20px; }
.item { display: flex; gap: 10px; align-items: center; background: #fff; border-radius: 12px; padding: 8px; }
.item .mini { width: 52px; height: 52px; border-radius: 8px; background: #fff; flex: none; display: grid; place-items: center; overflow: hidden; }
.item .mini img { width: 100%; height: 100%; object-fit: contain; }
.item__txt { flex: 1; min-width: 0; display: grid; font-size: .85rem; }
.item__txt strong { font-size: .88rem; line-height: 1.3; }
.item__txt small { color: var(--texto-suave); font-size: .76rem; }
.item__cant { display: flex; align-items: center; gap: 6px; }
.item__cant button { width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid var(--azul); background: #fff; color: var(--azul); font-size: 1.1rem; cursor: pointer; }
.carrito__totales { background: #fff; padding: 12px 16px; display: grid; gap: 4px; border-top: 1px solid #E1E3EF; }
.tot { display: flex; justify-content: space-between; gap: 10px; font-size: .9rem; }
.tot--destacado { font-size: 1rem; color: #138A43; font-weight: 600; }
.carrito__totales small { color: var(--texto-suave); font-size: .75rem; margin-top: 4px; }
.carrito__acciones { background: #fff; padding: 0 16px 16px; display: grid; gap: 8px; }

.calculadora { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; background: var(--blanco); color: var(--texto);
  border-radius: var(--radio); padding: 26px; margin-bottom: 28px; border-top: 5px solid var(--dorado); }
.calculadora h3 { color: var(--azul) !important; font-size: 1.35rem; }
.calculadora h3 em { font-style: normal; color: var(--dorado-osc); }
.calculadora > div > p { color: var(--texto-suave); margin-top: 6px; }
.calculadora__campos { display: flex; align-items: flex-end; gap: 10px; margin: 16px 0 10px; }
.calculadora__campos span { font-size: 1.4rem; color: var(--texto-suave); padding-bottom: 10px; }
.calculadora__campos label { display: grid; gap: 6px; font-weight: 600; font-size: .9rem; flex: 1; }
.calculadora__campos input { font: inherit; font-size: 1.1rem; padding: 12px 14px; border: 1.5px solid #D4D7EA; border-radius: 10px; width: 100%; }
.calculadora__campos input:focus { outline: none; border-color: var(--azul); box-shadow: 0 0 0 3px var(--azul-claro); }
.calculadora__nota { font-size: .82rem !important; }
.calculadora__resultado { background: var(--azul-claro); border-radius: 14px; padding: 20px; min-height: 160px; display: grid; gap: 10px; align-content: start; }
.calculadora__vacio { color: var(--texto-suave); text-align: center; align-self: center; }
.calculadora__m2 { font-size: 1.15rem; color: var(--azul-osc); }
.calculadora__m2 strong { font-family: "Alfa Slab One", serif; font-weight: 400; font-size: 1.5rem; color: var(--azul); }
.calculadora__rec { color: var(--texto); }
.calculadora__resultado ul { list-style: none; display: grid; gap: 4px; font-size: .9rem; color: var(--texto-suave); }
.calculadora__resultado li::before { content: "✓ "; color: #138A43; font-weight: 700; }
.calculadora__botones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }

.propuestas { display: grid; gap: 8px; }
.propuesta { text-align: left; font: inherit; color: var(--texto); background: #fff; border: 2px solid #D4D7EA; border-radius: 12px; padding: 12px 14px; cursor: pointer; display: grid; gap: 4px; transition: border-color .15s, box-shadow .15s; }
.propuesta:hover { border-color: var(--azul); }
.propuesta.elegida { border-color: var(--dorado-osc); box-shadow: 0 0 0 3px rgba(232,180,34,.35); }
.propuesta__titulo { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--dorado-osc); }
.propuesta ul { list-style: none; display: grid; gap: 2px; font-size: .84rem; color: var(--texto-suave); }
.propuesta li::before { content: "✓ "; color: #138A43; font-weight: 700; }
.propuesta small { color: var(--texto-suave); font-size: .8rem; }
.calculadora__aviso { color: var(--texto-suave); font-size: .78rem; }
.calc-aires { grid-column: 1 / -1; display: grid; gap: 14px; border-top: 1px dashed #D4D7EA; padding-top: 18px; }
.calc-aires h4 { font-family: "Alfa Slab One", serif; font-weight: 400; color: var(--azul); font-size: 1.15rem; }
.calc-aires h4 small { font-family: "Poppins", sans-serif; font-size: .8rem; color: var(--texto-suave); }
.calc-aires__grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.calc-aire { border: 1px solid #E1E3EF; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; background: #fff; }
.calc-aire__img { height: 130px; display: flex; align-items: center; justify-content: center; background: #fff; padding: 10px; overflow: hidden; }
.calc-aire__img img { max-width: 100%; max-height: 110px; width: auto; height: auto; object-fit: contain; }
.calc-aire__img svg { width: 44px; height: 44px; color: #B5BAE0; }
.calc-aire__txt { padding: 0 14px; display: grid; gap: 2px; font-size: .88rem; }
.calc-aire__txt b { color: var(--dorado-osc); font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.calc-aire__txt small { font-weight: 600; font-size: .78rem; }
.calc-aire__botones { padding: 10px 14px 14px; display: grid; gap: 6px; margin-top: auto; }
.calc-aire__botones .btn { width: 100%; padding: 9px 12px; font-size: .88rem; min-height: 42px; }
.calc-aire .btn--agregar { background: #fff; color: var(--azul); border: 1.5px solid var(--azul); }
.calc-aire .btn--agregar.ok { background: var(--wsp); border-color: var(--wsp); color: #fff; }
.calc-aires > .btn { justify-self: start; }
@media (max-width: 760px) {
  .calc-aires > .btn { justify-self: stretch; }
  .calc-aires__grilla { grid-template-columns: 1fr 1fr; gap: 8px; }
  .calc-aire__img { height: 100px; padding: 6px; }
  .calc-aire__img img { max-height: 88px; }
  .calc-aire__txt { padding: 0 10px; font-size: .8rem; }
  .calc-aire__botones { padding: 8px 10px 10px; }
  .calc-aire__botones .btn { font-size: .78rem; padding: 7px 8px; min-height: 40px; }
}

.producto__nota--gris { color: var(--texto-suave); background: #F0F1F7; }
/* Celular: que en la primera pantalla se vean los botones de WhatsApp y Llamar */
@media (max-width: 760px) {
  .hero { padding: 16px 0 36px; }
  .hero .contenedor { gap: 16px; }
  .hero__foto--real img { max-height: 190px !important; object-fit: cover; width: 100%; }
  .hero__logo { width: 62%; max-width: 240px; margin: 0 auto 8px; }
  .hero h1 { font-size: 1.75rem; }
  .hero__texto { margin: 10px 0 16px; font-size: .95rem; }
}
/* Tablet: el menú de 8 opciones no entra; se usa el menú desplegable como en el celular */
@media (max-width: 1080px) {
  .menu-boton { display: block; }
  .menu { display: none; position: absolute; top: 64px; left: 0; right: 0; flex-direction: column; gap: 0; background: var(--azul-osc); padding: 8px 16px 16px; }
  .menu.abierto { display: flex; }
  .menu a { display: block; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
}
.filtros--sub { margin-top: -8px; }
.filtros--sub button { font-size: .82rem; padding: 6px 12px; background: var(--azul-claro); border-color: transparent; color: var(--azul-osc); }
.filtros--sub button small { opacity: .6; font-size: .72rem; margin-left: 2px; }
.filtros--sub button.activo { background: var(--dorado); color: var(--azul-osc); border-color: var(--dorado); }
.producto__img { position: relative; }
.sello-envio { position: absolute; left: 6px; right: 6px; bottom: 6px; z-index: 1; text-align: center; background: linear-gradient(90deg, #138A43, #25D366); color: #fff; font-size: .7rem; font-weight: 700; padding: 4px 8px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.etiqueta-prod { position: absolute; left: 8px; top: 8px; z-index: 1; background: var(--dorado); color: var(--azul-osc); font-size: .72rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.etiqueta-prod + .etiqueta-prod { top: 34px; background: var(--azul); color: #fff; }
.comparar-check { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 8px; font-size: .82rem; font-weight: 600; color: var(--azul); cursor: pointer; min-height: 32px; }
.comparar-check input { width: 18px; height: 18px; accent-color: var(--azul); }
.comparar-barra { position: fixed; left: 50%; transform: translateX(-50%); bottom: 82px; z-index: 61; display: flex; align-items: center; gap: 10px;
  background: var(--azul-osc); color: #fff; padding: 8px 8px 8px 16px; border-radius: 999px; box-shadow: 0 8px 26px rgba(0,0,0,.3); font-size: .88rem; max-width: calc(100% - 24px); }
.comparar-barra .btn { padding: 8px 16px; min-height: 40px; font-size: .88rem; }
.comparar-barra .btn:disabled { opacity: .5; cursor: default; transform: none; }
.comparar-barra__x { background: none; border: 0; color: #fff; font-size: 1rem; cursor: pointer; padding: 6px 8px; }
.comparador__ventana { left: 50%; right: auto; transform: translateX(-50%); width: min(900px, calc(100% - 32px)); }
.comparador__tabla { overflow: auto; padding: 12px; background: #fff; }
.comparador__tabla table { border-collapse: collapse; width: 100%; font-size: .86rem; }
.comparador__tabla th { text-align: left; color: var(--texto-suave); font-weight: 600; font-size: .78rem; padding: 8px 10px 8px 0; white-space: nowrap; vertical-align: top; }
.comparador__tabla td { padding: 8px; border-left: 1px solid #ECEEF6; vertical-align: top; min-width: 150px; }
.comparador__tabla tr:nth-child(even) td, .comparador__tabla tr:nth-child(even) th { background: #F7F8FC; }
.comparador__tabla td small { display: block; color: #138A43; font-weight: 600; font-size: .74rem; }
.comp-img { height: 110px; display: flex; align-items: center; justify-content: center; }
.comp-img img { max-height: 110px; max-width: 100%; object-fit: contain; }
.comp-mejor { color: #138A43; }
.comparador__tabla td .btn { width: 100%; padding: 8px 10px; font-size: .82rem; min-height: 40px; margin-bottom: 6px; }
.comparador__tabla .btn--agregar { background: #fff; color: var(--azul); border: 1.5px solid var(--azul); }
.comparador__tabla .btn--agregar.ok { background: var(--wsp); border-color: var(--wsp); color: #fff; }
.comp-quitar { background: none; border: 0; color: var(--texto-suave); text-decoration: underline; font: inherit; font-size: .8rem; cursor: pointer; }
.comp-nota { font-size: .75rem; color: var(--texto-suave); margin-top: 8px; }
@media (max-width: 760px) {
  .comparador__ventana { left: 8px; right: 8px; transform: none; width: auto; }
  .comparador__tabla { padding: 8px; }
  .comparador__tabla table { font-size: .8rem; }
  .comparador__tabla th { white-space: normal; width: 74px; min-width: 74px; font-size: .7rem; padding-right: 6px; }
  .comparador__tabla td { min-width: 118px; padding: 6px; }
  .comp-img { height: 80px; } .comp-img img { max-height: 80px; }
  .comparar-barra { bottom: 80px; font-size: .8rem; white-space: nowrap; }
  .local__fotos img { height: 110px; }
}
.aires-foto { position: relative; border-radius: var(--radio); overflow: hidden; border: 2px solid rgba(232,180,34,.7); }
.aires-foto img { width: 100%; height: 100%; max-height: 320px; object-fit: cover; }
.aires-foto--doble { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; background: rgba(232,180,34,.7); }
.aires-foto--doble img { height: 320px; max-height: none; }
@media (max-width: 600px) { .aires-foto--doble img { height: 220px; } }
.aires-foto figcaption { position: absolute; left: 10px; bottom: 10px; background: rgba(27,34,112,.85); color: #fff; font-size: .82rem; font-weight: 600; padding: 4px 12px; border-radius: 999px; }
.local { margin-top: 20px; background: var(--blanco); border-radius: var(--radio); box-shadow: var(--sombra); padding: 16px; }
.local h3 { font-size: 1.05rem; margin-bottom: 10px; }
.local__fotos { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 8px; }
.local__fotos img { width: 100%; height: 150px; object-fit: cover; border-radius: 10px; }
.banco--chat { margin: 8px 0; padding: 10px 12px; }
.banco--chat div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: .85rem; }
.banco--chat span { color: var(--texto-suave); min-width: 52px; }
.banco--chat b { color: var(--azul-osc); }
.chat__acciones button.opcion--chica { font-size: .8rem; padding: 6px 12px; border-style: dashed; }

@media (max-width: 760px) {
  .calculadora { grid-template-columns: 1fr; padding: 20px; }
  .calculadora__botones .btn { flex: 1 1 100%; }
  .carrito__ventana { left: 8px; right: 8px; bottom: 8px; width: auto; max-width: none; }
  .pedido-flotante { left: 12px; bottom: 14px; }
  .catalogo-barra { font-size: .85rem; }
}

/* ===== 14/10: compartir (página y productos) + ficha del producto ===== */
.producto__img[data-ficha] { cursor: zoom-in; }
.compartir-mini { position: absolute; top: 6px; right: 6px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; border: 0; cursor: pointer;
  background: rgba(255,255,255,.92); color: var(--azul); display: grid; place-items: center; box-shadow: 0 2px 8px rgba(20,25,80,.18); }
.compartir-mini svg { width: 18px; height: 18px; }
.compartir-mini:hover { background: var(--azul); color: #fff; }
.menu__compartir { display: inline-flex; align-items: center; gap: 6px; }
.menu__compartir svg { width: 16px; height: 16px; }
.hero__compartir { display: flex; align-items: center; gap: 8px; margin-top: 10px; background: none; border: 0; padding: 4px 0; cursor: pointer;
  color: rgba(255,255,255,.85); font: 500 .95rem "Poppins", sans-serif; text-decoration: underline; text-underline-offset: 3px; }
.hero__compartir svg { width: 18px; height: 18px; }
.hero__compartir:hover { color: var(--dorado); }
.pie__compartir { margin: 4px auto 16px; }

/* Ventana de compartir */
.compartir__ventana { left: 50%; right: auto; bottom: auto; top: 50%; transform: translate(-50%, -50%); width: min(440px, calc(100% - 32px)); }
.compartir__vista { padding: 14px; background: #E5DDD5; overflow-y: auto; max-height: 46vh; }
.wsp-burbuja { background: #DCF8C6; border-radius: 10px 10px 2px 10px; padding: 5px; margin-left: auto; max-width: 92%; box-shadow: 0 1px 1px rgba(0,0,0,.12); }
.wsp-burbuja__tarjeta { display: flex; gap: 8px; align-items: center; background: rgba(0,0,0,.05); border-radius: 7px; padding: 6px; }
.wsp-burbuja__tarjeta img, .wsp-burbuja__sinfoto { width: 58px; height: 58px; border-radius: 6px; object-fit: contain; background: #fff; flex: none; display: grid; place-items: center; }
.wsp-burbuja__sinfoto svg { width: 30px; height: 30px; color: #C5C9E6; }
.wsp-burbuja__tarjeta strong { display: block; font-size: .82rem; line-height: 1.25; color: #111; }
.wsp-burbuja__tarjeta small { color: #667; font-size: .72rem; }
.wsp-burbuja__texto { font-size: .82rem; line-height: 1.4; color: #111; padding: 6px 4px 2px; word-break: break-word; }
.compartir__nota { display: block; text-align: center; color: #54656F; font-size: .74rem; margin-top: 8px; }
.compartir__botones { background: #fff; padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.compartir__op { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 8px 10px; border-radius: 12px; cursor: pointer;
  border: 1.5px solid #D4D7EA; background: #fff; color: var(--azul-osc); font: 600 .9rem "Poppins", sans-serif; text-decoration: none; }
.compartir__op svg { width: 20px; height: 20px; flex: none; }
.compartir__op--wsp { background: var(--wsp); border-color: var(--wsp); color: #fff; }
.compartir__op--fb { background: #1877F2; border-color: #1877F2; color: #fff; }
.compartir__op--ig { background: linear-gradient(45deg, #F58529, #DD2A7B 55%, #8134AF); border: 0; color: #fff; }
.compartir__op--ancho { grid-column: 1 / -1; }
.compartir__aviso { background: #fff; margin: 0; padding: 0 14px 14px; color: #138A43; font-weight: 600; font-size: .85rem; text-align: center; }
.compartir__aviso:empty { display: none; }

/* Ficha del producto */
.ficha__ventana { left: 50%; right: auto; bottom: auto; top: 50%; transform: translate(-50%, -50%); width: min(820px, calc(100% - 32px)); max-height: calc(100% - 32px); background: #fff; }
.ficha__x { position: absolute; top: 10px; right: 10px; z-index: 3; width: 40px; height: 40px; border-radius: 50%; border: 0; cursor: pointer;
  background: rgba(255,255,255,.95); color: var(--azul-osc); font-size: 1.1rem; box-shadow: 0 2px 10px rgba(0,0,0,.18); }
.ficha__cuerpo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); overflow-y: auto; overflow-x: hidden; }
.ficha__img { position: relative; background: #fff; aspect-ratio: 1 / 1; display: grid; place-items: center; border-right: 1px solid #EEF0FA; }
.ficha__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 18px; }
.ficha__info { padding: 24px 22px; display: flex; flex-direction: column; gap: 8px; }
.ficha__nombre { font-size: 1.35rem; margin: 0; }
.ficha__precio { background: var(--azul-claro); border-radius: 14px; padding: 12px 14px; display: grid; gap: 2px; color: var(--azul-osc); }
.ficha__precio span { font-size: .8rem; color: var(--texto-suave); }
.ficha__precio strong { font-size: 1.5rem; font-family: "Poppins", sans-serif; }
.ficha__precio small { font-size: .95rem; font-weight: 600; color: #138A43; }
.ficha__botones { display: grid; gap: 8px; margin-top: 6px; }
.ficha__botones .btn { width: 100%; }
.ficha .btn--agregar { background: #fff; color: var(--azul); border: 1.5px solid var(--azul); }
.ficha .btn--agregar.ok { background: var(--wsp); border-color: var(--wsp); color: #fff; }
.ficha__mas { color: var(--azul); font-weight: 600; text-decoration: none; text-align: center; padding: 6px; }
.ficha__confianza { color: var(--texto-suave); font-size: .76rem; text-align: center; }
@media (max-width: 760px) {
  .ficha__ventana { top: auto; bottom: 0; left: 0; right: 0; transform: none; width: 100%; max-width: 100%; max-height: 94%; border-radius: 18px 18px 0 0; }
  .ficha__cuerpo { grid-template-columns: 1fr; }
  .ficha__img { aspect-ratio: auto; height: 34vh; border-right: 0; border-bottom: 1px solid #EEF0FA; }
  .ficha__img img { padding: 8px; }
  .ficha__info { padding: 16px; }
  .ficha__nombre { font-size: 1.15rem; }
  .compartir__ventana { top: auto; bottom: 0; left: 0; right: 0; transform: none; width: 100%; max-width: 100%; border-radius: 18px 18px 0 0; }
}

/* ===== 14/10 (tarde): inicio más directo + opiniones de Google ===== */
.estrellas { color: var(--dorado); letter-spacing: 1px; }
.hero__google { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px; padding: 5px 12px; border-radius: 999px; text-decoration: none;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); color: #fff; font-size: .85rem; }
.hero__google strong { color: var(--dorado); }
.hero__buscar { display: flex; margin-top: 18px; max-width: 520px; background: #fff; border-radius: 999px; padding: 4px; box-shadow: 0 6px 20px rgba(0,0,0,.18); }
.hero__buscar input { flex: 1; min-width: 0; border: 0; outline: none; background: none; font: 500 .95rem "Poppins", sans-serif; padding: 10px 14px; color: var(--texto); }
.hero__buscar button { border: 0; cursor: pointer; width: 46px; height: 46px; border-radius: 50%; background: var(--dorado); font-size: 1.15rem; }
.hero__chips { margin-top: 14px; }
.hero__chips + .hero__botones { margin-top: 16px; }
.hero__chips button { cursor: pointer; color: #fff; font: 500 .85rem "Poppins", sans-serif; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); padding: 8px 14px; border-radius: 999px; min-height: 38px; }
.hero__chips button:hover { background: var(--dorado); color: var(--azul-osc); border-color: var(--dorado); }
.opiniones { display: grid; grid-template-columns: 220px repeat(3, 1fr); gap: 14px; margin-top: 24px; align-items: stretch; }
.opiniones__nota { background: var(--azul); color: #fff; border-radius: var(--radio); padding: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 2px; }
.opiniones__nota strong { font: 700 2.6rem "Poppins", sans-serif; line-height: 1; }
.opiniones__nota .estrellas { font-size: 1.2rem; }
.opiniones__nota small { opacity: .85; }
.opiniones__nota a { color: var(--dorado); font-weight: 600; text-decoration: none; margin-top: 6px; }
.opinion { margin: 0; background: #F7F8FC; border-radius: var(--radio); padding: 18px; display: flex; flex-direction: column; gap: 8px; border-left: 4px solid var(--dorado); }
.opinion p { margin: 0; font-size: 1rem; color: var(--texto); font-style: italic; }
.opinion cite { font-style: normal; font-weight: 600; color: var(--azul); font-size: .88rem; margin-top: auto; }
@media (max-width: 960px) { .opiniones { grid-template-columns: 1fr 1fr; } }
@media (min-width: 761px) {
  .hero__logo { width: min(320px, 100%); margin-bottom: 12px; }   /* más chico: arriba ya está el logo de la barra */
  .hero__chips button { padding: 6px 12px; font-size: .8rem; min-height: 34px; }
}
@media (max-width: 760px) {
  .hero__logo { display: none; }          /* en el celular el logo ya está arriba en la barra */
  .hero__google { margin-top: 4px; }
  .hero__buscar { margin-top: 14px; }
  .hero__chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: -16px; padding-right: 16px; }
  .hero__chips::-webkit-scrollbar { display: none; }
  .hero__chips button { flex: none; }
  .opiniones { grid-template-columns: 1fr; gap: 10px; }
  .opinion { padding: 14px; }
}

.producto__nota--tec { background: #FFF6E0; color: #8A5A00; }
.ficha__aviso { margin: 0; color: #138A43; font-weight: 600; font-size: .85rem; text-align: center; }
.ficha__aviso:empty { display: none; }
.captura__ventana { left: 50%; right: auto; top: 50%; bottom: auto; transform: translate(-50%, -50%); width: min(520px, calc(100% - 24px)); max-height: calc(100% - 24px); background: #fff; z-index: 2; }
#capturaModal { z-index: 120; }
.captura__estado { margin: 0; padding: 10px 14px; font-weight: 600; font-size: .88rem; color: var(--azul-osc); background: #F4F5FA; }
.captura__estado.ok { color: #0F6E35; background: #E3F6EA; }
.captura__estado.mal { color: #8A4B00; background: #FFF3DC; }
.captura__img { flex: 1; overflow: auto; display: grid; place-items: center; padding: 10px; background: #EEF0F7; min-height: 120px; }
.captura__img img { max-width: 100%; max-height: 55vh; height: auto; box-shadow: 0 4px 18px rgba(0,0,0,.2); border-radius: 6px; }
.captura__botones { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 14px 4px; }
.captura__botones .btn { flex: 1 1 140px; min-height: 44px; padding: 10px; font-size: .88rem; }
.captura__ayuda { margin: 0; padding: 4px 14px 14px; font-size: .78rem; color: var(--texto-suave); }
.aviso-archivo { background: #FFE08A; color: #5A3B00; text-align: center; font-weight: 600; font-size: .85rem; padding: 8px 12px; }
.ficha__captura { display: grid; gap: 4px; justify-items: center; }
.ficha__captura[hidden] { display: none; }
.ficha__captura img { width: 160px; height: auto; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,.18); cursor: context-menu; }
.ficha__captura small { font-size: .74rem; color: var(--texto-suave); text-align: center; }

/* Foto del producto en el chat: al tocarla se abre la ficha ampliada */
.msg--producto .mini--lupa { position: relative; border: 0; padding: 0; cursor: zoom-in; width: 64px; height: 64px; background: #fff; }
.msg--producto .mini--lupa img { width: 100%; height: 100%; object-fit: contain; }
.mini__lupa { position: absolute; right: 2px; bottom: 2px; font-size: .7rem; line-height: 1; background: rgba(255,255,255,.95); border-radius: 6px; padding: 2px 3px; box-shadow: 0 1px 3px rgba(0,0,0,.2); }

/* Sugerencias */
.pie__sugerir { display: block; margin: 0 auto 12px; background: none; border: 1px dashed rgba(255,255,255,.45); color: rgba(255,255,255,.9); border-radius: 999px; padding: 9px 16px; cursor: pointer; font: 500 .88rem "Poppins", sans-serif; }
.pie__sugerir:hover { border-color: var(--dorado); color: var(--dorado); }
.sug__ventana { left: 50%; right: auto; top: 50%; bottom: auto; transform: translate(-50%, -50%); width: min(460px, calc(100% - 32px)); }
.sug { background: #fff; padding: 16px; display: grid; gap: 10px; overflow-y: auto; }
.sug label { display: grid; gap: 4px; font-size: .85rem; font-weight: 600; color: var(--azul-osc); }
.sug textarea, .sug input[type=tel], .sug input:not([type]) { font: inherit; font-weight: 400; font-size: .92rem; padding: 9px 10px; border: 1.5px solid #D4D7EA; border-radius: 10px; width: 100%; box-sizing: border-box; }
.sug__check { display: flex !important; gap: 8px; align-items: flex-start; font-weight: 500 !important; color: var(--texto) !important; }
.sug__check input { margin-top: 3px; }
.sug__msg { margin: 0; color: #138A43; font-weight: 600; font-size: .88rem; }
.sug__msg:empty { display: none; }
@media (max-width: 760px) { .sug__ventana { top: auto; bottom: 0; left: 0; right: 0; transform: none; width: 100%; max-width: 100%; border-radius: 18px 18px 0 0; } }

/* Marquita del proveedor (solo para el equipo de Acuña): casi invisible, abajo a la derecha de la foto */
.marca-pv { position: absolute; right: 5px; bottom: 3px; z-index: 2; font: 600 9px/1 "Poppins", sans-serif; letter-spacing: .5px; color: rgba(40, 45, 80, .32); pointer-events: none; user-select: none; }
.sello-envio ~ .marca-pv { bottom: 34px; }

/* ===== 14/10 (noche): Equipá tu espacio + aires para obras ===== */
.equipar-banda { margin-top: 28px; display: grid; grid-template-columns: 1fr 1.1fr; gap: 22px; align-items: center; border-radius: var(--radio); padding: 26px;
  background: linear-gradient(135deg, #FFF7E0, #FDEBB7); border: 2px solid var(--dorado); }
.equipar-banda h3 { font-size: 1.5rem; margin: 6px 0; }
.equipar-banda h3 em { color: var(--dorado-osc); font-style: normal; }
.equipar-banda p { margin: 0; color: var(--texto); }
.equipar-banda__nuevo { display: inline-block; background: var(--wsp); color: #fff; font-weight: 700; font-size: .75rem; padding: 3px 10px; border-radius: 999px; }
.equipar-banda__botones { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.equipar-banda__botones button, .equipar__opciones button { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px 8px; border-radius: 14px; cursor: pointer;
  background: #fff; border: 2px solid var(--azul-claro); color: var(--azul-osc); font: 600 .95rem "Poppins", sans-serif; box-shadow: var(--sombra); }
.equipar-banda__botones button span, .equipar__opciones button span { font-size: 2rem; }
.equipar-banda__botones button:hover, .equipar__opciones button:hover { border-color: var(--azul); transform: translateY(-2px); }

.equipar__ventana { left: 50%; right: auto; top: 50%; bottom: auto; transform: translate(-50%, -50%); width: min(860px, calc(100% - 32px)); height: min(90vh, 860px); max-height: none; background: #F4F5FA; }
.equipar__cuerpo { flex: 1; overflow-y: auto; padding: 16px; }
.equipar__pregunta { font-weight: 600; font-size: 1.1rem; color: var(--azul-osc); margin: 8px 0 14px; text-align: center; }
.equipar__opciones { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.equipar__opciones--lista { grid-template-columns: 1fr 1fr; }
.equipar__opciones--lista button { padding: 18px 10px; font-size: 1rem; }
.equipar__volver { margin-top: 14px; background: none; border: 0; color: var(--azul); font-weight: 600; cursor: pointer; padding: 8px 0; }
.equipar__niveles { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.equipar__niveles button { border: 1.5px solid #D4D7EA; background: #fff; color: var(--azul-osc); font: 600 .88rem "Poppins", sans-serif; padding: 8px 14px; border-radius: 999px; cursor: pointer; }
.equipar__niveles button.activo { background: var(--azul); border-color: var(--azul); color: #fff; }
.equipar__niveles .equipar__comparar { margin-left: auto; border-color: var(--dorado); }
.equipar__ayuda { font-size: .82rem; color: var(--texto-suave); margin: 4px 0 12px; }
.eq-amb { background: #fff; border-radius: 14px; padding: 12px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(27,34,112,.06); }
.eq-amb header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.eq-amb h4 { margin: 0; font-size: 1.05rem; color: var(--azul); }
.eq-x { background: none; border: 0; color: #B3261E; cursor: pointer; font-weight: 600; font-size: .8rem; padding: 6px; }
.eq-item { display: grid; grid-template-columns: 64px 1fr auto; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid #EEF0F7; }
.eq-item--fijo { background: #FFFBEF; }
.eq-item--sin { grid-template-columns: 1fr auto; }
.eq-item .mini, .eq-op .mini { width: 56px; height: 56px; border-radius: 8px; background: #fff; border: 1px solid #EEF0F7; display: grid; place-items: center; overflow: hidden; }
.eq-item .mini img, .eq-op .mini img { width: 100%; height: 100%; object-fit: contain; }
.eq-item__txt { display: grid; gap: 1px; min-width: 0; }
.eq-item__txt strong { font-size: .88rem; line-height: 1.25; color: var(--texto); }
.eq-item__txt small { font-size: .74rem; color: var(--texto-suave); }
.eq-item__txt b { font-size: .9rem; color: var(--azul-osc); }
.eq-item__slot { text-transform: uppercase; letter-spacing: .04em; font-weight: 600; color: var(--dorado-osc) !important; font-size: .66rem !important; }
.eq-item__acc { display: grid; gap: 6px; justify-items: end; }
.eq-item__btns { display: flex; gap: 4px; align-items: center; }
.eq-item__btns button { border: 1px solid #D4D7EA; background: #fff; border-radius: 8px; padding: 5px 8px; cursor: pointer; font: 600 .76rem "Poppins", sans-serif; color: var(--azul-osc); }
.eq-item__btns .eq-x { border: 0; color: #B3261E; }
.eq-ver { position: relative; padding: 0; cursor: zoom-in; }
.eq-ver .marca-pv { right: 2px; bottom: auto; top: 2px; font-size: 8px; }
.eq-sininst { color: #9A5B00 !important; font-weight: 600; }
.eq-item .mini.eq-ver { width: 64px; height: 64px; }
.eq-lupa { position: absolute; right: 1px; bottom: 1px; font-size: .62rem; background: rgba(255,255,255,.9); border-radius: 6px; padding: 1px 3px; }
.eq-vista { flex: 1; overflow-y: auto; display: grid; grid-template-columns: 1.1fr 1fr; }
.eq-vista__img { position: relative; background: #fff; min-height: 320px; border-right: 1px solid #EEF0F7; }
.eq-vista__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 14px; }
.eq-vista__info { padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.eq-vista__info h4 { margin: 0; font-size: 1.15rem; color: var(--azul-osc); }
.eq-vista__info > small { color: var(--texto-suave); font-size: .8rem; }
.eq-vista .eq-ajuste { justify-content: flex-start; }
.eq-ajuste { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; justify-content: flex-end; font-size: .78rem; color: var(--texto-suave); }
.eq-ajuste label { display: flex; align-items: center; gap: 6px; font-weight: 600; }
.eq-ajuste select { font: 600 .8rem "Poppins", sans-serif; padding: 5px 8px; border: 1.5px solid #D4D7EA; border-radius: 8px; background: #fff; color: var(--azul-osc); }
.eq-nivel { display: flex; align-items: center; gap: 8px; }
.eq-cant { font-size: .72rem; color: var(--texto-suave); font-weight: 600; }
.eq-nivel > span { display: grid; text-align: center; line-height: 1.25; color: var(--azul-osc); min-width: 130px; white-space: nowrap; }
.eq-nivel small { font-size: .66rem; color: var(--texto-suave); }
.eq-nivel button { width: 34px; height: 34px; border-radius: 50%; border: 0; background: var(--azul); color: #fff; font-size: 1.15rem; font-weight: 700; cursor: pointer; }
.eq-nivel button:disabled { background: #D4D7EA; cursor: default; }
.eq-mas { margin-top: 6px; background: var(--azul-claro); color: var(--azul); border: 0; border-radius: 10px; padding: 9px 12px; font: 600 .85rem "Poppins", sans-serif; cursor: pointer; width: 100%; }
.eq-nuevo-amb { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 4px 0; font-size: .85rem; color: var(--texto-suave); }
.eq-nuevo-amb button { border: 1.5px dashed #B5BAE0; background: #fff; border-radius: 999px; padding: 6px 12px; cursor: pointer; font: 500 .82rem "Poppins", sans-serif; color: var(--azul-osc); }
.eq-vacio { color: var(--texto-suave); font-size: .85rem; text-align: center; margin: 8px 0; }
.equipar__pie { background: #fff; border-top: 1px solid #E1E3EF; padding: 12px 16px; display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; }
.eq-total { display: grid; }
.eq-total span { font-size: .78rem; color: var(--texto-suave); }
.eq-total strong { font: 700 1.3rem "Poppins", sans-serif; color: var(--azul-osc); }
.eq-total small { color: #138A43; font-weight: 600; }
.eq-acciones { display: flex; gap: 8px; }
.eq-acciones .btn { min-height: 44px; padding: 10px 14px; font-size: .88rem; }
.equipar__elegir { position: absolute; inset: 60px 0 0 0; background: #fff; display: flex; flex-direction: column; z-index: 3; }
.equipar__elegir[hidden] { display: none; }
.eq-elegir__cab { display: flex; gap: 8px; align-items: center; padding: 10px 12px; border-bottom: 1px solid #E1E3EF; }
.eq-elegir__cab strong { white-space: nowrap; color: var(--azul); }
.eq-elegir__cab input { flex: 1; min-width: 0; padding: 8px 12px; border: 1.5px solid #D4D7EA; border-radius: 999px; font: inherit; font-size: .88rem; }
.eq-elegir__lista, .eq-comp, .eq-slots { overflow-y: auto; flex: 1; padding: 8px 12px; }
.eq-op { width: 100%; display: grid; grid-template-columns: 56px 1fr auto; gap: 10px; align-items: center; text-align: left; background: #fff; border: 0; border-bottom: 1px solid #EEF0F7; padding: 8px 4px; cursor: pointer; font: inherit; }
.eq-op:hover, .eq-op.activo { background: var(--azul-claro); }
.eq-op__txt { display: grid; gap: 1px; min-width: 0; }
.eq-op__txt strong { font-size: .86rem; color: var(--texto); }
.eq-op__txt small { font-size: .74rem; color: var(--texto-suave); }
.eq-op b { color: var(--azul-osc); font-size: .9rem; white-space: nowrap; }
.eq-slots { display: flex; flex-wrap: wrap; gap: 8px; align-content: flex-start; }
.eq-slots button { border: 1.5px solid var(--azul-claro); background: #fff; border-radius: 12px; padding: 12px 14px; cursor: pointer; font: 600 .88rem "Poppins", sans-serif; color: var(--azul-osc); }
.eq-comp table { border-collapse: collapse; width: 100%; font-size: .8rem; }
.eq-comp th, .eq-comp td { padding: 6px; border-bottom: 1px solid #EEF0F7; vertical-align: top; text-align: left; }
.eq-comp thead th { background: #F7F8FC; position: sticky; top: 0; font-size: .85rem; color: var(--azul); }
.eq-comp thead th b, .eq-comp thead th small { display: block; }
.eq-comp thead th b { font-size: 1rem; color: var(--azul-osc); }
.eq-comp thead th small { color: #138A43; }
.eq-comp thead .btn { margin-top: 6px; min-height: 34px; padding: 6px 10px; font-size: .78rem; width: 100%; }
.eq-comp td small { display: block; color: var(--texto-suave); }
.eq-comp tbody th { color: var(--texto-suave); font-weight: 600; width: 22%; }
.eq-comp__amb td { background: var(--azul-claro); color: var(--azul); font-weight: 700; }
/* Aires para obra */
.obra h4 { margin: 14px 0 0; color: var(--azul); }
.obra__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.obra label { display: grid; gap: 4px; font-size: .82rem; font-weight: 600; color: var(--azul-osc); }
.obra input, .obra select { font: inherit; font-weight: 400; font-size: .9rem; padding: 9px 10px; border: 1.5px solid #D4D7EA; border-radius: 10px; background: #fff; width: 100%; box-sizing: border-box; }
.obra__fila { display: grid; grid-template-columns: 2fr .8fr .8fr 1.6fr auto; gap: 8px; align-items: end; background: #fff; border-radius: 12px; padding: 10px; margin-bottom: 8px; }
.obra__sug { grid-column: 1 / -1; color: #138A43; font-weight: 600; font-size: .78rem; }
.obra__sug:empty { display: none; }
.obra__resumen { font-weight: 600; color: var(--azul-osc); margin: 12px 0 8px; }
.obra .btn--wsp { width: 100%; }
@media (max-width: 760px) {
  .equipar-banda { grid-template-columns: 1fr; padding: 18px; }
  .equipar-banda__botones button { padding: 12px 4px; font-size: .82rem; }
  .equipar__ventana { top: 0; left: 0; right: 0; bottom: 0; transform: none; width: 100%; height: 100%; max-width: 100%; border-radius: 0; }
  .equipar__opciones { grid-template-columns: 1fr; }
  .equipar__opciones button { flex-direction: row; justify-content: flex-start; padding: 14px; }
  .equipar__opciones button span { font-size: 1.6rem; }
  .eq-item { grid-template-columns: 56px 1fr; }
  .eq-item .mini, .eq-item .mini.eq-ver { width: 56px; height: 56px; }
  .eq-vista { grid-template-columns: 1fr; }
  .eq-vista__img { min-height: 0; height: 38vh; border-right: 0; border-bottom: 1px solid #EEF0F7; }
  .eq-item__acc { grid-column: 1 / -1; display: flex; justify-content: space-between; }
  .equipar__pie { grid-template-columns: 1fr; gap: 8px; padding: 10px 12px; }
  .eq-acciones .btn { flex: 1; font-size: .8rem; padding: 8px; }
  .equipar__niveles .equipar__comparar { margin-left: 0; }
  .obra__grid { grid-template-columns: 1fr; }
  .obra__fila { grid-template-columns: 1fr 1fr; }
  .obra__fila label:first-child { grid-column: 1 / -1; }
}

/* ===== Servicio técnico (servicios.js) ===== */
.tec-fila { display: grid; grid-template-columns: 1fr 1fr .6fr auto; gap: 8px; align-items: end; background: #fff; border-radius: 12px; padding: 10px; margin-top: 8px; }
.tec-tipos { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tec-tipo { position: relative; cursor: pointer; border: 2px solid #E1E4F2; border-radius: 12px; padding: 6px; text-align: center; font-size: .8rem !important; display: grid !important; gap: 2px !important; }
.tec-tipo input { position: absolute; opacity: 0; }
.tec-tipo img { width: 100%; height: 58px; object-fit: contain; }
.tec-tipo:has(input:checked) { border-color: var(--azul); background: var(--azul-claro); }
.tec-serv { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.tec-op { cursor: pointer; }
.tec-op input { position: absolute; opacity: 0; }
.tec-op span { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 9px 12px; border: 2px solid #E1E4F2; border-radius: 12px; background: #fff; font-weight: 500; }
.tec-op input:checked + span { border-color: var(--azul); background: var(--azul-claro); font-weight: 600; }
.tec-op input:focus-visible + span { outline: 2px solid var(--azul); }
.tec-dibujo svg { width: 64px; height: 38px; display: block; }
.tec-otro, .tec-obs { margin-top: 10px; }
.obra textarea { font: inherit; font-weight: 400; font-size: .9rem; padding: 9px 10px; border: 1.5px solid #D4D7EA; border-radius: 10px; resize: vertical; }
/* ===== Solicitud de crédito ===== */
.cred-persona { border: 0; background: #fff; border-radius: 14px; padding: 12px; margin: 10px 0; }
.cred-persona legend { font-weight: 700; color: var(--azul); padding: 0 4px; }
.cred-fotos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.cred-foto { position: relative; cursor: pointer; border: 2px dashed #B9C0E0; border-radius: 12px; min-height: 92px; display: grid !important; place-items: center; text-align: center; background: #F7F8FD; overflow: hidden; }
.cred-foto input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.cred-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cred-foto.lista { border-style: solid; border-color: #3BB273; }
.cred-check { display: flex !important; gap: 8px; align-items: flex-start; font-weight: 500 !important; margin: 6px 0; }
.cred-check input { margin-top: 3px; width: 18px; height: 18px; flex: none; }
.cred-aviso { background: var(--azul-claro); border-radius: 12px; padding: 10px 12px; margin: 10px 0; font-size: .88rem; }
.cred-aviso p { margin: 0 0 6px; }
.cred-compra { background: #EAF7EF; border-radius: 10px; padding: 8px 10px; font-size: .88rem; }
.cred-estado { font-weight: 600; color: var(--azul-osc); min-height: 1em; }
#credForm .btn { width: 100%; margin-top: 8px; }
.pagos__credito { margin: 12px 0 8px; font-size: .92rem; }
@media (max-width: 600px) {
  .tec-fila { grid-template-columns: 1fr .6fr auto; }
  .tec-fila > label:first-of-type { grid-column: 1 / -1; }
  .tec-serv, .cred-fotos { grid-template-columns: 1fr; }
}
.cred-ancho { grid-column: 1 / -1; }

/* ===== Asistente: opciones con dibujo / versión / color (somieres) ===== */
.opcion--dibujo { display: inline-flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 12px; }
.opcion--dibujo svg { width: 92px; height: 54px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.opcion--version { display: block; text-align: left; width: 100%; padding: 10px 12px; }
.opcion--version strong { display: block; font-size: 1rem; }
.opcion--version small { display: block; font-weight: 400; line-height: 1.35; margin-top: 2px; }
.opcion--color { display: inline-flex; align-items: center; gap: 6px; }
.opcion--color i { width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0,0,0,.2); display: inline-block; }
.cred-factura { background: #fff; border-radius: 14px; padding: 10px 12px; margin: 10px 0; }
.cred-titulo { font-weight: 700; color: var(--azul); margin: 0 0 4px; }
#credForm .btn:disabled { opacity: .45; cursor: not-allowed; }
.opcion--dibujo { border-radius: 14px; }

/* ===== Servicio técnico v2: varios servicios por tipo de aire ===== */
.tec-fila { grid-template-columns: 1fr auto !important; }
.tec-cant { max-width: 180px; }
.tec-servs { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tec-serv-item { display: grid; gap: 4px; }
.tec-chip { position: relative; cursor: pointer; display: block !important; }
.tec-chip input { position: absolute; inset: 0; opacity: 0; margin: 0; }
.tec-chip span { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 2px solid #E1E4F2; border-radius: 12px; background: #fff; font-weight: 500; }
.tec-chip input:checked + span { border-color: var(--azul); background: var(--azul-claro); font-weight: 600; }
.tec-chip input:checked + span::before { content: "✓"; color: var(--azul); font-weight: 700; }
.tec-chip input:focus-visible + span { outline: 2px solid var(--azul); }
.tec-cuantos { display: flex !important; align-items: center; gap: 6px; font-size: .8rem !important; padding-left: 6px; }
.tec-cuantos input { width: 70px; padding: 5px 8px !important; }
.tec-cuantos[hidden], .tec-otro[hidden] { display: none !important; }
.tec-tipo input { inset: 0; margin: 0; }
@media (max-width: 600px) { .tec-servs { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .tec-fila > .tec-cant { grid-column: auto !important; } }
.ver-mas-grilla { display: block; margin: 20px auto 0; }
.novedad[hidden], .trabajo[hidden] { display: none !important; }

/* Somier: las 3 opciones en una fila, con dibujo a dos tonos */
#chatAcciones:has(.opcion--dibujo) { flex-wrap: nowrap; }
.opcion--dibujo { flex: 1 1 0; min-width: 0; padding: 8px 6px !important; font-size: .74rem; line-height: 1.2; white-space: normal; border-radius: 14px !important; }
.dib-somier { width: 100% !important; max-width: 96px; height: auto !important; }
.dib-somier .h { fill: #C9B79C; stroke: #8A7357; stroke-width: 1.5; }
.dib-somier .t circle { fill: #8A7357; }
.dib-somier .c { fill: #fff; stroke: #9AA3C7; stroke-width: 1.5; }
.dib-somier .q { fill: none; stroke: #C9CEE6; stroke-width: 1.2; stroke-dasharray: 3 3; }
.dib-somier .a { fill: #EEF1FB; stroke: #9AA3C7; stroke-width: 1.2; }
.dib-somier .b { fill: #E8DCC8; stroke: #8A7357; stroke-width: 1.5; }
.dib-somier .l { stroke: #5B4A36; stroke-width: 3; stroke-linecap: round; }
.opcion--color-foto img { width: 34px; height: 34px; object-fit: cover; border-radius: 8px; }
/* Comparar combos en celular: la tabla se desliza de costado dentro de su caja (no rompe la ventana) */
.eq-comp { overflow-x: auto; }
@media (max-width: 600px) { .eq-comp table { min-width: 420px; font-size: .74rem; } }
.carrito__vaciar { background: none; border: 0; color: #B3261E; font: 600 .85rem Poppins, sans-serif; padding: 8px; cursor: pointer; text-decoration: underline; width: 100%; }
.carrito__vaciar[hidden] { display: none; }

/* ===== TRABAJOS REALIZADOS (pro): banda oscura, reels verticales, galería con filtros y visor ===== */
.trabajos-pro { background: radial-gradient(120% 80% at 10% 0%, #2B3496 0%, #151A5C 55%, #0E1243 100%); color: #fff; }
.trabajos-pro .seccion__cabecera h2, .trabajos-pro .seccion__cabecera p { color: #fff; }
.trabajos-pro .seccion__cabecera p { opacity: .88; }
.trabajos-pro .etiqueta { color: var(--dorado, #E8B422); }
.trabajos-pro__sellos { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 28px; padding: 0; }
.trabajos-pro__sellos li { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; padding: 8px 14px; font-size: .88rem; font-weight: 600; }
.trabajos-pro__sub { color: #fff; font-size: 1.15rem; margin: 26px 0 12px; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.trabajos-pro__sub small { font-weight: 400; font-size: .82rem; opacity: .7; }
.reels { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.reel { position: relative; aspect-ratio: 9 / 16; border: 0; padding: 0; border-radius: 18px; overflow: hidden; cursor: pointer; background: #000; box-shadow: 0 10px 30px rgba(0,0,0,.35); transition: transform .25s ease; }
.reel:hover { transform: translateY(-4px); }
.reel video { width: 100%; height: 100%; object-fit: cover; display: block; }
.reel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.75) 100%); pointer-events: none; }
.reel__txt { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 1; color: #fff; font: 600 .9rem/1.25 "Poppins", sans-serif; text-align: left; text-shadow: 0 1px 4px rgba(0,0,0,.5); }
.reel__play { position: absolute; top: 10px; right: 10px; z-index: 1; width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.9); color: #151A5C; display: grid; place-items: center; font-size: .8rem; }
.reel[hidden] { display: none; }
.trabajos-pro__filtros { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.trabajos-pro__filtros button { background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; padding: 8px 14px; font: 600 .85rem "Poppins", sans-serif; cursor: pointer; }
.trabajos-pro__filtros button.activo { background: var(--dorado, #E8B422); color: #151A5C; border-color: transparent; }
.galeria--pro { grid-template-columns: repeat(4, 1fr); gap: 14px; }   /* 4 por fila: 8 fotos = 2 filas justas, 4 = 1 fila */
.galeria--pro .trabajo { position: relative; margin: 0; border-radius: 16px; overflow: hidden; aspect-ratio: 4 / 5; cursor: zoom-in; background: #0E1243; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.galeria--pro .trabajo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.galeria--pro .trabajo:hover img { transform: scale(1.06); }
.galeria--pro .trabajo figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 12px 10px; color: #fff; font-weight: 600; font-size: .88rem; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.72)); }
.trabajos-pro .ver-mas-grilla { color: #fff; border-color: rgba(255,255,255,.6); background: transparent; }
.trabajos-pro__cta { margin-top: 30px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: 18px; padding: 18px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: center; text-align: center; }
.trabajos-pro__cta p { margin: 0; flex-basis: 100%; }
.trabajos-pro__cta .btn--borde-azul { color: #fff; border-color: #fff; background: transparent; }
/* Visor grande */
.visor { position: fixed; inset: 0; z-index: 3000; background: rgba(5,7,25,.94); display: none; align-items: center; justify-content: center; flex-direction: column; padding: 50px 56px 20px; }
.visor.abierto { display: flex; }
.visor__medio { max-width: 100%; max-height: calc(100vh - 120px); display: flex; }
.visor__medio img, .visor__medio video { max-width: 100%; max-height: calc(100vh - 120px); border-radius: 12px; object-fit: contain; background: #000; }
.visor__txt { color: #fff; margin: 12px 0 0; font-weight: 600; text-align: center; }
.visor__x { position: absolute; top: 12px; right: 14px; width: 42px; height: 42px; border-radius: 50%; border: 0; background: rgba(255,255,255,.15); color: #fff; font-size: 1.2rem; cursor: pointer; }
.visor__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 64px; border: 0; border-radius: 12px; background: rgba(255,255,255,.12); color: #fff; font-size: 2rem; cursor: pointer; }
.visor__nav--ant { left: 8px; } .visor__nav--sig { right: 8px; }
@media (max-width: 960px) { .reels { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) {
  .reels { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .galeria--pro { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .reel__txt { font-size: .78rem; } .galeria--pro .trabajo figcaption { font-size: .76rem; }
  .visor { padding: 50px 8px 16px; } .visor__nav { width: 36px; height: 52px; font-size: 1.6rem; background: rgba(255,255,255,.08); }
}

/* Celular: botones y enlaces chicos con área de toque cómoda (mín. 44 px). Control general 17/10 */
@media (max-width: 760px) {
  .hero__compartir, .tarjeta__enlace, .copiar, .opiniones a { min-height: 44px; display: inline-flex; align-items: center; }
}
/* Celulares de pantalla corta (ej. 360x740): foto de portada más baja para que WhatsApp y Llamar entren en la primera vista */
@media (max-width: 760px) and (max-height: 760px) { .hero__foto--real img { max-height: 120px !important; } }
/* Celular: con los botones de la portada a la vista, los flotantes se esconden (no tapan 'Llamar ahora') */
.wsp-flotante, .pedido-flotante { transition: opacity .25s, transform .25s; }
@media (max-width: 760px) { body.portada-botones .wsp-flotante:not(.abierto), body.portada-botones .pedido-flotante { opacity: 0; transform: translateY(20px); pointer-events: none; } }
/* Chat: botón ↩ Atrás (vuelve a la pregunta anterior) */
.chat__acciones button.opcion--atras { background: transparent; border: 1px dashed var(--texto-suave); color: var(--texto-suave); font-size: .82rem; font-weight: 500; }
.chat__acciones button.opcion--atras:hover { color: var(--azul); border-color: var(--azul); }
.chat__acciones .btn + .opcion--atras { margin-top: 8px; }
/* Chat: botón para volver a la pregunta anterior (Alfredo, 19/10) */
.chat__acciones button.opcion--atras { border-color: #C9CCE0; color: #5A5F7A; font-weight: 500; flex-basis: 100%; max-width: max-content; margin-top: 2px; }
.chat__acciones button.opcion--atras:hover { background: #F1F2F8; }

/* Armador: elegir producto con preguntas (medida → qué lleva → precio → lista corta). Alfredo, 19/10 */
.eq-elegir__paso { flex: 1; overflow-y: auto; display: flex; flex-direction: column; min-height: 0; }
.eq-elegir__paso .eq-elegir__lista { flex: 1; }
.eq-preg { margin: 14px 14px 8px; font-weight: 700; color: var(--azul-osc); font-size: 1rem; }
.eq-resp { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; padding: 0 14px; }
.eq-resp button { display: grid; gap: 2px; text-align: left; border: 1.5px solid var(--azul-claro); background: #fff; border-radius: 12px; padding: 12px; min-height: 44px; cursor: pointer; font: 600 .9rem "Poppins", sans-serif; color: var(--azul-osc); }
.eq-resp button:hover { border-color: var(--azul); background: var(--azul-claro); }
.eq-resp button small { font-weight: 400; font-size: .74rem; color: var(--texto-suave); }
.eq-ver-todas { margin: 12px 14px; align-self: flex-start; background: none; border: 0; color: var(--azul); text-decoration: underline; cursor: pointer; font: inherit; font-size: .85rem; min-height: 44px; }
.eq-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 12px 0; }
.eq-chip { border: 0; background: var(--azul-claro); color: var(--azul-osc); border-radius: 999px; padding: 6px 12px; font: 600 .8rem "Poppins", sans-serif; cursor: pointer; min-height: 32px; }
.eq-chip span { opacity: .6; margin-left: 2px; }
.eq-marcas { display: flex; gap: 6px; overflow-x: auto; padding: 10px 12px 2px; align-items: center; }
.eq-marcas span { font-size: .8rem; color: var(--texto-suave); white-space: nowrap; }
.eq-marcas button { border: 1.5px solid #D4D7EA; background: #fff; border-radius: 999px; padding: 6px 12px; font: 600 .8rem "Poppins", sans-serif; color: var(--azul-osc); white-space: nowrap; cursor: pointer; }
.eq-elegir__paso > #eqFiltro { margin: 8px 12px 0; padding: 9px 14px; border: 1.5px solid #D4D7EA; border-radius: 999px; font: inherit; font-size: .88rem; }
.item__cant button:disabled { opacity: .35; cursor: default; }
/* Equipá tu espacio: qué ambientes equipar */
.eq-ambs { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.eq-ambs label { display: flex; align-items: center; gap: 10px; border: 1.5px solid var(--azul-claro); border-radius: 12px; padding: 12px; cursor: pointer; font-weight: 600; color: var(--azul-osc); min-height: 48px; }
.eq-ambs label:has(input:checked) { border-color: var(--azul); background: var(--azul-claro); }
.eq-ambs input { width: 20px; height: 20px; accent-color: var(--azul); }
.eq-ambs__acc { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
/* Catálogo: filtro por tamaño (Alfredo, 19/10) */
.filtros--tam { align-items: center; }
.filtros__etq { font-size: .82rem; font-weight: 600; color: var(--texto-suave); white-space: nowrap; margin-right: 2px; }
/* Imagen para enviar: elegir la medida primero (Alfredo, 21/10) */
.captura__medidas { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; width: 100%; }
.captura__medidas .btn { width: 100%; min-height: 44px; padding: 10px 12px; font-size: .9rem; }
/* Chat: botones de medida con ayuda (ej. 140 x 190 / Matrimonial). Alfredo, 21/10 */
.chat__acciones button.opcion--medida { display: inline-grid; gap: 0; line-height: 1.15; text-align: center; padding: 7px 14px; min-width: 104px; }
.chat__acciones button.opcion--medida small { font-weight: 400; font-size: .72rem; opacity: .75; }
/* Somieres y colchones: características como etiquetas con ícono (Alfredo, 21/10) */
.specs { list-style: none; margin: 4px 0 6px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.specs li { display: inline-flex; align-items: center; gap: 5px; background: var(--azul-claro); color: var(--azul-osc); border-radius: 999px; padding: 4px 10px 4px 8px; font-size: .76rem; font-weight: 600; line-height: 1.25; }
.specs li span { font-size: .9rem; }
/* Chat: opción con stock (Alfredo, 21/10) */
.chat__acciones button.opcion--stock { border-color: #1E9E55; background: #EAF8EF; display: inline-grid; justify-items: center; gap: 1px; }
.chat__acciones button.opcion--stock:hover { background: #D7F2E1; }
.opcion__stock { font-size: .68rem; font-weight: 700; color: #138A43; line-height: 1.1; }
.chat__acciones button.opcion--dibujo.opcion--stock { display: inline-flex; flex-direction: column; }
.leyenda-stock { display: block; margin-top: 4px; color: #138A43; }