/************************************************************ HOME ONLY — CATEGORÍAS TIPO BANNER ************************************************************/ body#index .bc-home-cats{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:45px 0; }body#index .bc-home-cat{ position:relative; display:block; min-height:260px; border-radius:18px; overflow:hidden; text-decoration:none!important; background:#2f2925; box-shadow:0 10px 28px rgba(40,25,18,.12); }body#index .bc-home-cat img{ width:100%; height:100%; min-height:260px; object-fit:cover; display:block; transition:transform .45s ease,opacity .45s ease; opacity:.82; }body#index .bc-home-cat::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68)); z-index:1; }body#index .bc-home-cat span, body#index .bc-home-cat small{ position:absolute; left:24px; right:24px; z-index:2; color:#fff; }body#index .bc-home-cat span{ bottom:48px; font-size:24px; font-weight:700; line-height:1.15; }body#index .bc-home-cat small{ bottom:24px; font-size:14px; opacity:.92; }body#index .bc-home-cat:hover img{ transform:scale(1.06); opacity:1; }body#index .bc-home-cat:hover{ box-shadow:0 18px 45px rgba(40,25,18,.22); }/************************************************************ HOME ONLY — SEO Y FAQ NUEVOS ************************************************************/ body#index .bc-home-seo{ margin:38px 0 28px; padding:32px 34px; border-radius:var(--bc-radius-lg); border:1px solid var(--bc-line); background: radial-gradient(360px 160px at 100% 0%,rgba(224,194,122,.14),rgba(224,194,122,0) 70%), linear-gradient(180deg,#fffdf9,#ffffff); box-shadow:var(--bc-shadow-soft); color:var(--bc-text); font-size:17px; line-height:1.78; }body#index .bc-home-seo h2{ margin:0 0 16px; padding-bottom:14px; font-size:clamp(28px,2.2vw,38px); line-height:1.12; font-weight:900; color:var(--bc-text); position:relative; }body#index .bc-home-seo h2::after{ content:""; position:absolute; left:0; bottom:0; width:82px; height:4px; border-radius:999px; background:linear-gradient(90deg,var(--bc-gold),var(--bc-red)); }body#index .bc-home-seo p{ margin:0 0 16px; color:var(--bc-text-soft); }body#index .bc-home-seo p:last-child{ margin-bottom:0; }body#index .bc-home-seo strong{ color:var(--bc-red-dark); font-weight:800; }body#index .bc-home-seo a{ color:var(--bc-red); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(124,10,2,.22); }body#index .bc-home-seo a:hover{ color:var(--bc-red-dark); border-bottom-color:var(--bc-gold); }body#index .bc-faq{ margin:38px 0 34px; padding:32px 34px; border-radius:var(--bc-radius-lg); border:1px solid var(--bc-line); background:#fff; box-shadow:var(--bc-shadow-soft); }body#index .bc-faq h2{ margin:0 0 22px; padding-bottom:14px; font-size:clamp(28px,2.2vw,38px); line-height:1.12; font-weight:900; color:var(--bc-text); position:relative; }body#index .bc-faq h2::after{ content:""; position:absolute; left:0; bottom:0; width:82px; height:4px; border-radius:999px; background:linear-gradient(90deg,var(--bc-gold),var(--bc-red)); }body#index .bc-faq-item{ margin-bottom:16px; padding:20px 22px; border-radius:var(--bc-radius-md); border:1px solid var(--bc-line); background: radial-gradient(220px 100px at 100% 0%,rgba(224,194,122,.10),rgba(224,194,122,0) 70%), linear-gradient(180deg,#fffaf6,#ffffff); }body#index .bc-faq-item:last-child{ margin-bottom:0; }body#index .bc-faq-item h3{ margin:0 0 8px; font-size:19px; line-height:1.35; font-weight:900; color:var(--bc-red-dark); }body#index .bc-faq-item p{ margin:0; font-size:16px; line-height:1.72; color:var(--bc-text-soft); }/************************************************************ CATEGORÍAS SEO PREMIUM ************************************************************/ .bc-cat-intro, .bc-cat-extra{ background:linear-gradient(180deg,#fffaf6 0%,#ffffff 260px); color:var(--bc-text); font-size:17px; line-height:1.78; }.bc-cat-intro *, .bc-cat-extra *{ box-sizing:border-box; }.bc-cat-intro .bc-wrap, .bc-cat-extra .bc-wrap{ width:100%; max-width:1560px; margin:0 auto; padding:22px 32px 34px; }.bc-cat-intro p, .bc-cat-extra p{ margin:0 0 16px; }.bc-cat-intro a, .bc-cat-extra a{ color:var(--bc-red); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(124,10,2,.22); transition:all .2s ease; }.bc-cat-intro a:hover, .bc-cat-extra a:hover{ color:var(--bc-red-dark); border-bottom-color:var(--bc-gold); }.bc-cat-intro .bc-section, .bc-cat-extra .bc-section{ margin-top:22px; padding:28px 30px; border-radius:var(--bc-radius-lg); border:1px solid var(--bc-line); background:#fff; box-shadow:var(--bc-shadow-soft); }.bc-cat-extra .bc-section{ background: radial-gradient(320px 140px at 100% 0%,rgba(224,194,122,.12),rgba(224,194,122,0) 70%), linear-gradient(180deg,#fffdf9,#ffffff); }.bc-cat-intro .bc-title, .bc-cat-extra .bc-title{ margin:0 0 14px; padding-bottom:14px; font-size:clamp(25px,2vw,34px); line-height:1.14; letter-spacing:-.02em; font-weight:900; color:var(--bc-text); position:relative; }.bc-cat-intro .bc-title::after, .bc-cat-extra .bc-title::after{ content:""; position:absolute; left:0; bottom:0; width:82px; height:4px; border-radius:999px; background:linear-gradient(90deg,var(--bc-gold),var(--bc-red)); }.bc-cat-intro .bc-lead, .bc-cat-extra .bc-lead{ margin:0 0 16px; font-size:19px; line-height:1.78; color:var(--bc-text-soft); }.bc-cat-intro strong, .bc-cat-extra strong{ color:var(--bc-red-dark); font-weight:800; }.bc-cat-intro ul, .bc-cat-extra ul, .bc-cat-intro ol, .bc-cat-extra ol{ margin:0 0 18px; padding-left:22px; }.bc-cat-intro li, .bc-cat-extra li{ margin-bottom:8px; color:var(--bc-text-soft); }.bc-cat-extra .bc-faq{ max-width:none; margin:22px 0 0; }.bc-cat-extra .bc-faq h2{ text-align:left; font-size:clamp(25px,2vw,34px); color:var(--bc-text); margin-bottom:18px; }.bc-cat-extra .bc-faq-item{ margin-bottom:16px; padding:20px 22px; border:1px solid var(--bc-line); border-radius:var(--bc-radius-md); background:var(--bc-cream); }.bc-cat-extra .bc-faq-item:last-child{ margin-bottom:0; }.bc-cat-extra .bc-faq-item h3{ margin:0 0 8px; font-size:18px; line-height:1.35; font-weight:900; color:var(--bc-red-dark); cursor:default; }.bc-cat-extra .bc-faq-item p{ margin:0; font-size:15px; line-height:1.7; color:var(--bc-text-soft); }/************************************************************ SOCIAL NUEVO INDEPENDIENTE ************************************************************/ .bc-social-new{ margin-top:40px; padding:34px 28px; border-radius:24px; background: radial-gradient(360px 140px at 100% 0%,rgba(224,194,122,.16),rgba(224,194,122,0) 70%), linear-gradient(180deg,#fffdf9,#fff); border:1px solid var(--bc-line); box-shadow:var(--bc-shadow-soft); text-align:center; }.bc-social-new-title{ margin:0 0 10px; padding-bottom:14px; font-size:clamp(28px,2vw,36px); line-height:1.14; font-weight:900; color:var(--bc-text); position:relative; }.bc-social-new-title::after{ content:""; position:absolute; left:50%; bottom:0; width:82px; height:4px; border-radius:999px; background:linear-gradient(90deg,var(--bc-gold),var(--bc-red)); transform:translateX(-50%); }.bc-social-new-lead{ max-width:760px; margin:0 auto 24px; font-size:18px; line-height:1.75; color:var(--bc-text-soft); }.bc-social-new-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.bc-social-new-item{ position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:12px; min-height:76px; padding:16px 18px; border-radius:16px; border:1px solid var(--bc-line); background:#fff; box-shadow:var(--bc-shadow-soft); text-decoration:none!important; transition:all .35s cubic-bezier(.22,.61,.36,1); }.bc-social-new-item:hover{ transform:translateY(-5px); border-color:#d7b15c; box-shadow:0 18px 40px rgba(47,41,37,.14); }.bc-social-new-item img{ width:40px; height:40px; object-fit:contain; flex:0 0 40px; transition:transform .3s ease; }.bc-social-new-item:hover img{ transform:scale(1.14) rotate(-3deg); }.bc-social-new-item span{ font-size:15px; font-weight:800; color:var(--bc-text); }/************************************************************ PRODUCTOS — DESCRIPCIÓN CORTA Y LARGA ************************************************************/ .bc-product-short{ margin:18px 0 22px; padding:20px 22px; border-radius:var(--bc-radius-md); border:1px solid var(--bc-line); background: radial-gradient(260px 120px at 100% 0%,rgba(224,194,122,.14),rgba(224,194,122,0) 70%), linear-gradient(180deg,#fffdf9,#ffffff); box-shadow:var(--bc-shadow-soft); color:var(--bc-text-soft); font-size:16px; line-height:1.75; }.bc-product-short p{ margin:0; }.bc-product-short strong{ color:var(--bc-red-dark); font-weight:800; }.bc-product-short a{ color:var(--bc-red); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(124,10,2,.22); }.bc-product-short a:hover{ color:var(--bc-red-dark); border-bottom-color:var(--bc-gold); }.bc-product-desc{ margin:28px 0 34px; color:var(--bc-text); font-size:17px; line-height:1.78; }.bc-product-desc, .bc-product-desc *{ box-sizing:border-box; }.bc-product-desc h2{ margin:0 0 18px; padding-bottom:14px; font-size:clamp(28px,2.2vw,38px); line-height:1.12; letter-spacing:-.02em; font-weight:900; color:var(--bc-text); position:relative; }.bc-product-desc h2::after{ content:""; position:absolute; left:0; bottom:0; width:82px; height:4px; border-radius:999px; background:linear-gradient(90deg,var(--bc-gold),var(--bc-red)); }.bc-product-desc h3{ margin:28px 0 12px; font-size:24px; line-height:1.25; font-weight:900; color:var(--bc-red-dark); }.bc-product-desc h4{ margin:22px 0 8px; font-size:18px; line-height:1.35; font-weight:900; color:var(--bc-text); }.bc-product-desc p{ margin:0 0 16px; color:var(--bc-text-soft); }.bc-product-desc strong{ color:var(--bc-red-dark); font-weight:800; }.bc-product-desc a{ color:var(--bc-red); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(124,10,2,.22); }.bc-product-desc a:hover{ color:var(--bc-red-dark); border-bottom-color:var(--bc-gold); }.bc-product-desc .bc-box{ margin:22px 0; padding:22px 24px; border-radius:var(--bc-radius-md); border:1px solid var(--bc-line); background:#fff; box-shadow:var(--bc-shadow-soft); }.bc-product-desc .bc-box p:last-child{ margin-bottom:0; }.bc-product-desc .bc-box-highlight{ background: radial-gradient(260px 120px at 100% 0%,rgba(224,194,122,.18),rgba(224,194,122,0) 70%), linear-gradient(180deg,#fffdf9,#ffffff); border-color:#ead8c5; }.bc-product-desc .bc-box-note{ background:linear-gradient(180deg,#fffaf6,#ffffff); border-color:var(--bc-line); }.bc-product-desc ul, .bc-product-desc ol{ margin:0 0 18px; padding-left:22px; }.bc-product-desc li{ margin-bottom:8px; color:var(--bc-text-soft); }/************************************************************ BLOG BAZARCHANGO ************************************************************/ .bc-page.bc-blog-page{ background:linear-gradient(180deg,#fffaf6 0%,#ffffff 340px); color:var(--bc-text); font-size:18px; line-height:1.8; }.bc-blog-page, .bc-blog-page *{ box-sizing:border-box; }.bc-blog-page .bc-wrap{ max-width:1180px; margin:0 auto; padding:28px 22px 52px; }.bc-blog-page p{ margin:0 0 18px; color:var(--bc-text-soft); }.bc-blog-page a{ color:var(--bc-red); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(124,10,2,.22); }.bc-blog-page a:hover{ color:var(--bc-red-dark); border-bottom-color:var(--bc-gold); }.bc-blog-page .bc-hero{ position:relative; overflow:hidden; margin-bottom:26px; border-radius:var(--bc-radius-xl); border:1px solid var(--bc-line); background: radial-gradient(620px 260px at 100% 0%,rgba(224,194,122,.22),rgba(224,194,122,0) 65%), linear-gradient(135deg,var(--bc-red-dark),var(--bc-red)); box-shadow:var(--bc-shadow-mid); }.bc-blog-page .bc-hero-inner{ padding:42px 40px 38px; }.bc-blog-page .bc-kicker{ display:inline-flex; align-items:center; padding:8px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.10); color:#fff; font-size:13px; line-height:1.2; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.bc-blog-page .bc-hero h1{ max-width:1050px; margin:18px 0 16px; font-size:clamp(36px,4vw,58px); line-height:1.05; letter-spacing:-.03em; font-weight:900; color:#fff!important; }.bc-blog-page .bc-hero .bc-lead{ max-width:980px; margin:0; font-size:clamp(18px,1.4vw,22px); line-height:1.72; color:rgba(255,255,255,.94); }.bc-blog-page .bc-title{ margin:34px 0 14px; padding-bottom:14px; font-size:clamp(27px,2.3vw,38px); line-height:1.14; letter-spacing:-.02em; font-weight:900; color:var(--bc-text); position:relative; }.bc-blog-page .bc-title::after{ content:""; position:absolute; left:0; bottom:0; width:82px; height:4px; border-radius:999px; background:linear-gradient(90deg,var(--bc-gold),var(--bc-red)); }.bc-blog-page .bc-subtitle{ margin:24px 0 10px; font-size:22px; line-height:1.28; font-weight:900; color:var(--bc-red-dark); }.bc-blog-page .bc-card{ margin:24px 0; padding:26px 28px; border-radius:var(--bc-radius-lg); border:1px solid var(--bc-line); background:#fff; box-shadow:var(--bc-shadow-soft); }.bc-blog-page .bc-card-highlight{ background: radial-gradient(320px 140px at 100% 0%,rgba(224,194,122,.16),rgba(224,194,122,0) 70%), linear-gradient(180deg,#fffdf9,#ffffff); border-color:#ead8c5; }.bc-blog-page .bc-card .bc-title{ margin-top:0; }.bc-blog-page .bc-list{ margin:0; padding-left:22px; }.bc-blog-page .bc-list li{ margin:8px 0; color:var(--bc-text-soft); }.bc-blog-page .bc-image{ width:100%; height:auto; display:block; margin:28px 0; border-radius:var(--bc-radius-xl); border:1px solid var(--bc-line); box-shadow:var(--bc-shadow-soft); }.bc-blog-page .bc-grid-2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0; }.bc-blog-page #faq + .bc-subtitle, .bc-blog-page .bc-subtitle + p{ margin-top:10px; }.bc-blog-page h3.bc-subtitle{ border-bottom:1px solid var(--bc-line-soft); padding-bottom:8px; }/************************************************************ RESPONSIVE GENERAL ************************************************************/ @media (max-width:1199.98px){ .bc-cms .bc-wrap{ max-width:1400px; padding:24px 24px 42px; } }@media (max-width:991.98px){ .bc-cms .bc-wrap, .bc-cat-intro .bc-wrap, .bc-cat-extra .bc-wrap{ padding:22px 20px 36px; }.bc-cms .bc-hero h1, .bc-cms .bc-hero-h2{ font-size:34px; }.bc-cms .bc-carriers{ grid-template-columns:repeat(3,minmax(0,1fr)); }.bc-cms .bc-social-grid, .bc-social-new-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }.bc-cms .bc-delivery-grid{ grid-template-columns:1fr; }.bc-cms .bc-cta{ align-items:flex-start; }.bc-cms .bc-cta-actions{ min-width:0; justify-content:flex-start; }body#index .bc-trust-row{ grid-template-columns:repeat(2,1fr); }body#index .bc-home-cats{ grid-template-columns:repeat(2,1fr); } }@media (max-width:767.98px){ .bc-cms, .bc-cat-intro, .bc-cat-extra, .bc-product-desc, .bc-page.bc-blog-page{ font-size:16px; line-height:1.72; }.bc-cms .bc-wrap, .bc-cat-intro .bc-wrap, .bc-cat-extra .bc-wrap, .bc-blog-page .bc-wrap{ padding:14px 14px 24px; }.bc-cms .bc-hero-inner, .bc-blog-page .bc-hero-inner{ padding:24px 18px; }.bc-cms .bc-hero h1, .bc-cms .bc-hero-h2, .bc-blog-page .bc-hero h1{ font-size:29px; }.bc-cms .bc-hero-p, .bc-cms .bc-lead, .bc-cms .bc-social-lead, .bc-blog-page .bc-hero .bc-lead{ font-size:17px; }.bc-cms .bc-cover img{ aspect-ratio:16 / 9; }.bc-cms .bc-section, .bc-cms .bc-social, .bc-cat-intro .bc-section, .bc-cat-extra .bc-section, .bc-product-desc .bc-box, .bc-blog-page .bc-card{ padding:18px 16px; border-radius:18px; }.bc-cms .bc-title, .bc-cms .bc-social-title, .bc-cat-intro .bc-title, .bc-cat-extra .bc-title, .bc-product-desc h2, .bc-blog-page .bc-title{ font-size:25px; }.bc-cms .bc-image-grid, .bc-blog-page .bc-grid-2{ grid-template-columns:1fr; }.bc-cms .bc-table-row{ flex-direction:column; gap:8px; }.bc-cms .bc-table-row > div:nth-child(1), .bc-cms .bc-table-row > div:nth-child(2), .bc-cms .bc-table-row > div:nth-child(3){ flex:1 1 auto; }.bc-cms .bc-carriers{ grid-template-columns:repeat(2,minmax(0,1fr)); }.bc-cms .bc-social-grid, .bc-social-new-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }.bc-cms .bc-social-item{ padding:14px; gap:10px; }.bc-cms .bc-social-item img, .bc-social-new-item img{ width:34px; height:34px; flex:0 0 34px; }.bc-cms .bc-social-item span{ font-size:14px; }.bc-cms .bc-delivery-card{ padding:18px 16px 16px; border-radius:18px; }.bc-cms .bc-delivery-card h3{ font-size:21px; }.bc-cms .bc-delivery-card p{ font-size:15px; line-height:1.68; }.bc-cms .bc-delivery-time{ font-size:12px; padding:7px 10px; }.bc-cms .bc-cta{ flex-direction:column; align-items:flex-start; gap:18px; padding:18px 16px; }.bc-cms .bc-cta > div:first-child{ max-width:none; flex:1 1 auto; }.bc-cms .bc-cta-actions{ width:100%; flex-direction:column; align-items:stretch; gap:10px; }.bc-cms .bc-cta-actions .bc-btn{ width:100%; min-width:0; }.bc-social-new{ padding:24px 16px; border-radius:18px; }.bc-social-new-item{ min-height:68px; padding:14px; }.bc-product-short{ padding:18px 16px; border-radius:18px; font-size:15px; }.bc-product-desc h3{ font-size:21px; }.bc-product-desc h4{ font-size:17px; }body#index .bc-home-seo, body#index .bc-faq{ padding:22px 18px; border-radius:18px; font-size:16px; }body#index .bc-home-seo h2, body#index .bc-faq h2{ font-size:25px; }body#index .bc-faq-item{ padding:18px 16px; border-radius:16px; }body#index .bc-faq-item h3{ font-size:18px; } }@media (max-width:576px){ body#index .bc-trust-row{ grid-template-columns:1fr 1fr; gap:12px; }body#index .bc-trust-item{ padding:20px 14px; }body#index .bc-trust-icon{ width:40px; height:40px; }body#index .bc-trust-item strong{ font-size:14px; }body#index .bc-trust-item span{ font-size:12px; }body#index .bc-home-cats{ grid-template-columns:1fr; gap:14px; }body#index .bc-home-cat, body#index .bc-home-cat img{ min-height:210px; }body#index .bc-home-cat span{ font-size:21px; } }@media (max-width:420px){ .bc-cms .bc-social-item span, .bc-social-new-item span{ display:none; }.bc-cms .bc-social-item, .bc-social-new-item{ justify-content:center; }.bc-social-new-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }