:root{--font-display:"Oswald", sans-serif;--font-body:"Archivo", sans-serif;--red:#c0392b;--red-light:#e74c3c;--bg:#0f0f0f;--bg-alt:#1a1a1a;--surface:#ffffff0a;--border:#ffffff14;--text:#fff;--text-muted:#ffffffa6;--green-wa:#25d366;--radius:16px;--nav-h:72px;--footer-bg:#0a0a0a;--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-quart:cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-red{color:var(--red-light)}.section{padding:100px 0}.section-alt,.contact-section{background-color:var(--bg-alt)}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin-bottom:16px;font-size:clamp(32px,4vw,42px);font-weight:600}.section-header .section-desc{color:var(--text-muted);max-width:560px;margin:0 auto;font-size:17px}.section-label{letter-spacing:.12em;color:var(--red);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.btn-primary{background:var(--red);color:#fff;text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--red-light);transform:translateY(-1px)}.btn-primary:active{background:var(--red);transform:translateY(0)}.btn-ghost{color:var(--text);text-align:center;background:0 0;border:1px solid #ffffff40;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-block}.btn-ghost:hover{border-color:var(--text)}.btn-ghost:active{background:#ffffff0f}.btn-full{width:100%}.btn-wa{background:#128c7e!important}.btn-wa:hover{background:#075e54!important}.nav-overlay{z-index:998;opacity:0;visibility:hidden;background:#0000008c;transition:opacity .32s,visibility 0s linear .32s;position:fixed;inset:0}.nav-overlay.active{opacity:1;visibility:visible;transition:opacity .32s,visibility linear}.navbar{z-index:999;height:var(--nav-h);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0f0f0ff2;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:#fff;flex-shrink:0;align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex}.nav-logo strong{color:var(--red-light)}.logo-icon{align-items:center;width:32px;height:32px;display:flex}.logo-icon img{object-fit:contain;filter:brightness(0)saturate()invert(22%)sepia(88%)saturate(1300%)hue-rotate(342deg)brightness(95%)contrast(110%);width:100%;height:100%}.nav-links{list-style:none}.nav-links--desktop{align-items:center;gap:4px;display:flex}.nav-links--mobile{z-index:1001;visibility:hidden;opacity:0;background:#161616;border-left:1px solid #ffffff12;flex-direction:column;align-items:flex-start;gap:4px;width:min(320px,85vw);padding:88px 20px 40px;transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .3s,visibility 0s linear .4s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.nav-links--mobile.open{visibility:visible;opacity:1;transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .3s,visibility linear;transform:translate(0)}.nav-close-item{position:absolute;top:18px;right:18px;width:auto!important}.nav-close{color:#ffffffbf;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,color .2s,transform .2s;display:flex}.nav-close:hover{color:#fff;background:#c0392b2e;border-color:#c0392b59;transform:rotate(90deg)}.nav-links--mobile li:not(.nav-close-item){opacity:0;width:100%;transition:opacity .22s,transform .22s;transform:translate(14px)}.nav-links--mobile.open li:not(.nav-close-item){opacity:1;transform:translate(0)}.nav-links--mobile.open li:nth-child(2){transition-delay:.1s}.nav-links--mobile.open li:nth-child(3){transition-delay:.15s}.nav-links--mobile.open li:nth-child(4){transition-delay:.2s}.nav-links--mobile.open li:nth-child(5){transition-delay:.25s}.nav-links--mobile.open li:nth-child(6){transition-delay:.3s}.nav-links--mobile.open li:nth-child(7){transition-delay:.35s}.nav-links li a{color:#fffc;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:color .2s,background .2s;display:block}.nav-links li a:hover{color:#fff;background:#ffffff0f}.nav-cta{margin-left:8px;background:var(--red)!important;color:#fff!important;border-radius:8px!important;padding:9px 18px!important;font-weight:600!important}.nav-cta:hover{background:var(--red-light)!important}.nav-hamburger{background:#ffffff0f;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:4px;display:none}.nav-hamburger span{transform-origin:50%;background:#fff;border-radius:2px;width:22px;height:2px;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .2s,width .2s;display:block}.nav-hamburger[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{background:var(--bg);min-height:100vh;padding-top:var(--nav-h);align-items:center;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(#c0392b2e 0%,#0000 68%);width:900px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-bg-img{opacity:.06;pointer-events:none;background-image:image-set("/images/closeup-red-fire-extinguishers.webp" 1x type("image/webp"),"/images/closeup-red-fire-extinguishers.jpg" 1x type("image/jpeg"));background-position:50%;background-size:cover;position:absolute;inset:0}.hero-inner{z-index:1;text-align:center;max-width:820px;margin:0 auto;padding:80px 24px;position:relative}.hero-badge{color:#e74c3c;background:#c0392b26;border:1px solid #c0392b59;border-radius:100px;align-items:center;gap:6px;margin-bottom:32px;padding:6px 18px;font-size:13px;font-weight:500;display:inline-flex}.hero-inner h1{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin-bottom:24px;font-size:clamp(44px,6.5vw,72px);font-weight:600;line-height:1.05}.hero-desc{color:var(--text-muted);max-width:560px;margin:0 auto 40px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:72px;display:flex}.hero-stats{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;padding-top:40px;display:flex}.stat{text-align:center}.stat-number{font-family:var(--font-display);letter-spacing:.02em;font-size:34px;font-weight:600;display:block}.stat-label{color:var(--text-muted);margin-top:2px;font-size:13px;display:block}.stat-divider{background:var(--border);width:1px;height:44px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:32px;transition:transform .25s,box-shadow .25s;display:flex}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #00000059}.service-icon{width:52px;height:52px;color:var(--red-light);background:#c0392b24;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.service-card h3{margin-bottom:10px;font-size:20px;font-weight:700}.service-card>p{color:var(--text-muted);margin-bottom:20px;font-size:15px}.service-list{flex-direction:column;flex:1;gap:6px;margin-bottom:24px;display:flex}.service-list li{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:14px;display:flex}.service-list li:before{content:"✓";color:var(--red);flex-shrink:0;font-weight:700;line-height:1.5}.service-link{color:var(--red-light);margin-top:auto;font-size:14px;font-weight:600;transition:color .2s}.service-link:hover{color:#fff}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #00000059}.product-img-wrap{background:#ffffff08;height:200px;overflow:hidden}.product-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-img-wrap img{transform:scale(1.04)}.product-body{flex-direction:column;flex:1;padding:28px;display:flex}.product-body h3{margin-bottom:8px;font-size:18px;font-weight:700}.product-body p{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:14px}.btn-download{border:1px solid var(--red);color:var(--red-light);text-align:center;background:0 0;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:block}.btn-download:hover{background:var(--red);color:#fff}.capacitacion-layout{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.capacitacion-left h2{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin-bottom:16px;font-size:clamp(28px,3.5vw,38px);font-weight:600;line-height:1.1}.capacitacion-left>p{color:var(--text-muted);margin-bottom:40px}.curso-list{flex-direction:column;gap:28px;display:flex}.curso-list li{align-items:flex-start;gap:20px;display:flex}.curso-num{color:var(--red);background:#c0392b1f;border:1px solid #c0392b40;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.curso-list li strong{margin-bottom:4px;font-size:16px;font-weight:600;display:block}.curso-list li p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.capacitacion-cta-card{border-radius:var(--radius);top:calc(var(--nav-h) + 24px);background:#ffffff0a;border:1px solid #ffffff1a;padding:40px;position:sticky}.badge-pill{color:var(--red-light);letter-spacing:.07em;text-transform:uppercase;background:#c0392b26;border:1px solid #c0392b4d;border-radius:100px;margin-bottom:20px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-block}.capacitacion-cta-card h3{margin-bottom:12px;font-size:22px;font-weight:700;line-height:1.3}.capacitacion-cta-card>p{color:var(--text-muted);margin-bottom:28px;font-size:15px}.cap-benefits{flex-direction:column;gap:10px;margin-top:24px;display:flex}.cap-benefits li{color:var(--text-muted);font-size:14px}.nosotros-layout{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.nosotros-left h2{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin-bottom:20px;font-size:clamp(28px,3.5vw,38px);font-weight:600;line-height:1.1}.nosotros-left p{color:var(--text-muted);margin-bottom:16px;font-size:16px}.valores-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;display:grid}.valor-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s}.valor-card:hover{border-color:#c0392b66}.valor-icon{color:var(--red-light);margin-bottom:10px;display:block}.valor-card strong{margin-bottom:6px;font-size:15px;font-weight:600;display:block}.valor-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.norms-card{border-radius:var(--radius);top:calc(var(--nav-h) + 24px);background:#c0392b0f;border:1px solid #c0392b33;padding:36px;position:sticky}.norms-card h3{margin-bottom:28px;font-size:20px;font-weight:700}.norms-list{flex-direction:column;gap:0;display:flex}.norms-list li{color:var(--text-muted);border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:16px 0;font-size:15px;display:flex}.norms-list li:first-child{padding-top:0}.norms-list li:last-child{border-bottom:none;padding-bottom:0}.norm-badge{background:var(--red);color:#fff;text-align:center;letter-spacing:.04em;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;min-width:76px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:16px;margin-bottom:72px;display:grid}.client-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;transition:border-color .2s;display:flex}.client-card:hover{border-color:var(--red)}.client-logo{object-fit:contain;background:#fff;border-radius:12px;width:72px;height:72px;padding:6px}.client-name{color:#ffffffb3;font-size:13px;font-weight:500;line-height:1.3}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:transform .25s,box-shadow .25s}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #0000004d}.stars{color:#f4c44d;letter-spacing:3px;margin-bottom:16px;font-size:18px}.testimonial-card p{color:var(--text-muted);margin-bottom:20px;font-size:15px;line-height:1.7}.testimonial-author{color:#ffffff9e;font-size:13px;font-weight:600}.contact-layout{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.contact-info h2{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin-bottom:16px;font-size:clamp(28px,3.5vw,38px);font-weight:600;line-height:1.1}.contact-info>p{color:var(--text-muted);margin-bottom:36px;font-size:16px}.contact-list{flex-direction:column;gap:20px;display:flex}.contact-list li{align-items:flex-start;gap:14px;font-size:15px;display:flex}.contact-icon{color:var(--red);flex-shrink:0;align-items:center;margin-top:2px;display:flex}.contact-list a{color:#fffc;transition:color .2s}.contact-list a:hover{color:var(--red-light)}.contact-list span{color:var(--text-muted)}.contact-form-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-group:last-of-type{margin-bottom:28px}.form-note{text-align:center;color:var(--text-muted);margin-top:12px;font-size:13px}.form-group label{color:#ffffffa6;letter-spacing:.03em;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#fff;resize:vertical;-webkit-appearance:none;appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff47}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--red);background:#ffffff12}.form-group select{cursor:pointer}.form-group select option{color:#fff;background:#1a1a1a}.footer{background:var(--footer-bg);border-top:1px solid var(--border);padding:28px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-logo{color:#fffc;font-size:17px;font-weight:600}.footer-logo strong{color:var(--red-light)}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{color:#ffffff8c;font-size:14px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copy{color:#ffffff7a;font-size:13px}.wa-float{z-index:1000;background:var(--green-wa);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 24px #25d36666}.wa-float:hover{transform:scale(1.1);box-shadow:0 8px 36px #25d3668c}.wa-float.wa-hidden{opacity:0;pointer-events:none;transition:transform .25s,opacity .25s,box-shadow .2s;transform:scale(.6)}.wa-tooltip{border:1px solid var(--border);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#141414f5;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.wa-float:hover .wa-tooltip{opacity:1}@media (width<=900px){.capacitacion-layout,.nosotros-layout,.contact-layout{grid-template-columns:1fr;gap:48px}.norms-card,.capacitacion-cta-card{position:static}}@media (width<=768px){.nav-hamburger{display:flex}.nav-links--desktop{display:none}.nav-links--mobile li a{border-radius:8px;width:100%;padding:12px 16px;font-size:16px;display:block}.nav-links--mobile .nav-cta{text-align:center;margin-top:8px;margin-left:0!important;display:block!important}.section{padding:72px 0}.hero-inner{padding:56px 24px}.hero-stats{gap:24px}.stat-divider{display:none}.valores-grid{grid-template-columns:1fr}.contact-form-wrap{padding:28px 20px}.footer-inner{text-align:center;flex-direction:column}.footer-links{justify-content:center}}@media (width<=480px){.services-grid,.products-grid,.testimonials-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn-primary,.hero-actions .btn-ghost{width:100%;max-width:320px}.section-header h2,.nosotros-left h2,.capacitacion-left h2,.contact-info h2{font-size:28px}}:focus-visible{outline:2px solid var(--red-light);outline-offset:3px;border-radius:4px}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:none}.form-consent{margin-bottom:24px;padding-top:4px}.consent-label{cursor:pointer;user-select:none;align-items:flex-start;gap:12px;display:flex}.consent-label input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.consent-box{background:#ffffff0a;border:1.5px solid #fff3;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:border-color .2s,background .2s;display:flex}.consent-box svg{opacity:0;transition:opacity .15s ease, transform .18s var(--ease-expo,cubic-bezier(.16,1,.3,1));color:#fff;transform:scale(.4)}.consent-label input:checked~.consent-box{background:var(--red);border-color:var(--red)}.consent-label input:checked~.consent-box svg{opacity:1;transform:scale(1)}.consent-label input:focus-visible~.consent-box{outline:2px solid var(--red-light);outline-offset:2px}.consent-label:hover .consent-box{border-color:#ffffff73}.consent-text{color:var(--text-muted);font-size:13px;line-height:1.55}.consent-text a{color:var(--red-light);text-underline-offset:2px;text-decoration:underline;transition:color .15s}.consent-text a:hover{color:#fff}@keyframes hero-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-badge{animation:hero-in .6s var(--ease-expo) 0s both}.hero-inner h1{animation:hero-in .72s var(--ease-expo) .15s both}.hero-desc{animation:hero-in .65s var(--ease-expo) .31s both}.hero-actions{animation:hero-in .65s var(--ease-expo) .46s both}.hero-stats{animation:hero-in .65s var(--ease-expo) .61s both}.reveal{opacity:0;transition:opacity .65s var(--ease-expo), transform .65s var(--ease-expo);transform:translateY(22px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal[data-delay="1"]{transition-delay:90ms}.reveal[data-delay="2"]{transition-delay:.18s}.reveal[data-delay="3"]{transition-delay:.27s}.reveal[data-delay="4"]{transition-delay:.36s}.btn-primary:active,.btn-ghost:active,.btn-download:active{transition-duration:80ms;transform:scale(.96)}.navbar{transition:border-bottom-color .35s var(--ease-quart), background .35s var(--ease-quart)}.navbar.scrolled{background:#080808fa;border-bottom-color:#ffffff21}@keyframes wa-ring{0%,to{box-shadow:0 4px 24px #25d36661}55%{box-shadow:0 4px 24px #25d36661,0 0 0 11px #25d36617}}.wa-float{animation:3.2s ease-in-out infinite wa-ring}.wa-float:hover{animation:none}.faq-list{flex-direction:column;gap:12px;max-width:780px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border);background:var(--card-bg,#111);border-radius:12px;transition:border-color .25s,box-shadow .25s;overflow:hidden}details[open].faq-item{border-color:#c0392b73;box-shadow:0 0 0 1px #c0392b1a}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:500;list-style:none;transition:color .2s;display:flex}.faq-question:hover{color:var(--red-light)}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";flex-shrink:0;font-size:20px;font-weight:300;transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s}details[open] .faq-question:after{color:var(--red-light);transform:rotate(45deg)}.faq-answer{color:var(--text-muted);padding:0 24px 20px;font-size:15px;line-height:1.7;overflow:hidden}.faq-answer p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.reveal{opacity:1!important;transform:none!important}}
