/* ===========================
   main.css (COMPLETO / LIMPIO)
   - Hero full width con imagen + overlay (azul)
   - Carrusel tiendas infinito sin “salto”
   - Categorías tipo vidrio clickeables
   - Footer tipo comparador CON EL MISMO COLOR DEL HEADER
   =========================== */

:root{
  --bg:#f6f7fb;
  --card:#fff;
  --text:#111827;
  --muted:#6b7280;
  --brand:#2ecc71;
  --line:#e8e8ee;

  /* ===== HEADER/FOOTER AZUL (NO TAN OSCURO) ===== */
  --header-bg-1:#1f4ea8;            /* arriba */
  --header-bg-2:#173d86;            /* abajo */
  --header-line:rgba(255,255,255,.16);
}

/* ===== Reset/Base ===== */
*{ box-sizing:border-box; }
html,body{ max-width:100%; overflow-x:hidden; }
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
}
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }

/* ===== Layout ===== */
.wrap{
  width:min(1100px, calc(100% - 32px));
  margin:0 auto;
  padding:16px;
}

/* ===== Generic grid helpers ===== */
.grid{ display:grid; gap:12px; }
.grid.cols-4{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.grid.cols-3{ grid-template-columns:repeat(3, minmax(0,1fr)); }

/* ===== Cards / Text ===== */
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  min-width:0;
  overflow:hidden;
}
a.card{ display:block; width:100%; }

.title{ font-size:18px; margin:0 0 8px; }
.kpi{ font-size:12px; color:var(--muted); }
.badge{
  display:inline-block;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:12px;
  color:var(--muted);
  background:#fff;
}

/* ===== Buttons ===== */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  cursor:pointer;
  font-weight:600;
}
.btn.primary{
  background:var(--brand);
  color:#fff;
  border-color:transparent;
}

/* categoria.php usa btn-primary */
.btn-primary{
  background: var(--brand);
  color:#fff;
  border:0;
  padding:10px 12px;
  border-radius:12px;
  font-weight:700;
  cursor:pointer;
}
.btn-primary:hover{ filter:brightness(.95); }
.btn-primary:active{ transform: translateY(1px); }

