/* SAJOC · Propuesta Grafito / Naranja · 7 noviembre 2026 */
:root{--blue:#a95718;--deep:#292b27;--ink:#2b2e29;--muted:#696d63;--light:#f1eee7;--orange:#f58b25;--green:#18784e;--border:#dedad0;--navy:#292b27;--red:#c36a1c;--paper:#f8f6f1;--line:#dedad0;--brand-orange:#f58b25;--warm-white:#f8f6f1;--brand-graphite:#292b27}
html{scroll-padding-top:120px}body{background:var(--warm-white);color:var(--ink)}
.topbar{background:#292b27;color:#dddcd5;border-bottom:1px solid #ffffff0b;font-size:10px;letter-spacing:.5px}.topbar .wrap{padding-top:9px;padding-bottom:9px}.topbar span:last-child{color:#c7c9bf}.topbar a,.topbar b{color:#edece6}.top-dot{color:var(--brand-orange)}
header{background:#f8f6f1;color:var(--ink);border-bottom:1px solid #e1dbd0;box-shadow:0 4px 24px #292b2705;backdrop-filter:none}
header .nav{height:106px;gap:28px}header .wordmark.sajoc-identity,footer .wordmark.sajoc-identity{background:transparent;padding:0;border:0;border-radius:0;box-shadow:none;line-height:0}
header .wordmark.sajoc-identity img,header .brand img{width:250px;height:auto;max-width:100%;display:block;object-fit:contain;filter:none}
header .nav nav{background:transparent;font-weight:600;font-size:13px;gap:27px;color:#484d42}header .nav nav>a:not(.button){position:relative;padding:10px 0}header .nav nav>a:not(.button):hover{color:#a95718}
header .nav nav>a:not(.button):after{content:'';position:absolute;bottom:5px;left:0;width:0;height:2px;background:var(--brand-orange);transition:width .2s}header .nav nav>a:not(.button):hover:after{width:100%}
.mobile-call{border-color:#d5cdbc;color:#343a2d;background:transparent}.menu-button,.menu{color:#343a2d;border-color:#d5cdbc}
.button{background:var(--brand-orange);color:#25291f;border:1px solid transparent;border-radius:6px;font-weight:700;box-shadow:0 4px 10px #d2781f0e;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{background:#e77c18;color:#25291f;box-shadow:0 7px 18px #b968181f;transform:translateY(-2px)}.button.red{background:var(--brand-orange);color:#25291f}.button.red:hover{background:#e77c18;color:#25291f}.button.wa{background:#18784e;color:#fff;text-shadow:none;box-shadow:0 4px 14px #0e5d3620}.button.wa:hover{background:#10633f;color:#fff}
.button.outline{background:transparent;color:#f7f3ea;border-color:#c9c8b963;box-shadow:none}.button.outline:hover{background:#ffffff0c;color:#fff;border-color:#f0a659}
.hero{background:#30322b;color:#fff}.hero:after{background:linear-gradient(90deg,rgba(30,33,28,.97),rgba(37,40,33,.88) 30%,rgba(41,44,36,.44) 62%,rgba(41,44,36,.08))}
.hero-shade{background:linear-gradient(90deg,rgba(30,33,28,.97),rgba(37,40,33,.88) 28%,rgba(41,44,36,.38) 65%,rgba(41,44,36,.05))}
.hero h1{color:#fff}.hero h1 em,.hero h1 span{color:#f6a14b}.hero p,.hero .hero-copy{color:#e2e1d6}.hero .eyebrow,.hero .eyebrow.white,.hero .eyebrow.light{color:#efdbbe}.eyebrow:before{background:var(--brand-orange)}.eyebrow i{background:var(--brand-orange)}.hero-kicker,.hero-foot{color:#c6c8ba}.hero-kicker:before,.mini-rule{background:var(--brand-orange)}.hero .text-link{color:#f0eee4;border-color:#d1c7b250}.image-note,.photo-note{color:#eee9db}
.proof,.trust{background:#fffdf8;border-bottom:1px solid #dfd9cc}.proof .wrap{padding-top:30px;padding-bottom:30px}.proof-item{border-color:#e3dccc}.proof-item svg{stroke:#a96a2b}.proof-item b,.trust b{color:#393d31}.proof-item p,.trust p{color:#777969}.trust span{color:#b06c2d}
h2,h3,h4{color:#30352a}.section-top h2 span,.muted{color:#8c9180}.eyebrow{color:#9e5b20;letter-spacing:1.8px}.section.soft{background:#f1eee7}.section-top>p{color:#747968}.section{padding-top:92px;padding-bottom:92px}
.application-card,.product,.repair-card,.catalog-card{background:#fffdf9;border:1px solid #e0dacf;border-radius:11px;box-shadow:0 8px 25px #2e342a04;overflow:hidden}.application-card .card-body{padding:25px 23px}.application-card .card-label,.product-type{color:#a9672a}.application-card h3,.product h3,.catalog-card h3,.repair-body h3{color:#30372a}.application-card p,.product p,.catalog-card p,.repair-body p{color:#737b67}.application-card .card-link,.catalog-card .download{color:#8c521e;border-color:#e8e1d4}.application-card .card-link:hover{color:#bd6c20}.application-card .card-link svg{color:#18784e}
.product-photo{background:linear-gradient(135deg,#eeebe3,#e8e5dc);color:#8d9281;border-bottom:1px solid #e6dfd1}.product-photo svg{stroke:#9e9b8c}.product-photo span{color:#838573}.product-content{padding:23px 20px}.product .button{border-radius:5px}.catalog-card .pdf-icon{border-color:#b27337;color:#9d5e26}.pdf-icon:after{background:var(--brand-orange);color:#34291a}.catalog-card:hover{box-shadow:0 12px 28px #423c2910;transform:translateY(-3px)}
.filters button{background:#faf8f2;border:1px solid #dcd5c7;border-radius:5px;color:#696e5d}.filters button.active{background:#33392d;border-color:#33392d;color:#fff9ec}.search{background:#fffdf9;border-color:#dcd5c7;border-radius:6px}.search span{color:#ac6a2b}.search input{color:#464c3e}.empty{background:#fffdf9;border-color:#ddd5c6;color:#747866}
.split figure img,.shipping figure img,.equipment-grid>img,.cylinder-sales>figure img,.symptom-photo img{border-radius:11px}.split-copy p{color:#737969}.check-list li{color:#48523b}.check-list li:before{color:#b77731}.inline-blue,.inline-link{color:#98591e;border-color:#b98a5e}.shipping .split-copy h2{color:#333c2c}.shipping-steps span{color:#6c735f}.shipping-steps b{color:#8c5422;background:#efe1ca}.note,.catalog-note{color:#8b907f}
.service-band,.services{background:#2c3028;color:#f7f3e8}.service-band h2,.services h2,.services h3,.service-list h3{color:#fff9ee}.service-intro h2 span{color:#f0a654}.service-band .eyebrow,.services .eyebrow{color:#d8c2a4}.service-band .section-top p,.service-intro p,.service-list p{color:#c3c7b6}.service-list article{border-color:#737d6052}.service-list article>span,.service-list article>b{color:#d6aa70}.related{background:#ffffff05;border-color:#8993724d;border-radius:9px}.related:hover{background:#ffffff0c}.related h3{color:#f8f4e7}.related p{color:#c4c8b9}.related .arrow{color:#e8a65e}.related .related-icon{border-color:#b39b7259}.related-icon svg{stroke:#d7b88a}
.whatsapp-band{background:#33372b}.whatsapp-band:after{background:linear-gradient(90deg,#2d332b22,rgba(39,45,34,.92) 50%,rgba(39,45,34,.98))}.whatsapp-band h2{color:#fff7e8}.whatsapp-band p{color:#dfdfcf}.whatsapp-band .eyebrow{color:#ddc8a9}
.symptom-card{background:#fffdf9;border-color:#e0dacd;border-radius:10px;box-shadow:0 5px 20px #3d412a04}.symptom-num{border-color:#dfcfb9;color:#a46c33}.symptom-num svg{stroke:#aa713b}.symptom-card h3{color:#333b2b}.symptom-card p{color:#737b66}.symptom-card a{color:#946229}.symptom-card a svg{color:#18784e}.symptom-note{background:#ece6da;border-left-color:#ed952f;color:#676c58;border-radius:0 8px 8px 0}.symptom-tag{background:#f4e5d1;color:#965115;border-left-color:#ef922d}.repair-body>span{color:#a76e30}.care-tip>svg,.equipment-item svg{stroke:#a06d33}.care-tip h3,.equipment-item span{color:#3c452f}.care-tip p{color:#737c65}.repair-hero .hero-kicker{color:#cecfbd}
.contact{background:#eae4d8;color:#363b2d;border-top:1px solid #e1d9ca;border-bottom:1px solid #dcd3c0}.contact h2{color:#363e2b}.contact h2 span{color:#b27b3c}.contact p,.contact-intro{color:#6c735f}.contact-phone,.contact-list a,.contact-list>div{color:#4e563f}.contact-list small,.contact-caption{color:#868b76}.pending{background:#e8d4b8;color:#865017}.contact form,form{background:#fffdf9;border:1px solid #ddd3c1;border-radius:12px;box-shadow:0 14px 42px #4b44280a}form h3{color:#3e472f}label{color:#555d45}label small{color:#8c917c}input,select,textarea{background:#faf8f1;border-color:#d8d0c0;color:#414934;border-radius:5px}input:focus,select:focus,textarea:focus{outline:3px solid #ecb56e26;border-color:#ce9a58}.form-note,form p.form-note{color:#8a8e7c}.privacy-link{color:#925c25}
.faq-grid h2,.faq h2{color:#343d2b}summary{color:#424b35;border-color:#d9d1c1}.faq-grid details,.faq details{border-color:#ddd6c7}summary:after,summary span{color:#a5753a}details p{color:#707961}.steps li{border-color:#e1d9ca}.steps li>span{border-color:#d5c6ae;color:#a36c2f}.steps h3{color:#3e472f}.steps p,.process-copy{color:#737c65}
footer{background:#ede9df;color:#404735;border-top:1px solid #d9d0bd;padding-top:60px}footer .footer-grid{gap:45px}footer .footer-grid p{color:#7b826e}footer .footer-grid h4,footer .footer-grid b{color:#a26b30}footer .footer-grid a:not(.wordmark):not(.brand){color:#566046}footer .footer-grid address{color:#6d775d}footer .wordmark.sajoc-identity img,footer .footer-brand img{width:250px;height:auto;display:block}footer .footer-bottom{border-color:#d8ceba;color:#858b76}footer .privacy-link{color:#80886d!important}
.floating-wa{background:#18784e;color:#fff;border:1px solid #ffffff80;box-shadow:0 6px 22px #31533720;font-size:12px}.floating-wa svg{color:#fff}.floating-wa:hover{background:#116642}.skip{background:#fff9eb;color:#6d4d23}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#df8a2d}
.solution{background:#fffdf9;border-color:#dfd7c6;border-radius:10px;box-shadow:0 6px 20px #373c2703}.solution:hover{border-color:#ba8a50}.solution h3{color:#3b452d}.solution p{color:#79836a}.number{color:#9b8c72}.card-arrow,.card-cta b{color:#b67a34}.card-cta{border-color:#e4dccb;color:#687452}.help-card{background:#343c2b;color:#fff8e8;border-radius:10px}.help-card .number{color:#c7c9b4}.help-card h3{color:#fff9ec}.help-card .card-cta{color:#e8e5d5;border-color:#81916650}.help-card .card-cta b{color:#f3b36b}.diagram{background:repeating-linear-gradient(0deg,transparent,transparent 24px,#f0eadc 25px),repeating-linear-gradient(90deg,transparent,transparent 24px,#f0eadc 25px);opacity:.8}.diagram:after{border-color:#cabd9f}.rammer i{background:repeating-linear-gradient(0deg,#a97437 0px,#a97437 2px,transparent 3px,transparent 6px)}
dialog{background:#fbf8ee;border-color:#d6c9ad;color:#465032;border-radius:10px}dialog h2{color:#3d482b}dialog p{color:#778060}dialog .close,.close-dialog{color:#7d6d4c}.privacy-pending{background:#f0e3cc}.equipment-label{color:#a27034}.identity .logo-board,.identity figure{background:#f9f6ed;border-color:#dfd4be}
@media(min-width:1500px){.hero .wrap{padding-top:77px;padding-bottom:77px}.hero h1{font-size:72px}.hero{min-height:715px}.hero-content{padding-top:83px}}
@media(max-width:1100px){header .nav nav{gap:18px;font-size:12px}header .wordmark.sajoc-identity img,header .brand img{width:230px}}
@media(max-width:980px){html{scroll-padding-top:100px}header .nav{height:86px;gap:12px}header .wordmark.sajoc-identity img,header .brand img{width:210px}header .nav nav{display:none;position:absolute;left:0;right:0;top:86px;background:#f8f6f1;padding:25px 28px;box-shadow:0 15px 22px #292b2712;font-size:15px}header .nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:17px}header .nav nav .button{justify-content:center}header .nav nav>a:not(.button){padding:5px 0}.mobile-call{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:8px 11px;margin-left:auto;border:1px solid #d5cdbc;border-radius:5px}.menu-button,.menu{display:block;color:#414b33;background:transparent}.menu-button{border:0;font-size:25px;line-height:1;padding:6px}.menu{border:1px solid #d5cdbc;padding:4px 12px;font-size:23px}.topbar .wrap>span:last-child,.topbar .wrap>a{display:none}}
@media(max-width:760px){header .wordmark.sajoc-identity img,header .brand img{width:185px}header .nav{height:86px}header .nav nav{top:86px;padding:24px 20px}.section{padding-top:60px;padding-bottom:60px}.hero:after{background:linear-gradient(90deg,rgba(34,39,29,.95),rgba(40,46,34,.76) 80%,rgba(40,46,34,.6))}.hero-shade{background:linear-gradient(90deg,rgba(34,39,29,.95),rgba(40,46,34,.72))}.hero h1 em,.hero h1 span{color:#f7a24c}.whatsapp-band:after{background:rgba(42,49,33,.9)}.proof .wrap{padding-top:10px;padding-bottom:10px}.proof-item{border-color:#dfd7c6}.trust .wrap>div{border-color:#dfd7c6}.contact{padding-top:60px;padding-bottom:60px}.floating-wa{font-size:11px;padding:11px 15px}footer .footer-grid>div:first-child{display:block}footer .wordmark.sajoc-identity img,footer .footer-brand img{width:230px}footer .footer-grid p{margin-top:16px}.service-intro h2 span{color:#f1ae62}.application-card .card-body{padding:24px}.product-content{padding:19px 13px}.contact form{padding:26px 21px}.footer-grid address,.footer-grid a:not(.brand){overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}