*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#f5f5f7;--surface:#fff;--text:#1d1d1f;--muted:#6e6e73;--accent:#0a3d8f;--border:rgba(0,0,0,0.08);--radius:18px;--font:'SF Pro Display',-apple-system,sans-serif}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh}
nav{background:rgba(10,30,80,0.97);backdrop-filter:blur(20px);border-bottom:0.5px solid rgba(255,255,255,0.1);padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:58px;position:sticky;top:0;z-index:100}
.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer}
.nav-logo img{width:38px;height:38px;object-fit:contain}
.nav-logo-text{font-size:17px;font-weight:600;color:#fff}
nav ul{display:flex;list-style:none;gap:24px}
nav ul li a{font-size:13px;color:rgba(255,255,255,0.75);text-decoration:none;cursor:pointer;transition:color 0.2s}
nav ul li a:hover,.active-nav{color:#fff !important}
.active-nav{border-bottom:2px solid #4fa3ff;padding-bottom:2px}
.nav-actions{display:flex;gap:16px;align-items:center}
.nav-actions button{background:none;border:none;cursor:pointer;font-size:13px;color:rgba(255,255,255,0.75)}

.page{display:none}.page.active{display:block}
.back-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.12);color:#fff;border:0.5px solid rgba(255,255,255,0.2);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;cursor:pointer;margin-bottom:14px}
.back-btn:hover{background:rgba(255,255,255,0.22)}
.breadcrumb{font-size:11px;color:rgba(255,255,255,0.5);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.breadcrumb span{cursor:pointer}.breadcrumb span:hover{color:#fff}.breadcrumb .sep{opacity:0.3}
footer{background:#061533;border-top:0.5px solid rgba(255,255,255,0.08);padding:28px 48px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(255,255,255,0.4)}
footer a{color:rgba(255,255,255,0.4);text-decoration:none;margin:0 12px;transition:color 0.2s}
footer a:hover{color:#fff}
.fb-link{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,0.4);text-decoration:none;margin:0 12px;transition:color 0.2s;font-size:12px}
.fb-link:hover{color:#4fa3ff}
.fb-icon{width:18px;height:18px;background:#1877f2;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;flex-shrink:0}
footer a:hover{color:#fff}
.footer-logo{display:flex;align-items:center;gap:10px}
.footer-logo img{width:28px;height:28px;object-fit:contain;opacity:1}

/* HOME */
.store-hero{padding:36px 48px 32px;display:flex;align-items:center;gap:24px;background:#061533;}
.hero-logo{width:90px;height:90px;object-fit:contain;flex-shrink:0}
.hero-text h1{font-size:56px;font-weight:700;letter-spacing:-2px;line-height:1;color:#ffffff}
.hero-text p{font-size:17px;color:rgba(255,255,255,0.55);margin-top:8px}
.hero-text .site-link{font-size:13px;color:rgba(255,255,255,0.4);margin-top:4px;display:block;text-decoration:none}
.categories{padding:32px 48px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.categories::-webkit-scrollbar{display:none}
.cat-pill{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);border-radius:14px;padding:16px 20px;min-width:100px;cursor:pointer;border:0.5px solid var(--border);transition:all 0.2s;flex-shrink:0}
.cat-pill:hover{transform:scale(1.04)}
.cat-pill-unavailable{cursor:default}
.cat-pill-unavailable:hover{transform:none}
.cat-pill-unavailable:hover .cat-name{color:inherit}
.cat-pill.active{background:#0a3d8f;color:#fff}
.cat-pill .cat-icon{font-size:28px}
.cat-pill .cat-img{width:40px;height:40px;border-radius:8px;object-fit:cover;display:block}.cat-pill .cat-name{font-size:11px;font-weight:500;white-space:nowrap;text-align:center}
.cat-pill.active .cat-name{color:#fff}
.section-header{padding:4px 48px 18px;display:flex;align-items:baseline;gap:8px}
.section-header .bold{font-size:24px;font-weight:700;letter-spacing:-0.5px}.section-header .light{font-size:24px;font-weight:300;color:var(--muted);letter-spacing:-0.5px}
.product-grid{padding:0 48px 52px;display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-right:48px}
.product-grid::-webkit-scrollbar{display:none}
.product-card{background:#fff;border-radius:18px;overflow:hidden;cursor:pointer;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.25s ease,border-color 0.25s ease;border:0.5px solid rgba(0,0,0,0.06);box-shadow:0 2px 12px rgba(0,0,0,0.07);display:flex;flex-direction:column;min-width:240px;max-width:240px;flex-shrink:0}
.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px rgba(10,61,143,0.18);border-color:rgba(201,160,48,0.45)}
.product-card:hover .pc-img{transform:scale(1.04)}
.pc-img{transition:transform 0.3s ease}
.product-card.dark{background:#fff;color:#1d1d1f}
.product-card.dark .product-subtitle,.product-card.dark .product-price{color:#6e6e73}
.product-card.dark .product-label{color:#0a3d8f}

.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,0.12)}
.pc-img{width:100%;height:220px;object-fit:cover;display:block;flex-shrink:0}
.pc-emoji{font-size:60px;display:flex;align-items:center;justify-content:center;height:220px;flex-shrink:0;background:#f5f7ff}
.pc-body{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.product-label{font-size:10px;font-weight:600;color:#0a3d8f;text-transform:uppercase;margin-bottom:6px;letter-spacing:0.06em}
.product-card.dark .product-label{color:#0a3d8f}
.product-name{font-size:17px;font-weight:700;letter-spacing:-0.3px;line-height:1.2}.product-subtitle{font-size:13px;color:#6e6e73;margin-top:4px;line-height:1.4}.product-price{font-size:12px;color:#6e6e73;margin-top:3px}

.promo-banner{margin:0 48px 16px;background:linear-gradient(135deg,#061533,#0a3d8f);border-radius:var(--radius);padding:40px 48px;color:#f5f5f7}
.promo-banner h2{font-size:36px;font-weight:700;letter-spacing:-1px}.promo-banner p{font-size:17px;color:rgba(245,245,247,0.6);margin-top:6px}
.promo-btn{background:#fff;color:#0a3d8f;border:none;border-radius:20px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}

/* COMEDEROS LIST */
.comederos-hero{background:linear-gradient(135deg,#061533,#0a3d8f);padding:52px 48px 48px;color:#fff}
.comederos-hero h1{font-size:48px;font-weight:700;letter-spacing:-1.5px}.comederos-hero p{font-size:17px;color:rgba(255,255,255,0.65);margin-top:10px}
.comederos-grid{padding:40px 48px 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.comedero-card{background:var(--surface);border-radius:var(--radius);border:0.5px solid var(--border);display:flex;flex-direction:column;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s;position:relative;overflow:hidden}
.comedero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a3d8f,#4fa3ff);z-index:1}
.comedero-card.featured::before{background:linear-gradient(90deg,#f0a500,#ffd460)}
.comedero-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(10,61,143,0.14)}
.comedero-img-wrap{width:100%;height:220px;overflow:hidden;background:#f0f0f0;flex-shrink:0}
.comedero-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}
.comedero-card:hover .comedero-img-wrap img{transform:scale(1.04)}
.comedero-img-placeholder{width:100%;height:220px;display:flex;align-items:center;justify-content:center;font-size:64px;background:#f5f7ff;flex-shrink:0}
.comedero-body{padding:22px;display:flex;flex-direction:column;flex:1}
.comedero-badge{display:inline-flex;background:#e8f0fe;color:#0a3d8f;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:10px;text-transform:uppercase;align-self:flex-start}
.comedero-card.featured .comedero-badge{background:#fff3cd;color:#7a5800}
.comedero-name{font-size:20px;font-weight:700;color:#0a1e50;margin-bottom:8px}
.comedero-desc{font-size:14px;color:var(--muted);line-height:1.6;flex:1}
.comedero-variants{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap}
.variant-tag{background:#f0f4ff;color:#0a3d8f;font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;border:0.5px solid #c5d5f5}
.comedero-cta{margin-top:16px;background:#0a3d8f;color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:13px;font-weight:500;cursor:pointer;align-self:flex-start}

/* DETAIL */
.detail-hero{background:linear-gradient(135deg,#061533,#0a3d8f);padding:28px 48px 24px;color:#fff}
.detail-hero h1{font-size:26px;font-weight:700;letter-spacing:-0.5px}
.detail-hero p{font-size:13px;color:rgba(255,255,255,0.6);margin-top:4px}
.detail-gallery{display:flex;flex-direction:column;gap:12px}
.detail-main-img{width:100%;height:600px;border-radius:18px;overflow:hidden;background:#f5f5f7;box-shadow:0 4px 24px rgba(0,0,0,0.1);border:none}
.detail-main-img img{width:100%;height:100%;object-fit:contain;display:block;padding:16px}
.detail-thumbs{display:flex;gap:8px}
.thumb{width:60px;height:60px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color 0.2s;flex-shrink:0;background:#f5f5f7}
.thumb:hover{transform:scale(1.05)}.thumb.active{border-color:#0a3d8f}
.thumb img{width:100%;height:100%;object-fit:cover}
.detail-info{display:flex;flex-direction:column;gap:18px;padding-top:4px}
.detail-badge{display:inline-flex;background:#e8f0fe;color:#0a3d8f;font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:0.06em;text-transform:uppercase;align-self:flex-start}
.detail-title{font-size:28px;font-weight:700;letter-spacing:-0.6px;color:#1d1d1f;line-height:1.2}
.detail-subtitle{font-size:10px;color:#6e6e73;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:4px}
.detail-desc{font-size:14px;color:#6e6e73;line-height:1.75}
.detail-divider{height:0.5px;background:var(--border)}
.detail-variants-label{font-size:10px;font-weight:700;color:#6e6e73;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px}
.version-cards{display:flex;flex-direction:column;gap:12px}
.version-card{border:1.5px solid var(--border);border-radius:12px;padding:12px;cursor:pointer;transition:all 0.2s;display:flex;gap:12px;align-items:center;background:#fafafa}
.version-card:hover{border-color:#0a3d8f;background:#f0f4ff}
.version-card.selected{border-color:#0a3d8f;background:#f0f4ff;box-shadow:0 0 0 1px #0a3d8f}
.version-card-img{width:70px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f0f0f0}
.version-card-img img{width:100%;height:100%;object-fit:cover}
.version-card-info{flex:1}
.version-card-name{font-size:13px;font-weight:700;color:#1d1d1f}
.version-card-desc{font-size:12px;color:#6e6e73;margin-top:2px;line-height:1.4}
.version-card-check{width:24px;height:24px;border-radius:50%;border:2px solid #c5d5f5;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s}
.version-card.selected .version-card-check{background:#0a3d8f;border-color:#0a3d8f;color:#fff;font-size:13px}
.version-detail-section{background:#f5f5f7;border-radius:12px;padding:14px;border:0.5px solid var(--border);display:none}
.version-detail-section.visible{display:block}
.version-detail-section h4{font-size:13px;font-weight:700;color:#1d1d1f;margin-bottom:6px}
.version-detail-section p{font-size:12px;color:#6e6e73;line-height:1.6}
.version-detail-img{width:100%;border-radius:12px;overflow:hidden;margin-bottom:12px}
.version-detail-img img{width:100%;display:block;object-fit:cover}
.version-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.version-tag-item{background:#fff;color:#0a3d8f;font-size:10px;font-weight:600;padding:3px 8px;border-radius:20px;border:0.5px solid #c5d5f5}
.detail-features{display:flex;flex-direction:column;gap:10px}
.feature-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#3a3a3c}
.feature-icon{font-size:15px;flex-shrink:0}
.detail-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}


.detail-contact-btn{background:transparent;color:#0a3d8f;border:1.5px solid #0a3d8f;border-radius:20px;padding:9px 18px;font-size:13px;font-weight:500;cursor:pointer;transition:background 0.2s}
.detail-contact-btn:hover{background:#f0f4ff;}
.detail-made{background:#f5f5f7;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;border:0.5px solid var(--border)}
.detail-made .flag{font-size:28px}
.detail-made-text strong{font-size:13px;font-weight:600;color:#1d1d1f;display:block}
.detail-made-text span{font-size:12px;color:#6e6e73}

/* INFO PUESTA PAGE */
.puesta-hero{background:linear-gradient(135deg,#061533,#0a3d8f);padding:52px 48px 48px;color:#fff}
.puesta-hero h1{font-size:48px;font-weight:700;letter-spacing:-1.5px;line-height:1.1}
.puesta-hero p{font-size:17px;color:rgba(255,255,255,0.65);margin-top:10px;max-width:560px;line-height:1.7}
.puesta-detail{padding:40px 64px 56px;display:grid;grid-template-columns:45% 1fr;gap:56px;align-items:start}
.detail-body{padding:40px 64px 56px;display:grid;grid-template-columns:45% 1fr;gap:56px;align-items:start}
.puesta-gallery{display:flex;flex-direction:column;gap:12px}
.puesta-main-img{width:100%;height:600px;border-radius:18px;overflow:hidden;border:none;background:#f5f5f7;box-shadow:0 4px 24px rgba(0,0,0,0.1)}
.puesta-main-img img{width:100%;height:100%;object-fit:contain;display:block;padding:12px}
.puesta-promo-tag{background:#f0f4ff;border-radius:14px;padding:16px 20px;border:0.5px solid #c5d5f5;text-align:center}
.puesta-promo-tag span{font-size:13px;color:#0a3d8f;font-weight:600}
.puesta-info{display:flex;flex-direction:column;gap:14px}
.puesta-badge{display:inline-flex;background:#e8f0fe;color:#0a3d8f;font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:0.06em;text-transform:uppercase;align-self:flex-start}
.puesta-title{font-size:22px;font-weight:700;letter-spacing:-0.4px;color:#1d1d1f;line-height:1.2}
.puesta-category{font-size:10px;color:#6e6e73;font-weight:600;text-transform:uppercase;letter-spacing:0.08em}
.puesta-desc{font-size:13px;color:#6e6e73;line-height:1.7}
.puesta-divider{height:0.5px;background:var(--border)}
.puesta-fields-title{font-size:13px;font-weight:700;color:#0a1e50;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px}
.puesta-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.puesta-field{background:#f5f5f7;border-radius:10px;padding:10px 12px;border:0.5px solid var(--border);display:flex;align-items:center;gap:8px}
.puesta-field-icon{font-size:20px;flex-shrink:0}
.puesta-field-name{font-size:12px;font-weight:600;color:#1d1d1f}
.puesta-field-desc{font-size:10px;color:#6e6e73;margin-top:1px}
.puesta-features{display:flex;flex-direction:column;gap:10px}
.puesta-action-row{display:flex;gap:10px;flex-wrap:wrap}


.puesta-contact-btn{background:transparent;color:#0a3d8f;border:1.5px solid #0a3d8f;border-radius:20px;padding:9px 18px;font-size:13px;font-weight:500;cursor:pointer}
.puesta-contact-btn:hover{background:#f0f4ff}
.puesta-made{background:#f5f5f7;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;border:0.5px solid var(--border)}
.puesta-made .flag{font-size:28px}
.puesta-made-text strong{font-size:14px;font-weight:600;color:#0a1e50;display:block}
.puesta-made-text span{font-size:13px;color:var(--muted)}

/* VIDEO MODAL */
.video-modal-overlay{
  display:none;position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,0.85);z-index:9999;
  align-items:center;justify-content:center;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  animation:fadeIn 0.2s ease;
}
.video-modal-overlay.open{display:flex}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.video-modal-box{
  position:relative;
  background:#000;
  border-radius:20px;
  overflow:hidden;
  width:min(500px, 90vw);
  box-shadow:0 32px 80px rgba(0,0,0,0.6);
  animation:scaleIn 0.25s ease;
}
@keyframes scaleIn{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}
.video-modal-box video{
  width:100%;display:block;max-height:80vh;object-fit:contain;background:#000;
}
.video-modal-close{
  position:absolute;top:12px;right:12px;
  width:32px;height:32px;
  background:rgba(255,255,255,0.15);
  border:none;border-radius:50%;
  color:#fff;font-size:18px;font-weight:300;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background 0.18s;z-index:10;
  backdrop-filter:blur(4px);
  line-height:1;
}
.video-modal-close:hover{background:rgba(255,255,255,0.28)}
.video-modal-label{
  background:#000;color:rgba(255,255,255,0.7);
  padding:10px 20px;font-size:12px;font-weight:500;
  display:flex;align-items:center;gap:8px;
}
.video-play-hint{
  position:absolute;bottom:10px;left:50%;transform:translateX(-50%);
  background:rgba(0,0,0,0.55);color:#fff;font-size:11px;font-weight:500;
  padding:5px 12px;border-radius:20px;pointer-events:none;
  display:flex;align-items:center;gap:5px;white-space:nowrap;
  backdrop-filter:blur(4px);
}
/* Clickable image in porta anillos detail */
.detail-main-img.clickable{cursor:zoom-in;position:relative}
.detail-main-img.clickable::after{
  content:'▶  Ver video';
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);
  background:rgba(10,61,143,0.85);color:#fff;
  font-size:12px;font-weight:600;padding:7px 16px;border-radius:20px;
  white-space:nowrap;backdrop-filter:blur(4px);
  pointer-events:none;letter-spacing:0.02em;
}

/* REELS GRID */
.reel-card{
  aspect-ratio:9/16;
  border-radius:16px;
  overflow:hidden;
  cursor:pointer;
  position:relative;
  background:#1a1a1a;
  transition:transform 0.22s ease,box-shadow 0.22s ease;
}
.reel-card:hover{transform:scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,0.25)}
.reel-thumb{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
}
.reel-overlay{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,0);
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;
}
.reel-card:hover .reel-overlay{background:rgba(0,0,0,0.15)}
.reel-play{
  font-size:48px;color:#fff;
  opacity:0;transition:opacity 0.2s;
  text-shadow:0 2px 12px rgba(0,0,0,0.5);
  pointer-events:none;
}
.reel-card:hover .reel-play{opacity:1}
.reel-placeholder{
  background:#f0f0f0;
  display:flex;align-items:center;justify-content:center;
  cursor:default;
}
.reel-placeholder:hover{transform:none;box-shadow:none}
.reel-add{
  text-align:center;color:#aaa;font-size:28px;font-weight:300;line-height:1.4;
}
.reel-add span{font-size:12px;font-weight:400;display:block;margin-top:6px}

/* ===== RESPONSIVE MÓVIL ===== */
/* HAMBURGER + MOBILE MENU — hidden by default on desktop */
.hamburger{display:none;}
.mobile-menu{display:none;position:fixed;top:54px;left:0;right:0;bottom:0;background:#061533;z-index:999;flex-direction:column;padding:24px 20px;gap:4px;overflow-y:auto;}
.mobile-menu.open{display:flex;}

@media (max-width: 768px) {
  .comederos-hero { padding: 28px 16px 32px; }
  .comederos-hero h1 { font-size: 32px; }
  .comederos-hero p { font-size: 13px; }
  .comederos-grid { padding: 20px 16px 32px; grid-template-columns: 1fr 1fr !important; gap: 12px; }
  .comedero-img-wrap { height: 160px; }
  .comedero-img-placeholder { height: 160px; font-size: 44px; }
  .comedero-body { padding: 14px; }
  .comedero-name { font-size: 15px; }
  .comedero-desc { font-size: 12px; }
  .puesta-main-img { height: 280px !important; }
}


/* REVIEWS */
.reviews-hero{background:linear-gradient(135deg,#061533,#0a3d8f);padding:32px 48px 28px;color:#fff}
.reviews-hero h1{font-size:32px;font-weight:700;letter-spacing:-1px}
.reviews-hero p{font-size:14px;color:rgba(255,255,255,0.6);margin-top:6px}
.reviews-body{padding:32px 48px 56px}
.reviews-form-wrap{background:#fff;border-radius:18px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,0.07);margin-bottom:40px}
.reviews-form-title{font-size:18px;font-weight:700;color:#1d1d1f;margin-bottom:20px;letter-spacing:-0.3px}
.star-selector{display:flex;gap:8px;margin-bottom:20px}
.star-btn{font-size:28px;cursor:pointer;opacity:0.3;transition:opacity 0.15s,transform 0.15s;background:none;border:none;padding:0}
.star-btn.active{opacity:1;transform:scale(1.15)}
.review-input{width:100%;padding:12px 16px;border:1.5px solid rgba(0,0,0,0.1);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;box-sizing:border-box;transition:border-color 0.2s;outline:none}
.review-input:focus{border-color:#0a3d8f}
.review-name-input{width:100%;padding:10px 16px;border:1.5px solid rgba(0,0,0,0.1);border-radius:12px;font-size:14px;font-family:inherit;box-sizing:border-box;margin-bottom:14px;transition:border-color 0.2s;outline:none}
.review-name-input:focus{border-color:#0a3d8f}
.review-submit-btn{background:#0a3d8f;color:#fff;border:none;border-radius:20px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.18s;margin-top:14px}
.review-submit-btn:hover{background:#0c4aad}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.review-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.07);position:relative;border:0.5px solid rgba(0,0,0,0.06)}
.review-card .stars{font-size:16px;margin-bottom:10px}
.review-card .text{font-size:14px;color:#3a3a3c;line-height:1.65;margin-bottom:12px}
.review-card .author{font-size:12px;font-weight:600;color:#0a3d8f}
.review-card .date{font-size:11px;color:#6e6e73;margin-top:2px}

@media(max-width:768px){
  .reviews-hero{padding:28px 16px 24px}
  .reviews-body{padding:20px 16px 40px}
  .reviews-grid{grid-template-columns:1fr}
  .admin-bar{padding:10px 16px}
}

/* REVIEWS CAROUSEL */
.reviews-carousel-section{padding:0 48px 40px}
.reviews-carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.reviews-carousel-title{font-size:21px;font-weight:700;letter-spacing:-0.5px;color:#1d1d1f}
.reviews-carousel-link{font-size:13px;color:#0a3d8f;cursor:pointer;font-weight:500;text-decoration:none}
.reviews-carousel-link:hover{text-decoration:underline}
.carousel-wrap{position:relative;overflow:hidden;border-radius:18px}
.carousel-track{display:flex;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}
.carousel-slide{min-width:100%;box-sizing:border-box}
.carousel-card{background:#fff;border-radius:18px;padding:28px 32px;box-shadow:0 2px 12px rgba(0,0,0,0.07);border:0.5px solid rgba(0,0,0,0.06)}
.carousel-stars{font-size:20px;margin-bottom:14px}
.carousel-text{font-size:15px;color:#3a3a3c;line-height:1.7;margin-bottom:16px;font-style:italic}
.carousel-author{font-size:13px;font-weight:700;color:#0a3d8f}
.carousel-date{font-size:12px;color:#6e6e73;margin-top:3px}
.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
.carousel-dot{width:7px;height:7px;border-radius:50%;background:rgba(10,61,143,0.2);cursor:pointer;border:none;padding:0;transition:background 0.2s,transform 0.2s}
.carousel-dot.active{background:#0a3d8f;transform:scale(1.3)}
.carousel-empty{background:#fff;border-radius:18px;padding:40px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,0.07);color:#6e6e73;font-size:14px;cursor:pointer}
.carousel-progress{height:3px;background:rgba(10,61,143,0.1);border-radius:2px;margin-top:14px;overflow:hidden}
.carousel-progress-bar{height:100%;background:#0a3d8f;border-radius:2px;width:0%;transition:width linear}

@media(max-width:768px){
  .reviews-carousel-section{padding:0 16px 32px}
  .carousel-card{padding:20px}
  .carousel-text{font-size:14px}
}

/* ANILLOS GALLERY */
.anillos-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px}
.anillo-card{border-radius:14px;overflow:hidden;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;position:relative;aspect-ratio:1/1;background:#f5f5f7}
.anillo-card img{width:100%;height:100%;object-fit:cover;display:block}
.anillo-card:hover{transform:scale(1.03);box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.anillo-card.selected{outline:3px solid #0a3d8f;outline-offset:2px}
.anillo-color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px}
@media(max-width:768px){.anillos-gallery-grid{grid-template-columns:repeat(3,1fr);gap:8px}}

/* WHATSAPP FLOATING BUTTON */
.wa-float{
  position:fixed;bottom:24px;right:24px;z-index:9999;
  width:56px;height:56px;background:#25D366;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,0.5);
  cursor:pointer;text-decoration:none;
  animation:wa-pulse 2.5s infinite;
  transition:transform 0.2s,box-shadow 0.2s;
}
.wa-float:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,0.65)}
.wa-float svg{width:30px;height:30px;fill:#fff}
.wa-tooltip{
  position:absolute;right:66px;background:#1d1d1f;color:#fff;
  font-size:12px;font-weight:500;padding:6px 12px;border-radius:8px;
  white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity 0.2s;font-family:-apple-system,sans-serif;
}
.wa-float:hover .wa-tooltip{opacity:1}
@keyframes wa-pulse{
  0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.5)}
  50%{box-shadow:0 4px 28px rgba(37,211,102,0.75),0 0 0 8px rgba(37,211,102,0.1)}
}
@media(max-width:768px){.wa-float{bottom:16px;right:16px;width:50px;height:50px}}

@media(max-width:768px){
  .how-to-buy-grid{grid-template-columns:1fr !important}
}

/* ENVIOS BANNER */
.envio-strip{
  display:flex;align-items:center;justify-content:center;
  gap:48px;padding:12px 48px;
  background:#061533;margin-top:0;color:rgba(255,255,255,0.85);
  font-size:13px;font-weight:500;flex-wrap:wrap;gap:20px;
}
.envio-item{display:flex;align-items:center;gap:8px;}
.envio-icon{font-size:20px;}
@media(max-width:768px){
  .envio-strip{padding:12px 16px;gap:14px;}
  .envio-item{font-size:11px;}
}

/* PRICE BADGE */
.product-price{
  display:inline-flex;align-items:center;
  background:linear-gradient(135deg,#0a3d8f,#1a5fd4);
  color:#fff;font-size:12px;font-weight:700;
  padding:5px 14px;border-radius:20px;
  margin-top:auto;padding-top:5px;letter-spacing:0.02em;
  box-shadow:0 2px 8px rgba(10,61,143,0.25);
  align-self:flex-start;
}
.pc-body{
  display:flex;flex-direction:column;flex:1;
  padding:14px 16px 16px;
}

/* GOLD ACCENT SYSTEM */
:root{
  --gold:#c9a030;
  --gold-light:#f0c84a;
  --gold-bg:#fdf6e3;
  --gold-border:rgba(201,160,48,0.3);
}

/* NAV logo circle — gold */
.nav-logo img{border-radius:50%;border:2px solid var(--gold);padding:1px;}

/* HERO badge */
.hero-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(201,160,48,0.12);
  border:0.5px solid rgba(201,160,48,0.3);
  color:var(--gold-light);
  font-size:10px;font-weight:600;
  padding:4px 12px;border-radius:20px;
  margin-bottom:12px;letter-spacing:0.05em;
}

/* PRICE BADGE — gold */
.product-price{
  display:inline-flex;align-items:center;align-self:flex-start;
  background:var(--gold-bg);
  color:#7a5800;
  font-size:11px;font-weight:700;
  padding:5px 14px;border-radius:20px;
  margin-top:auto;letter-spacing:0.01em;
  border:0.5px solid var(--gold-border);
}

/* PHONE BUTTON — gold */
.promo-banner a[href^="tel"]{
  background:var(--gold) !important;
  color:#1a1000 !important;
  border:none !important;
  font-weight:700 !important;
}

/* FOOTER logo circle */
.footer-logo img{border-radius:50%;border:1.5px solid rgba(201,160,48,0.4);}

/* STRIP envíos */
.envio-strip .envio-dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--gold);display:inline-block;margin-right:6px;
}

/* CATEGORY pill active */
.cat-pill:hover .cat-name{color:var(--gold-light);}

/* PRODUCT LABEL — gold tint */
.product-label{
  font-size:9px;font-weight:700;
  color:var(--gold);
  text-transform:uppercase;letter-spacing:0.08em;margin-bottom:5px;
}

/* ============================================
   MOBILE FIRST — COMPLETE OVERHAUL
   ============================================ */
@media (max-width: 768px) {

  /* NAV — hamburger menu */
  nav { padding: 0 16px; height: 54px; }
  .nav-logo img { width: 32px; height: 32px; }
  .nav-logo-text { font-size: 14px; }
  nav ul { display: none; }
  .nav-actions button { display: none; }
  .hamburger {
    display: flex !important;
    align-items: center !important;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 8px;
    background: none;
    border: none;
  }
  .hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: all 0.25s;
  }
  .mobile-menu {
    display: none;
    position: fixed;
    top: 54px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #061533;
    z-index: 999;
    flex-direction: column;
    padding: 24px 20px;
    gap: 4px;
    overflow-y: auto;
  }
  .mobile-menu.open { display: flex; }
  .mobile-menu a {
    display: block;
    color: rgba(255,255,255,0.85);
    font-size: 18px;
    font-weight: 500;
    padding: 14px 0;
    border-bottom: 0.5px solid rgba(255,255,255,0.08);
    text-decoration: none;
    cursor: pointer;
  }
  .mobile-menu a:last-child { border-bottom: none; }
  .mobile-menu .wa-menu-btn {
    margin-top: 20px;
    background: #25D366;
    color: #fff;
    border-radius: 14px;
    padding: 14px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    border-bottom: none;
  }

  /* HERO */
  .store-hero {
    padding: 20px 16px 24px !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
  }
  .hero-logo { width: 52px !important; height: 52px !important; flex-shrink: 0; }
  .hero-text h1 { font-size: 28px !important; letter-spacing: -0.8px !important; }
  .hero-text p { font-size: 12px !important; margin-top: 4px !important; }
  .hero-text .site-link { display: none; }
  .hero-badge { font-size: 9px !important; padding: 3px 8px !important; margin-bottom: 8px !important; }

  /* ENVIO STRIP */
  .envio-strip {
    padding: 10px 16px !important;
    gap: 14px !important;
    font-size: 10px !important;
  }
  .envio-item span:last-child { font-size: 10px; }

  /* CATEGORIES */
  .categories { padding: 14px 16px !important; gap: 8px !important; }
  .cat-pill { min-width: 64px !important; padding: 8px 10px !important; }
  .cat-img { width: 28px !important; height: 28px !important; }
  .cat-icon { font-size: 20px !important; }
  .cat-name { font-size: 9px !important; }

  /* SECTION HEADER */
  .section-header { padding: 0 16px 10px !important; }
  .section-header .bold, .section-header .light { font-size: 16px !important; }

  /* PRODUCT GRID — carrusel horizontal */
  .product-grid {
    padding: 0 16px 4px !important;
    gap: 10px !important;
  }
  .product-card {
    min-width: 155px !important;
    max-width: 155px !important;
    border-radius: 14px !important;
  }
  .pc-img { height: 140px !important; }
  .pc-body { padding: 10px 12px 12px !important; }
  .product-name { font-size: 12px !important; }
  .product-subtitle { font-size: 10px !important; }
  .product-price { font-size: 10px !important; padding: 4px 10px !important; }
  .product-label { font-size: 8px !important; }

  /* CAROUSEL ARROWS */
  .carousel-wrap { padding: 0 !important; }

  /* REVIEWS CAROUSEL */
  .reviews-carousel-section { padding: 0 16px 20px !important; }
  .reviews-carousel-title { font-size: 14px !important; }
  .carousel-card { padding: 16px !important; }
  .carousel-text { font-size: 13px !important; }

  /* HOW TO BUY */
  .how-to-buy-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  div[style*="padding:32px 48px 40px"] { padding: 16px !important; }
  div[style*="padding:32px 36px"] { padding: 20px 16px !important; }
  div[style*="font-size:21px;font-weight:700"] { font-size: 16px !important; }

  /* PROMO BANNER */
  .promo-banner {
    margin: 0 16px 16px !important;
    padding: 22px 16px !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    text-align: center !important;
  }
  .promo-banner h2 { font-size: 22px !important; }
  .promo-banner p { font-size: 12px !important; }
  #promo-paloma-img {
    width: 100px !important; height: 100px !important;
    margin: 0 auto !important; display: block !important;
  }
  .promo-banner > div:nth-child(2) { justify-content: center !important; }
  .promo-banner > div:last-child { align-items: center !important; }
  .promo-banner a {
    width: 100% !important;
    justify-content: center !important;
    max-width: 280px !important;
    margin: 0 auto !important;
  }

  /* FOOTERS */
  footer {
    padding: 16px !important;
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center !important;
  }
  .footer-logo { justify-content: center !important; }
  footer > div:last-child {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  /* DETAIL PAGES */
  .detail-hero { padding: 18px 16px 16px !important; }
  .detail-hero h1 { font-size: 22px !important; }
  .back-btn { font-size: 11px !important; padding: 5px 12px !important; }
  .breadcrumb { font-size: 10px !important; }
  .detail-body {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 16px !important;
  }
  .detail-main-img { height: 260px !important; border-radius: 14px !important; }
  .detail-title { font-size: 22px !important; }
  .detail-desc { font-size: 13px !important; }
  .detail-contact-btn { width: 100% !important; justify-content: center !important; text-align: center !important; }

  /* VERSION CARDS */
  .version-cards { flex-direction: column !important; }
  .version-card { padding: 12px !important; }

  /* REELS GRID */
  #reels-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .detail-hero h1[style] { font-size: 24px !important; }

  /* REEL MODAL */
  #reelModal > div:first-of-type {
    width: 92vw !important;
    height: 82vh !important;
  }

  /* VIDEO MODAL */
  #videoModal .video-modal-box,
  #videoModalDoble .video-modal-box {
    width: 94vw !important;
    border-radius: 16px !important;
  }

  /* REVIEWS PAGE */
  .reviews-hero { padding: 20px 16px !important; }
  .reviews-body { padding: 16px !important; }
  .reviews-grid { grid-template-columns: 1fr !important; }
  .reviews-form-wrap { padding: 18px 16px !important; }

  /* ANILLOS PAGE */
  .detail-thumbs { gap: 6px !important; }
  .thumb { width: 48px !important; height: 64px !important; }

  /* PUESTA PAGE */
  .puesta-detail {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
    gap: 16px !important;
  }
  .puesta-fields-grid { grid-template-columns: 1fr 1fr !important; }
  .puesta-contact-btn { width: 100% !important; justify-content: center !important; }

  /* TRANSPORTADORES */
  .trans-capacity-grid { grid-template-columns: 1fr 1fr !important; }

  /* WHATSAPP BUTTON */
  .wa-float { bottom: 16px !important; right: 16px !important; width: 50px !important; height: 50px !important; }
  .wa-float svg { width: 26px !important; height: 26px !important; }
}

@media (max-width: 390px) {
  .comederos-grid { grid-template-columns: 1fr !important; }
  .hero-text h1 { font-size: 24px !important; }
  .product-card { min-width: 142px !important; max-width: 142px !important; }
  .pc-img { height: 128px !important; }
  #reels-grid { grid-template-columns: 1fr 1fr !important; }
}

.delivery-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:600;color:#388e3c;background:#f0fdf4;padding:3px 8px;border-radius:20px;border:0.5px solid rgba(56,142,60,0.2);margin-top:4px;}
@media(max-width:768px){
  #page-sobre .detail-body{grid-template-columns:1fr !important;}
  #page-sobre [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr 1fr !important;}
  #page-sobre [style*="padding:40px 48px"]{padding:20px 16px !important;}
}

/* BUNDLES SECTION */
.bundles-section{padding:0 48px 40px;}
.bundles-title{font-size:21px;font-weight:700;letter-spacing:-0.5px;color:#1d1d1f;margin-bottom:6px;}
.bundles-sub{font-size:14px;color:#6e6e73;margin-bottom:20px;}
.bundles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bundle-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,0.07);border:0.5px solid rgba(0,0,0,0.06);position:relative;display:flex;flex-direction:column;}
.bundle-badge{position:absolute;top:-10px;left:20px;background:linear-gradient(135deg,#c9a030,#f0c84a);color:#1a1000;font-size:10px;font-weight:700;padding:4px 12px;border-radius:20px;box-shadow:0 2px 8px rgba(201,160,48,0.35);}
.bundle-icon{font-size:32px;margin-bottom:12px;}
.bundle-name{font-size:16px;font-weight:700;color:#1d1d1f;margin-bottom:8px;letter-spacing:-0.3px;}
.bundle-items{list-style:none;margin-bottom:16px;display:flex;flex-direction:column;gap:6px;}
.bundle-items li{font-size:13px;color:#6e6e73;display:flex;align-items:center;gap:6px;}
.bundle-items li::before{content:"✓";color:#388e3c;font-weight:700;font-size:12px;}
.bundle-prices{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.bundle-old-price{font-size:13px;color:#aaa;text-decoration:line-through;}
.bundle-new-price{font-size:22px;font-weight:700;color:#c9a030;letter-spacing:-0.5px;}
.bundle-saving{font-size:11px;color:#388e3c;font-weight:600;background:#f0fdf4;padding:2px 8px;border-radius:20px;}
.bundle-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;border-radius:20px;padding:11px;text-decoration:none;font-size:13px;font-weight:700;margin-top:auto;box-shadow:0 3px 10px rgba(37,211,102,0.3);transition:all 0.2s;}
.bundle-cta:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(37,211,102,0.4);}
@media(max-width:768px){
  .bundles-section{padding:0 16px 32px;}
  .bundles-grid{grid-template-columns:1fr;}
}

/* FAQ */
.faq-section{padding:0 48px 40px;}
.faq-title{font-size:21px;font-weight:700;letter-spacing:-0.5px;color:#1d1d1f;margin-bottom:6px;}
.faq-sub{font-size:14px;color:#6e6e73;margin-bottom:20px;}
.faq-list{display:flex;flex-direction:column;gap:8px;max-width:800px;}
.faq-item{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,0.06);border:0.5px solid rgba(0,0,0,0.06);}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;cursor:pointer;font-size:14px;font-weight:600;color:#1d1d1f;gap:12px;}
.faq-q:hover{background:#fafafa;}
.faq-icon{font-size:18px;color:#c9a030;flex-shrink:0;transition:transform 0.25s;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-a{display:none;padding:0 20px 18px;font-size:14px;color:#6e6e73;line-height:1.75;border-top:0.5px solid rgba(0,0,0,0.06);}
.faq-item.open .faq-a{display:block;}
@media(max-width:768px){
  .faq-section{padding:0 16px 32px;}
  .faq-q{font-size:13px;}
}

/* PRODUCTOS RELACIONADOS */
.related-section{padding:32px 0 0;}
.related-title{font-size:16px;font-weight:700;color:#1d1d1f;margin-bottom:14px;padding:0 2px;}
.related-grid{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}
.related-grid::-webkit-scrollbar{display:none}
.related-card{background:#f5f5f7;border-radius:14px;overflow:hidden;min-width:140px;max-width:140px;flex-shrink:0;cursor:pointer;transition:transform 0.18s;border:0.5px solid rgba(0,0,0,0.06);}
.related-card:hover{transform:translateY(-3px);}
.related-img{width:100%;height:110px;object-fit:cover;display:block;background:#e8edf5;}
.related-body{padding:10px 10px 12px;}
.related-name{font-size:11px;font-weight:700;color:#1d1d1f;line-height:1.3;}
.related-price{font-size:10px;font-weight:700;color:#7a5800;margin-top:4px;}
@media(max-width:768px){
  .related-section{padding:20px 0 0;}
}

/* GALERÍA DE CLIENTES */
.gallery-section{padding:0 48px 40px;}
.gallery-title{font-size:21px;font-weight:700;letter-spacing:-0.5px;color:#1d1d1f;margin-bottom:4px;}
.gallery-sub{font-size:14px;color:#6e6e73;margin-bottom:20px;}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.gallery-item{border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:linear-gradient(135deg,#f0f4f8,#e8edf5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s;position:relative;}
.gallery-item:hover{transform:scale(1.02);}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;}
.gallery-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#aaa;font-size:12px;text-align:center;padding:16px;}
.gallery-placeholder .icon{font-size:28px;}
.gallery-cta-wrap{margin-top:16px;text-align:center;}
.gallery-cta{display:inline-flex;align-items:center;gap:8px;background:#061533;color:#fff;padding:11px 22px;border-radius:20px;text-decoration:none;font-size:13px;font-weight:600;}
@media(max-width:768px){
  .gallery-section{padding:0 16px 32px;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
}

/* VISUAL IMPROVEMENTS */
@keyframes rotateWords{
  0%,20%{opacity:1;transform:translateY(0)}
  25%,30%{opacity:0;transform:translateY(-6px)}
  35%,55%{opacity:1;transform:translateY(0)}
  60%,65%{opacity:0;transform:translateY(-6px)}
  70%,90%{opacity:1;transform:translateY(0)}
  95%,100%{opacity:1;transform:translateY(0)}
}
#rotating-word{
  display:inline-block;
  animation:rotateWords 4.5s infinite;
  transition:color 0.3s;
}
.product-card .pc-img{transition:transform 0.3s ease}
.product-card:hover .pc-img{transform:scale(1.04)}

/* SHIMMER ON PROMO BADGE */
.hero-badge-shimmer{
  position:relative;overflow:hidden;
}
.hero-badge-shimmer::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);
  animation:shimmer 2.5s infinite;
}
@keyframes shimmer{0%{left:-100%}100%{left:200%}}

/* GOLD GLOW on price badges */
.product-price{
  transition:box-shadow 0.2s;
}
.product-card:hover .product-price{
  box-shadow:0 2px 12px rgba(201,160,48,0.35);
}

/* CARD image overlay on hover */
.product-card .pc-img{position:relative}
.product-card .pc-img::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,transparent 60%,rgba(201,160,48,0.06));
  opacity:0;transition:opacity 0.25s;
}
.product-card:hover .pc-img::after{opacity:1}

/* PULSE on WhatsApp float */
@keyframes wa-bounce{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.06)}
}
.wa-float:hover{animation:wa-bounce 0.4s ease}

/* SMOOTH SCROLL reveal — subtle fade up */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.section-header,.bundles-section,.faq-section{animation:fadeUp 0.5s ease both}

/* NO GAP between hero sections */
.store-hero,.envio-strip{margin:0 !important}
.envio-strip + div{margin-top:0 !important}

.cat-pill-unavailable:hover .cat-name{color:inherit !important;}