@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap');
:root{--orange:#f07820;--orange-dark:#d85e0b;--ink:#171717;--muted:#666;--paper:#f5f4f1;--white:#fff;--red:#b0002d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff;color:var(--ink);font-family:Roboto,Arial,sans-serif;line-height:1.65}a{color:inherit}button,input,select,textarea{font:inherit}.site-header{height:82px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:#151515;color:#fff;position:sticky;top:0;z-index:30;border-bottom:2px solid var(--orange)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:47px;height:47px;background:var(--red);font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;border-radius:2px}.brand-name{font-family:'Barlow Condensed',sans-serif;font-size:21px;line-height:1.05;letter-spacing:.7px}.brand-name b{color:#f5f5f5}.brand-name small{display:block;font-family:Roboto,sans-serif;font-size:8px;letter-spacing:1.2px;margin-top:5px;color:#ccc}.main-nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:500}.main-nav a{text-decoration:none}.main-nav a:hover{color:#ff9a4d}.main-nav .nav-cta{background:var(--orange);padding:10px 17px;border-radius:30px;color:#fff}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:27px}.hero{height:min(690px,74vw);min-height:490px;position:relative;background:#171717;overflow:hidden;color:#fff}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .7s ease}.hero-slide.active{opacity:1;visibility:visible}.hero-content{width:min(1160px,88%);margin:0 auto;padding:30px 0 70px}.eyebrow,.section-kicker{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange)}.hero h1,.hero h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(44px,6.3vw,83px);line-height:.98;text-transform:uppercase;letter-spacing:.5px;margin:20px 0;max-width:760px}.hero h1 em,.hero h2 em{font-style:normal;color:var(--orange)}.hero-content p{font-size:clamp(15px,1.6vw,19px);max-width:560px;color:#eee;margin:0 0 29px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;text-decoration:none;border:0;border-radius:40px;padding:14px 25px;font-size:14px;font-weight:700;line-height:1.3;cursor:pointer;transition:transform .2s,background .2s;min-height:49px}.btn:hover{transform:translateY(-2px)}.btn span{font-size:18px}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:var(--orange-dark)}.btn-light{background:#fff;color:#1a1a1a}.btn-outline{border:1px solid var(--orange);color:var(--orange);background:transparent;margin-top:18px}.hero-dots{position:absolute;bottom:75px;left:6%;display:flex;gap:9px;z-index:2}.dot{width:27px;height:5px;border:0;background:#888;padding:0;cursor:pointer}.dot.active{background:var(--orange);width:43px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;background:rgba(12,12,12,.76);border-top:1px solid #ffffff24;display:flex;justify-content:center;gap:clamp(25px,8vw,120px);padding:17px 12px;font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:2px;color:#ddd}.hero-bottom span:before{content:'◆';color:var(--orange);font-size:9px;margin-right:10px}.section{padding:95px 20px;text-align:center}.about-section{max-width:1050px;margin:auto}.section h2,.contact-section h2,.products-content h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,4vw,50px);line-height:1.08;text-transform:uppercase;margin:12px 0 18px}.section h2 span,.contact-section h2 span,.products-content h2 span{color:var(--orange)}.orange-rule{width:62px;height:4px;background:var(--orange);margin:0 auto 25px}.about-copy{max-width:900px;margin:0 auto 30px;color:#555;font-size:17px;line-height:1.9}.solutions-section{background:#f2f1ee url('../img/psd-ref-opt.jpg') center/cover fixed;position:relative}.solutions-section:before{content:'';position:absolute;inset:0;background:rgba(247,246,243,.94)}.section-inner{position:relative;max-width:1120px;margin:auto;padding-top:92px;padding-bottom:94px}.section-lead{max-width:750px;margin:0 auto 35px;color:#555}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:38px 0}.value-card{background:#fff;text-align:left;padding:30px 28px;border-bottom:3px solid var(--orange);box-shadow:0 10px 35px #0000000b}.value-icon{font-size:32px;color:var(--orange);font-weight:700}.value-card h3{font-family:'Barlow Condensed',sans-serif;font-size:25px;text-transform:uppercase;margin:12px 0 7px}.value-card p{margin:0;color:#666;font-size:14px}.products-section{position:relative;background:#151515 url('../img/banner-central.png') center 48%/cover no-repeat;color:#fff;text-align:center;padding:100px 20px}.products-overlay{position:absolute;inset:0;background:rgba(9,9,9,.8)}.products-content{position:relative;max-width:900px;margin:auto}.products-content h2{font-size:clamp(36px,4.8vw,58px);margin:15px 0 20px}.products-content p{max-width:700px;margin:0 auto 30px;color:#e5e5e5;font-size:17px}.contact-section{padding:90px clamp(20px,6vw,90px);background:var(--paper)}.contact-section>.section-kicker,.contact-section>h2{text-align:center}.contact-grid{max-width:1150px;margin:50px auto 0;display:grid;grid-template-columns:1.1fr .9fr;gap:55px}.contact-form-wrap,.contact-details{background:#fff;padding:clamp(24px,3vw,40px);box-shadow:0 10px 38px #00000009}.contact-form-wrap h3,.contact-details h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:29px;margin:0 0 4px}.form-intro{color:#666;margin:0 0 25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form-wrap label{display:block;font-size:12px;font-weight:700;color:#333;margin-bottom:16px}.contact-form-wrap input,.contact-form-wrap select,.contact-form-wrap textarea{display:block;width:100%;margin-top:7px;border:1px solid #ddd;background:#fbfbfb;padding:12px 13px;border-radius:4px;font-size:14px;color:#222;outline:none}.contact-form-wrap input:focus,.contact-form-wrap select:focus,.contact-form-wrap textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f0782018}.contact-form-wrap textarea{resize:vertical}.submit-btn{width:100%}.privacy-note{display:block;color:#888;text-align:center;margin-top:12px;font-size:11px}.form-message{padding:13px 16px;border-radius:4px;margin:0 0 20px;font-weight:600;font-size:14px}.form-message.success{background:#d9f4e0;color:#14532d;border:1px solid #a8dfb6}.form-message.error{background:#fde2e2;color:#8c1d1d;border:1px solid #f3b4b4}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.detail-item{display:flex;gap:16px;margin:23px 0}.detail-icon{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;background:#fff0e4;color:var(--orange);font-size:21px}.detail-item b{font-size:13px}.detail-item p{margin:2px 0;color:#666;font-size:14px;overflow-wrap:anywhere}.detail-item a{text-decoration:none}.detail-item small{color:#999;font-size:11px}.map-frame{height:260px;margin-top:28px;background:#ddd}.map-frame iframe{width:100%;height:100%;border:0}.site-footer{background:#151515;color:#ddd;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px clamp(20px,6vw,90px);border-top:3px solid var(--orange)}.footer-brand .brand-mark{width:40px;height:40px}.footer-brand .brand-name{font-size:18px}.footer-left>p{font-size:11px;color:#aaa;margin:15px 0 0}.footer-social{min-width:180px}.footer-social>b{font-family:'Barlow Condensed',sans-serif;letter-spacing:2px;font-size:18px}.social-links{display:flex;gap:10px;margin:9px 0}.social-links a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #666;border-radius:50%;text-decoration:none;font-weight:700}.social-links a:hover{background:var(--orange);border-color:var(--orange)}.footer-social small{font-size:10px;color:#999}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;background:#20c765;display:grid;place-items:center;z-index:50;box-shadow:0 6px 22px #0003;transition:transform .2s}.whatsapp-float:hover{transform:scale(1.07)}.whatsapp-float svg{width:33px;height:33px;fill:#fff}
@media(max-width:900px){.main-nav{gap:14px}.main-nav a{font-size:12px}.site-header{padding:0 22px}.hero{height:620px}.contact-grid{gap:25px}.contact-form-wrap,.contact-details{padding:25px}}
@media(max-width:700px){.site-header{height:72px}.brand-mark{width:42px;height:42px}.brand-name{font-size:18px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#171717;padding:15px 22px 23px;flex-direction:column;align-items:stretch;gap:0;border-bottom:2px solid var(--orange)}.main-nav.open{display:flex}.main-nav a{padding:13px 4px;font-size:14px}.main-nav .nav-cta{text-align:center;margin-top:8px}.hero{height:620px;min-height:0}.hero-slide{background-position:58% center}.hero-content{width:88%;padding-bottom:70px}.hero h1,.hero h2{font-size:clamp(42px,12vw,62px)}.hero-content p{font-size:15px;max-width:420px}.hero-bottom{gap:15px;font-size:10px;letter-spacing:1px}.hero-bottom span:before{margin-right:5px}.hero-dots{bottom:69px}.section{padding:70px 22px}.about-copy{font-size:15px;text-align:left;line-height:1.8}.section-inner{padding-top:70px;padding-bottom:70px}.value-grid{grid-template-columns:1fr;gap:14px}.value-card{padding:24px}.products-section{padding:75px 22px;background-position:55% center}.products-content p{font-size:15px}.contact-section{padding:70px 18px}.contact-grid{grid-template-columns:1fr;margin-top:35px}.form-row{grid-template-columns:1fr;gap:0}.site-footer{align-items:flex-start;flex-direction:column;padding:30px 22px;gap:25px}.footer-social{min-width:0}.whatsapp-float{width:55px;height:55px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Banner principal de marcas: reglas únicas, sin duplicados */
.hero {
  height: clamp(500px, 50.5vw, 690px);
  min-height: 500px;
}

.hero-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-marcas {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.hero-marcas .hero-content {
  width: 39%;
  max-width: 500px;
  margin: 0 0 0 clamp(28px, 5vw, 70px);
  padding: 0;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

.hero-marcas .hero-content h1 {
  font-size: clamp(36px, 3.5vw, 48px);
  line-height: 1.05;
  letter-spacing: 0;
  margin: 14px 0 20px;
  max-width: 100%;
}

.hero-marcas .hero-content h1 em {
  color: #f07820;
  font-style: normal;
}

.hero-marcas .hero-content p {
  font-size: 16px;
  line-height: 1.5;
  max-width: 450px;
  margin: 0 0 26px;
}

.hero-marcas .hero-content .eyebrow {
  font-size: 12px;
  letter-spacing: 3px;
}

@media (max-width: 900px) {
  .hero {
    height: 600px;
    min-height: 500px;
  }

  .hero-marcas .hero-content {
    width: 42%;
    margin-left: 30px;
  }

  .hero-marcas .hero-content h1 {
    font-size: 36px;
  }
}

@media (max-width: 700px) {
  .hero {
    height: 620px;
    min-height: 0;
  }

  .hero-slide {
    background-position: 58% center;
  }

  .hero-marcas .hero-content {
    width: calc(100% - 40px);
    max-width: 460px;
    margin-left: 20px;
    padding: 0;
  }

  .hero-marcas .hero-content h1 {
    font-size: clamp(32px, 9vw, 44px);
  }

  .hero-marcas .hero-content p {
    font-size: 14px;
  }

  .hero-marcas {
    background-position: 60% center;
  }
}