:root{
    --ink:#14171a;
    --ink-soft:#262b30;
    --paper:#f2f3f1;
    --paper-alt:#e7e8e4;
    --white:#ffffff;
    --yellow:#f2a030;
    --yellow-deep:#c97c14;
    --steel:#445164;
    --steel-light:#6b7a8f;
    --steel-onlight:#4d5a6b;
    --steel-ondark:#8998ab;
    --accent-onlight:#a8650f;
    --line: rgba(20,23,26,0.12);
    --line-light: rgba(255,255,255,0.16);
    --ease-confident: cubic-bezier(0.22, 1, 0.36, 1);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Work Sans', sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.55;
  }
  h1,h2,h3{
    font-family:'Oswald', sans-serif;
    font-weight:600;
    letter-spacing:0.01em;
    margin:0;
    text-transform:uppercase;
  }
  a{color:inherit;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
  a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
    outline:2px solid var(--yellow);outline-offset:2px;
  }
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Oswald', sans-serif;
    font-weight:600;
    font-size:15px;
    letter-spacing:0.02em;
    text-transform:uppercase;
    text-decoration:none;
    padding:14px 26px;
    border:2px solid var(--ink);
    background:var(--yellow);
    color:var(--ink);
    cursor:pointer;
    transition:transform 0.35s var(--ease-confident), background 0.35s var(--ease-confident);
  }
  .btn:hover{background:var(--ink);color:var(--yellow);transform:translateY(-3px);}
  .btn.ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,0.45);}
  .btn.ghost:hover{background:var(--white);color:var(--ink);border-color:var(--white);}

  /* Header */
  header{
    position:sticky;top:0;z-index:50;
    background:var(--ink);
    border-bottom:1px solid var(--line-light);
  }
  header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;}
  .logo{font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;color:var(--white);letter-spacing:0.06em;}
  .logo span{color:var(--yellow);}
  .header-contact{display:flex;align-items:center;gap:22px;}
  .header-phone{color:var(--white);font-size:14px;text-decoration:none;opacity:0.85;}
  .header-phone:hover{opacity:1;}
  @media (max-width:640px){.header-phone{display:none;}}

  /* Hero */
  .hero{
    position:relative;
    background:var(--ink);
    color:var(--white);
    padding:64px 0 0 0;
    overflow:hidden;
  }
  .hero-video{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    opacity:0.62;z-index:0;
  }
  @media (min-width:900px){
    .hero-video{object-fit:contain;}
  }
  .hero-overlay{
    position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg, rgba(20,23,26,0.35) 0%, rgba(20,23,26,0.55) 55%, var(--ink) 100%);
  }
  .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:end;}
  @media (max-width:900px){.hero .wrap{grid-template-columns:1fr;}}
  .hero-copy{
    padding-bottom:56px;
    opacity:0;
    transform:translateY(18px);
    animation:rise 0.9s var(--ease-confident) 0.15s forwards;
  }
  @keyframes rise{to{opacity:1;transform:translateY(0);}}
  .hero-tag{font-size:14px;color:var(--yellow);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:14px;min-height:18px;}
  #heroTagWord{display:inline-block;transition:opacity 0.35s var(--ease-confident), transform 0.35s var(--ease-confident);}
  #heroTagWord.tag-out{opacity:0;transform:translateY(-8px);}
  #heroTagWord.tag-in-start{opacity:0;transform:translateY(8px);transition:none;}
  .hero h1{font-size:clamp(34px,5vw,54px);line-height:1.05;max-width:14ch;}
  .hero p{font-size:17px;max-width:46ch;color:#cfd3d6;margin:22px 0 30px 0;}
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
  .hero-strip{
    position:relative;z-index:2;
    border-top:1px solid var(--line-light);
    display:flex;flex-wrap:wrap;gap:0;
    background:var(--ink);
  }
  .hero-strip .wrap{display:flex;flex-wrap:wrap;padding:0;align-items:stretch;}
  .hero-strip-item{
    flex:1 1 200px;
    padding:18px 28px;
    border-right:1px solid var(--line-light);
    font-size:13px;color:#b7bcc0;
    display:flex;flex-direction:column;justify-content:center;
    min-height:90px;
  }
  .hero-strip-item strong{display:block;color:var(--white);font-family:'Oswald',sans-serif;font-size:15px;text-transform:uppercase;margin-bottom:2px;}

  /* Carousel */
  .products{padding:72px 0;background:var(--paper);}
  .section-head{margin-bottom:34px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;}
  .section-head h2{font-size:clamp(26px,3.4vw,36px);}
  .section-head .section-num{font-family:'Oswald',sans-serif;color:var(--steel-onlight);font-size:14px;letter-spacing:0.1em;}
  .authority .section-head .section-num{color:var(--steel-ondark);}

  .carousel{position:relative;}
  .carousel-track-wrap{overflow:hidden;border:1px solid var(--line);background:var(--white);}
  .carousel-track{display:flex;transition:transform 0.6s var(--ease-confident);touch-action:pan-y;cursor:grab;}
  .carousel-track:active{cursor:grabbing;}
  .slide{flex:0 0 100%;display:grid;grid-template-columns:1fr 1fr;min-height:380px;}
  @media (max-width:760px){.slide{grid-template-columns:1fr;}}
  .slide-media{background:var(--paper-alt);overflow:hidden;position:relative;}
  .slide-media img{width:100%;height:100%;object-fit:cover;min-height:260px;}
  .slide-media.img-fallback{background:var(--ink);}
  .slide-media.img-fallback::after{
    content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    text-align:center;padding:20px;color:var(--yellow);font-family:'Oswald',sans-serif;text-transform:uppercase;
    letter-spacing:0.05em;font-size:22px;
  }
  .slide-copy{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;min-width:0;}
  .slide-copy .tag{font-size:13px;color:var(--accent-onlight);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:10px;}
  .slide-copy h3{font-size:28px;margin-bottom:14px;}
  .slide-copy p{color:var(--steel);font-size:15px;margin:0 0 22px 0;overflow-wrap:break-word;}

  .carousel-nav{display:flex;align-items:center;gap:18px;margin-top:20px;}
  .carousel-thumbs{display:flex;gap:10px;}
  .thumb{
    width:54px;height:54px;border:2px solid transparent;overflow:hidden;position:relative;
    cursor:pointer;opacity:0.55;transition:all 0.35s var(--ease-confident);padding:0;background:var(--ink);
  }
  .thumb img{width:100%;height:100%;object-fit:cover;}
  .thumb.img-fallback::after{
    content:"";position:absolute;inset:0;background:
      linear-gradient(135deg, transparent 46%, var(--yellow) 46%, var(--yellow) 54%, transparent 54%);
  }
  .thumb.active{opacity:1;border-color:var(--yellow);transform:scale(1.08);}
  .carousel-arrows{display:flex;gap:8px;margin-left:auto;}
  .arrow-btn{
    width:40px;height:40px;border:1px solid var(--ink);background:var(--white);
    cursor:pointer;font-size:16px;transition:background 0.3s var(--ease-confident), color 0.3s var(--ease-confident);
  }
  .arrow-btn:hover{background:var(--ink);color:var(--white);}

  /* Nosotros */
  .about{background:var(--white);padding:72px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .about .wrap{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;}
  @media (max-width:820px){.about .wrap{grid-template-columns:1fr;}}
  .about-intro{display:flex;flex-direction:column;gap:36px;}
  .about-intro .section-head{margin-bottom:0;}
  .about h2{font-size:clamp(32px,4.2vw,46px);max-width:12ch;}
  .shimmer-heading{
    background-image:linear-gradient(100deg, var(--ink) 30%, var(--yellow-deep) 45%, var(--yellow) 50%, var(--yellow-deep) 55%, var(--ink) 70%);
    background-size:250% 100%;
    -webkit-background-clip:text;background-clip:text;color:transparent;
    animation:textShimmer 4s linear infinite;
  }
  @keyframes textShimmer{0%{background-position:160% center;}100%{background-position:-60% center;}}
  .about-fact{border-top:1px solid var(--line);padding-top:22px;}
  .about-fact-num{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(42px,5vw,64px);line-height:1;color:var(--yellow-deep);}
  .about-fact-label{font-size:14px;color:var(--steel);max-width:22ch;margin-top:8px;}
  .about-body p{font-size:16px;color:var(--ink-soft);margin:0 0 16px 0;max-width:56ch;overflow-wrap:break-word;}
  .catalog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
  .catalog-tags span{
    display:inline-flex;align-items:center;gap:7px;
    font-size:13px;padding:7px 13px;border:1px solid var(--line);color:var(--steel);font-family:'Oswald',sans-serif;letter-spacing:0.02em;
    transition:border-color 0.25s var(--ease-confident), color 0.25s var(--ease-confident), background 0.25s var(--ease-confident), transform 0.25s var(--ease-confident);
  }
  .catalog-tags .tag-icon{width:15px;height:15px;flex:none;color:var(--accent-onlight);transition:color 0.25s var(--ease-confident);}
  .catalog-tags span:hover{border-color:var(--yellow-deep);color:var(--ink);background:var(--paper);transform:translateY(-2px);}
  .catalog-tags span:hover .tag-icon{color:var(--ink);}

  /* Beneficios */
  .benefits{padding:72px 0;background:var(--paper);}
  .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  @media (max-width:900px){.benefit-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:520px){.benefit-grid{grid-template-columns:1fr;}}
  .benefit-card{
    background:var(--white);padding:30px 26px;
    transition:transform 0.4s var(--ease-confident), box-shadow 0.4s var(--ease-confident);
  }
  .benefit-card:hover{transform:translateY(-6px);box-shadow:0 18px 30px -14px rgba(20,23,26,0.25);}
  .benefit-num{font-family:'Oswald',sans-serif;color:var(--accent-onlight);font-size:14px;margin-bottom:16px;}
  .benefit-card h3{font-size:17px;margin-bottom:10px;text-transform:none;}
  .benefit-card p{font-size:14px;color:var(--steel);margin:0;}

  /* Autoridad */
  .authority{background:var(--ink);color:var(--white);padding:72px 0;}
  .authority .section-head h2{color:var(--white);}
  .authority-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light);}
  @media (max-width:700px){.authority-grid{grid-template-columns:1fr;}}
  .authority-card{background:var(--ink-soft);padding:32px;}
  .authority-card h3{font-size:19px;margin-bottom:10px;text-transform:none;color:var(--yellow);}
  .authority-card p{font-size:14.5px;color:#c9cdd0;margin:0;}

  /* Contacto */
  .contact{background:var(--white);padding:80px 0;border-top:1px solid var(--line);}
  .contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;}
  @media (max-width:860px){.contact .wrap{grid-template-columns:1fr;}}
  .contact h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:16px;}
  .contact-info p.lead{color:var(--steel);font-size:16px;max-width:44ch;margin:0 0 28px 0;overflow-wrap:break-word;}
  .contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;}
  .contact-list li{display:flex;flex-direction:column;font-size:15px;border-bottom:1px solid var(--line);padding-bottom:14px;}
  .contact-list li span.label{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--steel-onlight);margin-bottom:3px;}
  .contact-list li a{text-decoration:none;color:var(--ink);}
  .contact-list li a:hover{color:var(--accent-onlight);}
  .contact-list li.primary{border-bottom-color:var(--yellow-deep);}
  .contact-list li.primary a{font-weight:600;font-size:17px;}
  .contact-list li .fastest{
    display:inline-block;margin-left:10px;padding:3px 9px;background:var(--yellow);color:var(--ink);
    font-size:11.5px;letter-spacing:0.02em;text-transform:none;font-family:'Work Sans',sans-serif;font-weight:600;
  }

  .quote-form{background:var(--paper);border:1px solid var(--line);padding:34px;}
  .quote-form .field{margin-bottom:16px;}
  .quote-form label{display:block;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--steel);margin-bottom:6px;}
  .quote-form input, .quote-form textarea{
    width:100%;border:1px solid var(--line);background:var(--white);padding:12px 14px;font-family:'Work Sans',sans-serif;font-size:15px;
  }
  .quote-form textarea{resize:vertical;min-height:90px;}
  .quote-form small{display:block;margin-bottom:16px;color:var(--steel-onlight);font-size:12.5px;}
  .quote-form .field-error{display:none;margin-top:6px;color:#b3261e;font-size:12.5px;}
  .quote-form .field.invalid .field-error{display:block;}
  .quote-form .field.invalid input, .quote-form .field.invalid textarea{border-color:#b3261e;}

  /* Segundo CTA */
  .cta-final{position:relative;background:var(--yellow);padding:64px 0;overflow:hidden;}
  .cta-marquee{position:absolute;inset:0;display:flex;align-items:center;z-index:0;}
  .cta-marquee-track{display:flex;white-space:nowrap;animation:ctaMarquee 26s linear infinite;}
  .cta-marquee-track span{
    font-family:'Oswald',sans-serif;font-weight:700;
    font-size:clamp(48px,10vw,140px);
    color:rgba(20,23,26,0.07);
    text-transform:uppercase;letter-spacing:0.01em;padding-right:0.4em;
  }
  @keyframes ctaMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  .cta-final .wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
  .cta-final h2{font-size:clamp(24px,3vw,32px);max-width:16ch;}
  .cta-final p{margin:8px 0 0 0;color:var(--ink-soft);max-width:40ch;}

  footer{background:var(--ink);color:#9aa0a4;padding:40px 0;}
  footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:13px;}
  footer .footer-links{display:flex;gap:22px;flex-wrap:wrap;}
  footer a{text-decoration:none;color:#c9cdd0;display:inline-flex;align-items:center;gap:7px;}
  footer a svg{
    flex:none;padding:6px;margin:-6px;border-radius:50%;box-sizing:content-box;
    background:transparent;transform:scale(1);
    transition:background 0.3s var(--ease-confident), color 0.3s var(--ease-confident), transform 0.3s var(--ease-confident);
  }
  footer a:hover{color:var(--yellow);}
  footer a:hover svg{background:rgba(242,160,48,0.14);transform:scale(1.1);}