/* producto.php buttons */
.btn-store{
  background:var(--brand);
  color:#fff !important;
  border:none;
  font-weight:700;
  padding:10px 16px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: background-color .15s ease, filter .15s ease, transform .1s ease;
}
.btn-store:hover{ background-color:#16a34a; }
.btn-store:active{ transform:translateY(1px); filter:brightness(.95); }

.btn.btn-more{
  background-color:#22c55e;
  color:#fff;
  border-color:transparent;
}
.btn.btn-more:hover{ background-color:#16a34a; }

.btn.btn-alerta{
  background-color:#FEF3C7;
  color:#92400e;
  border:1px solid #FDE68A;
}
.btn.btn-alerta:hover{ background-color:#FDE68A; }

.price-note{ font-size:12px; color:var(--muted); margin-top:4px; }

/* ===== Table ===== */
.table{ width:100%; border-collapse:collapse; }
.table th,.table td{
  padding:10px;
  border-bottom:1px solid var(--line);
  text-align:left;
  font-size:14px;
}
.table img{
  max-height:44px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}

/* ===== Header ===== */
.header{
  position:sticky;
  top:0;
  z-index:50;
  background:linear-gradient(180deg,var(--header-bg-1) 0%, var(--header-bg-2) 100%);
  border-bottom:1px solid var(--header-line);
}
.header .nav{
  display:flex;
  align-items:center;
  gap:12px;
  justify-content:space-between;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
}
.brand-logo{ height:52px; width:auto; }

/* Search (header) */
.searchbar{
  display:flex;
  gap:8px;
  flex:1;
  max-width:560px;
  min-width:0;
}
.searchbar input{
  flex:1;
  min-width:0;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  outline:none;
  background:#fff;
}
.searchbar button{
  padding:12px 14px;
  border:0;
  border-radius:14px;
  background:var(--brand);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  transition: background-color .15s ease, filter .15s ease, transform .1s ease;
}
.searchbar button:hover{ background-color:#16a34a; }
.searchbar button:active{ transform: translateY(1px); filter: brightness(.95); }

/* Menu */
.top-menu{
  display:flex;
  gap:10px;
  align-items:center;
  font-weight:700;
}
.top-menu a{
  padding:8px 10px;
  border-radius:999px;
  color:#ffffff;
  opacity:.92;
}
.top-menu a:hover{ background:rgba(255,255,255,.10); opacity:1; }

/* Hamburguesa */
.menu-btn{
  display:none;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}

/* ============================= */
/* HOME: ocultar buscador del header */
/* ============================= */
body.home .header .searchbar{
  display:none !important;
}

/* ============================= */
/* HERO FULL WIDTH tipo Fiverr (AZUL) */
/* ============================= */
/* Requisito: tu imagen debe estar en:
   /assets/img/hero/hero-lowetz.png
*/
.hero.hero--full{
  width:100%;
  margin:0;
  border-radius:0;
  min-height:420px;
  padding:72px 0;
  position:relative;
  overflow:hidden;

  background:
    linear-gradient(
      rgba(15, 35, 80, .55),
      rgba(25, 80, 190, .35)
    ),
    url("/assets/img/hero/hero-lowetz.png") center / cover no-repeat;

  box-shadow: 0 18px 40px rgba(0,0,0,.10);
}

.hero-inner.hero-inner--wrap{
  width:min(1100px, calc(100% - 32px));
  margin:0 auto;
  color:#fff;
}

.hero-kpi{
  font-size: 16px !important;
  font-weight: 600;
  opacity: .95;
  margin:0 0 10px;
}

/* (AJUSTE) tamaño título HERO */
.hero-title{
  font-size: clamp(22px, 3.2vw, 40px);
  font-weight:900;
  line-height:1.08;
  margin:0 0 10px;
  text-shadow: 0 6px 18px rgba(0,0,0,.30);
}

/* (AJUSTE) subtítulo */
.hero-subtitle{
  font-size: 18px !important;
  line-height: 1.5;
  max-width: 820px;
  opacity: .95;
  margin:0 0 18px;
}

/* Buscador grande */
.hero-search{
  display:flex;
  gap:10px;
  background: rgba(255,255,255,.96);
  padding:10px;
  border-radius:14px;
  max-width:820px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  backdrop-filter: blur(6px);
}
.hero-search input{
  flex:1;
  border:0;
  outline:0;
  padding:14px 12px;
  font-size:16px;
  border-radius:12px;
}
.hero-search button{
  border:0;
  border-radius:12px;
  padding:0 18px;
  font-weight:800;
  background:var(--brand);
  color:#fff;
  cursor:pointer;
  transition: filter .15s ease, transform .1s ease;
}
.hero-search button:hover{ filter:brightness(.95); }
.hero-search button:active{ transform: translateY(1px); }

/* Categorías tipo vidrio */
.hero-tags{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.hero-tags .tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.30);
  backdrop-filter:blur(6px);
  color:#fff;
  cursor:pointer;
  transition: transform .15s ease, background .15s ease;
}
.hero-tags .tag:hover{
  background:rgba(255,255,255,.18);
  transform: translateY(-2px);
}

/* ===== List item ===== */
.product{
  display:flex;
  gap:12px;
  align-items:flex-start;
  min-width:0;
}
.product *{ min-width:0; }

.product img{
  width:96px;
  height:96px;
  object-fit:contain;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
}

.product h3{
  margin:0;
  line-height:1.25;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  word-break:break-word;
}
.product small, .product p{
  margin:0;
  font-size:12px;
  color:var(--muted);
}

/* ===== Products grid ===== */
.products-grid{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(3, minmax(0,1fr));
}

/* ===== Card de producto ===== */
.product-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  gap:10px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.product-card *{ min-width:0; }

.product-card .img-link{ display:block; }

.product-card .img-link img,
.product-card img{
  width:100%;
  height:200px;
  object-fit:contain;
  background:#fff;
  border-radius:12px;
  border:1px solid var(--line);
  transition: transform .25s ease;
}

.product-card .info strong,
.product-card h3,
.product-card .name{
  margin:0;
  line-height:1.25;
  overflow:hidden;
  word-break:break-word;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.product-card .price,
.product-card .meta,
.product-card small,
.product-card p{
  margin:0;
  font-size:12px;
  color:var(--muted);
}

/* Botón comparar */
.btn-compare{
  display:block;
  width:fit-content;
  margin:10px auto 0;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn-compare:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.15);
}

/* Hover tarjeta (PC) */
.product-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}
.product-card:hover .img-link img{
  transform: scale(1.05);
}

/* ===== Categorías (cards antiguas) ===== */
.category-card{
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.category-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(17,24,39,.10);
  border-color: rgba(46,204,113,.45);
}
.category-card:active{ transform: translateY(-1px); }
.category-card:focus-visible{
  outline: 2px solid rgba(46,204,113,.55);
  outline-offset: 3px;
}

/* ============================= */
/* TIENDAS: CARRUSEL INFINITO (SOLO CSS) */
/* ============================= */
.stores-marquee{
  overflow:hidden;
  width:100%;
  border-radius:16px;
}
.stores-track{
  display:flex;
  gap:14px;
  width:max-content;
  animation: storesScroll 22s linear infinite;
  will-change: transform;
}
.stores-marquee:hover .stores-track{
  animation-play-state: paused;
}
.stores-group{
  display:flex;
  gap:14px;
  align-items:center;
}
@keyframes storesScroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}
.store-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  white-space:nowrap;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.store-item:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  border-color: var(--brand);
}
.store-item img{
  height:28px;
  width:auto;
  max-width:100px;
  object-fit:contain;
}

