:root{--navy:#07111c;--navy2:#0b1b2a;--red:#e3212b;--red2:#b71119;--white:#fff;--ink:#111820;--muted:#68717c;--line:#dde3e9;--soft:#f4f6f8;--radius:18px;--shadow:0 18px 50px rgba(7,17,28,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(7,17,28,.94);backdrop-filter:blur(12px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{min-height:72px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;font-size:20px}.brand-mark{color:var(--red);font-size:28px}.main-nav{display:flex;gap:24px;margin-left:auto}.main-nav a,.footer a{color:inherit;text-decoration:none;font-size:14px}.main-nav a:hover{color:#ff5760}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:6px;border:1px solid transparent;text-decoration:none;font-weight:800;font-size:14px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red2)}.btn-outline{border-color:rgba(255,255,255,.5);color:#fff}.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}.btn-white{background:#fff;color:var(--red)}.menu-button{display:none;margin-left:auto;background:none;color:#fff;border:0;font-size:25px}.hero{background:radial-gradient(circle at 75% 35%,rgba(227,33,43,.18),transparent 35%),linear-gradient(120deg,#06101a,#0a1a28);color:#fff;overflow:hidden}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px}.hero-copy{padding:82px 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;margin:0 0 10px}.red{color:var(--red)}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.02;margin:0 0 22px;max-width:760px}.hero h1 span{color:var(--red)}.hero-text{font-size:18px;color:#cbd5df;max-width:680px}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.benefit-row div{padding-left:14px;border-left:2px solid var(--red)}.benefit-row b,.benefit-row span{display:block}.benefit-row span{font-size:12px;color:#aebac5}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{align-self:end;display:flex;align-items:flex-end}.hero-visual img{filter:drop-shadow(0 25px 45px rgba(0,0,0,.45));transform:scale(1.08);transform-origin:bottom center}.trust-strip{background:#091521;color:#cbd3da;border-top:1px solid rgba(255,255,255,.08)}.trust-items{display:flex;justify-content:space-between;gap:24px;overflow:auto;padding:18px 0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.section{padding:88px 0}.section h2{font-size:clamp(31px,4vw,46px);line-height:1.1;margin:0 0 16px}.section-lead{color:var(--muted);max-width:680px}.center{text-align:center}.finder{background:linear-gradient(135deg,#fff,#f1f4f7)}.finder-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.finder-form{margin-top:28px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}label{font-size:13px;font-weight:700}select,input,textarea{width:100%;margin-top:7px;border:1px solid #cfd6dd;border-radius:7px;padding:13px 14px;font:inherit;background:#fff;color:#17202a}textarea{resize:vertical}.finder-image img{max-height:500px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.2))}.finder-result{margin-top:18px;padding:22px;border-radius:12px;background:#fff;border-left:4px solid var(--red);box-shadow:var(--shadow)}.finder-result h3{font-size:25px;margin:4px 0 8px}.finder-result p{color:var(--muted);margin:0 0 16px}.finder-result small{display:block;margin-top:14px;color:var(--muted)}.result-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--red)}.result-quote{display:inline-block;margin-left:14px;color:var(--red);font-weight:800;text-decoration:none}.products{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.product-card{position:relative;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;min-width:0;background:#fff;transition:.2s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-card img{height:150px;object-fit:contain;margin-bottom:14px}.power-badge{display:inline-flex;align-self:flex-start;margin:-2px 0 10px;padding:5px 9px;border-radius:999px;background:#fce8ea;color:var(--red);font-size:11px;font-weight:900}.product-card h3{font-size:18px;margin:0 0 8px}.product-card p,.product-card li{font-size:13px;color:var(--muted)}.product-card ul{padding-left:18px}.text-link{margin-top:auto;color:var(--red);font-weight:800;text-decoration:none;font-size:13px}.applications{background:var(--soft)}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}.application-grid article{padding:28px;background:#fff;border-radius:var(--radius);border:1px solid var(--line)}.application-content>span{font-size:34px;font-weight:900;color:#e4e8ec}.application-grid h3{margin:8px 0}.application-grid p{color:var(--muted);font-size:14px}.video-section{background:linear-gradient(135deg,#06101a,#0d2132);color:#fff}.light{color:#fff}.light-muted{color:#aebcc8}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.video-card{border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:#0d1b28;cursor:pointer;text-align:left;color:#fff;padding:0}.video-thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#182c3d,#07111c);display:grid;place-items:center}.video-thumb img{width:100%;height:100%;object-fit:cover;opacity:.72}.play{position:absolute;width:58px;height:58px;border-radius:50%;background:rgba(227,33,43,.93);display:grid;place-items:center;font-size:20px;box-shadow:0 0 0 8px rgba(255,255,255,.12)}.video-info{padding:18px}.video-info h3{font-size:17px;margin:0 0 6px}.video-info p{font-size:13px;color:#aebcc8}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 7px;border-radius:20px;background:rgba(255,255,255,.08);font-size:11px;color:#cbd6df}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.testimonial-grid blockquote{margin:0;padding:32px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);font-size:18px}.testimonial-grid footer{margin-top:20px;color:var(--muted);font-size:13px;font-weight:700}.support-strip{background:#081522;color:#fff;padding:28px 0}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.support-grid b,.support-grid span{display:block}.support-grid span{font-size:12px;color:#9fb0bf}.contact-section{padding:72px 0;background:linear-gradient(135deg,#9e1017,#e3212b);color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.contact-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.05;margin:0 0 16px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px}.contact-form input,.contact-form textarea{border:0}.full{grid-column:1/-1}.footer{background:#050d15;color:#fff;padding:58px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-grid div{display:flex;flex-direction:column;gap:9px}.footer p,.footer a{color:#98a7b5;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:18px;text-align:center;color:#71808c;font-size:12px}.video-modal{position:fixed;inset:0;z-index:100;display:none}.video-modal.is-open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82)}.modal-dialog{position:relative;z-index:1;width:min(920px,calc(100% - 28px));background:#07111c;color:#fff;border-radius:16px;overflow:hidden}.modal-close{position:absolute;right:12px;top:8px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;font-size:26px;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;border:0}.modal-copy{padding:20px}.modal-copy h3{margin:0 0 6px}.modal-copy p{margin:0;color:#aebcc8}@media(max-width:980px){.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#07111c;padding:20px;flex-direction:column}.main-nav.open{display:flex}.menu-button{display:block}.nav-cta{display:none}.hero-grid,.finder-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding-top:30px}.hero-copy{padding:60px 0 20px}.hero-visual{justify-content:center}.hero-visual img{max-height:460px;width:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.application-grid,.video-grid,.support-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.section{padding:64px 0}.hero h1{font-size:39px}.hero-text{font-size:16px}.benefit-row{grid-template-columns:1fr}.form-grid,.contact-form,.testimonial-grid,.application-grid,.video-grid,.support-grid,.product-grid,.footer-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.product-card img{height:210px}.contact-grid{gap:28px}.trust-items{justify-content:flex-start}.full{grid-column:auto}}

/* =========================================================
   AJUSTE HERO DESKTOP - menos espacio lateral y sin deformar
   ========================================================= */
@media (min-width: 981px) {
  .hero .container,
  .hero-grid.container {
    width: min(1440px, calc(100% - 48px));
  }

  .hero-grid {
    min-height: 680px;
    grid-template-columns: minmax(480px, .88fr) minmax(620px, 1.12fr);
    gap: clamp(10px, 2vw, 34px);
  }

  .hero-copy {
    padding: 70px 0 62px;
    max-width: 650px;
  }

  .hero h1 {
    font-size: clamp(52px, 4.35vw, 74px);
    max-width: 650px;
  }

  .hero-text {
    max-width: 610px;
  }

  .hero-visual {
    align-self: stretch;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }

  .hero-visual img {
    width: min(100%, 820px);
    max-width: 820px;
    height: auto;
    max-height: 650px;
    object-fit: contain;
    object-position: center;
    transform: none;
    flex: 0 0 auto;
  }
}

@media (min-width: 1500px) {
  .hero .container,
  .hero-grid.container {
    width: min(1520px, calc(100% - 56px));
  }

  .hero-grid {
    grid-template-columns: minmax(500px, .84fr) minmax(700px, 1.16fr);
  }

  .hero-visual img {
    width: min(100%, 900px);
    max-width: 900px;
  }
}

@media (max-width: 980px) {
  .hero-visual img {
    width: min(100%, 650px);
    height: auto;
    max-height: 500px;
    object-fit: contain;
    transform: none;
  }
}

/* Imagen dinámica del recomendador */
.finder-image{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.finder-image img{width:100%;height:auto;max-height:500px;object-fit:contain;transition:opacity .25s ease,transform .25s ease}.finder-image img.is-changing{opacity:.2;transform:scale(.975)}.finder-image-status{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);max-width:90%;padding:7px 12px;border-radius:999px;background:rgba(7,17,28,.86);color:#fff;font-size:12px;font-weight:700;text-align:center;box-shadow:0 8px 24px rgba(7,17,28,.16)}@media(max-width:980px){.finder-image{min-height:390px}.finder-image img{max-height:390px}}@media(max-width:640px){.finder-image{min-height:300px}.finder-image img{max-height:300px}.finder-image-status{position:static;transform:none;margin-top:8px}}

.product-card img.is-loading{opacity:.35}.product-card img{transition:opacity .2s ease}.finder-image img[data-product]{animation:machineReveal .35s ease}@keyframes machineReveal{from{opacity:.25;transform:scale(.97)}to{opacity:1;transform:scale(1)}}


/* Recomendador v3: imagen limpia y actualización únicamente al enviar el formulario */
.finder-image{
  position:relative;
  min-height:500px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
}
.finder-image img{
  display:block;
  width:min(100%,720px);
  height:auto;
  max-height:500px;
  object-fit:contain;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  mix-blend-mode:multiply;
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.20));
  transition:opacity .25s ease,transform .25s ease;
}
.finder-image img.is-changing{
  opacity:.15;
  transform:translateY(6px) scale(.98);
}
.finder-image-status{display:none!important}
@media(max-width:980px){
  .finder-image{min-height:390px}
  .finder-image img{width:min(100%,620px);max-height:390px}
}
@media(max-width:640px){
  .finder-image{min-height:300px}
  .finder-image img{width:100%;max-height:300px}
}

