:root{
  --bg:#100b09; --bg2:#1b100c; --paper:#f3eadc; --paper2:#fffaf2; --red:#8f120c; --red2:#b32318;
  --gold:#d6a84f; --gold2:#f0cc7b; --ink:#21130f; --muted:#74655d; --white:#fff; --line:rgba(214,168,79,.24);
  --shadow:0 22px 70px rgba(0,0,0,.26); --radius:24px; --container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper2);color:var(--ink);line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}
.topbar{background:#090605;color:#eadfce;font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.07)}.topbar-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-links{display:flex;gap:10px;align-items:center}.topbar a:hover{color:var(--gold2)}
.site-header{position:sticky;top:0;z-index:80;background:rgba(16,11,9,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(214,168,79,.13)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:132px;height:64px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#0d0907}.brand img{width:100%;height:100%;object-fit:contain;object-position:center}.nav{display:flex;align-items:center;gap:24px;color:#fff;font-size:.93rem}.nav>a:not(.nav-cta){position:relative;padding:28px 0 24px}.nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--gold);transition:.25s}.nav>a:hover::after,.nav>a.active::after{right:0}.nav-cta{padding:12px 17px;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#23130d;font-weight:800}.nav-toggle{display:none;background:none;border:0;padding:10px}.nav-toggle span{display:block;width:25px;height:2px;background:white;margin:5px}
.hero{min-height:700px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(10,6,5,.98) 0%,rgba(10,6,5,.92) 43%,rgba(10,6,5,.34) 72%,rgba(10,6,5,.2) 100%),url('../img/hero-camion.jpg') center/cover}.hero::after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,var(--paper2))}.hero-content{position:relative;z-index:2;max-width:680px;color:#fff;padding:110px 0 145px}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:900;color:var(--gold2)}.eyebrow::before{content:"";width:38px;height:1px;background:var(--gold)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;margin-top:0}.hero h1{font-size:clamp(3.2rem,7vw,6.6rem);margin:16px 0 20px;letter-spacing:-.055em}.hero h1 span{color:var(--gold2)}.hero p{font-size:1.12rem;color:#eadfd8;max-width:600px}.hero-actions,.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 21px;border-radius:999px;font-weight:850;transition:.2s;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--red2),var(--red));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(143,18,12,.25)}.btn-outline{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06)}.btn-light{background:#fff;color:var(--red)}
.trust-strip{position:relative;z-index:3;margin-top:-44px}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.trust-item{padding:24px 18px;text-align:center;border-right:1px solid #eee2d0}.trust-item:last-child{border:0}.trust-icon{width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;color:var(--red);font-weight:900}.trust-item b{display:block;font-size:.92rem}.trust-item small{color:var(--muted)}
.section{padding:100px 0}.section-dark{background:var(--bg);color:#fff}.section-red{background:linear-gradient(135deg,#6b0a08,#a41a12);color:#fff}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:40px}.section-head>div{max-width:700px}.section h2{font-size:clamp(2.3rem,4.7vw,4.3rem);letter-spacing:-.04em;margin:10px 0 14px}.lead{font-size:1.08rem;color:var(--muted);max-width:750px}.section-dark .lead,.section-red .lead{color:#d9cbc4}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;border:1px solid #eadfce;border-radius:var(--radius);overflow:hidden;box-shadow:0 15px 40px rgba(69,39,22,.08);transition:.25s}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(69,39,22,.14)}.product-image{aspect-ratio:4/3;overflow:hidden;background:#ede4d7}.product-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.product-card:hover .product-image img{transform:scale(1.035)}.product-body{padding:24px}.product-body h3{font-size:1.7rem;margin:0 0 7px}.product-body p{color:var(--muted);margin:0 0 18px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 10px;border-radius:999px;background:#f5ecdf;color:#6d3027;font-size:.78rem;font-weight:800}.text-link{display:inline-flex;margin-top:20px;color:var(--red);font-weight:900}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.photo-stack{position:relative}.photo-main{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.photo-main img{width:100%;min-height:520px;object-fit:cover}.photo-badge{position:absolute;right:-24px;bottom:34px;background:#fff;padding:20px;border-radius:18px;box-shadow:var(--shadow);max-width:220px;border:1px solid #eadfce}.photo-badge strong{display:block;color:var(--red);font-size:1.5rem}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{position:relative;padding:11px 0 11px 34px;border-bottom:1px solid #eadfce}.check-list li::before{content:"✓";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f3dfb2;color:#6d0d08;font-weight:900;font-size:.75rem}.section-dark .check-list li{border-bottom-color:rgba(255,255,255,.12)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04)}.stat strong{display:block;color:var(--gold2);font-size:2.2rem;font-family:Georgia,serif}.stat span{color:#d8cbc3}
.page-hero{padding:105px 0 80px;background:radial-gradient(circle at 80% 20%,rgba(180,35,24,.32),transparent 34%),linear-gradient(135deg,#0c0807,#24110c);color:#fff}.page-hero h1{font-size:clamp(3rem,6vw,5.8rem);margin:14px 0}.page-hero p{max-width:720px;color:#d9cbc4;font-size:1.08rem}.breadcrumbs{font-size:.82rem;color:#b99b85}.breadcrumbs a{color:var(--gold2)}
.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter-btn{border:1px solid #dfd0bd;background:#fff;padding:9px 14px;border-radius:999px;cursor:pointer;font-weight:800}.filter-btn.active,.filter-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.product-detail-img{background:#eee3d4;border-radius:28px;overflow:hidden;position:sticky;top:120px}.product-detail-img img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-detail h1{font-size:clamp(2.8rem,5vw,5rem);margin:10px 0 15px}.feature-list{display:grid;gap:14px;margin:30px 0}.feature-item{padding:18px 20px;background:#fff;border:1px solid #eadfce;border-radius:16px}.presentations{display:flex;gap:10px;flex-wrap:wrap}.presentation{min-width:70px;text-align:center;padding:10px 14px;border-radius:12px;background:#160e0b;color:#fff;font-weight:900}
.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quality-card{padding:30px;border-radius:22px;background:#fff;border:1px solid #eadfce}.quality-card .num{font-family:Georgia,serif;font-size:2.7rem;color:var(--gold);display:block}.quality-card h3{font-size:1.55rem;margin:12px 0 8px}.quality-card p{color:var(--muted);margin:0}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;gap:18px}.gallery-item{border-radius:22px;overflow:hidden;position:relative;background:#ddd}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item:nth-child(1){grid-column:span 7;grid-row:span 2}.gallery-item:nth-child(2){grid-column:span 5}.gallery-item:nth-child(3){grid-column:span 5}.gallery-item:nth-child(4),.gallery-item:nth-child(5),.gallery-item:nth-child(6){grid-column:span 4}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.contact-card{padding:28px;border-radius:22px;background:#fff;border:1px solid #eadfce}.contact-item{padding:16px 0;border-bottom:1px solid #eadfce}.contact-item:last-child{border:0}.contact-item small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.contact-item strong,.contact-item a{font-size:1.08rem}.contact-form{padding:34px;border-radius:24px;background:#160e0b;color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.84rem;color:#e8d7ce}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;padding:14px;border-radius:12px;outline:none}.field select option{color:#111}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:.82rem;color:#ad9f98;margin-top:12px}
.cta{padding:65px 0;background:linear-gradient(120deg,#7e0f0b,#b02318);color:#fff}.cta-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:0 0 10px}.cta p{margin:0;color:#f2d9d4}
.footer{background:#090605;color:#cfc2ba;padding:70px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:55px}.footer-logo{width:180px;height:140px;object-fit:contain;border-radius:16px;margin-bottom:15px;background:#0e0907;padding:8px}.footer h3{color:#fff;font-size:1.15rem}.footer a,.footer span{display:block;margin:8px 0}.footer a:hover{color:var(--gold2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.78rem}.whatsapp-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#05270f;font-weight:950;z-index:90;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.notice{padding:15px 18px;border-left:3px solid var(--gold);background:#fff6e5;border-radius:12px;color:#6d4b27}.catalog-banner{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:28px;overflow:hidden;background:#180f0c;color:#fff}.catalog-banner img{height:100%;min-height:420px;object-fit:cover}.catalog-copy{padding:50px}.catalog-copy p{color:#d7c8be}.quote{font-family:Georgia,serif;font-size:1.85rem;color:var(--gold2);line-height:1.25}
@media(max-width:980px){.nav-toggle{display:block}.nav{position:fixed;left:0;right:0;top:120px;background:#120c0a;padding:24px;display:none;flex-direction:column;align-items:stretch;border-top:1px solid rgba(255,255,255,.1)}.nav.open{display:flex}.nav>a:not(.nav-cta){padding:8px 0}.nav>a:not(.nav-cta)::after{display:none}.hero{min-height:650px;background-position:62% center}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(5){grid-column:1/-1}.product-grid,.quality-grid{grid-template-columns:repeat(2,1fr)}.split,.product-detail,.contact-grid,.catalog-banner{grid-template-columns:1fr}.product-detail-img{position:relative;top:0}.photo-badge{right:14px}.stats{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:250px}.gallery-item,.gallery-item:nth-child(n){grid-column:span 1;grid-row:span 1}.gallery-item:nth-child(1){grid-column:1/-1;grid-row:span 2}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--container))}.topbar-inner{justify-content:center}.topbar-inner>span{display:none}.topbar-links{font-size:.74rem}.site-header .nav-wrap{min-height:72px}.brand{width:102px;height:50px}.nav{top:110px}.hero{min-height:610px;background-position:68% center}.hero-content{padding:90px 0 120px}.hero h1{font-size:3.4rem}.trust-strip{margin-top:-30px}.trust-grid{grid-template-columns:1fr}.trust-item:nth-child(5){grid-column:auto}.section{padding:72px 0}.section-head{align-items:flex-start;flex-direction:column}.product-grid,.quality-grid,.stats{grid-template-columns:1fr}.split{gap:38px}.photo-main img{min-height:380px}.product-detail{gap:35px}.gallery-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:230px}.gallery-item,.gallery-item:nth-child(n){grid-column:1;grid-row:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.cta{padding:55px 0}.catalog-copy{padding:32px}.catalog-banner img{min-height:320px}}


/* ===== Enfoque mayorista / hotelero ===== */
.hero-wholesale{min-height:760px;background:linear-gradient(90deg,rgba(8,5,4,.98) 0%,rgba(8,5,4,.94) 42%,rgba(8,5,4,.50) 72%,rgba(8,5,4,.28) 100%),url('../img/hero-camion.jpg') center/cover}
.hero-wholesale .hero-content{max-width:760px;padding-top:120px}
.hero-wholesale .hero-content>p{max-width:690px;font-size:1.16rem}
.hero-microfacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hero-microfacts span{padding:8px 12px;border:1px solid rgba(240,204,123,.24);border-radius:999px;background:rgba(0,0,0,.23);color:#eadfce;font-size:.78rem;font-weight:800;backdrop-filter:blur(8px)}
.b2b-intro{background:linear-gradient(180deg,#fffaf2 0%,#f4eadb 100%)}
.b2b-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px}
.b2b-card{position:relative;padding:34px;border:1px solid #e6d7c4;border-radius:26px;background:#fff;box-shadow:0 16px 40px rgba(54,28,16,.06);overflow:hidden}
.b2b-card.featured{background:linear-gradient(145deg,#160e0b,#2d1510);color:#fff;border-color:rgba(214,168,79,.28);box-shadow:0 24px 55px rgba(32,12,6,.24)}
.b2b-card.featured::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(214,168,79,.20),transparent 70%)}
.b2b-card h3{font-size:2rem;margin:14px 0 12px}
.b2b-card p{margin:0;color:var(--muted)}
.b2b-card.featured p{color:#d9cbc4}
.b2b-label{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f3e6d0;color:#7a271d;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.b2b-card.featured .b2b-label{background:rgba(214,168,79,.16);color:var(--gold2)}
.b2b-icon{width:54px;height:54px;border-radius:16px;background:#f5ead8;color:var(--red);display:grid;place-items:center;margin-bottom:22px}
.b2b-card.featured .b2b-icon{background:rgba(214,168,79,.13);color:var(--gold2)}
.b2b-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.section-products{background:#fffaf2}
.wholesale-inline{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;border:1px solid #d8c3aa;color:var(--red);font-weight:900;background:#fff}
.wholesale-products{grid-template-columns:repeat(3,1fr)}
.wholesale-product-card{display:flex;flex-direction:column}
.wholesale-product-card .product-body{display:flex;flex-direction:column;flex:1}
.product-type{font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:#9b6c50;font-weight:900;margin-bottom:9px}
.product-quote{margin-top:auto;padding-top:22px;color:var(--red);font-weight:900;display:flex;justify-content:space-between;align-items:center}
.product-quote span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f3e6d0;transition:.2s}
.product-quote:hover span{transform:translateX(4px);background:#ead2a6}
.wholesale-value{position:relative;overflow:hidden}
.wholesale-value::before{content:"";position:absolute;left:-150px;bottom:-220px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(169,33,23,.25),transparent 68%)}
.wholesale-photo .photo-main img{min-height:600px}
.wholesale-photo .photo-badge{max-width:255px}
.wholesale-photo .photo-badge small{display:block;color:#76645a;text-transform:uppercase;letter-spacing:.11em;font-weight:850;font-size:.67rem}
.wholesale-photo .photo-badge strong{font-size:1.15rem;margin:3px 0 5px}
.wholesale-photo .photo-badge span{font-size:.78rem;color:#6f5d53;line-height:1.35}
.wholesale-checks li{padding-top:14px;padding-bottom:14px}
.wholesale-checks li strong{color:#fff}
.process-section{background:#f3eadc}
.process-head{margin-bottom:30px}
.commercial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.commercial-step{padding:34px;border-radius:24px;background:#fff;border:1px solid #e5d6c2;position:relative;overflow:hidden}
.commercial-step>span{font-family:Georgia,serif;color:var(--gold);font-size:3.3rem;line-height:1;font-weight:700}
.commercial-step h3{font-size:1.7rem;margin:16px 0 9px}
.commercial-step p{margin:0;color:var(--muted)}
.hotel-cta{padding:78px 0;background:radial-gradient(circle at 85% 20%,rgba(240,204,123,.17),transparent 30%),linear-gradient(120deg,#650b08,#9e1710);color:#fff}
.hotel-cta-inner{display:flex;justify-content:space-between;gap:48px;align-items:center}
.hotel-cta h2{font-size:clamp(2.6rem,5vw,4.8rem);max-width:800px;margin:10px 0 14px;letter-spacing:-.045em}
.hotel-cta p{margin:0;max-width:720px;color:#efd8d3}
.hotel-cta-actions{display:flex;min-width:260px;flex-direction:column;align-items:stretch;gap:12px;text-align:center}
.hotel-phone{font-size:.82rem;color:#f3d7d0}
.footer-small{font-size:.85rem;max-width:360px;color:#9d8e85}

@media(max-width:980px){
  .b2b-grid{grid-template-columns:1fr 1fr}.b2b-card.featured{grid-column:1/-1}
  .wholesale-products{grid-template-columns:repeat(2,1fr)}
  .commercial-steps{grid-template-columns:1fr}
  .hotel-cta-inner{flex-direction:column;align-items:flex-start}.hotel-cta-actions{min-width:0;width:100%;max-width:340px}
}
@media(max-width:640px){
  .brand{width:112px;height:56px}
  .hero-wholesale{min-height:680px;background-position:60% center}.hero-wholesale .hero-content{padding-top:84px}.hero-wholesale .hero-content>p{font-size:1rem}
  .hero-microfacts{gap:7px}.hero-microfacts span{font-size:.68rem}
  .b2b-grid,.wholesale-products{grid-template-columns:1fr}.b2b-card.featured{grid-column:auto}
  .b2b-card{padding:27px}.wholesale-photo .photo-main img{min-height:410px}
  .hotel-cta{padding:62px 0}.hotel-cta h2{font-size:3rem}
}

/* ===== Páginas internas completadas ===== */
.btn-dark-outline{border-color:#cdb79d;color:var(--ink);background:#fff}
.btn-dark-outline:hover{background:#160e0b;color:#fff;border-color:#160e0b}
.btn-small{min-height:42px;padding:0 16px;font-size:.9rem}
.card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;flex-wrap:wrap}
.card-actions .product-quote{margin-top:0;padding-top:0;flex:1}
.feature-mini-list{display:grid;gap:8px;margin-top:18px}
.feature-mini-list span{font-size:.9rem;color:#6c5c52;padding-left:20px;position:relative}
.feature-mini-list span::before{content:'•';position:absolute;left:0;top:0;color:var(--red);font-weight:900}
.catalog-grid-full .catalog-product-card .product-body h3 a{color:inherit}
.product-page-hero{padding-bottom:72px}
.detail-meta-card{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
.detail-meta-card>div{padding:18px 20px;background:#f7eee2;border:1px solid #ead9c5;border-radius:18px}
.detail-meta-card small{display:block;color:#8a7569;text-transform:uppercase;letter-spacing:.11em;font-weight:800;font-size:.7rem;margin-bottom:6px}
.detail-meta-card strong{display:block;font-size:1.06rem;color:var(--red)}
.related-products-box{padding:34px;border-radius:28px;border:1px solid rgba(214,168,79,.18);background:rgba(255,255,255,.05)}
.related-grid{display:grid;gap:14px;margin-top:14px}
.related-card{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.related-card img{width:92px;height:92px;border-radius:14px;object-fit:cover}
.related-card strong{display:block;color:#fff}
.related-card small{display:block;margin-top:4px;color:#d8cbc3}
.about-values .quality-card.dark-surface{background:rgba(255,255,255,.04);border-color:rgba(214,168,79,.18)}
.about-values .quality-card.dark-surface p{color:#d8cbc3}
.quality-process-panel{display:grid;gap:16px}
.quality-process-panel article{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:22px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(214,168,79,.15)}
.quality-process-panel article strong{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:rgba(214,168,79,.12);color:var(--gold2);font:700 1.7rem Georgia,serif}
.quality-process-panel article h3{margin:0 0 6px;font-size:1.5rem}
.quality-process-panel article p{margin:0;color:#d8cbc3}
.gallery-grid-procott{grid-auto-rows:280px}
.gallery-card{position:relative}
.gallery-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.78));opacity:.94;pointer-events:none}
.gallery-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px;color:#fff;z-index:2}
.gallery-card figcaption strong{display:block;font-size:1.15rem;margin-bottom:4px}
.gallery-card figcaption span{color:#eadfd8;font-size:.92rem}
.contact-note-box{margin-top:20px}
.contact-note-box p{margin:0;color:var(--muted)}

@media(max-width:980px){
  .detail-meta-card{grid-template-columns:1fr}
}
@media(max-width:640px){
  .card-actions{flex-direction:column;align-items:stretch}
  .card-actions .product-quote{width:100%}
  .related-card{grid-template-columns:76px 1fr}
  .related-card img{width:76px;height:76px}
  .quality-process-panel article{grid-template-columns:58px 1fr;padding:18px}
  .quality-process-panel article strong{width:58px;height:58px;font-size:1.4rem}
}

/* ===== Redes sociales PROCOTT ===== */
.top-social-link{font-weight:800}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.social-btn{display:inline-flex!important;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#fff!important;font-size:.84rem;font-weight:800;transition:.2s}
.social-btn:hover{transform:translateY(-2px);border-color:rgba(240,204,123,.42);background:rgba(240,204,123,.09)}
.social-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto}
.social-btn.facebook svg{fill:currentColor;stroke:none}
.contact-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.contact-socials a{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:999px;background:#f4e9d8;color:var(--red);font-size:.88rem!important;font-weight:900;transition:.2s}
.contact-socials a:hover{background:var(--red);color:#fff}
@media(max-width:760px){.top-social-link{display:none}.footer-socials{margin-top:14px}.contact-socials{flex-direction:column}.contact-socials a{width:100%}}

/* ===== Mejoras de iconografía y redes ===== */
.topbar-links{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.topbar-icon-link{display:inline-flex;align-items:center;gap:7px;padding:4px 8px;border-radius:999px;transition:.2s}
.topbar-icon-link:hover{background:rgba(255,255,255,.05)}
.topbar-icon-link svg,.nav>a svg,.nav-cta svg,.nav-social-btn svg,.social-band-btn svg,.floating-social svg,.contact-socials a svg,.social-home-btn svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar-icon-link .icon-facebook,.nav-social-btn.facebook svg,.social-btn.facebook svg,.social-home-btn.facebook svg,.social-band-btn.facebook svg,.floating-social.facebook svg,.contact-socials a.facebook svg{fill:currentColor;stroke:none}
.nav{gap:18px;flex-wrap:wrap;justify-content:flex-end}
.nav>a:not(.nav-cta){display:inline-flex;align-items:center;gap:8px}
.nav>a:not(.nav-cta) span{line-height:1}
.nav>a:not(.nav-cta) svg{opacity:.92}
.nav-socials{display:flex;align-items:center;gap:8px;margin-left:4px}
.nav-social-btn{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;transition:.22s}
.nav-social-btn:hover{transform:translateY(-2px);border-color:rgba(240,204,123,.42);color:var(--gold2)}
.nav-cta{display:inline-flex;align-items:center;gap:9px}
.social-band{padding:34px 0;background:linear-gradient(135deg,#130b08,#28120d);color:#fff;border-top:1px solid rgba(214,168,79,.12);border-bottom:1px solid rgba(214,168,79,.12)}
.social-band-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}
.social-band-copy h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0 10px}
.social-band-copy p{max-width:720px;margin:0;color:#dccdc5}
.social-band-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.social-band-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff;font-weight:900;transition:.22s}
.social-band-btn:hover{transform:translateY(-2px);border-color:rgba(240,204,123,.42);background:rgba(240,204,123,.1)}
.social-band-btn.whatsapp{background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.25)}
.social-home-section{padding-top:0}
.social-home-card{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:28px 30px;border-radius:28px;background:linear-gradient(135deg,#1a0f0c,#301711);color:#fff;border:1px solid rgba(214,168,79,.15);box-shadow:0 18px 46px rgba(31,12,6,.16)}
.social-home-card h2{font-size:clamp(2rem,4vw,3rem);margin:10px 0}
.social-home-card .lead{max-width:700px;margin:0;color:#d9cbc4}
.social-home-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.social-home-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:900;transition:.22s}
.social-home-btn:hover{transform:translateY(-2px);background:rgba(240,204,123,.12);border-color:rgba(240,204,123,.32)}
.contact-socials a{gap:10px}
.contact-socials a svg{width:18px;height:18px}
.floating-socials{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:90}
.floating-social{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:.22s}
.floating-social:hover{transform:translateY(-2px) scale(1.03)}
.floating-social.whatsapp{background:#25d366;color:#05270f}
.floating-social.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.floating-social.facebook{background:#1877f2}
.floating-social svg{width:22px;height:22px}
.footer-socials .social-btn svg{width:18px;height:18px}

@media(max-width:980px){
  .nav{gap:10px}
  .nav>a:not(.nav-cta){padding:10px 0}
  .nav-socials{margin:6px 0 0;justify-content:flex-start}
  .nav-cta{justify-content:center;margin-top:6px}
  .social-band-inner,.social-home-card{flex-direction:column;align-items:flex-start}
  .social-band-actions,.social-home-actions{justify-content:flex-start}
}
@media(max-width:640px){
  .topbar-links{justify-content:center}
  .topbar-icon-link span{display:none}
  .topbar-icon-link{padding:5px 6px}
  .nav-socials{margin-top:2px}
  .social-band-btn,.social-home-btn{width:100%;justify-content:center}
  .social-band-actions,.social-home-actions{width:100%}
  .floating-socials{right:14px;bottom:14px}
  .floating-social{width:52px;height:52px}
}