:root{--ink:#0a1217;--muted:#66757e;--line:#dfe7eb;--cyan:#50d2f4;--cyan2:#0075bd;--soft:#f4f8fa;--white:#fff;--green:#18aa5a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(210,222,228,.75)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:158px;display:block}.nav nav{display:flex;align-items:center;gap:27px}.nav nav a{font-size:.76rem;font-weight:800;color:#40505a}.nav nav a:hover{color:var(--cyan2)}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 36%,#d9f7ff 0,#f5fbfd 25%,#fff 55%);min-height:690px}.hero:after{content:"";position:absolute;inset:auto -10% -180px;height:330px;background:linear-gradient(90deg,transparent,#dff8ff,transparent);transform:rotate(-5deg);opacity:.55}.hero-grid{min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow,.eyebrow-pill{font-weight:900;letter-spacing:.14em;font-size:.63rem;color:#0075bd}.eyebrow-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #bceaf5;border-radius:999px;background:rgba(255,255,255,.7)}.live-dot{width:7px;height:7px;border-radius:50%;background:#18aa5a;box-shadow:0 0 0 5px rgba(24,170,90,.1)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(3.4rem,6.7vw,6rem);line-height:.93;letter-spacing:-.07em;margin:22px 0 22px;max-width:720px}h1 span{display:block;color:#19a0c9}h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.05em;margin:13px 0 16px}.hero-copy>p{font-size:1.08rem;line-height:1.7;color:#63727b;max-width:610px}.hero-actions{display:flex;gap:11px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border-radius:13px;font-weight:900;font-size:.78rem;border:1px solid transparent;transition:.25s}.btn.primary{background:var(--ink);color:#fff;box-shadow:0 16px 30px rgba(5,18,24,.16)}.btn.primary:hover{transform:translateY(-2px);background:#13242c}.btn.ghost{border-color:#d6e1e6;background:#fff}.btn.dark{background:var(--ink);color:#fff}.micro-trust{display:flex;gap:25px;color:#76848c;font-size:.7rem;font-weight:700}.micro-trust b{display:block;color:#0075bd;font-size:.58rem;margin-bottom:4px}.hero-visual{height:560px;position:relative}.hero-orbit{position:absolute;border:1px solid rgba(30,170,207,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:490px;height:490px}.orbit-b{width:370px;height:370px;border-style:dashed}.hero-appliance{position:absolute;filter:drop-shadow(30px 35px 25px rgba(11,40,50,.18))}.fridge{width:190px;height:365px;right:16%;top:82px;border-radius:25px;background:linear-gradient(130deg,#f8fbfc 0,#b8c7cc 50%,#7e9299 100%);box-shadow:inset -15px 0 20px rgba(0,0,0,.08)}.fridge:before{content:"";position:absolute;top:13px;left:13px;right:13px;height:1px;background:#c4d0d4}.fridge:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#9dadb3}.fridge i{position:absolute;right:15px;top:32%;width:5px;height:70px;border-radius:8px;background:#64777f}.fridge em{position:absolute;inset:14px 15px 50% 15px;border-radius:16px 16px 3px 3px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(140,177,188,.12));display:block}.fridge strong{position:absolute;bottom:36px;left:0;right:0;text-align:center;font-size:.68rem;letter-spacing:.2em;color:#71838a}.washer{width:235px;height:235px;left:5%;bottom:75px;border-radius:30px;background:linear-gradient(145deg,#f6f9fa,#9aaeb6);box-shadow:inset 0 0 30px rgba(0,0,0,.08)}.washer:before{content:"";position:absolute;left:18px;right:18px;top:18px;height:30px;background:#d3dde1;border-radius:8px}.washer i{position:absolute;width:150px;height:150px;border-radius:50%;left:42px;top:66px;background:radial-gradient(circle,#1d3b45 0,#071218 64%,#92a9b0 65%,#dce6e9 69%,#a4b4ba 100%)}.washer em{position:absolute;width:24px;height:24px;border-radius:50%;background:#e8f1f3;left:23px;top:23px}.hero-card{position:absolute;z-index:3;background:rgba(255,255,255,.88);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.9);border-radius:17px;box-shadow:0 18px 45px rgba(16,51,62,.12);padding:17px}.hero-card-back{right:0;bottom:32px;width:210px}.hero-card-back small{display:block;color:#0075bd;font-size:.56rem;font-weight:900;letter-spacing:.14em}.hero-card-back strong{display:block;margin:6px 0;font-family:Manrope}.hero-card-back span{display:block;color:#7a8991;font-size:.7rem;line-height:1.4}.floating-chip{position:absolute;z-index:4;padding:11px 14px;background:#07141a;color:#fff;border-radius:999px;font-size:.62rem;font-weight:800;box-shadow:0 12px 28px rgba(5,20,27,.2)}.chip-one{left:2%;top:80px}.chip-two{right:5%;top:45px;background:#fff;color:#17313b;border:1px solid #dbe8ed}.stats{background:var(--ink);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:25px 22px;border-right:1px solid #26343c}.stats-grid div:last-child{border:0}.stats-grid strong{display:block;color:var(--cyan);font-family:Manrope;font-size:1.5rem}.stats-grid span{font-size:.7rem;color:#a8b6bd}.section{padding:105px 0}.heading-row{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:50px}.heading-row>p{color:var(--muted);line-height:1.7;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:295px;padding:27px;border:1px solid var(--line);border-radius:22px;position:relative;overflow:hidden;background:#fff;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(13,49,60,.09)}.service-card.featured{background:linear-gradient(145deg,#08161d,#123440);color:#fff;border-color:#123c4a}.number{position:absolute;right:22px;top:20px;color:#9caab1;font-size:.58rem;font-weight:900}.featured .number{color:#6dd8f5}.service-symbol{font-size:2rem;color:#0075bd;margin:32px 0 22px}.service-card h3{font-size:1.25rem;margin:0 0 10px}.service-card p{font-size:.8rem;line-height:1.65;color:var(--muted);max-width:290px}.featured p{color:#b2c0c7}.service-card a{position:absolute;bottom:25px;font-size:.7rem;font-weight:900;color:#0075bd}.portfolio{background:#f6f9fa}.portfolio-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:13px}.portfolio-card{background:#fff;border-radius:21px;overflow:hidden;border:1px solid var(--line)}.photo-slot{height:290px;position:relative;display:grid;place-items:center;background:#0b171d;overflow:hidden}.large .photo-slot{height:355px}.photo-slot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(75,210,244,.35),transparent 25%),linear-gradient(145deg,#22323a,#071016)}.photo-washer:before{background:radial-gradient(circle at 35% 55%,rgba(75,210,244,.25),transparent 23%),linear-gradient(145deg,#27353b,#071016)}.photo-dryer:before{background:radial-gradient(circle at 65% 45%,rgba(75,210,244,.28),transparent 25%),linear-gradient(145deg,#29343a,#071016)}.photo-slot span{position:relative;color:#63d8f5;font-size:3rem;font-weight:300}.photo-slot small{position:absolute;bottom:17px;left:18px;color:#bdebf7;font-size:.55rem;font-weight:900;letter-spacing:.14em}.portfolio-card>div:last-child{padding:20px 22px 24px}.portfolio-card>div:last-child span{font-size:.56rem;font-weight:900;letter-spacing:.14em;color:#0075bd}.portfolio-card h3{font-size:1.05rem;margin:7px 0 0}.result-banner{margin-top:14px;padding:33px;border:1px solid var(--line);background:#fff;border-radius:22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.result-banner h3{font-size:1.55rem;line-height:1.1;margin:8px 0}.result-banner p{color:var(--muted);font-size:.83rem;line-height:1.6}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:9px}.comparison div{height:175px;border-radius:15px;background:linear-gradient(145deg,#18282f,#071016);display:grid;place-items:center;position:relative;color:#63d8f5}.comparison div:last-child{background:linear-gradient(145deg,#0b3442,#071016)}.comparison b{position:absolute;top:13px;left:14px;font-size:.52rem;letter-spacing:.14em;color:#c2edf7}.comparison span{font-size:2rem}.dark-section{padding:105px 0;background:#081116;color:#fff}.heading-row.light{color:#fff}.heading-row.light>p{color:#9eafb7}.light .eyebrow{color:var(--cyan)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-grid article{padding:27px;border:1px solid #24343d;background:#0e1b21;border-radius:19px;min-height:215px}.process-grid b{color:var(--cyan);font-size:.68rem}.process-grid h3{margin:55px 0 8px;font-size:1.2rem}.process-grid p{color:#9cadb5;font-size:.78rem;line-height:1.5}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about p{color:var(--muted);line-height:1.7;max-width:580px}.check-list{display:grid;gap:10px;margin:25px 0 30px}.check-list span{font-size:.75rem;font-weight:800}.check-list span:first-letter{color:#0075bd}.about-visual{height:480px;border-radius:30px;background:linear-gradient(145deg,#0b171d,#153845);position:relative;overflow:hidden}.circle{position:absolute;width:390px;height:390px;border:1px solid rgba(88,216,245,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.about-machine{position:absolute;width:160px;height:290px;background:linear-gradient(145deg,#fbfdfe,#a9b8bd);border-radius:20px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:25px 30px 45px rgba(0,0,0,.3)}.about-machine:before{content:"";position:absolute;left:15px;right:15px;top:18px;height:30px;background:#dce4e7;border-radius:7px}.about-machine i{position:absolute;left:15px;right:15px;top:65px;height:135px;border-radius:8px;background:linear-gradient(135deg,#1d3944,#071217)}.about-machine b{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:.58rem;letter-spacing:.16em;color:#6d7f86}.about-tag{position:absolute;right:24px;bottom:24px;padding:16px 20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:15px;color:#fff}.about-tag small{display:block;color:#6ad9f6;font-size:.5rem;letter-spacing:.14em}.about-tag strong{display:block;font-size:1.05rem;margin-top:4px}.coverage{padding:95px 0;background:linear-gradient(110deg,#e7f8fd,#fff)}.coverage-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.coverage p{color:var(--muted);line-height:1.7;max-width:580px}.text-link{font-size:.75rem;color:#0075bd;font-weight:900}.map-card{height:310px;border-radius:27px;background:#0b151a;position:relative;overflow:hidden;box-shadow:0 25px 55px rgba(8,25,33,.15)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(90,190,215,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(90,190,215,.1) 1px,transparent 1px);background-size:32px 32px;transform:skewY(-8deg) scale(1.2)}.map-pin{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:4rem;color:#5fd7f5;text-shadow:0 0 30px rgba(95,215,245,.45)}.map-label{position:absolute;left:20px;bottom:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:13px 16px;border-radius:12px;color:#fff}.map-label small{display:block;color:#6ad9f6;font-size:.5rem;letter-spacing:.14em}.map-label strong{font-size:.8rem}.testimonial-section{padding:100px 0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.testimonial-grid article{padding:27px;border:1px solid var(--line);border-radius:20px;background:#f8fafb;min-height:210px}.testimonial-grid article>span{font-family:Georgia;font-size:3.5rem;color:#55d5f4;line-height:.5}.testimonial-grid p{font-size:.9rem;line-height:1.55;margin:20px 0}.testimonial-grid strong,.testimonial-grid small{display:block}.testimonial-grid small{color:#8a969e;font-size:.65rem;margin-top:4px}.request-section{padding:0 0 100px}.request-card{background:#091217;color:#fff;border-radius:30px;padding:55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;box-shadow:0 28px 70px rgba(7,25,32,.16)}.request-copy h2{font-size:clamp(2.3rem,4vw,4rem)}.request-copy p{color:#a8b8c0;line-height:1.65}.request-points{display:grid;gap:10px;margin-top:25px}.request-points span{font-size:.72rem;color:#c7d3d8}.service-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-form label{font-size:.75rem;font-weight:800;color:#dbe6ea}.service-form label:nth-child(3),.service-form button,.service-form small{grid-column:1/-1}.service-form input,.service-form select,.service-form textarea{width:100%;margin-top:7px;background:#111d23;border:1px solid #2a3a42;color:#fff;border-radius:12px;padding:14px;font:inherit;outline:none}.service-form input:focus,.service-form select:focus,.service-form textarea:focus{border-color:#43c6e9}.service-form textarea{resize:vertical}.service-form small{color:#7f9099;font-size:.65rem}.faq-section{background:#f5f8fa}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-grid>div>p{color:var(--muted);line-height:1.6}.faq{border-top:1px solid var(--line)}details{padding:21px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:900;font-size:.9rem;list-style:none;position:relative;padding-right:35px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;color:#0075bd;font-size:1.2rem}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:.8rem;line-height:1.6}.contact{padding:90px 0;background:#081116;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-grid p{color:#a7b6bd;line-height:1.6}.contact-list{display:grid;gap:12px}.contact-list a{padding:22px;border:1px solid #25343d;border-radius:17px;background:#0e1a20}.contact-list a:hover{border-color:#2399be}.contact-list small,.contact-list strong{display:block}.contact-list small{color:#63d8f5;font-size:.55rem;font-weight:900;letter-spacing:.14em;margin-bottom:5px}.contact-list strong{font-size:1.05rem}footer{background:#050b0e;color:#87959c}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner img{width:145px}.footer-inner p,.footer-inner a{font-size:.68rem}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:120;background:var(--green);color:#fff;padding:14px 17px;border-radius:999px;font-weight:900;font-size:.72rem;display:flex;gap:9px;align-items:center;box-shadow:0 15px 35px rgba(0,0,0,.25)}.wa-dot{width:8px;height:8px;background:#fff;border-radius:50%}
@media(max-width:930px){.nav nav{display:none;position:absolute;left:4%;right:4%;top:75px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:17px;flex-direction:column;align-items:flex-start;box-shadow:0 18px 45px rgba(0,0,0,.12)}.nav nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.about-grid,.coverage-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:70px 0}.hero-visual{height:500px}.service-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-card.large{grid-column:1/-1}.process-grid{grid-template-columns:1fr 1fr}.heading-row{grid-template-columns:1fr;gap:18px}.result-banner{grid-template-columns:1fr}.request-card{grid-template-columns:1fr;gap:35px}.faq-grid{grid-template-columns:1fr;gap:40px}.testimonial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:min(92%,430px)}.nav{height:68px}.brand img{width:145px}.hero-grid{padding:55px 0 35px}.hero h1{font-size:3.4rem}.hero-actions{flex-direction:column}.micro-trust{display:grid;grid-template-columns:1fr 1fr}.hero-visual{height:400px}.orbit-a{width:340px;height:340px}.orbit-b{width:260px;height:260px}.fridge{width:140px;height:270px;right:7%;top:55px}.washer{width:175px;height:175px;left:0;bottom:35px}.washer i{width:110px;height:110px;left:32px;top:50px}.chip-one{left:0;top:25px}.chip-two{right:0;top:5px}.hero-card-back{right:0;bottom:0;width:190px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid div{padding:19px}.section,.dark-section,.testimonial-section{padding:78px 0}.service-grid,.portfolio-grid,.process-grid,.testimonial-grid{grid-template-columns:1fr}.portfolio-card.large{grid-column:auto}.photo-slot,.large .photo-slot{height:240px}.result-banner{padding:25px}.comparison div{height:140px}.about-visual{height:380px}.circle{width:300px;height:300px}.about-machine{width:130px;height:240px}.coverage-grid{gap:35px}.map-card{height:270px}.request-card{padding:32px 23px}.service-form{grid-template-columns:1fr}.service-form label:nth-child(3),.service-form button,.service-form small{grid-column:auto}.footer-inner{padding:24px 0;flex-direction:column;align-items:flex-start}.whatsapp-float{right:13px;bottom:13px}.whatsapp-float .wa-text{display:none}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.service-card:nth-child(2),.portfolio-card:nth-child(2),.process-grid article:nth-child(2),.testimonial-grid article:nth-child(2){transition-delay:.08s}.service-card:nth-child(3),.portfolio-card:nth-child(3),.process-grid article:nth-child(3),.testimonial-grid article:nth-child(3){transition-delay:.16s}


/* MantPro Web 7.0 enhancements */
html{scroll-behavior:smooth}body{padding-top:0}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#0075bd,#67dcf7);z-index:9999;box-shadow:0 0 12px rgba(70,210,244,.5)}
.topbar{background:#071217;color:#cbd8dc;font-size:.62rem;font-weight:800;letter-spacing:.03em}.topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar a{color:#67dbf7}.topbar a b{font-size:.9rem}.hero-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#65767e;font-size:.64rem;font-weight:800}.hero-note span:first-child{color:#168eb1}.quick-cta{padding:38px 0;background:#eaf9fd;border-top:1px solid #d5eef4;border-bottom:1px solid #d5eef4}.quick-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.quick-cta h2{font-family:Manrope,sans-serif;font-size:clamp(1.5rem,2.6vw,2.6rem);margin:8px 0 0;max-width:760px}.service-chips{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}.service-chips a{font-size:.64rem;font-weight:900;padding:10px 14px;border-radius:999px;background:#f3f7f8;border:1px solid #dce8eb;color:#42545b;transition:.2s}.service-chips a:hover{background:#071217;color:#fff;border-color:#071217;transform:translateY(-2px)}.back-top{position:fixed;right:20px;bottom:80px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d9e5e8;color:#0b171d;font-weight:900;z-index:90;box-shadow:0 10px 25px rgba(0,0,0,.12);opacity:0;pointer-events:none;transition:.25s}.back-top.show{opacity:1;pointer-events:auto}.mobile-cta{display:none}
@media(max-width:930px){.topbar-inner{padding:0 4%}.quick-cta-inner{align-items:flex-start}.back-top{bottom:90px}}
@media(max-width:560px){.topbar{display:none}.hero-note{display:grid;gap:8px}.quick-cta{padding:30px 0}.quick-cta-inner{display:grid;gap:20px}.quick-cta .btn{width:100%;justify-content:center}.service-chips{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.service-chips a{white-space:nowrap}.back-top{right:13px;bottom:83px}.mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:100}.mobile-cta a{display:flex;justify-content:center;align-items:center;gap:8px;background:#16b85b;color:#fff;border-radius:999px;padding:15px;font-weight:900;font-size:.78rem;box-shadow:0 15px 30px rgba(0,0,0,.25)}.whatsapp-float{display:none}}

/* MantPro Web 7.2 refinements */
.header-main{min-height:96px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.header-main .brand{display:flex;align-items:center}.header-main .brand img{width:158px;height:auto}.header-center{display:flex;justify-content:center}.header-service-line{font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0075bd;white-space:nowrap}.header-service-line span{color:#a3b4bb;margin:0 7px}.header-main nav{display:flex;align-items:center;justify-content:flex-end;gap:22px}.header-main nav a{font-size:.72rem;font-weight:800;color:#40505a;white-space:nowrap}.header-main nav a:hover{color:var(--cyan2)}
.hero-slogan{font-size:.7rem;letter-spacing:.12em}.hero h1{font-size:clamp(3rem,5.8vw,5.2rem)}
.services .heading-row h2{font-size:clamp(2rem,3.4vw,3.35rem);max-width:760px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:275px;padding:25px}.service-symbol{font-size:1.7rem;margin:22px 0 17px}.service-card h3{font-size:1.1rem;line-height:1.18;max-width:240px}.service-card p{font-size:.75rem;line-height:1.6}.service-card a{font-size:.68rem}
.about .eyebrow{font-size:.68rem;color:#0075bd}.about h2{color:#0075bd}
.why-section{padding:105px 0;background:#f5f9fa}.why-section .heading-row{margin-bottom:38px}.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.why-grid article{grid-column:span 2;min-height:205px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;gap:16px;align-items:flex-start;box-shadow:0 8px 25px rgba(10,30,38,.035);transition:.25s}.why-grid article:nth-child(4){grid-column:2 / span 2}.why-grid article:nth-child(5){grid-column:4 / span 2}.why-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(10,30,38,.08)}.why-grid .why-icon{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eaf9fd;color:#0075bd;font-size:1.15rem;font-weight:900}.why-grid article>div:last-child{min-width:0}.why-grid article span{display:block;color:#9aaab1;font-size:.55rem;font-weight:900;letter-spacing:.12em;margin-bottom:8px}.why-grid h3{font-size:1rem;line-height:1.2;margin:0 0 8px}.why-grid p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.55}
.commitment{padding:105px 0;background:#fff}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principles article{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;min-height:205px;box-shadow:0 8px 25px rgba(10,30,38,.035);transition:.25s}.principles article:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(10,30,38,.08)}.principle-icon{width:46px;height:46px;border-radius:14px;background:#eaf9fd;color:#0075bd;display:grid;place-items:center;font-weight:900;font-size:1.1rem;margin-bottom:24px}.principles strong{font-family:Manrope;font-size:1.05rem}.principles p{color:var(--muted);font-size:.75rem;line-height:1.6;margin:9px 0 0}
.wa-inline,.wa-icon{display:inline-grid;place-items:center}.wa-inline svg{width:18px;height:18px;fill:currentColor}.wa-icon svg{width:21px;height:21px;fill:#fff}.whatsapp-float{gap:8px}.whatsapp-float .wa-dot{display:none}
@media(max-width:1050px){.header-main{grid-template-columns:auto 1fr auto;gap:18px}.header-main nav{gap:13px}.header-service-line{font-size:.6rem}.header-main .brand img{width:145px}}
@media(max-width:930px){.header-main{min-height:76px;display:flex;justify-content:space-between;gap:14px}.header-center{display:none}.header-main nav{display:none;position:absolute;left:4%;right:4%;top:82px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:17px;flex-direction:column;align-items:flex-start;box-shadow:0 18px 45px rgba(0,0,0,.12)}.header-main nav.open{display:flex}.header-main .menu-toggle{display:block}.why-grid{grid-template-columns:1fr 1fr}.why-grid article,.why-grid article:nth-child(4),.why-grid article:nth-child(5){grid-column:auto}.principles{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.header-main{min-height:70px}.header-main .brand img{width:140px}.header-main nav{top:74px}.services .heading-row h2{font-size:2rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:255px}.why-grid,.principles{grid-template-columns:1fr}.why-grid article,.why-grid article:nth-child(4),.why-grid article:nth-child(5){grid-column:auto}.why-grid article{min-height:170px}.principles article{min-height:175px}.principle-icon{margin-bottom:18px}.whatsapp-float{padding:13px 15px}.whatsapp-float .wa-text{display:none}.mobile-cta .wa-inline svg{width:19px;height:19px}}

/* MantPro Web 7.3 refinements */
.header-main nav a{font-size:.82rem}
.hero h1 .hero-main-line{display:inline;white-space:nowrap;color:var(--ink)}
.hero h1>span:last-child{display:block}
.hero-copy>p{font-size:1rem}
.services-heading{display:block;max-width:920px;margin-bottom:34px}
.services-heading>div>p{color:var(--muted);line-height:1.65;margin:12px 0 0;max-width:780px}
.service-grid{grid-template-columns:repeat(4,1fr);gap:12px}
.service-card.featured{background:linear-gradient(145deg,#08161d,#123440);color:#fff;border-color:#123c4a}
.service-card.featured p{color:#b2c0c7}
.service-card{min-height:270px;padding:22px}
.service-card h3{font-size:1.02rem}
.service-card p{font-size:.72rem;line-height:1.55}
.service-symbol{font-size:1.6rem;margin:18px 0 16px;color:#0075bd}
.featured .service-symbol{color:#63d8f5}
.about h2{color:var(--ink)}
.why-section{padding:95px 0}
.why-grid{grid-template-columns:repeat(4,1fr);gap:12px}
.why-grid article,.why-grid article:nth-child(4),.why-grid article:nth-child(5){grid-column:auto;min-height:175px;padding:18px;gap:12px;background:linear-gradient(145deg,#08161d,#123440);border-color:#123c4a;color:#fff;box-shadow:0 10px 28px rgba(8,22,29,.12)}
.why-grid .why-icon{flex-basis:40px;width:40px;height:40px;background:#163e4b;color:#63d8f5;font-size:1rem}
.why-grid article span{color:#78b9c9;margin-bottom:6px}
.why-grid h3{font-size:.92rem}
.why-grid p{font-size:.68rem;color:#b2c0c7;line-height:1.5}
.commitment{padding:95px 0}
.principles{gap:12px}
.principles article{min-height:185px;padding:21px;background:linear-gradient(145deg,#08161d,#123440);border-color:#123c4a;color:#fff;box-shadow:0 10px 28px rgba(8,22,29,.12)}
.principle-icon{width:42px;height:42px;border-radius:13px;background:#163e4b;color:#63d8f5;font-size:1rem;margin-bottom:20px}
.principles strong{font-size:1rem}
.principles p{font-size:.7rem;color:#b2c0c7;line-height:1.55}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.header-main nav a{font-size:.76rem}}
@media(max-width:930px){.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero h1 .hero-main-line{white-space:normal}.hero h1>span:last-child{display:block}.service-grid,.why-grid{grid-template-columns:1fr}.service-card{min-height:245px}.why-grid article,.why-grid article:nth-child(4),.why-grid article:nth-child(5){min-height:155px}.services-heading{margin-bottom:28px}}


/* Ajustes solicitados - MantPro 7.4 */
.hero-grid{transform:translateY(-22px)}
.hero-highlight{font-size:1.06rem !important;line-height:1.6 !important;color:#0a6f88 !important;font-weight:900 !important;max-width:680px !important;margin-top:8px !important;padding:13px 17px !important;border-left:4px solid var(--green);background:#eaf9fd;border-radius:10px}
.hero h1 .hero-main-line{display:inline !important;white-space:normal;color:var(--ink);max-width:850px}
.hero-actions .btn.primary{background:var(--green);font-size:.9rem;padding:17px 24px;box-shadow:0 16px 30px rgba(24,170,90,.22)}
.hero-actions .btn.primary:hover{background:#14964f}
@media(max-width:930px){.hero-grid{transform:translateY(-15px)}}
@media(max-width:560px){.hero-grid{transform:none}.hero-highlight{font-size:.94rem !important;padding:12px 14px !important}.hero-actions .btn.primary{font-size:.9rem;padding:17px 20px}}


/* MantPro Web 7.5 refinements */
.hero-grid{transform:translateY(-38px)}
.hero h1{max-width:780px}
.hero h1 .hero-main-line{display:block !important;white-space:normal !important;line-height:.94}
.hero-subtitle{margin:0 0 12px !important;color:#0075bd !important;font-size:1.2rem !important;line-height:1.25 !important;font-weight:900 !important;letter-spacing:-.01em}
.hero-highlight{margin-top:0 !important}
.hero-technician-visual{height:560px;border-radius:30px;overflow:hidden;background:#e8f2f5;box-shadow:0 24px 60px rgba(10,34,43,.16);position:relative}
.hero-technician-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.hero-image-badge{position:absolute;left:20px;bottom:20px;padding:11px 15px;border-radius:999px;background:rgba(7,22,29,.9);color:#fff;font-size:.66rem;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.18)}
@media(max-width:1050px){.hero-grid{transform:translateY(-28px)}.hero-subtitle{font-size:1.08rem !important}.hero-technician-visual{height:500px}}
@media(max-width:930px){.hero-grid{transform:translateY(-18px);grid-template-columns:1fr}.hero-technician-visual{height:470px;max-width:720px;margin:0 auto;width:100%}}
@media(max-width:560px){.hero-grid{transform:translateY(-8px)}.hero h1{font-size:clamp(2.65rem,12vw,4rem)}.hero-subtitle{font-size:1rem !important}.hero-technician-visual{height:390px;border-radius:22px}.hero-image-badge{left:14px;bottom:14px;font-size:.6rem}}

/* MantPro Web 7.6 */
:root{--hero-blue:#0075bd;--hero-green:#16b85b}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 5px 25px rgba(8,22,29,.07)}
.header-main{min-height:92px!important;display:flex!important;align-items:center;justify-content:space-between;gap:24px}
.header-main .brand img{width:195px!important;height:auto;display:block}
.header-main nav{display:flex!important;align-items:center;gap:30px;margin-left:auto}
.header-main nav a{font-size:.9rem!important;font-weight:800;color:#34454e}
.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;min-height:700px;display:flex;align-items:center;background:#091b2a}
.hero-bg{position:absolute;inset:0;background-image:url('assets/hero-inicio-99-final.jpg');background-size:cover;background-position:center center;filter:none;transform:none;opacity:1}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.34) 42%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);pointer-events:none}
.hero-grid{position:relative;z-index:2;transform:none!important;min-height:700px;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:30px;padding-top:18px;padding-bottom:18px}
.hero-copy{max-width:760px;color:#fff}
.hero-slogan{color:#fff!important;font-size:.76rem!important;letter-spacing:.16em!important;text-shadow:0 2px 12px rgba(0,0,0,.2)}
.hero h1{margin:16px 0 10px!important;font-size:clamp(3.2rem,5.7vw,5.3rem)!important;line-height:.93!important;max-width:none!important;color:#fff!important;letter-spacing:-.045em}
.hero h1 span{display:block;white-space:nowrap}
.hero h1 span:last-child{margin-top:2px}
.hero-subtitle{margin:0 0 16px!important;color:#48c4ec!important;font-size:clamp(1.25rem,2.1vw,1.8rem)!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.02em}
.hero-highlight{display:inline-block!important;margin:0 0 20px!important;padding:0!important;border:0!important;background:none!important;color:#fff!important;font-size:1.04rem!important;font-weight:700!important;line-height:1.5!important;max-width:690px!important}
.hero-actions{gap:12px!important}
.hero-actions .btn.primary{background:#16b85b!important;border-color:#16b85b!important;font-size:1rem!important;padding:17px 25px!important;box-shadow:0 15px 35px rgba(22,184,91,.26)!important}
.hero-actions .btn.ghost{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}
.hero-note{display:flex!important;flex-wrap:wrap;gap:14px 22px;margin-top:22px!important;color:#fff!important}
.hero-note span{color:#fff!important;font-size:.76rem!important;font-weight:800!important}
.hero-brand-mark,.hero-technician-logo{position:absolute;z-index:3;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.22));pointer-events:none}
.hero-brand-mark{right:34px;top:34px;width:130px;opacity:.98}
.hero-brand-mark img,.hero-technician-logo img{width:100%;height:auto;display:block}
.hero-technician-logo{right:110px;bottom:45px;width:125px;padding:5px;border-radius:12px;background:rgba(255,255,255,.94)}
.services{padding-top:105px}
.services-heading{text-align:center!important;max-width:1080px!important;margin:0 auto 42px!important}
.services-heading .eyebrow{display:block;text-align:center}
.services-heading h2{max-width:none!important;margin:10px auto 13px!important;font-size:clamp(2.15rem,4vw,3.45rem)!important;line-height:1.06!important}
.services-heading p{max-width:820px!important;margin:0 auto!important;font-size:1rem!important;line-height:1.7!important;color:var(--muted)!important}
.service-grid{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.service-card.featured{min-height:0!important;padding:0!important;overflow:hidden!important;border-radius:22px!important;background:linear-gradient(145deg,#08161d,#123440)!important;box-shadow:0 14px 35px rgba(8,22,29,.14)!important}
.service-photo{height:210px;background:#dfeaed;overflow:hidden}
.service-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.service-card:hover .service-photo img{transform:scale(1.04)}
.service-card-body{padding:19px 18px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.service-card h3{font-size:1.02rem!important;line-height:1.2!important;margin:0!important;color:#fff!important;max-width:none!important}
.service-card p,.service-symbol{display:none!important}
.service-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#16b85b;border-radius:999px;padding:10px 14px;font-size:.7rem;font-weight:900;text-decoration:none;box-shadow:0 9px 20px rgba(22,184,91,.2)}
.service-wa svg{width:18px;height:18px;fill:currentColor}
.about-integrated{padding:100px 0 0;background:#f5f9fa}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:55px;align-items:center}
.about-copy .eyebrow{color:var(--hero-blue)!important}
.about-copy p{max-width:650px;color:#52646c;line-height:1.75}
.about-copy .about-lead{font-size:1.18rem;color:#263940;font-weight:600}
.about-photo{position:relative;height:500px;border-radius:30px;overflow:hidden;box-shadow:0 22px 60px rgba(8,22,29,.15);background:#dbe7eb}
.about-photo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,30,.04),rgba(4,18,30,.34))}
.about-photo-logo{position:absolute;z-index:2;right:20px;bottom:20px;width:155px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.93);box-shadow:0 10px 25px rgba(0,0,0,.15)}
.about-photo-logo img{display:block;width:100%;height:auto}
.about-extra{margin-top:78px;background:linear-gradient(145deg,#08161d,#123440);border-radius:34px 34px 0 0;padding:55px 52px 60px;color:#fff}
.extra-block+.extra-block{margin-top:55px;padding-top:55px;border-top:1px solid rgba(255,255,255,.16)}
.extra-block .eyebrow{color:#63d8f5!important}
.extra-block h2{color:#fff!important;margin:8px 0 24px!important;font-size:clamp(1.8rem,3vw,2.55rem)!important}
.why-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.why-grid article{min-height:170px!important;padding:19px!important;border:1px solid #123c4a!important;border-radius:18px!important;background:#0d2834!important;color:#fff!important;box-shadow:none!important;display:flex!important;gap:12px!important}
.why-grid .why-icon{flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:12px!important;background:#163e4b!important;color:#63d8f5!important}
.why-grid article span{display:none!important}.why-grid h3{font-size:.92rem!important;color:#fff!important}.why-grid p{font-size:.69rem!important;color:#b9c7cc!important}
.principles{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.principles article{min-height:170px!important;padding:20px!important;border:1px solid #123c4a!important;border-radius:18px!important;background:#0d2834!important;color:#fff!important;box-shadow:none!important}
.principle-icon{background:#163e4b!important;color:#63d8f5!important;margin-bottom:18px!important}
.principles strong{color:#fff!important}.principles p{color:#b9c7cc!important;font-size:.7rem!important}
.contact{padding:105px 0!important}
.footer-brand img{width:145px;height:auto;display:block}
.footer-inner{gap:22px!important}
@media(max-width:1050px){.header-main .brand img{width:175px!important}.header-main nav{gap:20px}.hero-grid{grid-template-columns:1fr 220px;gap:20px}.hero h1{font-size:clamp(3rem,6.5vw,4.7rem)!important}.hero-brand-mark{right:10px}.hero-technician-logo{right:50px}.service-grid{grid-template-columns:repeat(2,1fr)!important}.about-grid{grid-template-columns:1fr 1fr;gap:30px}.why-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:930px){.header-main{min-height:78px!important}.header-main nav{display:none!important;position:absolute;left:4%;right:4%;top:84px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:17px;flex-direction:column;align-items:flex-start;box-shadow:0 18px 45px rgba(0,0,0,.12)}.header-main nav.open{display:flex!important}.menu-toggle{display:block!important;background:none;border:0;font-size:1.5rem;color:#263940}.hero{min-height:760px}.hero-grid{grid-template-columns:1fr;min-height:760px;padding:70px 0 55px}.hero-copy{max-width:760px}.hero-brand-mark{display:none}.hero-technician-logo{right:24px;bottom:35px;width:105px}.services-heading h2{font-size:clamp(2rem,5.4vw,3rem)!important}.about-grid{grid-template-columns:1fr}.about-photo{height:420px}.about-extra{padding:45px 30px}.why-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.header-main .brand img{width:155px!important}.hero{min-height:720px}.hero-grid{min-height:720px;padding:52px 0 42px}.hero h1{font-size:clamp(2.55rem,10.7vw,3.55rem)!important;letter-spacing:-.055em!important}.hero h1 span{white-space:nowrap}.hero-subtitle{font-size:1.08rem!important}.hero-highlight{font-size:.9rem!important}.hero-actions{flex-direction:column!important;align-items:stretch!important}.hero-actions .btn{width:100%;justify-content:center}.hero-note{gap:8px 15px}.hero-note span{font-size:.68rem!important}.hero-technician-logo{right:14px;bottom:25px;width:92px}.services{padding-top:78px}.services-heading h2{font-size:2rem!important}.services-heading p{font-size:.9rem!important}.service-grid{grid-template-columns:1fr!important}.service-photo{height:215px}.about-integrated{padding-top:75px}.about-photo{height:360px;border-radius:24px}.about-extra{margin-top:55px;padding:38px 18px 45px;border-radius:26px 26px 0 0}.why-grid,.principles{grid-template-columns:1fr!important}.why-grid article,.principles article{min-height:145px!important}.extra-block+.extra-block{margin-top:42px;padding-top:42px}.contact{padding:78px 0!important}.footer-brand img{width:125px}.footer-inner{flex-direction:column;align-items:flex-start!important}}

/* ===== MantPro 7.7 refinements ===== */
.site-header{background:#fff!important;backdrop-filter:none!important}
.hero{min-height:690px;background:#07151e!important}
.hero-bg{background-image:url('assets/mantpro-technician-washer.jpg')!important;background-position:center 42%!important;filter:blur(10px)!important;opacity:.24!important;transform:scale(1.08)!important}
.hero-overlay{background:linear-gradient(90deg,rgba(4,18,30,.96) 0%,rgba(4,18,30,.88) 45%,rgba(4,18,30,.55) 72%,rgba(4,18,30,.7) 100%)!important}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;gap:34px!important;padding-top:10px!important;padding-bottom:10px!important}
.hero-technician{position:relative;align-self:stretch;min-height:610px;display:flex;align-items:center;justify-content:flex-end;overflow:visible}
.hero-technician>img{width:min(520px,100%);height:600px;object-fit:cover;object-position:center;border-radius:32px;display:block;box-shadow:0 28px 70px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.16)}
.hero-technician-brand{position:absolute;right:28px;top:calc(50% - 38px);width:112px;padding:5px 7px;border-radius:9px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.22);overflow:hidden}
.hero-technician-brand img{display:block;width:100%;height:auto}
.hero-subtitle{margin:10px 0 20px!important;font-size:clamp(1.45rem,2.4vw,2rem)!important}
.hero-highlight{margin-bottom:24px!important}
.services{padding-top:88px!important}
.services-heading h2{font-size:clamp(1.9rem,3.3vw,2.75rem)!important}
.service-grid{grid-template-columns:repeat(4,1fr)!important}
.service-photo{height:215px!important}
.service-card-body{padding:17px 15px 18px!important;gap:11px!important}
.service-card h3{font-size:.98rem!important;min-height:38px;display:flex;align-items:center;justify-content:center}
.service-wa{padding:9px 15px!important;font-size:.72rem!important;gap:8px!important}
.service-wa svg{width:19px!important;height:19px!important}
footer{background:#fff!important;color:#5d6b73!important;border-top:1px solid #dfe7eb!important}
.footer-inner a{color:#0075bd!important}
.footer-inner p{color:#6c7a81!important}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 340px!important}.hero-technician>img{height:540px}.hero-technician{min-height:560px}.service-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:930px){.hero{min-height:820px}.hero-grid{grid-template-columns:1fr!important;min-height:820px;padding:55px 0 35px!important}.hero-copy{max-width:760px}.hero-technician{min-height:340px;justify-content:center;align-self:auto}.hero-technician>img{height:360px;width:min(520px,100%);border-radius:26px}.hero-technician-brand{right:10%;top:42%;width:100px}}
@media(max-width:560px){.hero{min-height:850px}.hero-grid{min-height:850px;padding:48px 0 28px!important}.hero-subtitle{font-size:1.25rem!important;margin-top:12px!important}.hero-technician{min-height:300px}.hero-technician>img{height:310px}.hero-technician-brand{right:9%;top:40%;width:88px}.service-grid{grid-template-columns:1fr!important}.service-photo{height:220px!important}}


/* ===== MantPro 7.8 refinements ===== */
.hero-grid{position:relative;z-index:2;align-items:center!important}
.hero-copy{position:relative;z-index:5;min-width:0}
.hero h1{position:relative;z-index:6;margin-top:14px!important}
.hero h1 span{white-space:nowrap!important}
.hero-technician{position:relative;z-index:3;min-width:0!important}
.hero-technician>img{position:relative;z-index:3;object-position:center center!important}
.hero-technician-brand{display:none!important}
.hero-subtitle{font-size:clamp(1.2rem,2vw,1.55rem)!important;margin-top:8px!important;margin-bottom:18px!important}
.hero-highlight{font-size:.92rem!important}

.services-heading h2{font-size:clamp(1.85rem,3vw,2.55rem)!important}
.service-card.featured{display:flex!important;flex-direction:column!important;padding:0!important}
.service-card.featured>h3{order:1;margin:0!important;min-height:54px;padding:15px 12px 8px;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#fff!important;font-size:.98rem!important;line-height:1.15!important}
.service-photo{order:2;height:205px!important;flex:0 0 205px!important}
.service-card-body{order:3;padding:13px 15px 16px!important;min-height:62px;display:flex!important;align-items:center!important;justify-content:center!important}
.service-wa{color:#148f55!important;background:#fff!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 8px 18px rgba(0,0,0,.12)!important;padding:8px 16px!important}
.service-wa .wa-inline{color:#18aa5a!important}
.service-wa svg{fill:currentColor!important}

.about-integrated{background:#fff!important}
.about-extra{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:30px!important;margin-top:70px!important;padding:45px 42px 50px!important}
.extra-block+.extra-block{border-top:1px solid var(--line)!important}
.extra-block .eyebrow{color:#0075bd!important}
.extra-block h2{color:#0a1217!important}
.why-grid article{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 10px 28px rgba(13,49,60,.05)!important}
.why-grid .why-icon{background:#eaf9fd!important;color:#0075bd!important}
.why-grid h3{color:#0a1217!important}
.why-grid p{color:#66757e!important}
.principles article{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 10px 28px rgba(13,49,60,.05)!important}
.principle-icon{background:#eaf9fd!important;color:#0075bd!important}
.principles strong{color:#0a1217!important}
.principles p{color:#66757e!important}

@media(max-width:1050px){
 .hero-grid{grid-template-columns:1fr 330px!important}
 .hero-technician>img{height:520px!important}
 .service-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:930px){
 .hero-grid{grid-template-columns:1fr!important}
 .hero-technician{min-height:330px!important}
 .hero-technician>img{height:340px!important;width:min(500px,100%)!important}
 .about-extra{padding:40px 28px 45px!important}
}
@media(max-width:560px){
 .hero h1 span{white-space:normal!important}
 .hero-subtitle{font-size:1.15rem!important}
 .service-grid{grid-template-columns:1fr!important}
 .service-photo{height:215px!important;flex-basis:215px!important}
 .about-extra{padding:34px 18px 40px!important}
}


/* MantPro Web 7.9 — ajustes solicitados */
.hero{min-height:690px!important;background:#eef5f7!important}
.hero-bg{background-image:url('assets/hero-technician-fridge-79.jpg')!important;background-position:right center!important;background-size:cover!important;filter:none!important;opacity:1!important;transform:none!important}
.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 42%,rgba(255,255,255,.52) 63%,rgba(255,255,255,.04) 100%)!important}
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;min-height:690px!important;padding:10px 0!important;gap:25px!important}
.hero-copy{color:#0a1217!important;max-width:700px!important}
.hero-slogan{color:#0075bd!important;text-shadow:none!important}
.hero h1{color:#0a1e43!important;font-size:clamp(3.1rem,5.4vw,5rem)!important;line-height:.95!important;letter-spacing:-.055em!important;margin:16px 0 10px!important}
.hero h1 span{white-space:nowrap!important;display:block!important}
.hero-subtitle{color:#0075bd!important;font-size:clamp(1.2rem,2vw,1.55rem)!important;margin:0 0 17px!important}
.hero-highlight{color:#0075bd!important;font-size:.98rem!important}
.hero-actions .btn.primary{font-size:.9rem!important;padding:17px 24px!important}
.hero-actions .btn.ghost{font-size:.78rem!important;padding:15px 20px!important;color:#0075bd!important;border-color:#0075bd!important;background:#fff!important}
.hero-note{color:#0075bd!important}.hero-note span{color:#0075bd!important}
.hero-technician,.hero-technician-brand,.hero-brand-mark,.hero-technician-logo{display:none!important}
.services{padding-top:92px!important}
.services-heading h2{font-size:clamp(1.85rem,3vw,2.55rem)!important}
.service-grid{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.service-card.featured{background:linear-gradient(145deg,#081f43,#0d3c68)!important}
.service-card.featured>h3{min-height:62px!important;padding:13px 10px 7px!important;font-size:.93rem!important}
.service-photo{height:205px!important}
.service-card-body{min-height:78px!important;padding:17px 15px 10px!important;justify-content:flex-end!important}
.service-wa{color:#148f55!important;background:#fff!important;border:1px solid rgba(255,255,255,.9)!important;padding:8px 16px!important;font-size:.7rem!important}
.about-integrated{background:#fff!important;padding-top:92px!important}
.about-photo{height:440px!important;border-radius:28px!important}
.about-photo>img{object-position:center!important}
.about-photo-logo{display:none!important}
.about-extra{background:#fff!important;border:0!important;box-shadow:none!important;padding:20px 0 50px!important;margin-top:45px!important}
.extra-block+.extra-block{border-top:0!important;padding-top:35px!important}
.why-grid article,.principles article{background:#fff!important}
footer{background:#fff!important;color:#66757e!important;border-top:1px solid #dfe7eb!important}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 340px!important}.hero h1{font-size:clamp(2.8rem,5.8vw,4.5rem)!important}.service-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:930px){.hero{min-height:800px!important}.hero-grid{grid-template-columns:1fr!important;min-height:800px!important;padding:55px 0 35px!important}.hero-bg{background-position:center!important;opacity:.24!important}.hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 58%,rgba(255,255,255,.55) 100%)!important}.hero-copy{max-width:760px!important}.service-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.hero{min-height:760px!important}.hero-grid{min-height:760px!important;padding:42px 0 28px!important}.hero h1{font-size:clamp(2.45rem,10.5vw,3.5rem)!important}.hero h1 span{white-space:normal!important}.hero-subtitle{font-size:1.08rem!important}.hero-actions{flex-direction:column!important}.hero-actions .btn{width:100%!important}.service-grid{grid-template-columns:1fr!important}.service-card.featured>h3{min-height:54px!important}.service-photo{height:215px!important}.about-photo{height:340px!important}}


/* ===== MantPro Web 8.0 — refinamientos solicitados ===== */
/* Hero: fotografía protagonista a la derecha, con transición difuminada hacia el texto. */
.hero-bg{display:none!important}
.hero-overlay{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.78) 47%,rgba(255,255,255,.18) 67%,rgba(255,255,255,0) 100%)!important;z-index:1!important}
.hero-photo{position:absolute;z-index:1;top:0;right:0;width:62%;height:100%;overflow:hidden;pointer-events:none}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:none;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 12%,#000 32%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 12%,#000 32%,#000 100%)}
.hero-grid{position:relative;z-index:3!important}
.hero-copy{position:relative;z-index:5!important}

/* Tarjetas con el mismo tono azul oscuro de Servicios. */
.why-grid article,
.principles article{background:linear-gradient(145deg,#081f43,#0d3c68)!important;border-color:#174a73!important;color:#fff!important;box-shadow:0 14px 35px rgba(8,22,29,.14)!important}
.why-grid .why-icon,
.principle-icon{background:#eaf9fd!important;color:#0075bd!important}
.why-grid h3,
.principles strong{color:#fff!important}
.why-grid p,
.principles p{color:#c8d7e1!important}

/* Nosotros: plano más abierto, mostrando la imagen completa. */
.about-photo{height:auto!important;aspect-ratio:716 / 219!important;min-height:0!important;background:#fff!important;box-shadow:none!important}
.about-photo>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}

@media(max-width:930px){
 .hero-photo{width:100%;height:48%;top:auto;bottom:0;opacity:.24}
 .hero-photo img{mask-image:linear-gradient(180deg,transparent 0%,#000 45%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 45%,#000 100%)}
 .hero-overlay{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 48%,rgba(255,255,255,.58) 100%)!important}
 .about-photo{aspect-ratio:716 / 219!important}
}
@media(max-width:560px){
 .hero-photo{height:44%;opacity:.2}
 .why-grid article,.principles article{min-height:145px!important}
}


/* MantPro Web 8.1 — ajustes finales solicitados */
/* Hero: imagen aún más hacia la derecha; transición más oscura hacia el texto; contenido ligeramente más arriba. */
.hero-photo{width:58%!important;right:0!important}
.hero-photo img{object-position:25% center!important}
.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 30%,rgba(255,255,255,.64) 49%,rgba(255,255,255,.16) 70%,rgba(255,255,255,0) 100%)!important}
.hero-grid{transform:translateY(-52px)!important}

/* Mismo tono azul oscuro utilizado en los recuadros de la versión 7.5. */
.service-card.featured{background:linear-gradient(145deg,#08161d,#123440)!important;border-color:#123c4a!important}
.why-grid article,.principles article{background:linear-gradient(145deg,#08161d,#123440)!important;border-color:#123c4a!important;color:#fff!important;box-shadow:0 10px 28px rgba(8,22,29,.12)!important}
.why-grid .why-icon,.principle-icon{background:#163e4b!important;color:#63d8f5!important}
.why-grid h3,.principles strong{color:#fff!important}
.why-grid p,.principles p{color:#b2c0c7!important}

/* Nosotros: la fotografía ocupa mejor el espacio disponible. */
.about-photo{height:440px!important;aspect-ratio:auto!important;overflow:hidden!important;border-radius:28px!important;background:#0b171d!important}
.about-photo>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%!important}

@media(max-width:930px){
 .hero-grid{transform:translateY(-30px)!important}
 .hero-photo{width:100%!important;height:48%!important}
 .hero-photo img{object-position:25% center!important}
 .about-photo{height:380px!important}
}
@media(max-width:560px){
 .hero-grid{transform:translateY(-10px)!important}
 .about-photo{height:330px!important}
}


/* ===== MantPro Web 8.2 — ajustes finales ===== */
/* Hero: imagen a la derecha y lectura más limpia hacia la izquierda. */
.hero-photo{width:65%!important;right:-1%!important}
.hero-photo img{object-position:72% center!important;filter:saturate(.96) contrast(1.02)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 12%,rgba(0,0,0,.72) 31%,#000 48%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 12%,rgba(0,0,0,.72) 31%,#000 48%,#000 100%)!important}
.hero-overlay{background:linear-gradient(90deg,rgba(7,18,28,.18) 0%,rgba(255,255,255,.93) 18%,rgba(255,255,255,.76) 43%,rgba(255,255,255,.20) 68%,rgba(255,255,255,0) 100%)!important}

/* Servicios: parte superior e inferior de cada tarjeta con proporciones equivalentes. */
.service-card.featured>h3{min-height:56px!important;padding:11px 10px 8px!important}
.service-photo{height:205px!important}
.service-card-body{min-height:56px!important;height:56px!important;padding:7px 15px!important;align-items:center!important;justify-content:center!important}
.service-wa{padding:7px 17px!important;font-size:.68rem!important}

/* Nosotros: texto más limpio y sin negrilla en el primer párrafo. */
.about-copy{max-width:560px!important}
.about-copy .about-lead{font-size:1rem!important;font-weight:400!important;line-height:1.7!important;color:#263940!important}
.about-copy p{max-width:540px!important;line-height:1.7!important}
.about-photo{height:390px!important;aspect-ratio:auto!important;overflow:hidden!important;border-radius:28px!important;background:#f4f8fa!important}
.about-photo>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}

/* ¿Por qué elegirnos?: tarjetas más compactas, conservando el azul de la 7.5. */
.why-grid{gap:10px!important}
.why-grid article{min-height:150px!important;padding:15px!important;border-radius:16px!important;gap:10px!important}
.why-grid .why-icon{flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:10px!important}
.why-grid h3{font-size:.82rem!important;line-height:1.2!important;margin-bottom:5px!important}
.why-grid p{font-size:.64rem!important;line-height:1.45!important}

@media(max-width:930px){
  .hero-photo{width:100%!important;right:0!important}
  .hero-photo img{object-position:72% center!important}
  .hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 48%,rgba(255,255,255,.45) 100%)!important}
  .about-photo{height:360px!important}
}
@media(max-width:560px){
  .hero-photo{width:100%!important}
  .hero-photo img{object-position:70% center!important}
  .service-card-body{height:54px!important;min-height:54px!important}
  .about-photo{height:320px!important}
  .why-grid article{min-height:130px!important;padding:13px!important}
  .why-grid h3{font-size:.8rem!important}
}

/* Nosotros: conservar la fotografía completa, amplia y con transición suave hacia el texto. */
.about-photo{height:auto!important;aspect-ratio:716 / 219!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;border-radius:28px!important}
.about-photo>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 10%,rgba(0,0,0,.72) 30%,#000 48%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 10%,rgba(0,0,0,.72) 30%,#000 48%,#000 100%)!important}
.about-photo:after{display:none!important}
@media(max-width:930px){.about-photo{aspect-ratio:716 / 219!important;height:auto!important}}
@media(max-width:560px){.about-photo{aspect-ratio:716 / 219!important;height:auto!important}}

/* ===== MantPro Web 8.3 — ajustes solicitados ===== */
/* Hero: llevar la fotografía aún más hacia la derecha para dar mayor protagonismo al técnico. */
.hero-photo{width:68%!important;right:-2%!important}
.hero-photo img{object-position:86% center!important}

/* Servicios: nuevo encabezado y descripción. */
.services-heading h2{color:#0075bd!important;font-size:clamp(1.85rem,3vw,2.55rem)!important}
.services-heading p{color:#0075bd!important;max-width:1050px!important;margin-left:auto!important;margin-right:auto!important}

/* Botón de servicio un poco más abajo dentro de cada tarjeta. */
.service-card-body{transform:translateY(5px)!important}
.service-wa{padding:7px 16px!important}

/* Nueva fotografía de Nosotros: diagnóstico, herramientas y ficha técnica, con transición suave. */
.about-photo{aspect-ratio:auto!important;height:390px!important;overflow:hidden!important;border-radius:28px!important;background:#f4f8fa!important}
.about-photo>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 9%,rgba(0,0,0,.72) 30%,#000 48%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 9%,rgba(0,0,0,.72) 30%,#000 48%,#000 100%)!important}

@media(max-width:930px){
 .hero-photo{width:100%!important;right:0!important}
 .hero-photo img{object-position:86% center!important}
 .about-photo{height:360px!important}
}
@media(max-width:560px){
 .hero-photo img{object-position:82% center!important}
 .about-photo{height:320px!important}
}

/* ===== MantPro Web 8.4 — ajustes solicitados ===== */
/* Hero: llevar visualmente al técnico más hacia el extremo derecho, dejando más aire al contenido de la izquierda. */
.hero-photo{width:70%!important;right:-2%!important}
.hero-photo img{object-position:45% center!important}

/* Servicios: título con mayor presencia y subtítulo separado un poco más del título. */
.services-heading h2{font-size:clamp(2.35rem,4vw,3.35rem)!important;line-height:1.04!important;margin-bottom:18px!important}
.services-heading p{margin-top:18px!important;font-size:1rem!important;line-height:1.65!important}

/* Botón de cada servicio ligeramente más abajo. */
.service-card-body{transform:translateY(9px)!important}

/* Nosotros: la fotografía ocupa toda la franja de la sección, con el texto integrado sobre el lado izquierdo. */
.about-grid{position:relative!important;display:block!important;min-height:520px!important;overflow:hidden!important;border-radius:0!important}
.about-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;border-radius:0!important;background:#eaf0f3!important;box-shadow:none!important}
.about-photo>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:right center!important;mask-image:linear-gradient(90deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.45) 25%,#000 52%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.45) 25%,#000 52%,#000 100%)!important}
.about-grid:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 25%,rgba(255,255,255,.72) 43%,rgba(255,255,255,.18) 64%,rgba(255,255,255,0) 82%)!important}
.about-copy{position:relative!important;z-index:2!important;max-width:590px!important;padding:82px 0 78px!important}
.about-copy p{max-width:560px!important}

@media(max-width:930px){
 .hero-photo{width:100%!important;right:0!important}
 .hero-photo img{object-position:45% center!important}
 .about-grid{min-height:600px!important}
 .about-photo{position:absolute!important;height:100%!important;inset:0!important}
 .about-copy{padding:70px 0 65px!important;max-width:680px!important}
 .about-grid:after{background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 48%,rgba(255,255,255,.50) 78%,rgba(255,255,255,.10) 100%)!important}
}
@media(max-width:560px){
 .hero-photo img{object-position:45% center!important}
 .services-heading h2{font-size:clamp(2rem,9vw,2.7rem)!important}
 .services-heading p{margin-top:15px!important}
 .about-grid{min-height:640px!important}
 .about-copy{padding:55px 0 45px!important}
}

/* ===== MantPro Web 8.5 — ajustes solicitados ===== */
/* Hero: desplazar la fotografía un poco más hacia el extremo derecho. */
.hero-photo{right:-6%!important;width:70%!important}
.hero-photo img{object-position:45% center!important}

/* Servicios: bajar un poco más los botones de solicitar servicio. */
.service-card-body{transform:translateY(14px)!important}

/* Nosotros: nuevo contenido y título azul. */
.about-copy .about-title{color:#0075bd!important;font-size:clamp(2rem,3.5vw,3rem)!important;line-height:1.08!important;margin:10px 0 20px!important;letter-spacing:-.025em!important}
.about-copy p{font-weight:400!important}
.about-values{font-weight:700!important;color:#0075bd!important;margin-top:18px!important}
.about-values span{color:#0075bd!important;padding:0 5px!important}
.about-indicators{display:flex!important;flex-wrap:wrap!important;gap:18px!important;margin-top:18px!important;font-size:.82rem!important;font-weight:800!important;color:#0075bd!important}
.about-indicators span{white-space:nowrap!important}

/* Por qué MantPro: una sola sección con cuatro tarjetas. */
.mantpro-block{width:100%!important}
.mantpro-block>.eyebrow{color:#0075bd!important}
.mantpro-block>h2{color:#0075bd!important;font-size:clamp(1.8rem,3vw,2.65rem)!important;line-height:1.08!important;max-width:920px!important;margin:8px 0 22px!important}
.mantpro-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.mantpro-grid article{min-height:145px!important;padding:17px!important;border-radius:16px!important;display:flex!important;align-items:flex-start!important}
.mantpro-grid .why-icon{flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:11px!important;display:grid!important;place-items:center!important}
.mantpro-grid h3{font-size:.86rem!important;line-height:1.2!important;margin-bottom:6px!important}
.mantpro-grid p{font-size:.67rem!important;line-height:1.45!important}

@media(max-width:1050px){
 .mantpro-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:930px){
 .hero-photo{right:0!important;width:100%!important}
 .hero-photo img{object-position:45% center!important}
 .mantpro-grid{grid-template-columns:repeat(2,1fr)!important}
 .about-indicators{gap:12px!important}
}
@media(max-width:560px){
 .service-card-body{transform:translateY(10px)!important}
 .about-copy .about-title{font-size:2rem!important}
 .about-indicators{gap:8px 14px!important;font-size:.75rem!important}
 .mantpro-grid{grid-template-columns:1fr!important}
}

/* ===== MantPro Web 8.6 — ajustes solicitados ===== */
/* 1) Hero: técnico más hacia el extremo derecho y transición más oscura hacia el texto. */
.hero-photo{width:64%!important;right:-7%!important}
.hero-photo img{object-position:78% center!important}
.hero-overlay{background:linear-gradient(90deg,rgba(5,18,31,.48) 0%,rgba(255,255,255,.96) 24%,rgba(255,255,255,.82) 45%,rgba(255,255,255,.24) 70%,rgba(255,255,255,0) 100%)!important}
.hero-copy h1{position:relative!important;display:inline-block!important;padding:10px 18px 13px!important;border-radius:18px!important;background:linear-gradient(90deg,rgba(6,28,52,.88),rgba(10,44,72,.56),rgba(10,44,72,0))!important;text-shadow:0 4px 18px rgba(0,0,0,.24)!important}
.hero-copy h1 span:first-child{color:#fff!important}
.hero-copy h1 span:last-child{color:#39a9ff!important}
.hero-actions .btn.ghost{border:0!important}

/* 4) Franja multimarca animada. */
.brand-marquee{margin-top:24px!important}
.brand-marquee-title{margin:0 0 10px!important;text-align:center!important;color:#0075bd!important;font-family:Manrope,sans-serif!important;font-size:.95rem!important;font-weight:900!important}
.brand-marquee-window{overflow:hidden!important;border-radius:15px!important;background:linear-gradient(145deg,#08161d,#123440)!important;border:1px solid #123c4a!important;padding:13px 0!important;box-shadow:0 10px 24px rgba(8,22,29,.10)!important}
.brand-track{display:flex!important;width:max-content!important;gap:42px!important;align-items:center!important;animation:mantproBrands 38s linear infinite!important;padding-left:28px!important}
.brand-item{display:flex!important;align-items:center!important;justify-content:center!important;min-width:max-content!important;color:#fff!important;font-weight:900!important;font-size:.95rem!important;letter-spacing:.02em!important;white-space:nowrap!important;opacity:.96!important}
.brand-item:nth-child(3n){font-family:Manrope,sans-serif!important;font-weight:800!important}
.brand-item:nth-child(4n){font-style:italic!important}
.brand-item:nth-child(5n){letter-spacing:.06em!important}
@keyframes mantproBrands{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* 6) Nosotros: nueva imagen a pantalla completa, siguiendo el lenguaje del hero. */
.about-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important}
.about-photo>img{object-fit:cover!important;object-position:right center!important}

/* 7-8) Por qué MantPro: sin título visible y tarjetas elevadas; iconografía más acorde. */
.mantpro-block>.eyebrow,.mantpro-block>h2{display:none!important}
.about-extra{margin-top:0!important;padding-top:8px!important}
.mantpro-grid{transform:translateY(-10px)!important}
.mantpro-grid .why-icon{font-size:0!important}
.mantpro-grid article:nth-child(1) .why-icon:after{content:'⌂';font-size:1.05rem}
.mantpro-grid article:nth-child(2) .why-icon:after{content:'⌕';font-size:1.18rem;font-weight:900}
.mantpro-grid article:nth-child(3) .why-icon:after{content:'◷';font-size:1.05rem;font-weight:900}
.mantpro-grid article:nth-child(4) .why-icon:after{content:'✓';font-size:1.05rem;font-weight:900}

/* 9-12) Contacto: CTA principal a la derecha y accesos pequeños debajo. */
.contact-grid{grid-template-columns:1fr .82fr!important;align-items:center!important}
.contact-copy h2,.contact h2{font-size:clamp(2rem,3.5vw,3.1rem)!important;color:#0075bd!important}
.contact-services{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:18px 0 22px!important}
.contact-service-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 13px!important;border-radius:999px!important;background:#fff!important;border:1px solid #dfe7eb!important;color:#0075bd!important;font-size:.72rem!important;font-weight:900!important}
.contact-service-pill b{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#0075bd!important;color:#fff!important;font-size:.66rem!important}
.contact-main-cta{display:flex!important;justify-content:flex-end!important}
.contact-main-cta .btn.primary{background:#18aa5a!important;color:#fff!important;min-width:330px!important;padding:20px 26px!important;font-size:.92rem!important;border-radius:16px!important;box-shadow:0 18px 35px rgba(24,170,90,.22)!important}
.contact-list{display:flex!important;gap:10px!important;margin-top:18px!important;justify-content:flex-end!important}
.contact-list a{padding:10px 13px!important;border:1px solid #dfe7eb!important;background:#fff!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;gap:2px!important}
.contact-list small{font-size:.52rem!important;letter-spacing:.12em!important;color:#0075bd!important;font-weight:900!important}
.contact-list strong{font-size:.68rem!important;color:#0075bd!important}

@media(max-width:930px){
 .hero-photo{width:100%!important;right:0!important}
 .hero-photo img{object-position:78% center!important}
 .hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 48%,rgba(5,18,31,.34) 100%)!important}
 .hero-copy h1{display:block!important}
 .contact-grid{grid-template-columns:1fr!important}
 .contact-main-cta{justify-content:flex-start!important}
 .contact-list{justify-content:flex-start!important}
}
@media(max-width:560px){
 .hero-copy h1{padding:8px 12px 10px!important;border-radius:14px!important}
 .brand-track{gap:26px!important}
 .brand-item{font-size:.78rem!important}
 .contact-main-cta .btn.primary{min-width:0!important;width:100%!important}
 .contact-list{flex-direction:column!important}
 .contact-list a{width:100%!important}
}

/* ===== MantPro Web 8.7 — ajustes solicitados ===== */
/* 1. Hero: técnico más hacia la derecha, conservando la lectura a la izquierda. */
.hero-photo{width:72%!important;right:-11%!important}
.hero-photo img{object-position:88% center!important}
.hero-overlay{background:linear-gradient(90deg,rgba(5,18,31,.54) 0%,rgba(255,255,255,.97) 25%,rgba(255,255,255,.84) 45%,rgba(255,255,255,.22) 70%,rgba(255,255,255,0) 100%)!important}
/* 2. Título sin recuadro; solo delineado negro sutil. */
.hero-copy h1{background:transparent!important;padding:0!important;border-radius:0!important;text-shadow:none!important;-webkit-text-stroke:.65px rgba(0,0,0,.42)!important}
.hero-copy h1 span{background:transparent!important}
.hero-copy h1 span:last-child{-webkit-text-stroke:.65px rgba(0,0,0,.42)!important}

/* 3-4. Servicios: nuevo subtítulo y tarjetas ligeramente más arriba. */
.services-heading p{margin-top:20px!important}
.service-grid{transform:translateY(-8px)!important}

/* 5-6. Barra de marcas: solo logos, movimiento lento de izquierda a derecha. */
.brand-marquee{margin-top:18px!important}
.brand-marquee-title{display:none!important}
.brand-marquee-window{padding:11px 0!important;background:linear-gradient(145deg,#08161d,#123440)!important;overflow:hidden!important}
.brand-track{display:flex!important;width:max-content!important;align-items:center!important;gap:46px!important;animation:mantproBrands87 34s linear infinite alternate!important;will-change:transform!important;padding:3px 28px!important}
.brand-logo-strip{display:block!important;width:900px!important;height:58px!important;object-fit:contain!important;object-position:center!important;flex:0 0 auto!important}
@keyframes mantproBrands87{from{transform:translateX(-42%)}to{transform:translateX(0)}}

/* 7. Nosotros: sin indicadores inferiores. */
.about-indicators{display:none!important}

/* 8. Por qué MantPro: tarjetas separadas visualmente de la imagen. */
.about-extra{margin-top:30px!important;padding-top:8px!important}
.mantpro-grid{transform:none!important}
.mantpro-grid article{box-shadow:0 12px 28px rgba(8,22,29,.13)!important}

/* 9-12. Contacto: título grande blanco, CTA a la derecha y contactos centrados abajo. */
.contact{background:linear-gradient(135deg,#07182a,#0c3454)!important;padding:96px 0 58px!important}
.contact-copy h2,.contact h2{font-size:clamp(3rem,5vw,5rem)!important;color:#fff!important;line-height:.98!important;letter-spacing:-.055em!important}
.contact-copy .eyebrow{color:#63d8f5!important}
.contact-services{gap:10px!important;margin:24px 0 0!important}
.contact-service-pill{padding:10px 16px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(255,255,255,.7)!important;color:#0075bd!important;font-size:.72rem!important;font-weight:900!important;transition:.2s!important}
.contact-service-pill:hover{transform:translateY(-2px)!important;background:#eaf9fd!important}
.contact-service-pill b{display:none!important}
.contact-main-cta .btn.primary{font-size:1rem!important;min-width:370px!important;padding:22px 28px!important;background:#18aa5a!important;color:#fff!important;border:0!important}
.contact-list-bottom{display:flex!important;justify-content:center!important;gap:14px!important;margin-top:30px!important}
.contact-list-bottom a{padding:9px 16px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.08)!important;border-radius:11px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}
.contact-list-bottom small{font-size:.48rem!important;color:#8fe7ff!important;margin:0!important}
.contact-list-bottom strong{font-size:.65rem!important;color:#fff!important}

@media(max-width:930px){
 .hero-photo{width:100%!important;right:0!important;height:48%!important}
 .hero-photo img{object-position:88% center!important}
 .hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 48%,rgba(5,18,31,.32) 100%)!important}
 .brand-logo-strip{width:760px!important}
 .contact-grid{grid-template-columns:1fr!important;gap:28px!important}
 .contact-main-cta{justify-content:flex-start!important}
 .contact-list-bottom{justify-content:center!important}
}
@media(max-width:560px){
 .hero-photo{width:100%!important;right:0!important;height:44%!important}
 .hero-photo img{object-position:84% center!important}
 .hero-copy h1{-webkit-text-stroke:.45px rgba(0,0,0,.4)!important}
 .service-grid{transform:none!important}
 .brand-logo-strip{width:650px!important;height:48px!important}
 .brand-track{gap:28px!important;animation-duration:28s!important}
 .contact{padding:76px 0 48px!important}
 .contact-copy h2,.contact h2{font-size:clamp(2.55rem,11vw,3.5rem)!important}
 .contact-main-cta .btn.primary{min-width:0!important;width:100%!important;font-size:.9rem!important}
 .contact-list-bottom{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important}
}


/* ===== MantPro Web 8.8 — ajustes solicitados ===== */
/* 1) Hero: técnico y electrodoméstico aún más hacia el extremo derecho. */
.hero-photo{width:62%!important;right:-15%!important}
.hero-photo img{object-position:94% center!important}

/* 2) Título: reemplazar el delineado por una sombra elegante y sutil. */
.hero-copy h1,
.hero-copy h1 span,
.hero-copy h1 span:last-child{
  -webkit-text-stroke:0!important;
  text-shadow:0 5px 18px rgba(0,0,0,.28), 0 1px 3px rgba(0,0,0,.22)!important;
}

/* 3) Barra de marcas: recuperar el tamaño de la 8.6, sin línea blanca y con logos a color. */
.brand-marquee-window{
  padding:13px 0!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:linear-gradient(145deg,#08161d,#123440)!important;
}
.brand-track{
  gap:42px!important;
  padding:0 28px!important;
  align-items:center!important;
  animation:mantproBrands88 38s linear infinite!important;
}
.brand-logo{
  display:block!important;
  width:auto!important;
  height:48px!important;
  max-width:145px!important;
  object-fit:contain!important;
  object-position:center!important;
  flex:0 0 auto!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
}
.brand-logo-kitchenaid{max-width:160px!important}
@keyframes mantproBrands88{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* 4) Nosotros: nuevo título solicitado. */
.about-title{color:#0075bd!important}

@media(max-width:930px){
  .hero-photo{width:100%!important;right:0!important}
  .hero-photo img{object-position:90% center!important}
  .brand-logo{height:42px!important;max-width:125px!important}
}
@media(max-width:560px){
  .hero-photo{width:100%!important;right:0!important}
  .hero-photo img{object-position:88% center!important}
  .brand-logo{height:36px!important;max-width:108px!important}
  .brand-track{gap:26px!important;animation-duration:30s!important}
}

/* ===== MantPro Web 8.9 — ajustes solicitados ===== */
/* 1) Inicio: quitar únicamente el difuminado/transición sobre la fotografía. No se mueve la imagen. */
.hero-overlay{background:transparent!important}
.hero-photo img{mask-image:none!important;-webkit-mask-image:none!important}

/* 2) Servicios: subtítulo ligeramente más grande. */
.services-heading p{font-size:1.08rem!important}

/* 3) Tarjetas y barra de marcas: subir ligeramente ambas, sin alterar su contenido. */
.service-grid{transform:translateY(-12px)!important}
.brand-marquee{transform:translateY(-10px)!important}

/* 4) Barra de marcas: fondo blanco, logos a color con sombra sutil y recorrido continuo de izquierda a derecha. */
.brand-marquee-window{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:13px 0!important;
}
.brand-track{
  gap:42px!important;
  padding:0 28px!important;
  animation:mantproBrands89 38s linear infinite!important;
  will-change:transform!important;
}
.brand-logo{
  filter:drop-shadow(0 4px 7px rgba(8,22,29,.18))!important;
}
@keyframes mantproBrands89{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}

/* 5) Nosotros: sin imagen; descripción a la izquierda y cuatro tarjetas a la derecha en 2 filas. */
.about-integrated{padding-top:92px!important;padding-bottom:78px!important}
.about-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:58px!important;
  min-height:0!important;
  overflow:visible!important;
  border-radius:0!important;
}
.about-copy{position:static!important;max-width:560px!important;padding:0!important}
.about-extra{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.mantpro-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  transform:none!important;
}
.mantpro-grid article{
  min-height:168px!important;
  height:168px!important;
  padding:18px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:flex-start!important;
  box-shadow:0 12px 28px rgba(8,22,29,.13)!important;
}

/* La imagen ya no participa visualmente en la sección. */
.about-photo{display:none!important}

@media(max-width:930px){
  .about-grid{grid-template-columns:1fr!important;gap:34px!important}
  .about-copy{max-width:680px!important}
  .about-extra{width:100%!important}
  .mantpro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .brand-logo{filter:drop-shadow(0 3px 6px rgba(8,22,29,.16))!important}
}
@media(max-width:560px){
  .services-heading p{font-size:1.03rem!important}
  .service-grid{transform:none!important}
  .brand-marquee{transform:translateY(-6px)!important}
  .brand-track{gap:26px!important;animation-duration:30s!important}
  .about-integrated{padding-top:72px!important;padding-bottom:62px!important}
  .mantpro-grid{grid-template-columns:1fr!important}
  .mantpro-grid article{height:auto!important;min-height:145px!important}
}

/* MantPro Web 9.0 — ajustes solicitados */
.hero-bg{
  background-image:url('assets/hero-technician-fridge-97.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}
.hero-overlay{display:none!important;background:none!important}
.hero-photo{display:none!important}

/* Nosotros: sin difuminado ni capas de imagen */
.about-integrated{background:#fff!important;filter:none!important}
.about-photo,.about-photo:after,.about-photo-logo{display:none!important}

/* Contacto: botones inferiores más grandes */
.contact-list-bottom{gap:18px!important}
.contact-list-bottom a{
  min-width:260px!important;
  min-height:76px!important;
  padding:16px 24px!important;
  border-radius:18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.contact-list-bottom a small{font-size:.72rem!important;letter-spacing:.12em!important}
.contact-list-bottom a strong{font-size:1.12rem!important;line-height:1.2!important}

@media(max-width:560px){
  .contact-list-bottom{width:100%!important;gap:12px!important}
  .contact-list-bottom a{width:100%!important;min-width:0!important;min-height:72px!important;padding:14px 18px!important}
}


/* ===== MantPro Web 9.1 — ajustes solicitados ===== */
/* 1) Inicio: imagen rectangular a pantalla completa, sin capas/degradados sobre la fotografía. */
.hero{min-height:690px!important;background:#06131b!important}
.hero-bg{background-image:url('assets/hero-technician-fridge-97.jpg')!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;filter:none!important;opacity:1!important;transform:none!important}
.hero-overlay{display:none!important;background:none!important}
.hero-photo{display:none!important}
.hero:after{display:none!important}

/* 2) Reducir los espacios entre secciones para una continuidad visual más compacta. */
.services{padding-bottom:20px!important}
.brand-marquee{margin-bottom:0!important}
.trabajos-realizados{padding:28px 0 32px!important}
.about-integrated{padding-top:34px!important;padding-bottom:48px!important}
.contact{margin-top:0!important}

/* 3) Nosotros: tarjetas con color sólido, sin degradados ni efectos difuminados. */
.mantpro-grid article{background:#0b3b66!important;background-image:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 10px 24px rgba(8,22,29,.12)!important;border:1px solid #0f4a7d!important;color:#fff!important}
.mantpro-grid article:before,.mantpro-grid article:after{display:none!important;content:none!important}

/* 4) Galería de trabajos realizados: tarjetas del mismo lenguaje visual que Servicios. */
.trabajos-heading{text-align:center!important;max-width:900px!important;margin:0 auto 22px!important}
.trabajos-heading .eyebrow{display:block!important}
.trabajos-heading h2{color:#0075bd!important;font-size:clamp(1.85rem,3vw,2.55rem)!important;margin:8px auto 8px!important}
.trabajos-heading h2::first-letter{color:inherit}
.trabajos-heading p{margin:0 auto!important;color:#66757e!important;font-size:.95rem!important;line-height:1.55!important;max-width:760px!important}
.trabajos-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.trabajo-card{background:#0b3b66!important;border:1px solid #0f4a7d!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 10px 24px rgba(8,22,29,.10)!important;transform:none!important}
.trabajo-photo{height:185px!important;overflow:hidden!important;background:#0b3b66!important}
.trabajo-photo img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;filter:none!important;transform:none!important}
.trabajo-card h3{margin:0!important;padding:13px 12px 15px!important;color:#fff!important;text-align:center!important;font-size:.86rem!important;line-height:1.18!important}

/* 5) Contacto: LLÁMANOS + número y CORREO en una sola línea, separados. */
.contact-list-bottom{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:14px!important}
.contact-list-bottom a{min-width:0!important;min-height:0!important;padding:13px 20px!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px!important;border-radius:14px!important}
.contact-list-bottom a small{font-size:.68rem!important;letter-spacing:.10em!important;line-height:1!important}
.contact-list-bottom a strong{font-size:1rem!important;line-height:1!important}

@media(max-width:930px){
 .trabajos-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .trabajo-photo{height:190px!important}
 .trabajos-realizados{padding:24px 0 28px!important}
}
@media(max-width:560px){
 .trabajos-grid{grid-template-columns:1fr!important;gap:14px!important}
 .trabajo-photo{height:220px!important}
 .trabajos-heading h2{font-size:2rem!important}
 .trabajos-heading p{font-size:.9rem!important}
 .contact-list-bottom{flex-direction:column!important;flex-wrap:nowrap!important;width:100%!important;gap:10px!important}
 .contact-list-bottom a{width:100%!important;min-width:0!important}
}


/* ===== MantPro Web 9.2 — últimos ajustes solicitados ===== */
/* 1) Inicio: todo el bloque de textos alineado al lado derecho, sin alterar la imagen de fondo. */
@media(min-width:931px){
  .hero-grid{
    grid-template-columns:1fr!important;
    display:grid!important;
  }
  .hero-copy{
    width:min(620px,54vw)!important;
    max-width:620px!important;
    margin-left:auto!important;
    margin-right:0!important;
    text-align:right!important;
    z-index:6!important;
  }
  .hero-copy h1{
    margin-left:auto!important;
    margin-right:0!important;
  }
  .hero-copy>p{
    margin-left:auto!important;
    margin-right:0!important;
  }
  .hero-actions{
    justify-content:flex-end!important;
  }
  .hero-note{
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
  }
}

/* 2) Trabajos realizados eliminado: no reservar espacio para la sección. */
.trabajos-realizados{display:none!important}

/* 3) Tarjetas de Nosotros con exactamente el mismo fondo visual de Servicios. */
.mantpro-grid article{
  background:linear-gradient(145deg,#08161d,#123440)!important;
  background-image:linear-gradient(145deg,#08161d,#123440)!important;
  border-color:#123c4a!important;
  color:#fff!important;
  box-shadow:0 14px 35px rgba(8,22,29,.14)!important;
}
.mantpro-grid .why-icon{
  background:#163e4b!important;
  color:#63d8f5!important;
}

@media(max-width:930px){
  .hero-copy{
    width:auto!important;
    max-width:760px!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .hero-actions{justify-content:flex-start!important}
  .hero-note{justify-content:flex-start!important}
}

/* ===== MantPro Web 9.2 — corrección: conservar imagen del inicio ===== */
.hero-bg{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background-image:url('assets/hero-technician-fridge-97.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  z-index:1!important;
}
.hero-photo{display:none!important}
.hero-overlay{display:none!important;background:none!important;opacity:1!important}
@media(max-width:930px){
  .hero-bg{display:block!important;opacity:1!important;background-position:center center!important}
  .hero-overlay{display:none!important;background:none!important}
}

/* ===== MantPro Web 9.3 — nueva imagen de inicio ===== */
.hero-bg{
  background-image:url('assets/hero-technician-fridge-93.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}


/* ===== MantPro Web 9.4 — ajustes solicitados ===== */
/* Inicio: bloque de texto al lado izquierdo, conservando intacta la imagen de fondo. */
@media(min-width:931px){
  .hero-grid{
    grid-template-columns:1fr!important;
    display:grid!important;
  }
  .hero-copy{
    width:min(650px,55vw)!important;
    max-width:650px!important;
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
    z-index:6!important;
  }
  .hero-copy h1,
  .hero-copy>p{
    margin-left:0!important;
    margin-right:auto!important;
  }
  .hero-actions{
    justify-content:flex-start!important;
  }
  .hero-note{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
}

/* Accesos directos del encabezado: Inicio primero. */
#main-nav a:first-child{font-weight:700!important}

@media(max-width:930px){
  .hero-copy{
    width:auto!important;
    max-width:760px!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .hero-actions{justify-content:flex-start!important}
  .hero-note{justify-content:flex-start!important}
}


/* MantPro Web 9.4 — color normalization + technician logo rotation */
:root{--mantpro-blue:#0075bd!important}
.hero-slogan,.hero h1 span:last-child,.hero-subtitle,.hero-highlight,
.services-heading h2,.services-heading p,.about-title,.contact-list small,
.contact-service-pill,.contact-copy h3,.footer-inner a{color:#0075bd!important}
.hero h1 span:first-child{color:#fff!important}
.hero-copy{color:#0a1217!important}
.btn.ghost{color:#0075bd!important;border-color:#0075bd!important}

/* ===== MantPro Web 9.5 — panel de contraste para el texto del inicio ===== */
/* Se conserva la fotografía completa; solo se añade un panel oscuro semitransparente detrás del contenido. */
.hero-copy{
  padding:28px 30px 30px!important;
  background:rgba(5,18,29,.62)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:22px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
.hero-copy h1,
.hero-copy h1 span,
.hero-copy h1 span:last-child{
  text-shadow:0 3px 12px rgba(0,0,0,.22)!important;
}
@media(max-width:930px){
  .hero-copy{padding:24px 25px 27px!important;border-radius:20px!important}
}
@media(max-width:560px){
  .hero-copy{padding:20px 18px 22px!important;border-radius:18px!important;background:rgba(5,18,29,.66)!important}
}

/* ===== MantPro Web 9.6 — contraste suave del hero ===== */
/* Textos solicitados en blanco para mejorar lectura sobre la fotografía. */
.hero-slogan,
.hero-subtitle,
.hero-highlight,
.hero-note span:last-child{
  color:#fff!important;
}

/* El bloque deja de verse como un rectángulo: el contraste se desvanece suavemente hacia la fotografía. */
.hero-copy{
  position:relative!important;
  isolation:isolate!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hero-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-42px;
  right:-42px;
  top:-34px;
  bottom:-34px;
  border-radius:38px;
  background:radial-gradient(ellipse at 42% 50%, rgba(5,18,29,.72) 0%, rgba(5,18,29,.58) 42%, rgba(5,18,29,.28) 67%, rgba(5,18,29,0) 86%);
  filter:blur(14px);
  pointer-events:none;
}
.hero-copy h1,
.hero-copy h1 span,
.hero-copy h1 span:last-child,
.hero-slogan,
.hero-subtitle,
.hero-highlight,
.hero-note span{
  text-shadow:0 3px 12px rgba(0,0,0,.28)!important;
}
@media(max-width:930px){
  .hero-copy::before{left:-28px;right:-28px;top:-28px;bottom:-28px;border-radius:30px}
}
@media(max-width:560px){
  .hero-copy::before{left:-18px;right:-18px;top:-20px;bottom:-20px;border-radius:24px;filter:blur(11px);background:radial-gradient(ellipse at 40% 48%, rgba(5,18,29,.74) 0%, rgba(5,18,29,.58) 48%, rgba(5,18,29,0) 88%)}
}


/* ===== MantPro Web 9.7 — ajustes de contraste y CTA del hero ===== */
.hero-note span:first-child,
.hero-note span:nth-child(2){
  color:#fff!important;
}


/* ===== MantPro Web 9.8 — ajustes sección Nosotros ===== */
.about-title{
  line-height:1.02!important;
  max-width:650px!important;
}
/* Se elimina el efecto degradado/difuminado de esta sección. */
.about-extra{
  background:#08161d!important;
}
.why-grid .why-icon{
  color:#fff!important;
  background:#163e4b!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.why-grid .why-icon svg{
  width:25px!important;
  height:25px!important;
  display:block!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2.5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
@media(max-width:560px){
  .about-title{font-size:clamp(1.9rem,8vw,2.45rem)!important;line-height:1.04!important;}
}


/* ===== MantPro Web 9.8 — ajustes finales solicitados ===== */
/* Nosotros: título exactamente en dos renglones. */
.about-copy .about-title{white-space:normal!important;}

/* Nosotros: conservar únicamente los cuatro iconos nuevos solicitados; eliminar cualquier icono/pseudo-icono anterior. */
.mantpro-grid .why-icon::before,
.mantpro-grid .why-icon::after{content:none!important;display:none!important;}

/* Nosotros: tarjetas sin destellos ni brillos; acabado uniforme como las tarjetas del extremo derecho. */
.mantpro-grid article{
  background:#123440!important;
  box-shadow:none!important;
  border:1px solid #123c4a!important;
}
.mantpro-grid .why-icon{
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}
.mantpro-grid .why-icon svg{
  stroke:#fff!important;
  color:#fff!important;
}

/* Contacto: eliminar los tres accesos de tipos de servicio y mantener solo la CTA principal. */
.contact-services{display:none!important;}

/* Contacto: Llámanos y Escríbenos debajo de la CTA principal. */
.contact-side{display:flex!important;flex-direction:column!important;align-items:flex-end!important;}
.contact-list-bottom{
  justify-content:flex-end!important;
  margin-top:14px!important;
}

/* Contacto: barra de medios de pago en el lugar de los antiguos botones. */
.contact-payments{
  width:min(1160px,92%);
  margin:22px auto 0;
  padding:13px 18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#fff;
  text-align:center;
  font-size:.78rem;
  font-weight:800;
}
.contact-payments strong{color:#fff;margin-right:10px;}
.contact-payments span{color:#dbeef5;margin:0 7px;}

@media(max-width:930px){
  .contact-side{align-items:stretch!important;}
  .contact-list-bottom{justify-content:flex-start!important;}
}
/* 9.8 — ubicación final de contacto y barra de pagos */
.contact-side .contact-list-bottom{width:auto!important;margin-top:14px!important;justify-content:flex-end!important;}
.contact-payments{max-width:1160px!important;}
@media(max-width:930px){
  .contact-side .contact-list-bottom{justify-content:flex-start!important;}
}

/* ===== MantPro Web 9.8 — contacto: botones y medios de pago ===== */
.contact-side .contact-list-bottom{
  width:min(100%, 520px)!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:14px!important;
  margin-top:14px!important;
}
.contact-side .contact-list-bottom a{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  box-sizing:border-box!important;
  padding:22px 28px!important;
  border-radius:16px!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px!important;
  text-align:center!important;
}
.contact-side .contact-list-bottom a small{font-size:.78rem!important;letter-spacing:.11em!important;line-height:1!important}
.contact-side .contact-list-bottom a strong{font-size:1rem!important;line-height:1.1!important}
.contact-payments{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:26px!important;
  flex-wrap:wrap!important;
  min-height:94px!important;
  box-sizing:border-box!important;
}
.contact-payments strong{margin-right:4px!important;white-space:nowrap!important}
.payment-logos{display:flex!important;align-items:center!important;justify-content:center!important;gap:28px!important;flex-wrap:wrap!important}
.payment-logos img{display:block!important;width:auto!important;height:42px!important;max-width:150px!important;object-fit:contain!important}
.payment-logos img:nth-child(1){width:96px!important;height:40px!important}
.payment-logos img:nth-child(2){width:92px!important;height:38px!important}
.payment-logos img:nth-child(3){width:126px!important;height:44px!important}
.payment-logos img:nth-child(4){width:96px!important;height:40px!important}
@media(max-width:930px){
  .contact-side .contact-list-bottom{width:100%!important;align-items:stretch!important}
  .contact-payments{gap:18px!important}
}
@media(max-width:560px){
  .contact-side .contact-list-bottom{gap:10px!important}
  .contact-side .contact-list-bottom a{padding:20px 18px!important}
  .payment-logos{gap:18px!important}
  .payment-logos img{height:34px!important}
  .payment-logos img:nth-child(1),.payment-logos img:nth-child(2),.payment-logos img:nth-child(4){width:78px!important}
  .payment-logos img:nth-child(3){width:102px!important}
}

/* ===== MantPro Web 9.8 — ajuste final de contacto ===== */
/* WhatsApp queda únicamente en la columna derecha. */
.contact-grid{align-items:center!important;}
.contact-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;}
.contact-list-contact{
  width:min(100%,420px)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  margin-top:18px!important;
}
.contact-list-contact a{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:12px 18px!important;
  min-height:0!important;
  height:auto!important;
  border-radius:12px!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
}
.contact-list-contact a small{font-size:.68rem!important;letter-spacing:.10em!important;}
.contact-list-contact a strong{font-size:.88rem!important;line-height:1.1!important;}
/* Barra de pagos: solo los logos, sin rectángulo ni título. */
.contact-payments{
  width:100%!important;
  max-width:1160px!important;
  margin:22px auto 0!important;
  padding:8px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:0!important;
}
.payment-logos{gap:30px!important;}
.payment-logos img{height:40px!important;max-width:150px!important;object-fit:contain!important;}
.payment-logos img:nth-child(1){width:120px!important;height:48px!important;}
.payment-logos img:nth-child(2){width:92px!important;height:38px!important;}
.payment-logos img:nth-child(3){width:126px!important;height:44px!important;}
.payment-logos img:nth-child(4){width:96px!important;height:40px!important;}
@media(max-width:930px){
  .contact-copy{align-items:flex-start!important;}
  .contact-list-contact{width:100%!important;max-width:420px!important;}
  .contact-payments{margin-top:18px!important;}
}
@media(max-width:560px){
  .contact-list-contact{gap:8px!important;margin-top:14px!important;}
  .contact-list-contact a{padding:10px 14px!important;}
  .contact-list-contact a strong{font-size:.8rem!important;}
  .payment-logos{gap:16px!important;}
  .payment-logos img:nth-child(1){width:92px!important;height:38px!important;}
  .payment-logos img:nth-child(2){width:72px!important;height:32px!important;}
  .payment-logos img:nth-child(3){width:94px!important;height:34px!important;}
  .payment-logos img:nth-child(4){width:76px!important;height:32px!important;}
}

/* ===== MantPro Web 9.8 — ajuste final de botones de contacto ===== */
.contact-list-contact{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:28px!important;
  margin-top:18px!important;
}
.contact-list-contact a{
  width:auto!important;
  min-width:0!important;
  padding:8px 10px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:2px!important;
}
.contact-list-contact a:hover{
  border:0!important;
  background:transparent!important;
  color:inherit!important;
}
.contact-list-contact a small{
  color:#63d8f5!important;
  font-size:.52rem!important;
  letter-spacing:.10em!important;
  margin:0!important;
}
.contact-list-contact a strong{
  color:#fff!important;
  font-size:.78rem!important;
  line-height:1.1!important;
}
@media(max-width:560px){
  .contact-list-contact{gap:16px!important;}
  .contact-list-contact a{padding:7px 5px!important;}
  .contact-list-contact a strong{font-size:.72rem!important;}
}


/* ===== MantPro Web 9.8 — ajuste solicitado: contacto final ===== */
.contact-side{align-items:center!important;}
.contact-side .contact-main-cta{width:min(100%,520px)!important;}
.contact-side .contact-main-cta .btn.primary{width:100%!important;}
.contact-side .contact-list-contact{
  width:auto!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:28px!important;
  margin:12px auto 0!important;
}
.contact-side .contact-list-contact a{
  width:auto!important;
  min-width:0!important;
  padding:7px 8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:2px!important;
}
.contact-side .contact-list-contact a small{
  color:#63d8f5!important;
  font-size:.52rem!important;
  letter-spacing:.10em!important;
}
.contact-side .contact-list-contact a strong{
  color:#fff!important;
  font-size:.78rem!important;
  line-height:1.1!important;
}
.contact-subtitle{
  margin:6px 0 0!important;
  color:#dbeef5!important;
  font-size:.86rem!important;
  line-height:1.4!important;
  font-weight:500!important;
}
@media(max-width:930px){
  .contact-side .contact-main-cta{width:100%!important;}
  .contact-side .contact-list-contact{justify-content:center!important;}
}
@media(max-width:560px){
  .contact-side .contact-list-contact{gap:16px!important;}
  .contact-side .contact-list-contact a{padding:7px 5px!important;}
  .contact-side .contact-list-contact a strong{font-size:.72rem!important;}
  .contact-subtitle{font-size:.78rem!important;}
}


/* ===== MantPro Web 9.8 — rediseño de tarjetas de Nosotros ===== */
/* Título en dos renglones, sin forzar un salto antes de "electrodomésticos". */
.about-copy .about-title{
  max-width:820px!important;
  font-size:clamp(2.35rem,4vw,3.55rem)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
/* Sección completamente nítida: sin difuminados, filtros ni transparencias. */
.about-integrated,
.about-extra,
.mantpro-block,
.mantpro-grid{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.about-integrated{background:#fff!important;}
.about-extra{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:30px 0 50px!important;
  margin-top:42px!important;
}
/* Cuatro tarjetas rediseñadas: icono arriba centrado, texto debajo. */
.mantpro-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.mantpro-grid article{
  min-height:245px!important;
  padding:28px 20px 24px!important;
  border:1px solid #0b5fa0!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#0a5ea8,#064781)!important;
  color:#fff!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  gap:0!important;
}
.mantpro-grid .why-icon{
  flex:0 0 auto!important;
  width:74px!important;
  height:74px!important;
  margin:0 auto 20px!important;
  border-radius:50%!important;
  background:#084176!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
}
.mantpro-grid .why-icon svg{
  width:43px!important;
  height:43px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.mantpro-grid article>div:last-child{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.mantpro-grid h3{
  margin:0!important;
  color:#fff!important;
  font-size:1.18rem!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
.mantpro-grid p{
  margin:10px 0 0!important;
  color:#e2f0f7!important;
  font-size:.72rem!important;
  line-height:1.5!important;
  max-width:235px!important;
}
@media(max-width:1050px){
  .mantpro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  .about-copy .about-title{font-size:clamp(2rem,8.6vw,2.7rem)!important;line-height:1.04!important;}
  .about-extra{padding:20px 0 40px!important;margin-top:30px!important;}
  .mantpro-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .mantpro-grid article{min-height:220px!important;padding:25px 18px 22px!important;}
  .mantpro-grid .why-icon{width:68px!important;height:68px!important;margin-bottom:16px!important;}
  .mantpro-grid .why-icon svg{width:39px!important;height:39px!important;}
  .mantpro-grid h3{font-size:1.08rem!important;}
}

/* ===== MantPro Web 9.8 — corrección final sección Nosotros ===== */
/* Dos tarjetas arriba y dos abajo para que todo el contenido sea legible. */
.mantpro-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
}
.mantpro-grid article{
  min-height:220px!important;
  height:220px!important;
  padding:24px 22px 22px!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.mantpro-grid .why-icon{
  width:76px!important;
  height:76px!important;
  margin:0 auto 18px!important;
}
.mantpro-grid .why-icon svg{
  width:44px!important;
  height:44px!important;
}
.mantpro-grid h3{
  font-size:1.32rem!important;
  line-height:1.15!important;
  color:#fff!important;
  visibility:visible!important;
  opacity:1!important;
}
.mantpro-grid p{
  font-size:.78rem!important;
  line-height:1.45!important;
  color:#eaf5fa!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:310px!important;
}
/* Eliminar cualquier capa/halo heredado que pueda generar el destello central. */
.about-grid::before,
.about-grid::after,
.about-integrated::before,
.about-integrated::after,
.about-extra::before,
.about-extra::after,
.mantpro-block::before,
.mantpro-block::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.about-integrated,
.about-grid,
.about-extra,
.mantpro-block,
.mantpro-grid,
.mantpro-grid article{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(max-width:560px){
  .mantpro-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .mantpro-grid article{height:auto!important;min-height:205px!important;}
}

/* ===== MantPro Web 9.8 — ajuste de tamaño de iconos en Nosotros ===== */
.mantpro-grid .why-icon{
  width:64px!important;
  height:64px!important;
  margin:0 auto 16px!important;
}
.mantpro-grid .why-icon svg{
  width:36px!important;
  height:36px!important;
}
@media(max-width:560px){
  .mantpro-grid .why-icon{
    width:58px!important;
    height:58px!important;
    margin-bottom:14px!important;
  }
  .mantpro-grid .why-icon svg{
    width:33px!important;
    height:33px!important;
  }
}

/* ===== MantPro Web 9.8 — últimos ajustes ===== */
/* Barra de medios de pago: mantiene fondo transparente y añade una sombra suave a los logos. */
.payment-logos{
  background:transparent!important;
  box-shadow:none!important;
  padding:8px 0!important;
  gap:26px!important;
}
.payment-logos img{
  filter:drop-shadow(0 7px 13px rgba(8,35,50,.20))!important;
}
.payment-logos img:nth-child(1){width:108px!important;height:42px!important;}
.payment-logos img:nth-child(2){width:86px!important;height:36px!important;}
.payment-logos img:nth-child(3){width:118px!important;height:42px!important;}
.payment-logos img:nth-child(4){width:88px!important;height:38px!important;}
.payment-logos img:nth-child(5){width:92px!important;height:38px!important;}
.payment-logos img:nth-child(6){width:112px!important;height:38px!important;}
@media(max-width:560px){
  .payment-logos{gap:13px!important;flex-wrap:wrap!important;justify-content:center!important;}
  .payment-logos img:nth-child(1){width:78px!important;height:32px!important;}
  .payment-logos img:nth-child(2){width:64px!important;height:29px!important;}
  .payment-logos img:nth-child(3){width:84px!important;height:31px!important;}
  .payment-logos img:nth-child(4){width:68px!important;height:29px!important;}
  .payment-logos img:nth-child(5){width:72px!important;height:30px!important;}
  .payment-logos img:nth-child(6){width:82px!important;height:30px!important;}
}

/* ===== Medios de pago 2026 ===== */
.payment-logos img[src*="visa.com.co"]{width:108px!important;height:42px!important;object-fit:contain!important;}
.payment-logos img[src*="website-files.com"]{width:92px!important;height:38px!important;object-fit:contain!important;}
@media(max-width:560px){
  .payment-logos img[src*="visa.com.co"]{width:78px!important;height:32px!important;}
  .payment-logos img[src*="website-files.com"]{width:72px!important;height:30px!important;}
}

/* MantPro 9.8 — navegación Inicio: siempre vuelve al inicio real de la página */
#inicio{scroll-margin-top:0!important}
#servicios,#nosotros,#contacto{scroll-margin-top:92px}


/* ===== MantPro Web 9.8 — navegación interna y medios de pago ===== */
/* Todas las secciones quedan visibles debajo del encabezado fijo. */
#servicios, #nosotros, #contacto { scroll-margin-top: 100px !important; }
#inicio { scroll-margin-top: 0 !important; }

/* Barra de medios de pago: rectángulo claro y suavemente difuminado, sin sombra en los logos. */
.contact-payments {
  width: min(1160px, 92%) !important;
  margin: 22px auto 0 !important;
  padding: 12px 24px !important;
  min-height: 74px !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.payment-logos {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  padding: 4px 0 !important;
}
.payment-logos img { filter: none !important; }
@media(max-width:560px){
  .contact-payments { width: calc(100% - 24px) !important; padding: 10px 12px !important; border-radius: 15px !important; }
}

/* MantPro Web 9.9 — new warm-home washer diagnostic hero image */
.hero-photo img{object-position:center center!important;filter:none!important;}

/* MantPro Web 9.9 — hero background final integration */
.hero-bg{
  inset:0!important;
  background-image:url('assets/hero-technician-washer-99-bg.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
.hero-overlay{
  background:linear-gradient(90deg,rgba(5,18,28,.62) 0%,rgba(5,18,28,.48) 34%,rgba(5,18,28,.14) 62%,rgba(5,18,28,.04) 100%)!important;
}
.hero-photo{display:none!important;}

/* MantPro Web 9.9 — desplazar la imagen del hero hacia la derecha */
@media (min-width: 931px){
  .hero-bg{
    background-position: 68% center !important;
  }
}

/* MantPro Web 9.9 — paso 1: eliminar por completo la imagen del Inicio */
.hero-bg{display:none!important;background-image:none!important;}
.hero-overlay{display:none!important;}
.hero{background:#07151e!important;}

/* ===== MantPro Web 9.9 — imagen aprobada de Inicio integrada ===== */
.hero{
  background:#07151e!important;
  min-height:690px!important;
}
.hero-bg{
  display:block!important;
  inset:0!important;
  background-image:url('assets/hero-inicio-99-home-final.jpg')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
.hero-overlay{
  display:block!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(4,18,30,.58) 0%,rgba(4,18,30,.38) 30%,rgba(4,18,30,.12) 55%,rgba(4,18,30,0) 76%)!important;
  pointer-events:none!important;
}
@media (min-width:931px){
  .hero-bg{background-position:center center!important;}
}

/* MantPro Web 9.9 — texto final de Nosotros y pie de página */
.about-copy p{color:#000!important;}
.footer-inner p{color:#000!important;}


/* Ajustes finales Hogar 9.9: medios de pago con escala visual uniforme */
.contact-payments .payment-logos{display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;flex-wrap:wrap!important}
.contact-payments .payment-logos img{display:block!important;width:108px!important;height:42px!important;max-width:108px!important;object-fit:contain!important;flex:0 0 108px!important}
/* Navegación: alinear el inicio de cada sección justo debajo del header sticky */
#inicio,#servicios,#nosotros,#contacto{scroll-margin-top:calc(var(--header-height, 88px) + 12px)!important}
/* Botón flotante: pulso discreto para hacerlo visible sin distraer */
.whatsapp-float{transform-origin:center;animation:mantproFloatPulse 3.2s ease-in-out infinite;will-change:transform,box-shadow}
.whatsapp-float:hover,.whatsapp-float:focus-visible{animation-play-state:paused;transform:translateY(-3px) scale(1.025)}
@keyframes mantproFloatPulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 8px 24px rgba(0,117,189,.22)}50%{transform:translateY(-3px) scale(1.025);box-shadow:0 12px 30px rgba(0,117,189,.34)}}
@media(max-width:600px){.contact-payments .payment-logos{gap:14px!important}.contact-payments .payment-logos img{width:78px!important;height:32px!important;max-width:78px!important;flex-basis:78px!important}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{animation:none!important;transition:none!important}}


/* Ajustes finales MantPro Hogar 9.9: medios de pago y navegación por anclas */
.payment-logos img{width:78px!important;height:32px!important;max-width:78px!important;max-height:32px!important;flex:0 0 78px!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important}
.payment-logos img:nth-child(1),.payment-logos img:nth-child(2),.payment-logos img:nth-child(3),.payment-logos img:nth-child(4){width:78px!important;height:32px!important;max-width:78px!important;flex-basis:78px!important}
/* La navegación calcula el desplazamiento con la altura real del encabezado fijo. */
html{scroll-behavior:smooth;scroll-padding-top:104px}
#servicios,#nosotros{scroll-margin-top:104px!important}
@media(max-width:930px){html{scroll-padding-top:82px}#servicios,#nosotros{scroll-margin-top:82px!important}}

/* Fix final: Bold logo has transparent background and matches Visa's visual footprint */
.contact-payments .payment-logos img[src*="bold.svg"]{width:108px!important;height:42px!important;max-width:108px!important;max-height:42px!important;flex:0 0 108px!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
@media(max-width:600px){.contact-payments .payment-logos img[src*="bold.svg"]{width:78px!important;height:32px!important;max-width:78px!important;max-height:32px!important;flex:0 0 78px!important;}}


/* MantPro Hogar 9.9 V4: fallback para enlaces directos con hash; JS alinea el título visible. */
html{scroll-padding-top:110px!important}
#servicios,#nosotros,#contacto{scroll-margin-top:110px!important}
@media(max-width:930px){html{scroll-padding-top:88px!important}#servicios,#nosotros,#contacto{scroll-margin-top:88px!important}}


/* Ajuste final: en celulares/tabletas táctiles, mostrar SOLO el botón flotante circular de WhatsApp.
   No depende del ancho en píxeles y no modifica los botones de las tarjetas. */

/* MantPro Hogar 9.9 V4 — WhatsApp flotante circular en móviles.
   Oculta la barra horizontal móvil y conserva intactos los botones de servicios. */
@media (max-width: 1050px) {
  .mobile-cta { display: none !important; }
  a.whatsapp-float {
    display: flex !important;
    position: fixed !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    left: auto !important;
    top: auto !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
    background: #16b85b !important;
    color: #fff !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    z-index: 99999 !important;
    line-height: 1 !important;
    font-size: 0 !important;
    overflow: hidden !important;
    animation: none !important;
    transform: none !important;
  }
  a.whatsapp-float .wa-text,
  a.whatsapp-float .wa-dot { display: none !important; }
  a.whatsapp-float .wa-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex: 0 0 32px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  a.whatsapp-float .wa-icon svg {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    fill: #fff !important;
  }
}