:root{
  --bg:#eef2f7;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#475569;
  --line:#dbe4ee;
  --brand:#0b1f4d;
  --brand-2:#1d4ed8;
  --accent:#ffffff;
  --shadow:0 14px 35px rgba(15,23,42,.08);
  --radius:20px;
  --max:1180px;
}

*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
}

a{
  text-decoration:none;
  color:inherit;
}

img{
  max-width:100%;
  display:block;
}

.wrap{
  width:min(var(--max), calc(100% - 32px));
  margin:0 auto;
}

/* ===== HEADER ===== */

.topbar{
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(244,247,251,.94);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}

.nav{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.brand{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}

.brand img{
  width:78px;
  height:78px;
  object-fit:contain;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  padding:8px;
}

.brand-text strong{
  display:block;
  font-size:30px;
  line-height:1;
  letter-spacing:.04em;
}

.brand-text span{
  display:block;
  margin-top:5px;
  font-size:13px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.14em;
}

.menu{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}

.menu a{
  padding:10px 14px;
  border-radius:999px;
  font-size:14px;
  color:var(--muted);
}

.menu a:hover{
  background:#e7eef8;
  color:var(--brand);
}

.menu .cta{
  background:var(--brand);
  color:#fff;
  font-weight:700;
}

/* ===== COMMON ===== */

section{
  padding:18px 0;
}

h1, h2, h3, p{
  margin:0;
}

.section-head{
  margin-bottom:18px;
}

.section-head .kicker{
  color:var(--brand-2);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.section-head h2{
  margin-top:8px;
  font-size:34px;
  line-height:1.06;
  letter-spacing:-.02em;
}

.section-head p{
  margin-top:10px;
  color:var(--muted);
  max-width:840px;
}

.tag{
  display:inline-flex;
  align-self:flex-start;
  padding:7px 11px;
  border-radius:999px;
  background:#eef4ff;
  color:var(--brand-2);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.10em;
  margin-bottom:4px;
}

/* ===== BUTTONS ===== */

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid transparent;
  font-weight:700;
  font-size:14px;
}

.btn-dark{
  background:var(--brand);
  color:#fff;
}

.btn-light{
  background:#fff;
  border:1px solid #dbe4ee;
  color:#0b1f4d;
}

.btn-accent{
  background:#ffffff;
  color:var(--brand);
  border:1px solid rgba(255,255,255,.35);
}
.btn i{
  margin-right:6px;
}

/* ===== HERO ===== */

.hero{
  padding:52px 0 26px;
}

.hero-box{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:20px;
}

.hero-main,
.hero-side,
.service-card,
.product-card,
.band,
.footer-box{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.hero-main{
  padding:34px;
  background:linear-gradient(135deg,#ffffff 0%,#eef4ff 100%);
}

.hero-kicker{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#eef4ff;
  color:var(--brand-2);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  border:1px solid #d7e4fb;
}

h1{
  margin-top:14px;
  font-size:48px;
  line-height:1.02;
  letter-spacing:-.03em;
}

.hero-main p{
  margin-top:14px;
  color:var(--muted);
  font-size:18px;
  max-width:760px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.hero-side{
  padding:26px;
  background:linear-gradient(135deg,#0b1f4d 0%,#12337f 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
}

.hero-side small{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#cbd5e1;
}

.hero-side ul{
  margin:12px 0 0;
  padding-left:18px;
  color:#e2e8f0;
}

.hero-side li + li{
  margin-top:8px;
}

/* ===== SERVICES ===== */

.services-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.service-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
  min-height:220px;
  padding:26px 22px;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
  transition:all 0.2s ease;
}

.service-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.service-card h3{
  margin-top:6px;
  font-size:20px;
  line-height:1.12;
  font-weight:800;
}

.service-card p{
  margin-top:2px;
  color:var(--muted);
  font-size:15px;
  line-height:1.5;
}

.service-card.sales{
  border-top:4px solid #94a3b8;
}

.service-card.logistics{
  border-top:4px solid #2563eb;
}

.service-card.systems{
  border-top:4px solid #0f766e;
}

/* ===== PRODUCTS GRID / CATALOG ===== */

.products-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}

.product-card{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:22px;
  align-items:center;
  transition:all .2s ease;
}

.product-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.product-media{
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  border:1px solid var(--line);
  background:#f8fafc;
}

.product-media img{
  width:auto;
  max-height:240px;
  height:auto;
  object-fit:contain;
  display:block;
}

.product-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.product-card h3{
  margin-top:10px;
  font-size:26px;
  line-height:1.1;
  font-weight:800;
}

.product-card p{
  margin-top:12px;
  color:var(--muted);
}

.price-old{
  color:#94a3b8;
  text-decoration:line-through;
  font-weight:700;
}

.price-now{
  display:block;
  margin-top:6px;
  font-size:32px;
  font-weight:900;
  color:var(--brand);
  line-height:1.05;
}

.product-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.product-actions a:last-child{
  background:#eef2ff;
  padding:10px 18px;
  border-radius:10px;
  font-weight:600;
  color:#1e3a8a;
}

.tag-oferta{
  background:#ef4444;
  color:#fff;
  font-weight:700;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  margin-right:8px;
  display:inline-block;
  letter-spacing:0.5px;
}

.tag-disponible{
  background:#22c55e;
  color:#fff;
  font-weight:700;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  display:inline-block;
  letter-spacing:0.5px;
}

.product-meta{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.meta-item{
  background:#f1f5f9;
  padding:5px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  color:#334155;
}

.mini-benefit{
  font-size:12px;
  color:#64748b;
  margin-top:6px;
}

/* ===== PRODUCT DETAIL ===== */

.product-detail{
  padding:30px 0;
}

.product-detail-box{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:30px;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:24px;
}

.product-detail-img{
  background:#f8fafc;
  border-radius:18px;
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.product-detail-img img{
  max-width:100%;
  max-height:260px;
  object-fit:contain;
}

.product-detail-info h1{
  font-size:26px;
  margin:10px 0 10px;
}

.product-short{
  margin-top:10px;
  color:var(--muted);
}

.price-box{
  margin-top:14px;
}

.product-features,
.product-specs,
.product-note{
  margin-top:24px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px;
}

.product-features h2,
.product-specs h2{
  font-size:20px;
  margin-bottom:10px;
}

/* ===== BANDS / CTA ===== */

.band{
  padding:28px;
}

.band-dark{
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);
  color:#fff;
}

.band-dark p{
  margin-top:10px;
  color:#dbe7f5;
}

.band-cta{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:18px;
  background:linear-gradient(135deg,#fff6db 0%,#ffffff 100%);
}

.band-cta p{
  margin-top:8px;
  color:var(--muted);
}

/* ===== FOOTER ===== */

footer{
  padding:18px 0 40px;
}

.footer-box{
  padding:24px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
  background:linear-gradient(135deg,#0f172a 0%,#16213d 100%);
  color:#fff;
}

.footer-box p{
  margin-top:10px;
  color:#dbe7f5;
}

.footer-links{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  align-content:start;
}

.footer-links a{
  color:#e2e8f0;
}

/* ===== TABLET / SMALL DESKTOP ===== */

@media (max-width: 980px){
  .hero-box,
  .band-cta,
  .footer-box,
  .services-grid{
    grid-template-columns:1fr;
  }

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

  h1{
    font-size:38px;
  }

  .section-head h2{
    font-size:30px;
  }
}

/* ===== MOBILE ===== */

@media (max-width: 768px){
  .product-card{
    display:grid;
    grid-template-columns:1fr;
    padding:14px;
    gap:12px;
  }

  .product-detail-box{
    grid-template-columns:1fr;
  }

  .product-media{
    width:100%;
    justify-content:center;
  }

  .product-media img{
    max-height:220px;
  }

  .product-detail-img img{
    max-height:200px;
  }

  .product-info{
    width:100%;
  }

  .product-info h3{
    font-size:18px;
  }

  .price-now{
    font-size:22px;
  }

  .product-actions{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  .product-actions .btn{
    width:100%;
    text-align:center;
  }
}

@media (max-width: 640px){
  .nav{
    padding:10px 0;
    align-items:flex-start;
    flex-direction:column;
  }

  .menu{
    width:100%;
    justify-content:flex-start;
  }

  .brand-text strong{
    font-size:22px;
  }

  .brand img{
    width:64px;
    height:64px;
  }
}
/* ===== WHATSAPP FLOAT ===== */

.whatsapp-float{
  position:fixed;
  bottom:20px;
  right:20px;
  width:56px;
  height:56px;
  background:#25D366;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  box-shadow:0 8px 20px rgba(0,0,0,0.25);
  z-index:999;
  transition:all .2s ease;
}

.whatsapp-float:hover{
  transform:scale(1.08);
}

/* móvil ajuste */
@media (max-width:768px){
  .whatsapp-float{
    bottom:16px;
    right:16px;
    width:52px;
    height:52px;
    font-size:24px;
  }
}
.category-card{
  min-height:140px;
  padding:22px;
  gap:8px;
}

.category-card h3{
  margin-top:0;
}

.category-card p{
  margin-top:0;
}

.category-link{
  margin-top:auto;
  font-size:13px;
  font-weight:700;
  color:var(--brand-2);
}


/* === AMK_WEB_ADMIN_OFERTAS_1D_DETALLE_PRODUCTO_DINAMICO === */
.amk-producto-detalle-page {
  min-height: 100vh;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f7f7;
}

.amk-producto-detalle-shell {
  width: min(1100px, 100%);
}

.amk-producto-loading,
.amk-producto-not-found,
.amk-producto-detalle-card {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
}

.amk-producto-loading,
.amk-producto-not-found {
  padding: 32px;
  text-align: center;
}

.amk-producto-detalle-card {
  display: grid;
  grid-template-columns: minmax(280px, 46%) 1fr;
  overflow: hidden;
}

.amk-producto-media {
  background: #f0f0f0;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.amk-producto-media img {
  width: 100%;
  height: 100%;
  max-height: 560px;
  object-fit: contain;
  display: block;
  padding: 18px;
}

.amk-producto-sin-imagen {
  color: #777;
  font-weight: 700;
}

.amk-producto-info {
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.amk-producto-categoria {
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.82rem;
  font-weight: 800;
  color: #777;
}

.amk-producto-info h1,
.amk-producto-not-found h1 {
  margin: 0 0 18px;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.05;
}

.amk-producto-precios {
  display: flex;
  gap: 12px;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.amk-producto-precio-anterior {
  color: #888;
  text-decoration: line-through;
  font-size: 1.1rem;
}

.amk-producto-precio-actual {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  color: #111;
}

.amk-producto-descripcion {
  margin: 0 0 24px;
  color: #444;
  line-height: 1.55;
}

.amk-producto-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.amk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
  border: 1px solid transparent;
}

.amk-btn-primary,
.amk-btn-secondary {
  background: #111;
  color: #fff;
}

.amk-btn-secondary {
  background: #fff;
  color: #111;
  border-color: #ddd;
}

.amk-btn-whatsapp {
  background: #25d366;
  color: #fff;
}

.amk-admin-auto-detail-btn {
  margin-top: 8px;
  margin-left: 8px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid #ddd;
  background: #111;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
}

@media (max-width: 780px) {
  .amk-producto-detalle-page {
    padding: 12px;
    align-items: flex-start;
  }

  .amk-producto-detalle-card {
    grid-template-columns: 1fr;
  }

  .amk-producto-media {
    min-height: 280px;
  }

  .amk-producto-info {
    padding: 24px;
  }

  .amk-producto-actions {
    flex-direction: column;
  }

  .amk-btn {
    width: 100%;
  }
}
/* === FIN AMK_WEB_ADMIN_OFERTAS_1D === */



/* AMK_WEB_ADMIN_OFERTAS_1E_PRODUCTO_EXTRA_CSS */
.amk-producto-info-extra {
  margin-top: 24px;
  display: grid;
  gap: 18px;
}

.amk-producto-extra-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.amk-producto-extra-card h2 {
  margin: 0 0 12px;
  font-size: 1.15rem;
  color: #0f172a;
}

.amk-producto-extra-card p {
  margin: 0;
  line-height: 1.6;
  color: #334155;
}

.amk-producto-spec-list {
  display: grid;
  gap: 10px;
}

.amk-producto-spec-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 8px;
}

.amk-producto-spec-row strong {
  color: #0f172a;
}

.amk-producto-spec-row span {
  color: #475569;
  text-align: right;
}

.amk-producto-beneficios {
  margin: 0;
  padding-left: 20px;
  color: #334155;
  line-height: 1.55;
}

.amk-producto-beneficios li {
  margin-bottom: 8px;
}

@media (max-width: 700px) {
  .amk-producto-spec-row {
    flex-direction: column;
    gap: 4px;
  }

  .amk-producto-spec-row span {
    text-align: left;
  }
}


/* AMK_WEB_ADMIN_OFERTAS_1E_AJUSTE_ESPACIOS */
.amk-producto-info-extra {
  margin-top: 18px;
  gap: 16px;
}

.amk-producto-extra-card {
  padding: 16px 18px;
  border-radius: 14px;
}

.amk-producto-extra-card h2 {
  margin-bottom: 10px;
  font-size: 1.08rem;
}

.amk-producto-extra-card p {
  line-height: 1.55;
}

.amk-producto-spec-list {
  gap: 8px;
}

.amk-producto-spec-row {
  display: grid;
  grid-template-columns: minmax(120px, 170px) 1fr;
  align-items: start;
  gap: 14px;
  padding-bottom: 9px;
}

.amk-producto-spec-row strong {
  line-height: 1.35;
}

.amk-producto-spec-row span {
  text-align: left;
  line-height: 1.45;
}

.amk-producto-beneficios {
  line-height: 1.45;
}

.amk-producto-beneficios li {
  margin-bottom: 6px;
}

.amk-producto-actions {
  margin-top: 10px;
}

@media (max-width: 700px) {
  .amk-producto-info-extra {
    margin-top: 16px;
    gap: 14px;
  }

  .amk-producto-extra-card {
    padding: 15px;
  }

  .amk-producto-spec-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}


/* AMK_WEB_ADMIN_OFERTAS_1E_FIX_WS_MOBILE_V2 */
.amk-producto-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.amk-producto-actions .amk-btn,
.amk-producto-actions a.amk-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none !important;
  line-height: 1.15;
  border: 1px solid transparent;
}

.amk-producto-actions .amk-btn-whatsapp,
.amk-producto-actions a.amk-btn-whatsapp {
  background: #25d366;
  color: #ffffff !important;
  border-color: #25d366;
}

.amk-producto-actions .amk-btn-secondary,
.amk-producto-actions a.amk-btn-secondary {
  background: #ffffff;
  color: #0f172a !important;
  border-color: #d1d5db;
}

@media (max-width: 700px) {
  .amk-producto-actions {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 18px;
  }

  .amk-producto-actions .amk-btn,
  .amk-producto-actions a.amk-btn {
    width: 100%;
    min-height: 48px;
    font-size: 16px;
  }

  .amk-producto-actions .amk-btn-whatsapp::before {
    content: "💬 ";
  }

  .amk-producto-actions .amk-btn-secondary::before {
    content: "← ";
  }
}


/* === AMK_WEB_PUBLICA_2A_PULIDO_VISUAL_MOBILE_START === */

.section-head-ofertas{
  max-width:820px;
  margin-bottom:18px;
}

.section-head-ofertas h2{
  margin-top:8px;
  font-size:clamp(28px, 4vw, 44px);
  line-height:1.05;
  letter-spacing:-0.04em;
}

.section-head-ofertas p{
  max-width:720px;
  margin-top:12px;
  color:var(--muted);
  font-size:16px;
  line-height:1.65;
}

.ofertas-trust{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
  margin:0 0 20px;
}

.ofertas-trust div{
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px 16px;
  box-shadow:0 10px 26px rgba(15,23,42,.05);
}

.ofertas-trust strong{
  display:block;
  font-size:14px;
  color:var(--dark);
  line-height:1.2;
}

.ofertas-trust span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
}

.products-grid{
  gap:22px;
}

.product-card{
  overflow:hidden;
  padding:0;
  min-height:286px;
}

.product-card-empty{
  grid-template-columns:1fr;
  padding:24px;
  min-height:0;
}

.product-media{
  min-height:260px;
  margin:18px;
  padding:18px;
  background:linear-gradient(135deg,#ffffff 0%,#f1f5f9 100%);
}

.product-media img{
  max-width:100%;
  max-height:260px;
  object-fit:contain;
}

.product-info{
  padding:22px 24px 22px 0;
}

.product-card .tag,
.amk-producto-categoria{
  width:max-content;
  max-width:100%;
}

.product-card h3{
  margin-top:12px;
  max-width:680px;
}

.product-price{
  margin-top:14px;
}

.price-old{
  display:inline-block;
  margin-bottom:5px;
  font-size:15px;
}

.price-now{
  font-size:clamp(30px, 4vw, 40px);
  letter-spacing:-0.04em;
}

.product-actions{
  gap:12px;
}

.product-actions a{
  min-height:46px;
  justify-content:center;
}

.product-actions .btn-product-whatsapp{
  background:#16a34a !important;
  border-color:#16a34a !important;
  color:#ffffff !important;
  box-shadow:0 12px 24px rgba(22,163,74,.18);
}

.product-actions .btn-product-secondary{
  background:#ffffff !important;
  color:var(--dark) !important;
  border:1px solid var(--line) !important;
}

.whatsapp-float{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  letter-spacing:.03em;
  box-shadow:0 14px 30px rgba(22,163,74,.25);
}

.whatsapp-float span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.amk-producto-detalle-page{
  min-height:100vh;
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);
  padding:28px 14px;
}

.amk-producto-detalle-shell{
  width:min(1120px, 100%);
  margin:0 auto;
}

.detalle-producto{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:24px;
  align-items:start;
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:0 22px 60px rgba(15,23,42,.10);
  overflow:hidden;
}

.detalle-producto-error{
  display:block;
  max-width:720px;
  margin:40px auto;
  padding:28px;
}

.detalle-hero{
  min-height:520px;
  padding:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#ffffff 0%,#f1f5f9 100%);
  border-right:1px solid var(--line);
}

.detalle-hero img{
  width:100%;
  max-height:500px;
  object-fit:contain;
  display:block;
}

.detalle-info{
  padding:34px 32px 30px;
}

.detalle-info h1{
  margin-top:12px;
  font-size:clamp(32px, 4.4vw, 54px);
  line-height:.98;
  letter-spacing:-0.055em;
  color:var(--dark);
}

.detalle-precio{
  margin-top:18px;
  padding:18px;
  border:1px solid #e2e8f0;
  border-radius:22px;
  background:#f8fafc;
}

.amk-producto-precio-anterior{
  display:block;
  color:#94a3b8;
  text-decoration:line-through;
  font-weight:800;
  margin-bottom:5px;
}

.amk-producto-precio-actual{
  display:block;
  color:var(--brand);
  font-size:clamp(34px, 4vw, 48px);
  line-height:1;
  letter-spacing:-0.05em;
}

.amk-producto-descripcion{
  margin-top:18px;
  color:var(--muted);
  line-height:1.7;
  font-size:16px;
}

.amk-producto-info-extra{
  display:grid;
  gap:14px;
  margin-top:18px;
}

.detalle-bloque{
  border:1px solid #e2e8f0;
  border-radius:22px;
  padding:18px;
  background:#ffffff;
}

.detalle-bloque h2{
  font-size:18px;
  line-height:1.2;
  margin:0 0 12px;
  color:var(--dark);
}

.detalle-bloque p{
  color:var(--muted);
  line-height:1.7;
}

.specs-list{
  display:grid;
  gap:9px;
}

.amk-producto-spec-row{
  display:grid;
  grid-template-columns:minmax(120px,.55fr) 1fr;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid #edf2f7;
}

.amk-producto-spec-row:last-child{
  border-bottom:0;
}

.amk-producto-spec-row strong{
  color:var(--dark);
}

.amk-producto-spec-row span{
  color:var(--muted);
}

.benefits-list,
.amk-producto-benefits{
  display:grid;
  gap:10px;
  padding:0;
  margin:0;
  list-style:none;
}

.benefits-list li,
.amk-producto-benefits li{
  padding:11px 12px;
  border-radius:14px;
  background:#f8fafc;
  color:var(--dark);
  font-weight:700;
}

.detalle-confianza{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;
  margin-top:18px;
}

.detalle-confianza span{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:10px 12px;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#475569;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
}

.detalle-actions{
  margin-top:20px !important;
}

.detalle-actions .amk-btn-whatsapp{
  min-height:48px !important;
  background:#16a34a !important;
  border-color:#16a34a !important;
  box-shadow:0 12px 24px rgba(22,163,74,.18);
}

.detalle-actions .amk-btn-secondary{
  min-height:48px !important;
}

@media (max-width: 860px){
  .ofertas-trust{
    grid-template-columns:1fr;
  }

  .product-card{
    grid-template-columns:1fr;
    gap:0;
    min-height:0;
    border-radius:24px;
  }

  .product-card:hover{
    transform:none;
  }

  .product-media{
    margin:14px;
    min-height:220px;
    padding:14px;
  }

  .product-media img{
    max-height:220px;
  }

  .product-info{
    padding:0 18px 18px;
  }

  .product-card h3{
    font-size:24px;
  }

  .product-price{
    margin-top:12px;
  }

  .price-now{
    font-size:32px;
  }

  .product-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .product-actions .btn-product-whatsapp{
    order:1;
    width:100%;
  }

  .product-actions .btn-product-secondary{
    order:2;
    width:100%;
  }

  .amk-producto-detalle-page{
    padding:12px;
  }

  .detalle-producto{
    grid-template-columns:1fr;
    border-radius:24px;
  }

  .detalle-hero{
    min-height:300px;
    padding:18px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .detalle-hero img{
    max-height:320px;
  }

  .detalle-info{
    padding:22px 18px 20px;
  }

  .detalle-info h1{
    font-size:34px;
  }

  .detalle-precio{
    padding:16px;
  }

  .amk-producto-precio-actual{
    font-size:38px;
  }

  .amk-producto-spec-row{
    grid-template-columns:1fr;
    gap:4px;
  }

  .detalle-confianza{
    grid-template-columns:1fr;
  }

  .detalle-actions,
  .amk-producto-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100%;
  }

  .detalle-actions a,
  .amk-producto-actions a,
  .detalle-actions .amk-btn,
  .amk-producto-actions .amk-btn{
    width:100% !important;
  }

  .whatsapp-float{
    right:14px;
    bottom:14px;
    width:52px;
    height:52px;
    font-size:13px;
  }

  body{
    padding-bottom:64px;
  }
}

/* === AMK_WEB_PUBLICA_2A_PULIDO_VISUAL_MOBILE_END === */


/* === AMK_WEB_PUBLICA_2A1_LIMPIEZA_TEXTOS_START === */

.section-head-ofertas h2{
  max-width:680px;
}

.section-head-ofertas p{
  max-width:560px;
}

.ofertas-trust{
  margin-top:4px;
}

.ofertas-trust div{
  padding:12px 14px;
}

.ofertas-trust strong{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.ofertas-trust span{
  font-size:13px;
}

.detalle-confianza{
  display:none !important;
}

.detalle-actions .amk-btn-whatsapp::before,
.amk-producto-actions .amk-btn-whatsapp::before{
  content:"" !important;
}

@media (max-width: 860px){
  .section-head-ofertas h2{
    font-size:36px;
  }

  .section-head-ofertas p{
    font-size:16px;
    line-height:1.55;
  }

  .ofertas-trust{
    gap:8px;
  }

  .ofertas-trust div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px 13px;
    border-radius:14px;
  }

  .ofertas-trust span{
    text-align:right;
  }

  .band-cta h2{
    font-size:32px;
    line-height:1.12;
  }

  .band-cta p{
    font-size:17px;
    line-height:1.5;
  }

  .footer-box h3{
    font-size:30px !important;
  }
}

/* === AMK_WEB_PUBLICA_2A1_LIMPIEZA_TEXTOS_END === */


/* === AMK_WEB_PUBLICA_2A2_OFERTAS_DIRECTAS_START === */

.section-head-ofertas-simple{
  margin-bottom:14px;
}

.section-head-ofertas-simple .kicker{
  margin-bottom:0;
}

.section-head-ofertas-simple h2,
.section-head-ofertas-simple p,
.ofertas-trust{
  display:none !important;
}

#ofertas .products-grid{
  margin-top:0;
}

@media (max-width: 860px){
  .section-head-ofertas-simple{
    margin-bottom:12px;
  }

  #ofertas{
    padding-top:34px;
  }

  #ofertas .products-grid{
    gap:16px;
  }
}

/* === AMK_WEB_PUBLICA_2A2_OFERTAS_DIRECTAS_END === */


/* === AMK_WEB_PUBLICA_2A4_ELIMINAR_WA_FLOTANTE_GLOBAL_START === */

.whatsapp-float{
  display:none !important;
}

/* === AMK_WEB_PUBLICA_2A4_ELIMINAR_WA_FLOTANTE_GLOBAL_END === */


/* === AMK WEB PUBLICA 2B — QUIENES SOMOS + HOME OFERTAS === */
.hero-ofertas .hero-main h1,
.about-hero-2b .hero-main h1 {
  max-width: 780px;
}

.hero-box-publica-2b {
  align-items: stretch;
}

.hero-side-ofertas small {
  display: inline-block;
  margin-bottom: 12px;
}

.publica-2b-ofertas-head {
  margin-bottom: 18px;
}

.publica-2b-ofertas-head h2 {
  margin: 8px 0 0;
  max-width: 680px;
}

.contacto-simple-2b .band-cta {
  align-items: center;
}

.about-section-2b {
  padding: 58px 0;
}

.about-values-2b {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.about-values-2b article {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

.about-values-2b h3 {
  margin: 0 0 8px;
}

.about-values-2b p {
  margin: 0;
  color: var(--muted, #64748b);
}

.about-lines-2b {
  padding-top: 24px;
}

.about-services-2b {
  margin-top: 24px;
}

.about-final-cta-2b {
  padding: 20px 0 58px;
}

@media (max-width: 760px) {
  .hero-box-publica-2b {
    gap: 18px;
  }

  .hero-ofertas .hero-main h1,
  .about-hero-2b .hero-main h1 {
    font-size: clamp(2rem, 10vw, 3.2rem);
    line-height: 0.98;
  }

  .hero-side-ofertas {
    display: block;
  }

  .about-section-2b {
    padding: 38px 0;
  }

  .about-values-2b {
    grid-template-columns: 1fr;
  }

  .about-final-cta-2b {
    padding-bottom: 40px;
  }

  .contacto-simple-2b .band-cta,
  .about-final-cta-2b .band-cta {
    gap: 18px;
  }
}
/* === FIN AMK WEB PUBLICA 2B === */


/* === AMK WEB 2B MICROAJUSTE — HERO UNA TARJETA === */
.hero-ofertas-compacta-2b {
  padding: 52px 0 30px;
}

.hero-card-unica-2b {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
  padding: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.hero-card-unica-2b .hero-main h1 {
  margin: 8px 0 0;
  max-width: 900px;
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: 0.98;
}

.hero-actions-compacta-2b {
  margin-top: 0;
  flex-shrink: 0;
}

@media (max-width: 760px) {
  .hero-ofertas-compacta-2b {
    padding: 28px 0 22px;
  }

  .hero-card-unica-2b {
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-card-unica-2b .hero-main h1 {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .hero-actions-compacta-2b {
    width: 100%;
  }

  .hero-actions-compacta-2b .btn {
    flex: 1;
    justify-content: center;
  }
}
/* === FIN AMK WEB 2B MICROAJUSTE — HERO UNA TARJETA === */


/* AMK_WEB_PUBLICA_2C_GRILLA_OFERTAS_START */

/*
  Frente: AMK_WEB_PUBLICA_2C
  Objetivo: grilla fija responsive de ofertas, sin carrusel ni scroll horizontal.
  Criterio: override quirúrgico CSS, sin tocar server.py, admin, login, JSON ni detalle.
*/

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.products-grid,
.product-grid,
.productos-grid,
.ofertas-grid,
.offers-grid,
#productsGrid,
#productGrid,
#ofertasGrid,
[data-products-grid],
[data-ofertas-grid] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  overflow-x: visible !important;
  scroll-snap-type: none !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

.products-grid > *,
.product-grid > *,
.productos-grid > *,
.ofertas-grid > *,
.offers-grid > *,
#productsGrid > *,
#productGrid > *,
#ofertasGrid > *,
[data-products-grid] > *,
[data-ofertas-grid] > * {
  min-width: 0 !important;
  max-width: 100% !important;
  scroll-snap-align: unset !important;
}

.product-card,
.products-grid .product-card,
.product-grid .product-card,
.productos-grid .product-card,
.ofertas-grid .product-card,
.offers-grid .product-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.product-media,
.product-card .product-media {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.product-media img,
.product-card img {
  max-width: 100%;
}

.product-info,
.product-card .product-info {
  min-width: 0;
  flex: 1 1 auto;
}

.product-actions,
.product-card .product-actions {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.product-actions a,
.product-actions button,
.product-card .product-actions a,
.product-card .product-actions button {
  min-width: 0;
}

/* Neutraliza restos visuales de carrusel si existían */
.carousel-arrow,
.carousel-btn,
.slider-arrow,
.slider-btn,
.products-arrow,
.products-carousel-arrow,
.ofertas-arrow,
.scroll-arrow,
.scroll-btn,
.btn-scroll-left,
.btn-scroll-right,
.arrow-left,
.arrow-right {
  display: none !important;
}

/* Neutraliza tracks o filas horizontales antiguas sin afectar la tarjeta */
.products-track,
.ofertas-track,
.carousel-track,
.slider-track,
.products-row,
.ofertas-row {
  overflow: visible !important;
  overflow-x: visible !important;
  scroll-snap-type: none !important;
  flex-wrap: wrap !important;
}

@media (min-width: 1280px) {
  .products-grid,
  .product-grid,
  .productos-grid,
  .ofertas-grid,
  .offers-grid,
  #productsGrid,
  #productGrid,
  #ofertasGrid,
  [data-products-grid],
  [data-ofertas-grid] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .products-grid,
  .product-grid,
  .productos-grid,
  .ofertas-grid,
  .offers-grid,
  #productsGrid,
  #productGrid,
  #ofertasGrid,
  [data-products-grid],
  [data-ofertas-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .products-grid,
  .product-grid,
  .productos-grid,
  .ofertas-grid,
  .offers-grid,
  #productsGrid,
  #productGrid,
  #ofertasGrid,
  [data-products-grid],
  [data-ofertas-grid] {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .product-actions,
  .product-card .product-actions {
    flex-direction: column;
  }

  .product-actions a,
  .product-actions button,
  .product-card .product-actions a,
  .product-card .product-actions button {
    width: 100%;
  }
}

/* AMK_WEB_PUBLICA_2C_GRILLA_OFERTAS_END */


/* AMK_WEB_PUBLICA_2C_CENTRADO_GRILLA_START */

/*
  Microajuste 2C:
  Centrar la grilla de ofertas dentro de la home.
  No toca tarjetas, WhatsApp, detalle ni admin.
*/

.products-grid,
.product-grid,
.productos-grid,
.ofertas-grid,
.offers-grid,
#productsGrid,
#productGrid,
#ofertasGrid,
[data-products-grid],
[data-ofertas-grid] {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1180px !important;
  justify-content: center !important;
}

@media (min-width: 1280px) {
  .products-grid,
  .product-grid,
  .productos-grid,
  .ofertas-grid,
  .offers-grid,
  #productsGrid,
  #productGrid,
  #ofertasGrid,
  [data-products-grid],
  [data-ofertas-grid] {
    max-width: 1180px !important;
  }
}

@media (max-width: 1279px) {
  .products-grid,
  .product-grid,
  .productos-grid,
  .ofertas-grid,
  .offers-grid,
  #productsGrid,
  #productGrid,
  #ofertasGrid,
  [data-products-grid],
  [data-ofertas-grid] {
    max-width: 100% !important;
  }
}

/* AMK_WEB_PUBLICA_2C_CENTRADO_GRILLA_END */


/* AMK_WEB_PUBLICA_2C_TEXTO_TARJETAS_CENTRADO_START */

/*
  Microajuste 2C:
  Centrar contenido textual y botones dentro de las tarjetas de ofertas.
  No toca imagen, render JS, WhatsApp, producto.html ni admin.
*/

.product-card {
  text-align: center !important;
  align-items: center !important;
}

.product-card .product-info,
.product-info {
  width: 100% !important;
  text-align: center !important;
}

.product-card h2,
.product-card h3,
.product-card h4,
.product-card .product-title,
.product-card .product-name,
.product-card .titulo-producto,
.product-card .nombre-producto {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.product-card .product-category,
.product-card .category,
.product-card .categoria,
.product-card .badge,
.product-card .tag,
.product-card .pill {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.product-card .price,
.product-card .product-price,
.product-card .precio,
.product-card .precio-actual,
.product-card .old-price,
.product-card .precio-anterior {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.product-card .product-actions,
.product-actions {
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.product-card .product-actions a,
.product-card .product-actions button,
.product-actions a,
.product-actions button {
  justify-content: center !important;
  text-align: center !important;
}

/* AMK_WEB_PUBLICA_2C_TEXTO_TARJETAS_CENTRADO_END */


/* AMK_WEB_PUBLICA_2C_B_COMPACTAR_TARJETAS_START */

/*
  Frente: AMK_WEB_PUBLICA_2C_B
  Objetivo:
  - Compactar presentación/home y tarjetas de ofertas.
  - Reducir altura visual aproximada 25%-30%.
  - Mantener grilla fija sin scroll lateral.
  - Resaltar precio anterior de forma sobria.
  No toca JS, JSON, admin, WhatsApp ni producto.html.
*/

/* Compactar bloque superior / presentación */
.hero,
.home-hero,
.hero-section,
.hero-card,
.hero-panel,
.presentation-card,
.presentacion-card,
.banner-home,
.home-banner {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
  min-height: auto !important;
}

.hero h1,
.home-hero h1,
.hero-section h1,
.hero-card h1,
.hero-panel h1,
.presentation-card h1,
.presentacion-card h1,
.banner-home h1,
.home-banner h1 {
  font-size: clamp(2rem, 4.2vw, 4.1rem) !important;
  line-height: 0.98 !important;
  margin-bottom: 16px !important;
}

.hero p,
.home-hero p,
.hero-section p,
.hero-card p,
.hero-panel p,
.presentation-card p,
.presentacion-card p,
.banner-home p,
.home-banner p {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

/* Grilla un poco más compacta */
.products-grid,
.product-grid,
.productos-grid,
.ofertas-grid,
.offers-grid,
#productsGrid,
#productGrid,
#ofertasGrid,
[data-products-grid],
[data-ofertas-grid] {
  gap: 18px !important;
}

/* Tarjeta más compacta */
.product-card {
  min-height: auto !important;
  padding-bottom: 20px !important;
}

/* Imagen menos alta, sin deformar */
.product-card .product-media,
.product-media {
  padding: 18px !important;
  min-height: 0 !important;
}

.product-card .product-media img,
.product-media img,
.product-card img {
  max-height: 260px !important;
  object-fit: contain !important;
}

/* Contenido interno más compacto */
.product-card .product-info,
.product-info {
  padding: 18px 18px 0 !important;
}

.product-card .product-category,
.product-card .category,
.product-card .categoria,
.product-card .badge,
.product-card .tag,
.product-card .pill {
  font-size: 0.72rem !important;
  letter-spacing: 0.09em !important;
  padding: 7px 12px !important;
  margin-bottom: 14px !important;
}

.product-card h2,
.product-card h3,
.product-card h4,
.product-card .product-title,
.product-card .product-name,
.product-card .titulo-producto,
.product-card .nombre-producto {
  font-size: clamp(1.25rem, 1.75vw, 1.85rem) !important;
  line-height: 1.03 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

/* Precio anterior: visible, sobrio y tachado */
.product-card .old-price,
.product-card .precio-anterior,
.product-card .price-old,
.product-card del,
.product-card s {
  color: #b42318 !important;
  opacity: 0.85 !important;
  font-weight: 800 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 2px !important;
  text-decoration-color: #b42318 !important;
  font-size: 0.92rem !important;
  margin-bottom: 6px !important;
}

/* Precio actual fuerte, pero más compacto */
.product-card .price,
.product-card .product-price,
.product-card .precio,
.product-card .precio-actual,
.product-card .current-price,
.product-card .price-current {
  font-size: clamp(1.9rem, 3vw, 2.9rem) !important;
  line-height: 0.98 !important;
  margin-top: 4px !important;
  margin-bottom: 14px !important;
}

/* Botones más compactos */
.product-card .product-actions,
.product-actions {
  gap: 9px !important;
  margin-top: 10px !important;
}

.product-card .product-actions a,
.product-card .product-actions button,
.product-actions a,
.product-actions button {
  padding: 11px 16px !important;
  min-height: 42px !important;
  font-size: 0.9rem !important;
}

/* Ajuste responsive */
@media (max-width: 980px) {
  .product-card .product-media img,
  .product-media img,
  .product-card img {
    max-height: 235px !important;
  }

  .product-card h2,
  .product-card h3,
  .product-card h4,
  .product-card .product-title,
  .product-card .product-name,
  .product-card .titulo-producto,
  .product-card .nombre-producto {
    font-size: 1.45rem !important;
  }

  .product-card .price,
  .product-card .product-price,
  .product-card .precio,
  .product-card .precio-actual,
  .product-card .current-price,
  .product-card .price-current {
    font-size: 2.25rem !important;
  }
}

@media (max-width: 640px) {
  .hero,
  .home-hero,
  .hero-section,
  .hero-card,
  .hero-panel,
  .presentation-card,
  .presentacion-card,
  .banner-home,
  .home-banner {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  .hero h1,
  .home-hero h1,
  .hero-section h1,
  .hero-card h1,
  .hero-panel h1,
  .presentation-card h1,
  .presentacion-card h1,
  .banner-home h1,
  .home-banner h1 {
    font-size: 2rem !important;
    line-height: 1.02 !important;
  }

  .product-card .product-media img,
  .product-media img,
  .product-card img {
    max-height: 220px !important;
  }

  .product-card .price,
  .product-card .product-price,
  .product-card .precio,
  .product-card .precio-actual,
  .product-card .current-price,
  .product-card .price-current {
    font-size: 2rem !important;
  }
}

/* AMK_WEB_PUBLICA_2C_B_COMPACTAR_TARJETAS_END */


/* AMK_WEB_PUBLICA_2C_FINAL_HERO_CREMA_START */

/*
  Ajuste final 2C:
  - Comprimir tarjeta principal AMK Ofertas.
  - Bajar tamaño de letras del hero.
  - Dar más protagonismo a productos con fondo crema suave.
  No toca JS, JSON, admin, WhatsApp ni producto.html.
*/

/* Tarjeta principal / presentación más compacta */
.hero,
.home-hero,
.hero-section,
.hero-card,
.hero-panel,
.presentation-card,
.presentacion-card,
.banner-home,
.home-banner {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  min-height: auto !important;
}

.hero h1,
.home-hero h1,
.hero-section h1,
.hero-card h1,
.hero-panel h1,
.presentation-card h1,
.presentacion-card h1,
.banner-home h1,
.home-banner h1 {
  font-size: clamp(1.85rem, 3.4vw, 3.35rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.hero .eyebrow,
.home-hero .eyebrow,
.hero-section .eyebrow,
.hero-card .eyebrow,
.hero-panel .eyebrow,
.presentation-card .eyebrow,
.presentacion-card .eyebrow,
.banner-home .eyebrow,
.home-banner .eyebrow {
  font-size: 0.82rem !important;
  margin-bottom: 6px !important;
}

.hero p,
.home-hero p,
.hero-section p,
.hero-card p,
.hero-panel p,
.presentation-card p,
.presentacion-card p,
.banner-home p,
.home-banner p {
  font-size: 0.96rem !important;
  line-height: 1.45 !important;
  margin-top: 6px !important;
  margin-bottom: 10px !important;
}

/* Tarjetas de productos con fondo crema suave */
.product-card {
  background: #fffaf0 !important;
  border-color: #dbe7f5 !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.10) !important;
}

/* Mantener imagen limpia dentro de una bandeja clara */
.product-card .product-media,
.product-media {
  background: #ffffff !important;
  border-color: #d9e5f2 !important;
}

/* El área de contenido hereda el crema y se siente más cálida */
.product-card .product-info,
.product-info {
  background: transparent !important;
}

/* Badge sobre crema: más protagonista pero sobrio */
.product-card .product-category,
.product-card .category,
.product-card .categoria,
.product-card .badge,
.product-card .tag,
.product-card .pill {
  background: #eef4ff !important;
  color: #0b4cff !important;
}

/* Precio anterior rojo sobrio, más visible */
.product-card .old-price,
.product-card .precio-anterior,
.product-card .price-old,
.product-card del,
.product-card s {
  color: #c1121f !important;
  text-decoration-color: #c1121f !important;
  opacity: 0.95 !important;
}

/* Un poco más de contraste del precio actual sobre crema */
.product-card .price,
.product-card .product-price,
.product-card .precio,
.product-card .precio-actual,
.product-card .current-price,
.product-card .price-current {
  color: #061b49 !important;
}

/* Mobile: hero todavía más controlado */
@media (max-width: 640px) {
  .hero h1,
  .home-hero h1,
  .hero-section h1,
  .hero-card h1,
  .hero-panel h1,
  .presentation-card h1,
  .presentacion-card h1,
  .banner-home h1,
  .home-banner h1 {
    font-size: 1.75rem !important;
    line-height: 1.05 !important;
  }

  .hero,
  .home-hero,
  .hero-section,
  .hero-card,
  .hero-panel,
  .presentation-card,
  .presentacion-card,
  .banner-home,
  .home-banner {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

/* AMK_WEB_PUBLICA_2C_FINAL_HERO_CREMA_END */


/* AMK_WEB_PUBLICA_2C_C_PREMIUM_COMPACTO_START */

/*
  Ajuste final 2C-C:
  - Revertir sensación crema pesada.
  - Tarjetas más blancas, limpias y premium.
  - Tipografía más chica y elegante.
  - Comprimir altura general de producto.
  No toca JS, JSON, admin, WhatsApp ni producto.html.
*/

/* Tarjeta principal todavía más controlada */
.hero,
.home-hero,
.hero-section,
.hero-card,
.hero-panel,
.presentation-card,
.presentacion-card,
.banner-home,
.home-banner {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  min-height: auto !important;
}

.hero h1,
.home-hero h1,
.hero-section h1,
.hero-card h1,
.hero-panel h1,
.presentation-card h1,
.presentacion-card h1,
.banner-home h1,
.home-banner h1 {
  font-size: clamp(1.7rem, 3vw, 2.85rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}

.hero .eyebrow,
.home-hero .eyebrow,
.hero-section .eyebrow,
.hero-card .eyebrow,
.hero-panel .eyebrow,
.presentation-card .eyebrow,
.presentacion-card .eyebrow,
.banner-home .eyebrow,
.home-banner .eyebrow {
  font-size: 0.78rem !important;
  margin-bottom: 4px !important;
}

/* Tarjetas producto: blanco premium, no crema */
.product-card {
  background: #ffffff !important;
  border: 1px solid #dbe7f5 !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
  font-family: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  min-height: auto !important;
  padding-bottom: 16px !important;
}

/* Bandeja de imagen más baja y sobria */
.product-card .product-media,
.product-media {
  background: #f8fafc !important;
  border-color: #dce8f5 !important;
  padding: 14px !important;
  min-height: 0 !important;
}

.product-card .product-media img,
.product-media img,
.product-card img {
  max-height: 225px !important;
  object-fit: contain !important;
}

/* Contenido compacto */
.product-card .product-info,
.product-info {
  padding: 14px 16px 0 !important;
  text-align: center !important;
}

/* Categoría más fina */
.product-card .product-category,
.product-card .category,
.product-card .categoria,
.product-card .badge,
.product-card .tag,
.product-card .pill {
  font-size: 0.66rem !important;
  line-height: 1 !important;
  letter-spacing: 0.11em !important;
  font-weight: 800 !important;
  padding: 7px 11px !important;
  margin-bottom: 12px !important;
  border-radius: 999px !important;
  background: #edf4ff !important;
  color: #0b4cff !important;
}

/* Título más elegante y más bajo */
.product-card h2,
.product-card h3,
.product-card h4,
.product-card .product-title,
.product-card .product-name,
.product-card .titulo-producto,
.product-card .nombre-producto {
  font-family: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-size: clamp(1.05rem, 1.35vw, 1.35rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
  font-weight: 800 !important;
  margin-top: 0 !important;
  margin-bottom: 9px !important;
  text-transform: none !important;
}

/* Precio anterior: rojo sobrio, chico, claro */
.product-card .old-price,
.product-card .precio-anterior,
.product-card .price-old,
.product-card del,
.product-card s {
  color: #b42318 !important;
  opacity: 0.92 !important;
  font-size: 0.78rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 2px !important;
  text-decoration-color: #b42318 !important;
  margin-bottom: 4px !important;
}

/* Precio actual fuerte pero elegante, no gigante */
.product-card .price,
.product-card .product-price,
.product-card .precio,
.product-card .precio-actual,
.product-card .current-price,
.product-card .price-current {
  color: #061b49 !important;
  font-size: clamp(1.55rem, 2.15vw, 2.1rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  font-weight: 850 !important;
  margin-top: 2px !important;
  margin-bottom: 12px !important;
}

/* Botones más chicos y alineados */
.product-card .product-actions,
.product-actions {
  gap: 8px !important;
  margin-top: 8px !important;
  justify-content: center !important;
}

.product-card .product-actions a,
.product-card .product-actions button,
.product-actions a,
.product-actions button {
  min-height: 38px !important;
  padding: 9px 14px !important;
  font-size: 0.84rem !important;
  border-radius: 10px !important;
}

/* Ajuste notebook/tablet */
@media (max-width: 980px) {
  .product-card .product-media img,
  .product-media img,
  .product-card img {
    max-height: 205px !important;
  }

  .product-card h2,
  .product-card h3,
  .product-card h4,
  .product-card .product-title,
  .product-card .product-name,
  .product-card .titulo-producto,
  .product-card .nombre-producto {
    font-size: 1.15rem !important;
  }

  .product-card .price,
  .product-card .product-price,
  .product-card .precio,
  .product-card .precio-actual,
  .product-card .current-price,
  .product-card .price-current {
    font-size: 1.8rem !important;
  }
}

/* Ajuste teléfono */
@media (max-width: 640px) {
  .hero h1,
  .home-hero h1,
  .hero-section h1,
  .hero-card h1,
  .hero-panel h1,
  .presentation-card h1,
  .presentacion-card h1,
  .banner-home h1,
  .home-banner h1 {
    font-size: 1.55rem !important;
    line-height: 1.06 !important;
  }

  .product-card .product-media img,
  .product-media img,
  .product-card img {
    max-height: 200px !important;
  }

  .product-card .price,
  .product-card .product-price,
  .product-card .precio,
  .product-card .precio-actual,
  .product-card .current-price,
  .product-card .price-current {
    font-size: 1.65rem !important;
  }
}

/* AMK_WEB_PUBLICA_2C_C_PREMIUM_COMPACTO_END */


/* AMK_WEB_PUBLICA_2C_D_TIPOGRAFIA_MENOS_NEGRITA_START */

/*
  Ajuste final 2C-D:
  Reducir peso tipográfico en presentación y tarjetas.
  Objetivo: más elegancia, menos bloque pesado.
  No toca JS, JSON, admin, WhatsApp ni producto.html.
*/

/* Presentación principal */
.hero h1,
.home-hero h1,
.hero-section h1,
.hero-card h1,
.hero-panel h1,
.presentation-card h1,
.presentacion-card h1,
.banner-home h1,
.home-banner h1 {
  font-weight: 650 !important;
  letter-spacing: -0.035em !important;
}

.hero .eyebrow,
.home-hero .eyebrow,
.hero-section .eyebrow,
.hero-card .eyebrow,
.hero-panel .eyebrow,
.presentation-card .eyebrow,
.presentacion-card .eyebrow,
.banner-home .eyebrow,
.home-banner .eyebrow {
  font-weight: 500 !important;
}

/* Categoría */
.product-card .product-category,
.product-card .category,
.product-card .categoria,
.product-card .badge,
.product-card .tag,
.product-card .pill {
  font-weight: 650 !important;
}

/* Título de producto */
.product-card h2,
.product-card h3,
.product-card h4,
.product-card .product-title,
.product-card .product-name,
.product-card .titulo-producto,
.product-card .nombre-producto {
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
}

/* Precio anterior */
.product-card .old-price,
.product-card .precio-anterior,
.product-card .price-old,
.product-card del,
.product-card s {
  font-weight: 600 !important;
}

/* Precio actual: fuerte pero menos bruto */
.product-card .price,
.product-card .product-price,
.product-card .precio,
.product-card .precio-actual,
.product-card .current-price,
.product-card .price-current {
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}

/* Botones */
.product-card .product-actions a,
.product-card .product-actions button,
.product-actions a,
.product-actions button,
.hero a,
.home-hero a,
.hero-section a,
.hero-card a,
.hero-panel a {
  font-weight: 650 !important;
}

/* AMK_WEB_PUBLICA_2C_D_TIPOGRAFIA_MENOS_NEGRITA_END */


/* AMK_WEB_PUBLICA_2C_E_ESPACIO_VERTICAL_FINAL_START */

/*
  Ajuste final 2C-E:
  Reducir espacio vertical entre imagen y contenido de tarjeta.
  No toca JS, JSON, admin, WhatsApp ni producto.html.
*/

.products-grid,
.product-grid,
.productos-grid,
.ofertas-grid,
.offers-grid,
#productsGrid,
#productGrid,
#ofertasGrid,
[data-products-grid],
[data-ofertas-grid] {
  align-items: start !important;
}

.product-card {
  justify-content: flex-start !important;
  align-self: start !important;
  height: auto !important;
}

.product-card .product-media,
.product-media {
  margin-bottom: 0 !important;
  padding-bottom: 12px !important;
}

.product-card .product-info,
.product-info {
  flex: 0 0 auto !important;
  padding-top: 10px !important;
  margin-top: 0 !important;
}

.product-card .product-category,
.product-card .category,
.product-card .categoria,
.product-card .badge,
.product-card .tag,
.product-card .pill {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.product-card h2,
.product-card h3,
.product-card h4,
.product-card .product-title,
.product-card .product-name,
.product-card .titulo-producto,
.product-card .nombre-producto {
  margin-bottom: 8px !important;
}

.product-card .price,
.product-card .product-price,
.product-card .precio,
.product-card .precio-actual,
.product-card .current-price,
.product-card .price-current {
  margin-bottom: 10px !important;
}

.product-card .product-actions,
.product-actions {
  margin-top: 6px !important;
}

/* AMK_WEB_PUBLICA_2C_E_ESPACIO_VERTICAL_FINAL_END */