/* =========================================================
   V4 - Recomendador sin recuadro de la imagen
   La fotografía remota conserva fondo blanco; se integra con
   el fondo de la sección mediante mezcla, sin proyectar sombra
   sobre los límites rectangulares del archivo.
   ========================================================= */
.finder-image{
  isolation:isolate;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.finder-image::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:13%;
  width:min(64%,470px);
  height:42px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(7,17,28,.20) 0%,rgba(7,17,28,.08) 45%,rgba(7,17,28,0) 74%);
  filter:blur(10px);
  pointer-events:none;
  z-index:0;
}
.finder-image img,
#finderMachineImage{
  position:relative;
  z-index:1;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  mix-blend-mode:multiply;
}
.finder-image img.is-changing,
#finderMachineImage.is-changing{
  filter:none!important;
}
@media(max-width:640px){
  .finder-image::after{bottom:12%;width:70%;height:30px}
}


/* =========================================================
   V5 - Imágenes recortadas con transparencia real
   El fondo blanco fue eliminado de los archivos de producto.
   ========================================================= */
.finder-image{
  isolation:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.finder-image::after{
  display:none!important;
  content:none!important;
}
.finder-image img,
#finderMachineImage{
  display:block!important;
  width:min(100%,720px)!important;
  height:auto!important;
  max-height:520px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 20px 22px rgba(7,17,28,.20))!important;
  transition:opacity .24s ease,transform .24s ease!important;
}
.finder-image img.is-changing,
#finderMachineImage.is-changing{
  opacity:.12!important;
  transform:translateY(5px) scale(.985)!important;
  filter:drop-shadow(0 12px 15px rgba(7,17,28,.10))!important;
}
.product-card img{
  background:transparent!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
}
@media(max-width:980px){
  .finder-image img,#finderMachineImage{max-height:430px!important}
}
@media(max-width:640px){
  .finder-image img,#finderMachineImage{max-height:320px!important}
}

/* =========================================================
   V8 - Logo oficial y galería de YouTube orientada a leads
   ========================================================= */