/* ===== Página de producto (imagen principal) ===== */
.product-image{
  width:100%;
  max-width:760px;
  height:auto;
  object-fit:contain;
  display:block;
  margin:0 auto;
  border-radius:16px;
  transition: transform .25s ease, filter .15s ease;
}
.product-image:hover{ transform: scale(1.05); }
.product-image:active{ transform: scale(1.04); filter:brightness(.95); }

/* ===== Footer simple (texto pequeño) ===== */
.footer{ padding:24px 0; color:var(--muted); font-size:13px; }

/* ===== Desktop FIX ===== */
@media (min-width: 769px){
  .grid.cols-4 > .card,
  .grid.cols-3 > .card{ overflow:hidden; }

  .grid.cols-4 .card .product,
  .grid.cols-3 .card .product{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }

  .grid.cols-4 .card .product img,
  .grid.cols-3 .card .product img{
    width:100% !important;
    height:200px !important;
    object-fit:contain !important;
    border-radius:12px !important;
  }

  .grid.cols-4 .card .product h3,
  .grid.cols-3 .card .product h3{
    margin:0 !important;
    font-size:15px !important;
    line-height:1.35 !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
  }
}

/* ===== Responsive ===== */
@media (min-width:900px){
  .brand-logo{ height:56px; }
}

