/*
Theme Name: Auto Socorro Gaúcho
Author: Guia Podcast
Description: Tema responsivo de página inicial para Auto Socorro Gaúcho, compatível com Elementor.
Version: 1.8.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: auto-socorro-gaucho
*/
:root{--yellow:#ffe500;--black:#181b1d;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:#1e2224;color:#ffe500;text-align:center;padding:9px;font-size:12px;font-weight:800;letter-spacing:.1em}.header{background:#fff;position:relative;z-index:5;box-shadow:0 2px 8px #0001}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:85px}.brand img{width:168px;display:block}.nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}.nav a:hover{color:#a18e00}.btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 22px;border-radius:9px;background:var(--yellow);color:#111;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.02em;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.outline{border:2px solid white;background:transparent;color:white}.hero{min-height:520px;display:flex;align-items:center;background:linear-gradient(90deg,#101519db 0%,#10151991 40%,#10151900 78%),url(assets/hero.webp) center/cover;color:#fff}.hero h1{font-size:clamp(38px,5vw,70px);line-height:1.04;max-width:660px;margin:18px 0}.hero h1 em{color:var(--yellow);font-style:normal}.hero p{font-size:19px;max-width:520px;line-height:1.45}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:900;text-transform:uppercase;color:#9b8800}.hero .eyebrow{color:var(--yellow)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.benefits{background:#202426;color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr)}.benefit{padding:26px 12px;display:flex;align-items:center;gap:16px;border-right:1px solid #ffffff38}.benefit:last-child{border:0}.benefit b{font-size:21px}.benefit span{color:var(--yellow);font-size:34px}.benefit small{display:block;color:#ddd;margin-top:4px}.section{padding:75px 0}.section h2{font-size:clamp(28px,3.5vw,44px);margin:8px 0 10px;line-height:1.1}.lead{color:#666;margin:0 0 27px;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{box-shadow:0 5px 22px #00000014;border:1px solid #e6e8eb;border-radius:12px;overflow:hidden}.card img{width:100%;height:205px;object-fit:cover;display:block}.card-body{padding:23px}.card h3{margin:0 0 8px}.card p{margin:0;color:#5b6268;line-height:1.5}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.about img{border-radius:12px;width:100%;height:390px;object-fit:cover}.about p{font-size:18px;line-height:1.65;color:#5d6366}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#f4f4f4;padding:12px;border-radius:8px;font-weight:700;font-size:13px}.coverage{background:#eef5fb}.coverage-inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.coverage p{line-height:1.6;color:#535b63}.coverage-map{background:radial-gradient(circle at 50% 50%,#fff08b 0 22%,#e0effd 23% 100%);min-height:310px;border-radius:16px;display:flex;justify-content:center;align-items:center;text-align:center;color:#17212b;font-size:24px;font-weight:800;border:1px solid #d5e3ee}.coverage-map small{display:block;font-size:13px;font-weight:500;margin-top:8px}.finalcta{background:linear-gradient(90deg,var(--yellow) 0 53%,#181b1d44 70%),url(assets/hero.webp) 65% 60%/cover;padding:55px 0}.finalcta h2{font-size:38px;max-width:520px;margin:0 0 12px}.finalcta .btn{background:#161a1c;color:#fff}.footer{background:#1a1d1f;color:#fff;padding:45px 0 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer img{width:200px;background:#fff;border-radius:6px}.footer a{display:block;margin:8px 0;color:#ddd}.footer p,.footer small{color:#bbb}.footer small{display:block;margin-top:35px;border-top:1px solid #555;padding-top:17px}.edit-note{padding:50px 0}.elementor-page .entry-content{margin:0} @media(max-width:760px){.header-inner{flex-wrap:wrap;padding:15px 0;gap:10px}.brand img{width:130px}.nav{width:100%;order:3;overflow:auto;gap:14px;white-space:nowrap;padding-bottom:10px}.header .btn{padding:12px;font-size:11px}.hero{min-height:550px;background-position:60% center;background-image:linear-gradient(90deg,#101519d9,#10151966),url(assets/hero.webp)}.hero h1{font-size:40px}.benefit-grid,.cards,.about,.coverage-inner,.footgrid{grid-template-columns:1fr}.benefit{border-bottom:1px solid #ffffff38;border-right:0}.section{padding:48px 0}.card img{height:220px}.about{gap:25px}.about img{height:260px}.finalcta{background:var(--yellow)}.finalcta h2{font-size:31px}}

/* 1.1: mobile navigation and cleaner brand */
.brand img{width:190px}.mobile-menu{display:none}.mobile-wa{display:none}
@media(max-width:760px){.header-inner{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:75px;gap:8px}.brand img{width:145px}.header-inner>.nav,.header-inner>.btn{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;width:48px;height:48px;border:1px solid #ddd;border-radius:7px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] .mobile-nav{position:absolute;right:0;top:56px;width:min(290px,86vw);display:flex;flex-direction:column;gap:0;background:#fff;box-shadow:0 10px 25px #0003;padding:10px;z-index:99;border-radius:9px}.mobile-nav a{display:block;padding:13px;border-bottom:1px solid #eee;font-weight:700}.mobile-menu .btn{display:flex;margin-top:12px;font-size:12px}.hero{min-height:560px;background-position:56% center}.hero .wrap{padding:32px 0}.hero h1{font-size:clamp(35px,10vw,48px);max-width:450px}.hero .actions .btn{width:100%}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.benefit{display:block;text-align:center;padding:16px 6px;border:0;border-right:1px solid #ffffff38}.benefit:last-child{border-right:0}.benefit span{font-size:28px;display:block}.benefit b{font-size:13px}.benefit small{font-size:11px;line-height:1.25}.mobile-wa{display:flex;position:fixed;right:18px;bottom:18px;background:#16b956;color:#fff;width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 5px 18px #0004;z-index:90;font-weight:900;font-size:24px}.finalcta{background:var(--yellow)}.finalcta .btn{background:#161a1c;color:#fff}}
@media(max-width:420px){.topbar{font-size:10px}.cards{gap:12px}.section h2{font-size:30px}.coverage-map{min-height:230px}}

/* 1.2: approved-layout image assets */
.benefit-icon{width:52px;height:52px;object-fit:contain;flex:0 0 auto}.benefit span{display:none}.card-body{position:relative;padding-top:25px}.service-icon{display:block;width:44px;height:44px;object-fit:contain;margin:-47px 0 12px;position:relative;background:#fff;border:3px solid #fff;border-radius:50%}.coverage-map{background:none;display:block;min-height:0;border:0;overflow:hidden;box-shadow:0 8px 20px #0001}.coverage-map img{width:100%;height:auto;display:block;border-radius:14px}.finalcta{background:linear-gradient(103deg,#ffe500 0 47%,#ffe500f5 47% 48%,transparent 48% 100%),url(assets/cta-clean.webp) center 54%/cover;padding:50px 0}.finalcta .btn{background:#ffe500;color:#111;margin-top:12px}.finalcta h2,.finalcta p{max-width:480px}
@media(max-width:760px){.benefit-icon{width:34px;height:34px;margin:0 auto 6px;display:block}.coverage-map{min-height:0}.coverage-map img{min-height:0}.finalcta{background:linear-gradient(180deg,#ffe500 0 58%,transparent 58%),url(assets/cta-clean.webp) center bottom/cover;padding:42px 0 210px}.finalcta .btn{background:#111;color:#fff}.service-icon{margin-top:-44px}}

/* 1.3: square transparent icon canvases with consistent proportions */
.benefit-icon{width:52px;height:52px;display:block;object-fit:contain}.service-icon{width:48px;height:48px;aspect-ratio:1;display:block;object-fit:contain;border:0;border-radius:50%;background:transparent;margin-top:-49px;margin-bottom:12px}.benefit img,.card img.service-icon{max-width:none}
@media(max-width:760px){.benefit-icon{width:35px;height:35px}.service-icon{width:45px;height:45px;margin-top:-46px}}

/* 1.4: override broad .card img photo sizing for circular icon assets */
.card img.service-icon{width:48px;height:48px;max-width:48px;aspect-ratio:1;object-fit:contain;display:block;margin:-49px 0 12px;border:0;border-radius:50%;background:transparent}
@media(max-width:760px){.card img.service-icon{width:45px;height:45px;max-width:45px;margin-top:-46px}}

/* 1.6: real fleet photography and services detail page */
.hero{background-image:linear-gradient(90deg,#101519ed 0%,#101519b8 38%,#1015191c 79%),url(assets/hero.webp);background-position:center 53%}
.finalcta{background-image:linear-gradient(103deg,#ffe500 0 47%,#ffe500ef 47% 48%,transparent 48% 100%),url(assets/cta-real.webp)}
.services-more{margin:30px 0 0;text-align:center}.services-hero{background:#1e2224;color:white;padding:66px 0 58px}.services-hero h1{font-size:clamp(36px,5vw,62px);max-width:800px;line-height:1.08;margin:12px 0}.services-hero p{font-size:18px;line-height:1.5;max-width:690px}.services-hero .eyebrow{color:var(--yellow)}.services-intro{max-width:810px;margin:0 0 32px;color:#555;line-height:1.6}.service-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-feature{margin:0;border:1px solid #e7e7e7;border-radius:12px;overflow:hidden;background:white;box-shadow:0 5px 20px #00000010}.service-feature img{width:100%;height:240px;object-fit:cover;display:block}.service-feature figcaption{padding:20px}.service-feature h2{margin:0 0 8px;font-size:22px}.service-feature p{margin:0;color:#5b6268;line-height:1.5}.services-note{background:#f5f6f6;border-radius:12px;margin-top:32px;padding:24px;line-height:1.6}.services-note p{margin:0}.services-cta{margin-top:22px}
@media(max-width:760px){.hero{background-image:linear-gradient(90deg,#101519e8,#10151994),url(assets/hero.webp)}.finalcta{background-image:linear-gradient(180deg,#ffe500 0 58%,transparent 58%),url(assets/cta-real.webp)}.service-gallery{grid-template-columns:1fr}.service-feature img{height:240px}.services-hero{padding:46px 0}}

/* 1.7: force fresh real-photo backgrounds after cache */
.hero{background-image:linear-gradient(90deg,#101519ed 0%,#101519b8 38%,#1015191c 79%),url(assets/hero.webp?v=17)}
.finalcta{background-image:linear-gradient(103deg,#ffe500 0 47%,#ffe500ef 47% 48%,transparent 48% 100%),url(assets/cta-real.webp?v=17)}
@media(max-width:760px){.hero{background-image:linear-gradient(90deg,#101519e8,#10151994),url(assets/hero.webp?v=17)}.finalcta{background-image:linear-gradient(180deg,#ffe500 0 58%,transparent 58%),url(assets/cta-real.webp?v=17)}}

/* 1.8: visible WhatsApp actions and updated real-photo CTA */
.wa-icon{width:20px;height:20px;display:block;flex:none}
.btn{gap:9px}
.footer .btn{background:#ffe500;color:#111;min-height:48px}
.footer .btn:hover{color:#111}
.finalcta .btn{background:#161a1c;color:#fff;box-shadow:0 5px 14px #0003}
.finalcta .btn:hover{color:#fff}
.mobile-wa{display:flex;position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;align-items:center;justify-content:center;box-shadow:0 6px 22px #0006;z-index:999;border:3px solid #fff}
.mobile-wa .wa-icon{width:34px;height:34px}
.mobile-wa:hover{background:#128c4b;color:#fff;transform:translateY(-2px)}
.hero{background-image:linear-gradient(90deg,#101519ed 0%,#101519b8 38%,#1015191c 79%),url(assets/hero.webp?v=18)}
.finalcta{background-image:linear-gradient(103deg,#ffe500 0 47%,#ffe500ef 47% 48%,transparent 48% 100%),url(assets/cta-real.webp?v=18)}
@media(max-width:760px){.mobile-wa{right:16px;bottom:16px;width:58px;height:58px}.hero{background-image:linear-gradient(90deg,#101519e8,#10151994),url(assets/hero.webp?v=18)}.finalcta{background-image:linear-gradient(180deg,#ffe500 0 58%,transparent 58%),url(assets/cta-real.webp?v=18)}.finalcta .btn{background:#161a1c;color:#fff}}