.brand-logo{display:block;width:auto;object-fit:contain}
.brand-logo-header{height:34px;max-width:230px}
.brand-logo-footer{width:min(100%,330px);height:auto}
.footer .brand{align-self:flex-start;background:#fff;border-radius:10px;padding:12px 14px;margin-bottom:8px}

/* YouTube lead gallery — v8 */
.video-heading{max-width:860px;margin:0 auto 34px}
.youtube-featured{margin-bottom:22px}
.youtube-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.youtube-card{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#0d1b28;color:#fff;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.youtube-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.28);box-shadow:0 18px 40px rgba(0,0,0,.26)}
.youtube-card-featured{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.75fr);min-height:390px;background:linear-gradient(145deg,#0b1b29,#11293d)}
.youtube-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#02070b}
.youtube-card-featured .youtube-thumb{height:100%;aspect-ratio:auto;min-height:390px}
.youtube-thumb img{display:block;width:100%;height:100%;object-fit:cover;opacity:.84;transition:transform .3s ease,opacity .3s ease}
.youtube-card:hover .youtube-thumb img{transform:scale(1.025);opacity:.96}
.youtube-label{position:absolute;left:14px;top:14px;padding:6px 9px;border-radius:999px;background:rgba(7,17,28,.86);font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.youtube-info{display:flex;flex:1;flex-direction:column;gap:9px;padding:20px}
.youtube-info strong{font-size:18px;line-height:1.22}
.youtube-info>span:not(.tags){color:#aebcc8;font-size:13px;line-height:1.5}
.youtube-card-featured .youtube-info{justify-content:center;padding:34px}
.youtube-card-featured .youtube-info strong{font-size:clamp(25px,2.5vw,37px)}
.youtube-card-featured .youtube-info>span:not(.tags){font-size:15px}
.youtube-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.modal-open{overflow:hidden}
.modal-cta{display:inline-flex;margin-top:16px}
.video-modal{position:fixed;inset:0;z-index:1000;display:none;padding:18px}
.video-modal.is-open{display:grid;place-items:center}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(3px)}
.modal-dialog{position:relative;z-index:1;width:min(980px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#07111c;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.modal-close{position:absolute;right:12px;top:10px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.video-frame{aspect-ratio:16/9;background:#000}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.modal-copy{padding:22px 24px 26px}
.modal-copy h3{margin:0 0 8px;font-size:25px}
.modal-copy p{margin:0;color:#aebcc8}
@media(max-width:980px){.youtube-card-featured{grid-template-columns:1fr;min-height:0}.youtube-card-featured .youtube-thumb{min-height:0;aspect-ratio:16/9}.youtube-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.youtube-grid{grid-template-columns:1fr}.youtube-card-featured .youtube-info{padding:22px}.youtube-card-featured .youtube-info strong{font-size:24px}.youtube-actions .btn{width:100%}.modal-copy h3{font-size:21px}}


/* v9: CTA de WhatsApp por modelo */
.product-actions{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  padding-top:10px;
}
.product-actions .text-link{margin-top:0}
.product-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  border-radius:6px;
  background:var(--red);
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  transition:.2s;
}
.product-whatsapp:hover{background:var(--red2);transform:translateY(-1px)}
.result-whatsapp{white-space:nowrap}
@media(max-width:640px){
  .product-actions{align-items:stretch;flex-direction:column}
  .product-actions .text-link,.product-whatsapp{width:100%;justify-content:center}
  .result-whatsapp{display:inline-flex;margin:10px 0 0}
}

.section-lead.center,.applications-lead{margin-left:auto;margin-right:auto}.applications{background:var(--soft)}.application-grid.has-images{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}.application-card{padding:0;overflow:hidden;background:#fff;border-radius:var(--radius);border:1px solid var(--line);display:flex;flex-direction:column;transition:.2s}.application-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.application-figure{margin:0;position:relative;aspect-ratio:4/3;background:#e9edf1;overflow:hidden}.application-figure img{width:100%;height:100%;object-fit:cover}.application-note{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(7,17,28,.72);color:#fff;padding:7px 10px;border-radius:999px;font-size:11px;line-height:1.2;text-align:center;backdrop-filter:blur(4px)}.application-content{padding:22px 22px 24px}.application-content span{font-size:34px;font-weight:900;color:#e4e8ec}.application-content h3{margin:8px 0 10px;font-size:24px;line-height:1.1}.application-content p{color:var(--muted);font-size:14px;margin:0} @media(max-width:980px){.application-grid.has-images{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.application-grid.has-images{grid-template-columns:1fr}.application-content h3{font-size:22px}}


/* Galería profesional de aplicaciones */
.application-card{cursor:pointer;position:relative;outline:none}.application-card:focus-visible{box-shadow:0 0 0 4px rgba(227,33,43,.22),var(--shadow)}.application-gallery-trigger{position:absolute;right:14px;top:14px;background:rgba(7,17,28,.88);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.04em;backdrop-filter:blur(8px);transition:.2s}.application-card:hover .application-gallery-trigger{background:var(--red);transform:translateY(-1px)}.application-modal{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:20px}.application-modal.is-open{display:grid}.application-modal-backdrop{position:absolute;inset:0;background:rgba(3,10,17,.88);backdrop-filter:blur(8px)}.application-modal-dialog{position:relative;z-index:1;width:min(1120px,100%);max-height:min(88vh,850px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 35px 100px rgba(0,0,0,.45)}.application-modal-close{position:absolute;right:14px;top:14px;z-index:5;width:42px;height:42px;border:0;border-radius:50%;background:rgba(7,17,28,.88);color:#fff;font-size:27px;line-height:1;cursor:pointer}.application-modal-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);min-height:600px}.application-modal-media{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e9edf1,#f8fafb);min-height:520px}.application-modal-media>img{width:100%;height:100%;max-height:720px;object-fit:cover;transition:opacity .18s ease,transform .18s ease}.application-modal-media>img.is-loading{opacity:.28;transform:scale(.985)}.application-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:56px;border:1px solid rgba(255,255,255,.35);background:rgba(7,17,28,.72);color:#fff;font-size:38px;line-height:1;border-radius:10px;cursor:pointer;backdrop-filter:blur(6px)}.application-gallery-nav.prev{left:16px}.application-gallery-nav.next{right:16px}.application-gallery-counter{position:absolute;left:20px;bottom:18px;background:rgba(7,17,28,.78);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.application-modal-content{padding:56px 34px 34px;display:flex;flex-direction:column}.application-modal-content h3{font-size:34px;line-height:1.08;margin:4px 0 14px}.application-modal-content>p:not(.eyebrow){color:var(--muted)}.application-modal-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.application-thumb{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#eef1f4;cursor:pointer;aspect-ratio:4/3}.application-thumb.is-active{border-color:var(--red)}.application-thumb img{width:100%;height:100%;object-fit:cover}.application-modal-note{font-size:12px;color:#7d8790!important;margin-top:auto}.application-modal-content .btn{align-self:flex-start;margin-top:12px}body.modal-open{overflow:hidden}@media(max-width:900px){.application-modal-layout{grid-template-columns:1fr}.application-modal-media{min-height:360px}.application-modal-content{padding:28px}.application-modal-dialog{max-height:92vh}.application-modal-content h3{font-size:28px}}@media(max-width:560px){.application-modal{padding:8px}.application-modal-dialog{border-radius:14px}.application-modal-media{min-height:280px}.application-gallery-nav{width:40px;height:48px}.application-gallery-nav.prev{left:8px}.application-gallery-nav.next{right:8px}.application-modal-content{padding:24px 20px}.application-modal-thumbs{gap:7px}.application-gallery-trigger{top:10px;right:10px}}

/* Application gallery control refinement — v12 */
.application-card{overflow:hidden}
.application-figure{isolation:isolate}
.application-figure>img{transition:transform .35s ease,filter .35s ease}
.application-card:hover .application-figure>img{transform:scale(1.035);filter:saturate(1.04) contrast(1.02)}
.application-figure>.application-gallery-trigger{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:34px!important;
  max-width:none!important;
  padding:0 13px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:999px!important;
  background:rgba(7,17,28,.78)!important;
  box-shadow:0 8px 22px rgba(7,17,28,.22)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  transform:none!important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease!important;
}
.application-figure>.application-gallery-trigger::before{
  content:'+';
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  margin-right:7px;
  border-radius:50%;
  background:var(--red);
  color:#fff;
  font-size:15px;
  line-height:1;
}
.application-card:hover .application-figure>.application-gallery-trigger,
.application-card:focus-visible .application-figure>.application-gallery-trigger{
  background:rgba(7,17,28,.94)!important;
  border-color:rgba(255,255,255,.6)!important;
  transform:translateY(-1px)!important;
}
.application-note{
  left:12px!important;
  right:auto!important;
  bottom:12px!important;
  max-width:calc(100% - 24px)!important;
  padding:6px 10px!important;
  font-size:10px!important;
  text-align:left!important;
}
@media(max-width:640px){
  .application-figure>.application-gallery-trigger{top:10px!important;right:10px!important;height:32px!important;padding:0 11px!important;font-size:11px!important}
}


/* Cobertura nacional y sucursales — v13 */
.branches-section{background:#fff}.branches-heading{max-width:900px;margin:0 auto}.branches-lead{max-width:860px;margin-left:auto;margin-right:auto}.branch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.branch-card{position:relative;min-height:180px;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f7f9fb);overflow:hidden}.branch-card::after{content:"";position:absolute;right:-32px;bottom:-48px;width:110px;height:110px;border:18px solid rgba(227,33,43,.055);border-radius:50%}.branch-marker{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fce8ea;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.04em}.branch-card h3{margin:18px 0 6px;font-size:21px}.branch-card p{margin:0;color:var(--muted);font-size:14px}.branch-card small{display:block;margin-top:14px;color:#8a949e;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.national-service-box{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:24px;padding:28px 30px;border-radius:18px;background:linear-gradient(120deg,#07111c,#10283b);color:#fff}.national-service-copy strong{display:block;font-size:22px;line-height:1.2}.national-service-copy p{margin:8px 0 0;color:#b7c4cf;max-width:720px}.national-service-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn-call{background:#fff;color:#07111c;border-color:#fff}.btn-call:hover{background:#eef2f5}.floating-call{position:fixed;z-index:55;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 16px 0 10px;border-radius:999px;background:#fff;color:#07111c;text-decoration:none;font-weight:900;font-size:13px;box-shadow:0 10px 32px rgba(7,17,28,.28);border:1px solid rgba(7,17,28,.08);transition:.2s}.floating-call:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(7,17,28,.34)}.floating-call-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-size:15px}.floating-call-label{white-space:nowrap}@media(max-width:980px){.branch-grid{grid-template-columns:repeat(2,1fr)}.national-service-box{grid-template-columns:1fr}.national-service-actions{justify-content:flex-start}}@media(max-width:640px){.branch-grid{grid-template-columns:1fr}.branch-card{min-height:auto}.national-service-box{padding:24px}.national-service-actions .btn{width:100%}.floating-call{left:12px;bottom:12px;padding-right:12px}.floating-call-label{display:none}.floating-call{width:50px;height:50px;padding:0;justify-content:center}.floating-call-icon{width:38px;height:38px}}

/* v16: nuevo modelo ML-3W */
.product-card-new{border-color:rgba(227,33,43,.42);box-shadow:0 12px 34px rgba(227,33,43,.08)}
.product-badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-2px 0 10px}
.product-badges .power-badge{margin:0}
.new-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}


/* ============================================================
   MCLANE IDENTIDAD VISUAL v18
   Ajuste exclusivamente visual. No modifica contenidos, enlaces,
   formularios, productos, videos, galerías ni lógica JavaScript.
   Paleta oficial: rojo #CC0001, rojo fuerte #A30000,
   negro #333333, gris #A3A3A3, gris claro #E5E5E5 y blanco.
   ============================================================ */
:root{
  --navy:#333333;
  --navy2:#222222;
  --red:#cc0001;
  --red2:#a30000;
  --white:#ffffff;
  --ink:#333333;
  --muted:#686868;
  --line:#dddddd;
  --soft:#f3f3f3;
  --radius:8px;
  --shadow:0 16px 38px rgba(51,51,51,.12);
  --brand-black:#333333;
  --brand-gray:#a3a3a3;
  --brand-light:#e5e5e5;
}
html{scroll-padding-top:74px}
body{
  font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,.eyebrow,.btn,.main-nav a,.power-badge,.new-badge{
  font-family:"Arial Narrow","Poppins","Segoe UI",Arial,sans-serif;
}
h1,h2,h3{font-weight:800;letter-spacing:-.025em}
::selection{background:rgba(204,0,1,.2);color:#222}

/* Header */
.site-header{
  background:rgba(40,40,40,.97);
  border-bottom:3px solid var(--red);
  box-shadow:0 8px 26px rgba(0,0,0,.16);
  backdrop-filter:blur(10px);
}
.nav-wrap{min-height:70px}
.brand-logo-header{height:34px;width:auto}
.main-nav{gap:22px}
.main-nav a{
  position:relative;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.main-nav a::after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:-9px;
  height:2px;background:var(--red);
  transition:right .2s ease;
}
.main-nav a:hover{color:#fff}
.main-nav a:hover::after{right:0}
.nav-cta{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.04)}

/* Botones */
.btn,.product-whatsapp{
  border-radius:4px;
  letter-spacing:.015em;
  box-shadow:none;
}
.btn-primary,.product-whatsapp{
  background:linear-gradient(180deg,#dc0001 0%,var(--red) 55%,var(--red2) 100%);
  border-color:var(--red2);
}
.btn-primary:hover,.product-whatsapp:hover{background:var(--red2)}
.btn-outline,.btn-ghost{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.03)}
.btn-outline:hover,.btn-ghost:hover{background:#fff;color:var(--brand-black)}
.btn-white{border-color:#fff;background:#fff;color:var(--red2)}
.btn-white:hover{background:var(--brand-light)}

/* Hero: negro, gris y rojo corporativos */
.hero{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 76% 35%,rgba(204,0,1,.23),transparent 34%),
    linear-gradient(115deg,#1d1d1d 0%,#333333 51%,#202020 100%);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(132deg,transparent 0 58%,rgba(204,0,1,.13) 58% 64%,transparent 64% 100%),
    linear-gradient(132deg,transparent 0 71%,rgba(255,255,255,.035) 71% 77%,transparent 77% 100%);
}
.hero::after{
  content:"";
  position:absolute;
  left:-8%;bottom:-55%;
  width:54%;height:95%;
  z-index:-1;
  transform:skewX(-28deg);
  background:rgba(255,255,255,.025);
  pointer-events:none;
}
.hero-copy{position:relative;z-index:2}
.hero .eyebrow{color:#fff;border-left:4px solid var(--red);padding-left:12px}
.hero h1{max-width:760px;text-wrap:balance}
.hero h1 span{color:#ff1718}
.hero-text{color:#e5e5e5}
.benefit-row div{border-left:3px solid var(--red);padding-left:15px}
.benefit-row b{font-size:14px;text-transform:uppercase;letter-spacing:.035em}
.benefit-row span{color:#c8c8c8}
.hero-visual img{filter:drop-shadow(0 28px 45px rgba(0,0,0,.5))}

/* Franja de materiales / aplicaciones */
.trust-strip{
  background:#fff;
  color:var(--brand-black);
  border-top:0;
  border-bottom:1px solid var(--brand-light);
  box-shadow:0 6px 20px rgba(51,51,51,.05);
}
.trust-items{padding:17px 0;font-weight:800}
.trust-items span{white-space:nowrap}
.trust-items span::before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;background:var(--red);transform:rotate(45deg)}

/* Encabezados y ritmo visual */
.section{position:relative}
.section h2{color:var(--brand-black);text-wrap:balance}
.eyebrow{color:var(--red);letter-spacing:.14em;font-weight:900}
.eyebrow.red{color:var(--red)}
.section-lead{color:#686868}
.finder,.applications,.branches-section{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%)}
.finder::before,.branches-section::before{
  content:"";position:absolute;right:0;top:0;width:190px;height:100%;pointer-events:none;
  background:linear-gradient(135deg,transparent 0 48%,rgba(204,0,1,.035) 48% 57%,transparent 57% 100%);
}

/* Formularios */
select,input,textarea{
  border:1px solid #cfcfcf;
  border-radius:4px;
  color:#333;
  box-shadow:0 1px 0 rgba(51,51,51,.03);
}
select:focus,input:focus,textarea:focus{
  outline:3px solid rgba(204,0,1,.13);
  border-color:var(--red);
}
.finder-result{border-radius:5px;border-left:5px solid var(--red);box-shadow:0 14px 34px rgba(51,51,51,.1)}
.result-label{color:var(--red2)}

/* Catálogo de equipos */
.products{background:#fff}
.product-card{
  overflow:hidden;
  border-color:#d8d8d8;
  border-radius:7px;
  box-shadow:0 5px 16px rgba(51,51,51,.045);
}
.product-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .22s ease;
}
.product-card:hover{transform:translateY(-4px);border-color:#bdbdbd;box-shadow:0 18px 38px rgba(51,51,51,.12)}
.product-card:hover::before{transform:scaleX(1)}
.product-card h3{color:#292929;line-height:1.18}
.product-card p,.product-card li{color:#666}
.power-badge{border-radius:3px;background:#f5dddd;color:var(--red2);letter-spacing:.055em}
.new-badge{border-radius:3px;background:var(--red);letter-spacing:.065em}
.text-link{color:var(--red2)}
.product-card-new{border-color:rgba(204,0,1,.48);box-shadow:0 12px 30px rgba(204,0,1,.09)}
.product-card-new::before{transform:scaleX(1)}

/* Aplicaciones y galerías */
.application-card{border-radius:7px;border-color:#d8d8d8;box-shadow:0 6px 18px rgba(51,51,51,.05)}
.application-card:hover{box-shadow:0 18px 38px rgba(51,51,51,.13)}
.application-content>span{color:#d0d0d0}
.application-content h3{color:#303030}
.application-figure>.application-gallery-trigger{
  border-radius:4px!important;
  background:rgba(51,51,51,.9)!important;
  border-color:rgba(255,255,255,.55)!important;
}
.application-figure>.application-gallery-trigger::before{background:var(--red)!important}
.application-note{border-radius:3px!important;background:rgba(51,51,51,.82)!important}
.application-modal-dialog{border-radius:8px}
.application-modal-content .eyebrow{color:var(--red)}
.application-thumb{border-radius:4px}

/* Videos */
.video-section{
  position:relative;
  background:linear-gradient(130deg,#191919 0%,#333333 58%,#202020 100%);
}
.video-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(132deg,transparent 0 68%,rgba(204,0,1,.11) 68% 75%,transparent 75%);
}
.video-section>.container{position:relative;z-index:1}
.youtube-card,.video-card{border-radius:7px;background:#282828;border-color:rgba(255,255,255,.16)}
.youtube-card-featured{background:linear-gradient(145deg,#222,#343434)}
.youtube-label{border-radius:3px;background:rgba(51,51,51,.9)}
.play{background:var(--red);box-shadow:0 0 0 7px rgba(255,255,255,.13)}
.tag{border-radius:3px;background:rgba(255,255,255,.1)}
.modal-dialog{border-radius:8px;background:#252525}
.modal-close{background:var(--red)}

/* Testimonios y respaldo */
.testimonials{background:#fff}
.testimonial-grid blockquote{
  position:relative;border-radius:7px;border:1px solid #e0e0e0;box-shadow:0 14px 32px rgba(51,51,51,.09)
}
.testimonial-grid blockquote::before{content:"“";position:absolute;left:18px;top:2px;color:rgba(204,0,1,.16);font-size:64px;font-weight:900;line-height:1}
.testimonial-grid footer{color:var(--red2)}
.support-strip{background:#333;border-top:4px solid var(--red)}
.support-grid>div{padding-left:15px;border-left:2px solid rgba(204,0,1,.75)}
.support-grid span{color:#d2d2d2}

/* Sucursales */
.branch-card{border-radius:7px;background:#fff;border-color:#d8d8d8}
.branch-card::after{border-color:rgba(204,0,1,.06);border-radius:0;transform:rotate(45deg)}
.branch-marker{border-radius:3px;background:#f3dddd;color:var(--red2)}
.branch-card small{color:#777}
.national-service-box{
  position:relative;overflow:hidden;border-radius:7px;
  background:linear-gradient(120deg,#252525,#3a3a3a);border-left:6px solid var(--red)
}
.national-service-box::after{content:"";position:absolute;right:-80px;top:-120px;width:260px;height:300px;background:rgba(204,0,1,.12);transform:rotate(32deg);pointer-events:none}
.national-service-copy,.national-service-actions{position:relative;z-index:1}
.btn-call{color:#333;border-color:#fff}

/* Conversión final */
.contact-section{
  position:relative;isolation:isolate;
  background:linear-gradient(125deg,var(--red2) 0%,var(--red) 66%,#e00001 100%);
}
.contact-section::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(132deg,transparent 0 63%,rgba(51,51,51,.24) 63% 75%,transparent 75%);
}
.contact-form{border-radius:7px;background:rgba(51,51,51,.2);border-color:rgba(255,255,255,.28)}

/* Footer */
.footer{background:#292929;border-top:5px solid var(--red)}
.footer p,.footer a{color:#c0c0c0}
.footer a:hover{color:#fff}
.copyright{color:#9b9b9b}
.brand-logo-footer{filter:none}

/* Botón flotante */
.floating-call{
  border-radius:4px;background:#333;color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 32px rgba(0,0,0,.28)
}
.floating-call-icon{border-radius:3px;background:var(--red)}

/* Accesibilidad y consistencia */
a:focus-visible,button:focus-visible,.application-card:focus-visible{
  outline:3px solid rgba(204,0,1,.45)!important;
  outline-offset:3px;
}
@media(max-width:980px){
  .main-nav{background:#292929;border-top:1px solid rgba(255,255,255,.12);border-bottom:3px solid var(--red)}
}
@media(max-width:640px){
  .site-header{border-bottom-width:2px}
  .hero::after{display:none}
  .trust-items span::before{width:6px;height:6px}
  .support-grid>div{padding:13px 0 13px 14px;border-left:3px solid var(--red)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Adaptaciones para dobladoras */
.hero-visual img{max-height:560px;object-fit:contain}.finder-image img{transition:opacity .24s ease,transform .24s ease}.finder-image img.is-changing{opacity:0;transform:translateY(10px) scale(.98)}.product-card img{height:190px}.product-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.product-whatsapp{color:var(--ink);font-size:12px;font-weight:900;text-decoration:none}.catalog-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}.btn-dark{background:#07111c;color:#fff}.application-figure{background:#fff}.application-figure img{object-fit:contain!important;padding:18px}.youtube-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}@media(max-width:640px){.product-actions{align-items:flex-start;flex-direction:column}.catalog-cta .btn,.youtube-actions .btn{width:100%}}


/* v1.1: videos compactos y soporte sin puesta en marcha */
.video-section{padding:62px 0!important}
.video-heading{max-width:720px;margin:0 auto 24px!important}
.video-heading h2{font-size:clamp(28px,3.4vw,40px)!important}
.youtube-featured{display:none!important}
.youtube-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;max-width:920px;margin:0 auto}
.youtube-card{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;min-height:150px!important}
.youtube-thumb{height:100%!important;min-height:150px!important;aspect-ratio:auto!important}
.youtube-info{padding:16px 18px!important;justify-content:center!important}
.youtube-info strong{font-size:17px!important}
.youtube-info>span:not(.tags){font-size:12px!important;line-height:1.4!important}
.youtube-actions{margin-top:22px!important}
.support-grid{grid-template-columns:repeat(3,1fr)!important}
@media(max-width:980px){.youtube-grid{grid-template-columns:1fr!important;max-width:720px}.support-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:640px){.video-section{padding:50px 0!important}.youtube-card{grid-template-columns:1fr!important}.youtube-thumb{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}.support-grid{grid-template-columns:1fr!important}}


/* =========================================================
   v2.0 · Línea gráfica más amable + calculadora industrial
   ========================================================= */
:root{
  --soft:#f0f3f2;
  --surface:#f5f6f4;
  --surface-2:#eef1f1;
  --card:#fbfcfb;
  --line:#d9e0df;
  --muted:#647078;
  --radius:22px;
  --shadow:0 16px 42px rgba(25,37,44,.09);
}
body{background:var(--surface)!important}
.section{background:var(--surface)}
.finder{background:radial-gradient(circle at 16% 18%,rgba(227,33,43,.055),transparent 32%),linear-gradient(135deg,#f3f5f3,#edf1f1)!important}
.products{background:#f7f8f6!important}
.applications{background:#edf1f0!important}
.testimonials{background:#f4f6f4!important}
.branches-section{background:#eef2f1!important}

.btn{min-height:48px;padding:0 22px;border-radius:14px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#e3212b,#c91821);box-shadow:0 10px 24px rgba(227,33,43,.20)}
.btn-primary:hover{background:linear-gradient(135deg,#ef2b35,#b71119);box-shadow:0 14px 30px rgba(227,33,43,.25)}
.btn-outline,.btn-ghost{border-radius:14px}
.btn-dark{background:#12212c!important;color:#fff!important;border-color:#12212c!important}
.btn-dark:hover{background:#1c303e!important}
.product-whatsapp{border-radius:12px;min-height:40px;padding:0 14px;background:#fff;color:var(--red);border:1px solid rgba(227,33,43,.28);box-shadow:0 5px 16px rgba(25,37,44,.05)}
.product-whatsapp:hover{background:#fff4f4;color:var(--red2);border-color:rgba(227,33,43,.5)}

.hero{background:radial-gradient(circle at 76% 36%,rgba(227,33,43,.16),transparent 33%),radial-gradient(circle at 15% 20%,rgba(113,145,162,.12),transparent 30%),linear-gradient(120deg,#091722,#102635)!important}
.hero-visual{align-self:center;justify-content:center;margin:44px 0;padding:34px 22px;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.15)}
.hero-visual img{width:100%;height:auto;max-height:500px;object-fit:contain;transform:none!important;filter:drop-shadow(0 24px 38px rgba(0,0,0,.28))!important}
.hero-actions .btn-ghost{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.22)}
.hero-actions .btn-ghost:hover{background:rgba(255,255,255,.11)}

select,input,textarea{border-radius:13px;background:#fbfcfb;border-color:#cad4d2;box-shadow:0 2px 0 rgba(17,24,32,.015)}
select:focus,input:focus,textarea:focus{outline:none;border-color:rgba(227,33,43,.55);box-shadow:0 0 0 4px rgba(227,33,43,.08)}
.finder-form{padding:24px;border:1px solid rgba(160,174,174,.28);border-radius:22px;background:rgba(255,255,255,.55);box-shadow:0 16px 42px rgba(33,48,55,.06)}
.finder-image{padding:28px;border-radius:28px;background:rgba(255,255,255,.58);border:1px solid rgba(160,174,174,.22)}
.finder-image img{filter:drop-shadow(0 18px 26px rgba(13,28,38,.14));transition:opacity .18s ease,transform .18s ease}
.finder-image img.is-changing{opacity:.38;transform:scale(.985)}
.calc-disclaimer{margin:16px 0 0;padding:13px 15px;border-radius:13px;background:#f7eeee;color:#6e4c50;font-size:12px;line-height:1.55;border:1px solid rgba(227,33,43,.12)}
.finder-result{border-left:0;border:1px solid rgba(227,33,43,.17);border-radius:18px;background:#fffdfa;padding:24px;box-shadow:0 16px 38px rgba(33,48,55,.09)}
.calc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}
.calc-metrics>div{padding:13px 14px;border-radius:13px;background:#eef2f1;border:1px solid #e0e6e4}
.calc-metrics small,.calc-metrics strong{display:block}
.calc-metrics small{margin:0;color:#6f7b80;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.calc-metrics strong{margin-top:3px;font-size:20px;color:#17232c}
.calc-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.result-quote{margin-left:0;padding:10px 0}

.product-card{background:var(--card)!important;border-radius:20px!important;border-color:#dce2e0!important;padding:20px!important;box-shadow:0 4px 16px rgba(31,43,49,.035)}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(25,37,44,.10)}
.product-card img{height:170px!important;padding:6px;object-fit:contain!important}
.product-card-featured{background:linear-gradient(180deg,#fff,#faf2f2)!important;border-color:rgba(227,33,43,.22)!important}
.power-badge{background:#f7e7e8!important}
.catalog-cta{gap:12px}
.application-card,.branch-card,.testimonial-grid blockquote{background:#fbfcfb!important;border-color:#dce2e0!important}
.application-figure{background:#e8edeb!important}
.national-service-box{background:#fbfcfb!important;border-color:#dce2e0!important}

@media(min-width:981px){
  .product-grid>.product-card:last-child:nth-child(3n+1){grid-column:2}
}
@media(max-width:980px){
  .product-grid>.product-card:last-child:nth-child(3n+1){grid-column:auto}
  .hero-visual{margin:10px 0 40px}
}
@media(max-width:640px){
  .finder-form{padding:17px}
  .calc-metrics{grid-template-columns:1fr}
  .hero-visual{padding:20px 12px;border-radius:24px}
  .product-card img{height:210px!important}
}


/* v3.1 · Ajustes marketing: hero más corto, video bajo head y franja informativa */
.hero h1{max-width:640px!important}
.hero-text{max-width:620px!important}
.hero-video-band{padding:26px 0 8px;background:linear-gradient(180deg,#eef2f1 0%,#f5f7f6 100%)}
.hero-video-card{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);gap:24px;align-items:center;padding:20px;border:1px solid #dbe1df;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 16px 40px rgba(25,37,44,.07)}
.hero-video-preview{padding:0;border:0;background:none;cursor:pointer;text-align:left}
.hero-video-thumb{position:relative;display:block;overflow:hidden;border-radius:20px;background:#0b1823;aspect-ratio:16/9;box-shadow:0 16px 34px rgba(15,26,34,.16)}
.hero-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hero-video-thumb .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.hero-video-badge{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(7,17,28,.82);color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.hero-video-copy h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,42px);line-height:1.08;color:#17232c}
.hero-video-copy p:not(.eyebrow){margin:0;color:#607078;max-width:560px}
.hero-video-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.trust-strip{background:#f9faf9!important;box-shadow:none!important}
.trust-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;padding:16px 0}
.trust-caption{margin:0;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#66747b;white-space:nowrap}
.trust-items{display:flex;flex-wrap:wrap;justify-content:flex-start!important;gap:10px 22px;padding:0!important;font-weight:700!important;font-size:12px!important;letter-spacing:.06em;color:#516069}
.trust-items span{display:inline-flex;align-items:center;white-space:nowrap}
.trust-items span::before{width:6px!important;height:6px!important;margin-right:10px!important;background:var(--red)!important;transform:rotate(45deg)}
@media(max-width:980px){
  .hero-video-card{grid-template-columns:1fr;gap:18px;padding:18px}
}
@media(max-width:640px){
  .hero-video-band{padding:20px 0 4px}
  .hero-video-card{padding:14px;border-radius:18px}
  .hero-video-thumb{border-radius:16px}
  .hero-video-actions .btn{width:100%}
  .trust-wrap{gap:10px 0}
  .trust-caption,.trust-items{width:100%}
}


/* v1.2 · Cotización telefónica por sucursal */
.call-float{position:fixed;z-index:70;left:18px;bottom:18px;color:#07111c;font-family:inherit}
.call-float>summary{list-style:none;display:inline-flex;align-items:center;gap:9px;min-height:50px;padding:0 17px 0 10px;border-radius:999px;background:#fff;color:#07111c;font-weight:900;font-size:13px;box-shadow:0 12px 34px rgba(7,17,28,.28);border:1px solid rgba(7,17,28,.10);cursor:pointer;user-select:none;transition:.2s}
.call-float>summary::-webkit-details-marker{display:none}
.call-float>summary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(7,17,28,.33)}
.call-float[open]>summary{background:#07111c;color:#fff;border-color:#07111c}
.call-float .floating-call-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font-size:15px;flex:0 0 auto}
.call-float .floating-call-label{white-space:nowrap}
.call-float-panel{position:absolute;left:0;bottom:62px;width:min(360px,calc(100vw - 28px));padding:10px;border:1px solid rgba(7,17,28,.10);border-radius:20px;background:#fff;box-shadow:0 22px 56px rgba(7,17,28,.28);overflow:hidden}
.call-float-head{padding:14px 14px 12px;border-bottom:1px solid #e7ebee}
.call-float-head strong,.call-float-head small{display:block}
.call-float-head strong{margin-top:3px;font-size:17px;line-height:1.25;color:#17232c}
.call-float-head small{margin-top:4px;color:#77838b;font-size:11px}
.call-float-kicker{display:inline-flex;color:var(--red);font-weight:900;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.call-float-panel>a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"branch action" "phone action";gap:1px 14px;align-items:center;padding:12px 14px;border-radius:12px;color:#17232c;text-decoration:none;transition:.18s}
.call-float-panel>a+a{border-top:1px solid #edf0f2}
.call-float-panel>a:hover{background:#f7f8f8}
.call-float-panel>a span{grid-area:branch;font-size:12px;font-weight:800}
.call-float-panel>a b{grid-area:phone;font-size:15px;color:#404e57;letter-spacing:.015em}
.call-float-panel>a em{grid-area:action;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
@media(max-width:640px){
  .call-float{left:12px;bottom:12px}
  .call-float>summary{width:54px;height:54px;padding:0;justify-content:center}
  .call-float .floating-call-label{display:none}
  .call-float .floating-call-icon{width:40px;height:40px}
  .call-float-panel{bottom:64px;width:min(340px,calc(100vw - 24px))}
}


/* v10 · botón flotante superior más visible */
.call-float.call-float-top{position:fixed;z-index:88;right:18px;top:92px;left:auto;bottom:auto;color:#07111c;font-family:inherit}
.call-float.call-float-top>summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 16px 10px 12px;border-radius:22px;background:linear-gradient(135deg,#ef0f0f 0%,#c90c0c 100%);color:#fff;font-weight:900;font-size:13px;box-shadow:0 18px 44px rgba(180,11,11,.34);border:1px solid rgba(255,255,255,.15);cursor:pointer;user-select:none;transition:transform .2s, box-shadow .2s, background .2s}
.call-float.call-float-top>summary::-webkit-details-marker{display:none}
.call-float.call-float-top>summary:hover{transform:translateY(-2px);box-shadow:0 24px 50px rgba(180,11,11,.40)}
.call-float.call-float-top[open]>summary{border-bottom-left-radius:18px;border-bottom-right-radius:18px;background:linear-gradient(135deg,#121c24 0%,#1c2831 100%);box-shadow:0 22px 52px rgba(7,17,28,.35)}
.call-float.call-float-top .floating-call-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;color:var(--red);font-size:19px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(7,17,28,.08)}
.call-float.call-float-top .floating-call-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.call-float.call-float-top .floating-call-label{display:block;white-space:nowrap;font-size:15px;line-height:1.1;letter-spacing:.01em}
.call-float.call-float-top .floating-call-sub{display:block;font-size:11px;font-weight:700;color:rgba(255,255,255,.82);letter-spacing:.06em;text-transform:uppercase}
.call-float.call-float-top .floating-call-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;margin-left:2px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.call-float.call-float-top .call-float-panel{position:absolute;right:0;left:auto;top:78px;bottom:auto;width:min(390px,calc(100vw - 28px));padding:10px;border:1px solid rgba(7,17,28,.08);border-radius:20px;background:#fff;box-shadow:0 24px 56px rgba(7,17,28,.24);overflow:hidden}
.call-float.call-float-top .call-float-head{padding:14px 14px 12px;border-bottom:1px solid #e7ebee;background:linear-gradient(180deg,#fff 0%,#f8fafb 100%)}
.call-float.call-float-top .call-float-head strong{margin-top:3px;font-size:18px;line-height:1.2;color:#17232c}
.call-float.call-float-top .call-float-head small{margin-top:5px;color:#6f7d85;font-size:11px;line-height:1.45}
.call-float.call-float-top .call-float-kicker{display:inline-flex;color:var(--red);font-weight:900;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.call-float.call-float-top .call-float-panel>a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"branch action" "phone action";gap:2px 14px;align-items:center;padding:14px 14px;border-radius:14px;color:#17232c;text-decoration:none;transition:.18s}
.call-float.call-float-top .call-float-panel>a+a{border-top:1px solid #edf0f2}
.call-float.call-float-top .call-float-panel>a:hover{background:#f7f8fa}
.call-float.call-float-top .call-float-panel>a span{grid-area:branch;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#75838c}
.call-float.call-float-top .call-float-panel>a b{grid-area:phone;font-size:20px;color:#1a2730;letter-spacing:.01em}
.call-float.call-float-top .call-float-panel>a em{grid-area:action;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
@media (max-width: 980px){.call-float.call-float-top{right:14px;top:84px}.call-float.call-float-top>summary{min-height:62px;padding:10px 14px 10px 10px}.call-float.call-float-top .floating-call-badge{display:none}}
@media (max-width: 640px){.call-float.call-float-top{right:12px;left:12px;top:74px}.call-float.call-float-top>summary{width:100%;justify-content:flex-start;border-radius:18px}.call-float.call-float-top .floating-call-label{font-size:14px}.call-float.call-float-top .floating-call-sub{font-size:10px}.call-float.call-float-top .call-float-panel{right:0;left:0;top:74px;width:auto}.call-float.call-float-top .call-float-panel>a b{font-size:18px}}


/* v11 · video completo visible en sección inferior */
.youtube-featured{display:block!important;max-width:980px;margin:0 auto 18px!important}
.youtube-grid{display:none!important}
.youtube-card-featured{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)!important;min-height:360px!important;background:linear-gradient(145deg,#202020,#353535)!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 18px 36px rgba(0,0,0,.12)}
.youtube-card-featured .youtube-thumb{min-height:360px!important;background:#111}
.youtube-card-featured .youtube-thumb img{width:100%;height:100%;object-fit:cover;opacity:.96}
.youtube-card-featured .youtube-info{padding:28px!important;justify-content:center}
.youtube-card-featured .youtube-info strong{font-size:clamp(24px,2.5vw,34px)!important;color:#fff}
.youtube-card-featured .youtube-info>span:not(.tags){font-size:15px!important;color:#d5dbe1}
.youtube-actions{margin-top:20px!important}.youtube-actions .btn{min-width:250px}
.youtube-actions .youtube-direct{background:#07111c;color:#fff;border-color:#07111c;box-shadow:0 10px 24px rgba(7,17,28,.12)}
.youtube-actions .youtube-direct:hover{background:#162531;border-color:#162531;color:#fff}
@media(max-width:980px){.youtube-card-featured{grid-template-columns:1fr!important;min-height:0!important}.youtube-card-featured .youtube-thumb{min-height:0!important;aspect-ratio:16/9!important}}