/* Tablet */
@media (max-width:900px){
  .products-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }

  .product img{
    width:90px;
    height:90px;
  }
  .product-card .img-link img,
  .product-card img{
    height:170px;
  }

  .grid.cols-4{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .grid.cols-3{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

/* Móvil */
@media (max-width:768px){
  .header .nav{
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "brand menu"
      "search search"
      "links links";
    gap:10px;
  }
  .brand{ grid-area:brand; }
  .menu-btn{ grid-area:menu; display:inline-flex; }
  .searchbar{ grid-area:search; max-width:none; width:100%; }
  .top-menu{
    grid-area:links;
    display:none;
    flex-direction:column;
    gap:6px;
    padding:10px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    background:rgba(255,255,255,.06);
  }
  .top-menu.open{ display:flex; }

  .grid.cols-4,
  .grid.cols-3{ grid-template-columns:1fr; }

  .products-grid{ grid-template-columns:1fr; }

  .product{ display:block; }
  .product img{
    width:100%;
    height:170px;
    margin-bottom:10px;
  }

  .product-card{ padding:12px; }
  .product-card h3{ -webkit-line-clamp:4; font-size:14px; }

  /* HERO móvil */
  .hero.hero--full{ padding:44px 0; min-height:360px; }
  .hero-search{ flex-direction:column; }
  .hero-search button{ height:46px; }
}

/* Móvil muy pequeño */
@media (max-width:360px){
  .products-grid{ grid-template-columns:1fr; }
}

/* ===== MÓVIL EN HORIZONTAL: 2 columnas ===== */
@media (max-width: 900px) and (orientation: landscape){
  .grid.cols-3,
  .grid.cols-4{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ===== Active ===== */
.product-card:active{ transform: translateY(-2px); }
.btn-compare:active,
.btn-store:active{ filter: brightness(.95); transform: translateY(1px); }
.img-link:active img{ transform: scale(1.02); }

/* password toggle (admin) */
.password-wrap{ position: relative; }
.password-wrap input{ padding-right: 46px; }
.toggle-pass{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 18px;
  opacity: .65;
}
.toggle-pass:hover{ opacity: 1; }

/* ============================= */
/* BOTÓN COMPARAR (INDEX + CATEGORÍAS) */
/* ============================= */
.btn-compare,
.product-card .btn,
.product-card a.btn,
.product-card button{
  background:#ffffff !important;
  color:#16a34a !important;
  border:2px solid #16a34a !important;
}

/* ============================= */
/* TEXTO "Desde: S/ ..." GLOBAL */
/* ============================= */
.price-note,
.product-card .price-note,
.product-card small,
.product-card p{
  color:#16a34a !important;
  font-weight:600;
}
.product-card .info .kpi{ color:#f97316 !important; }

/* ===== Centrar categorías en móvil ===== */
@media (max-width: 768px){
  .category-card,
  .product{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
  .category-card a,
  .product a{
    justify-content:center;
  }
}

/* ============================= */
/* FOOTER TIPO COMPARADOR (MISMO COLOR DEL HEADER) */
/* ============================= */
.compare-footer{
  background: linear-gradient(
    180deg,
    var(--header-bg-1) 0%,
    var(--header-bg-2) 100%
  );
  border-top: 1px solid var(--header-line);
  color: #ffffff;
  margin-top:40px;
}

.compare-footer-wrap{
  width:min(1100px, calc(100% - 32px));
  margin:0 auto;
  padding:40px 16px 20px;
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  gap:28px;
}

.cf-logo{
  height:42px;
  margin-bottom:12px;
}

.cf-text{
  font-size:14px;
  line-height:1.6;
  color: rgba(255,255,255,.88);
}

.cf-col h4{
  margin:0 0 10px;
  font-size:14px;
  color:#ffffff;
}

.cf-col a{
  display:block;
  font-size:14px;
  color: rgba(255,255,255,.92);
  opacity:.95;
  padding:6px 0;
}

.cf-col a:hover{
  opacity:1;
  text-decoration:underline;
}

.cf-small{
  font-size:13px;
  line-height:1.5;
  color: rgba(255,255,255,.80);
}

.cf-bottom{
  border-top:1px solid var(--header-line);
  text-align:center;
  padding:14px 10px;
  font-size:13px;
  color: rgba(255,255,255,.86);
}

/* Responsive footer */
@media (max-width:900px){
  .compare-footer-wrap{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:600px){
  .compare-footer-wrap{
    grid-template-columns:1fr;
    text-align:center;
  }
  .cf-logo{
    margin-left:auto;
    margin-right:auto;
  }
}

/* ===============================
   TIENDAS – ANIMACIÓN + HOVER
   (funciona con tu HTML actual)
=============================== */

/* Entrada suave al cargar */
.grid.cols-4 > a.card{
  opacity: 0;
  transform: translateY(10px);
  animation: storeCardIn .45s ease-out forwards;
}

/* Delay por tarjeta (4 visibles) */
.grid.cols-4 > a.card:nth-child(1){ animation-delay: .05s; }
.grid.cols-4 > a.card:nth-child(2){ animation-delay: .10s; }
.grid.cols-4 > a.card:nth-child(3){ animation-delay: .15s; }
.grid.cols-4 > a.card:nth-child(4){ animation-delay: .20s; }

/* Hover */
.grid.cols-4 > a.card{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  border: 1px solid rgba(0,0,0,.06);
}
.grid.cols-4 > a.card:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  border-color: rgba(0,0,0,.10);
}

/* Un poco más de vida al logo */
.grid.cols-4 .store-logo{
  transition: transform .18s ease;
}
.grid.cols-4 > a.card:hover .store-logo{
  transform: scale(1.03);
}

@keyframes storeCardIn{
  to{ opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce){
  .grid.cols-4 > a.card{
    animation: none;
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* =========================
   TOPBAR (blanco) + HEADER (azul)
   ========================= */

/* Topbar blanco */
.topbar{
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.topbar-inner{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 16px;
}

/* Brand en topbar */
.topbar .brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
}
.topbar .brand-logo{
  height:44px;
  width:auto;
}
.topbar .badge{
  display:inline-block;
  padding:6px 10px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:999px;
  font-size:12px;
  color:#374151;
  background:#fff;
}

/* Buscador en topbar */
.topbar-search{
  margin-left:auto;
  display:flex;
  gap:10px;
  align-items:center;
  flex:1;
  max-width:760px;
}
.topbar-search input{
  flex:1;
  min-width:0;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  outline:none;
  background:#fff;
}
.topbar-search button{
  padding:12px 16px;
  border:0;
  border-radius:14px;
  background:var(--brand);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

/* Header azul (solo menú) */
.header{
  position:sticky;
  top:0;
  z-index:50;
  background: linear-gradient(180deg, #1b4f9c 0%, #153f80 100%);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.header .nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:10px 16px;
}

/* Menú */
.top-menu{
  display:flex;
  gap:16px;
  align-items:center;
  font-weight:700;
}
.top-menu a{
  color:#fff;
  opacity:.95;
  padding:8px 10px;
  border-radius:999px;
}
.top-menu a:hover{ background:rgba(255,255,255,.12); opacity:1; }

/* Botón menú móvil */
.menu-btn{
  display:none;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:12px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}

/* Responsive */
@media (max-width:768px){
  .topbar-inner{ flex-direction:column; align-items:stretch; }
  .topbar-search{ margin-left:0; max-width:none; width:100%; }

  .header .nav{ justify-content:space-between; }
  .menu-btn{ display:inline-flex; align-items:center; justify-content:center; }

  .top-menu{
    display:none;
    flex-direction:column;
    gap:6px;
    padding:10px;
    border-radius:14px;
    background:rgba(0,0,0,.18);
  }
  .top-menu.open{ display:flex; }
}
/* HOME: no mostrar buscador de arriba (para no duplicar con el HERO) */
body.home .topbar-search{
  display:none !important;
}
/* FIX: subir brillo/contraste del logo en footer */
.compare-footer .cf-logo img,
.compare-footer img[alt="Lowetz"]{
  filter: brightness(1.35) contrast(1.15) saturate(1.1);
}
.brand-logo{
    height:78px;   /* prueba 64px, 70px o 72px */
    width:auto;
  }
  /* =========================
   BOTONES PRODUCTO (LIMPIO)
========================= */

/* Contenedor (opcional, si los ves muy juntos) */
.product-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* Botón principal */
.btn-primary,
.btn-store{
  background:#22c55e !important;
  color:#fff !important;
  border:none !important;
  font-weight:700;
  border-radius:14px;
  padding:12px 18px;
}

.btn-primary:hover,
.btn-store:hover{
  background:#16a34a !important;
}

/* Botón secundario (Avísame si baja) */
.btn-alerta{
  background:#ffffff !important;
  color:#16a34a !important;
  border:2px solid #16a34a !important;
  font-weight:600;
  border-radius:14px;
  padding:12px 16px;
}

.btn-alerta:hover{
  background:#f0fdf4 !important;
}