/* ObraChat approved homepage, 11 October 2026. Original logo/header preserved. */
:root{--oc-ink:#173d38;--oc-green:#24584c;--oc-cream:#f8f7f2;--oc-terra:#ba532e;--oc-muted:#5f6d66;--oc-line:#dde2d8}
.site-header{background:#173d38!important;border:0!important;margin:0!important}
.site-header .site-header-content{max-width:1200px;margin:auto;min-height:104px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .site-logo{margin:0!important;flex-shrink:0}.site-header .custom-logo{width:70px!important;height:auto!important;max-height:82px;object-fit:contain}
.site-header #menu a,.site-header #menu a:visited{color:#fff!important}.site-header #menu{background:#173d38!important}
.site-header .nav-icon .line{background:#fff!important}
.oc-nav{display:flex;align-items:center;gap:32px}.oc-nav a{color:#fff!important;font:500 14px/1.4 Arial,sans-serif;text-decoration:none}.oc-nav a:hover{color:#f2c9b5!important}.oc-nav .oc-nav-app{background:#f8f7f2;color:#173d38!important;padding:14px 22px;border-radius:6px}
.oc-menu-toggle{display:none}.oc-skip{position:absolute;left:20px;top:-100px;background:#fff;color:#173d38;padding:12px;z-index:9999}.oc-skip:focus{top:10px}
body.home{background:var(--oc-cream)!important}
.oc-home{font:15px/1.65 Arial,sans-serif;color:var(--oc-ink);width:100%;margin:0;padding:0;background:var(--oc-cream)}
.oc-home *, .oc-home *::before,.oc-home *::after{box-sizing:border-box}
.oc-home a{color:inherit;text-decoration:none}.oc-home p{font:15px/1.7 Arial,sans-serif;color:var(--oc-muted);margin:0 0 20px}
.oc-home h1,.oc-home h2{font-family:Georgia,'Times New Roman',serif!important;color:var(--oc-ink);font-weight:400;letter-spacing:-1.6px;line-height:1.1;margin:0}
.oc-home h1{font-size:clamp(42px,5.1vw,68px);font-weight:600;margin:0 0 24px}
.oc-home h1 em{font-weight:500;color:var(--oc-terra)}.oc-home h2{font-size:clamp(30px,3.2vw,43px)}
.oc-home h3{font:600 17px/1.4 Arial,sans-serif;color:var(--oc-ink);margin:0 0 9px}
.oc-wrap{max-width:1200px;margin:auto;padding:0 28px}
.oc-hero{display:grid;grid-template-columns:1fr 1.06fr;gap:54px;align-items:center;padding:48px 0 40px}
.oc-hero-copy{padding:24px 0}.oc-hero p{max-width:420px;font-size:17px}
.oc-eyebrow{font:600 11px/1.5 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--oc-muted);display:block;margin-bottom:20px}
.oc-eyebrow::before{content:"";width:22px;height:2px;background:var(--oc-terra);display:inline-block;vertical-align:middle;margin-right:9px}
.oc-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
.oc-home .oc-btn{background:var(--oc-green);color:white;border:1px solid var(--oc-green);border-radius:6px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font:600 13px/1.5 Arial,sans-serif;min-height:49px;text-decoration:none;transition:background .18s,transform .18s}
.oc-home .oc-btn:hover{background:var(--oc-ink);transform:translateY(-2px)}.oc-home .oc-btn-light{background:transparent;color:var(--oc-ink);border-color:#9aaa9e}.oc-home .oc-btn-light:hover{background:#e9ece3}
.oc-home .oc-mini{font-size:11px;color:var(--oc-muted);margin:17px 0 0}
.oc-hero-photo{margin:0;position:relative}.oc-hero-photo img{display:block;width:100%;height:440px;object-fit:cover;border-radius:145px 145px 0 0;background:#e4e8dc}
.oc-hero-photo figcaption{font:10px/1.4 Arial,sans-serif;color:var(--oc-muted);margin-top:7px;text-align:right}.oc-hero-photo figcaption a{text-decoration:underline}
.oc-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--oc-line);border-bottom:1px solid var(--oc-line);margin-bottom:52px}
.oc-shortcuts a{padding:25px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-right:1px solid var(--oc-line);font-size:13px}
.oc-shortcuts a:last-child{border:0}.oc-shortcuts a:hover{color:var(--oc-terra)}.oc-shortcuts svg{width:22px;height:22px;color:var(--oc-terra);flex-shrink:0}
.oc-section{padding:16px 0 60px;scroll-margin-top:125px}.oc-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.oc-heading p{max-width:350px;font-size:13px;margin:0}.oc-heading.center{justify-content:center;text-align:center}
.oc-services{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.oc-service{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:134px;border:1px solid var(--oc-line);border-radius:8px;background:#fffaf6;padding:22px 12px;transition:transform .18s,border-color .18s}
.oc-service:hover{border-color:var(--oc-terra);transform:translateY(-3px)}.oc-service svg{width:39px;height:39px;color:var(--oc-terra);margin-bottom:16px}.oc-service span{font:600 15px/1.35 Georgia,serif;text-align:center}
.oc-more-services{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}.oc-more-services a{font-size:12px;border-bottom:1px solid #bfc9bd;padding:4px 0}
.oc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--oc-line);padding-top:25px}
.oc-step{display:flex;gap:18px;align-items:flex-start}.oc-step-number{font:400 23px/48px Georgia,serif;min-width:48px;height:48px;border-radius:50%;background:#dce4cf;text-align:center}
.oc-step p{font-size:13px;margin:0}.oc-step h3{font:600 18px/1.4 Georgia,serif}
.oc-calculator{background:#e7ebdf;border-radius:10px;padding:38px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.oc-calculator h2{max-width:480px}.oc-calculator p{font-size:14px;margin:20px 0 0}
.oc-calc-box{background:#fff;padding:28px;border-radius:9px;box-shadow:0 10px 20px #173d380b}
.oc-calc-box label{display:block;font:600 17px/1.4 Georgia,serif;margin-bottom:13px}
.oc-home select{width:100%;max-width:100%;font:14px/1.4 Arial,sans-serif;border:1px solid #cbd3c6;border-radius:6px;padding:13px;background:#fff;color:var(--oc-ink);min-height:46px}
.oc-calc-box .oc-btn{width:100%;margin-top:14px}.oc-calc-box .oc-calc-all{display:block;text-align:center;font-size:12px;text-decoration:underline;margin-top:12px}
.oc-pro{background:var(--oc-ink);border-radius:10px;padding:42px;display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;color:#fff}
.oc-pro h2{color:#fff;font-size:42px}.oc-pro p{color:#e0e7de;font-size:14px;margin:20px 0 0}.oc-pro .oc-eyebrow{color:#d8e2d3}
.oc-pro ul{list-style:none;padding:0;margin:0 0 24px}.oc-pro li{padding:11px 0;border-bottom:1px solid #ffffff26;font-size:13px}.oc-pro li::before{content:"✓";color:#e9ac8b;margin-right:12px}
.oc-home .oc-pro .oc-btn{background:var(--oc-cream);color:var(--oc-ink);border-color:var(--oc-cream)}
.oc-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.oc-guide{background:#fff;border:1px solid var(--oc-line);border-radius:8px;overflow:hidden;transition:transform .18s}
.oc-guide:hover{transform:translateY(-3px)}.oc-guide img{width:100%;height:170px;display:block;object-fit:cover;background:#e6eadf}
.oc-guide-copy{padding:23px}.oc-tag{font:600 10px/1.3 Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:var(--oc-terra)}.oc-guide h3{font:600 21px/1.3 Georgia,serif;margin:12px 0}.oc-guide p{font-size:13px;margin:0 0 16px}.oc-guide-link{font-size:12px;color:var(--oc-terra)!important}
.oc-faq{max-width:780px;margin:0 auto}.oc-faq h2{text-align:center;margin-bottom:26px}.oc-faq details{border-bottom:1px solid var(--oc-line);padding:19px 0}
.oc-faq summary{font:600 14px/1.5 Arial,sans-serif;cursor:pointer}.oc-faq details p{font-size:13px;margin:15px 0 0}.oc-faq details a{text-decoration:underline}
.oc-app{border-top:1px solid var(--oc-line);padding:35px 0 45px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.oc-app h2{font-size:32px}.oc-app p{font-size:13px;margin:13px 0 0}.oc-stores{display:flex;gap:12px;flex-wrap:wrap}.oc-home .oc-store{background:#173d38;color:#fff;padding:11px 20px;border-radius:7px;min-width:145px}.oc-store small{display:block;font-size:10px;color:#dbe3d8}.oc-store b{font-size:17px}
.oc-directory{background:var(--oc-ink);color:#fff;padding:35px 0 18px}.oc-directory-inner{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:30px}.oc-directory img{width:70px;height:auto}.oc-directory b{display:block;font-size:13px;margin-bottom:15px;color:white}.oc-directory a{display:block;font:12px/1.5 Arial,sans-serif;color:#e4eade;margin:10px 0}.oc-directory p{font-size:12px;color:#d7e0d2;margin-top:16px;max-width:200px}
.home .content-footer,.home .content-footer-social,.home footer{background:#173d38!important;color:#e4eade!important}.home .content-footer a,.home .content-footer-social a{color:#e4eade!important}
.home .footer-breadcrumb,.home .go-top{display:none!important}.home .content-footer{max-width:none}.home .widget-content-footer{padding-top:0}.home .widget-content-footer-bottom{font-size:11px}.home .content-footer-social{padding:15px 0!important}
.oc-home a:focus-visible,.oc-home select:focus-visible,.oc-home summary:focus-visible,.oc-nav a:focus-visible,.oc-menu-toggle:focus-visible{outline:3px solid #c05b35;outline-offset:5px}
.oc-whatsapp{position:fixed;bottom:24px;right:22px;z-index:9990;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#178347;color:#fff!important;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 18px #173d3830}.oc-whatsapp svg{width:28px;height:28px}
/* Keep the contact button anchored while the legacy obstacle detector runs. */
html body #obrachat-whatsapp-float{position:fixed!important;top:auto!important;left:auto!important;right:max(16px,env(safe-area-inset-right))!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;width:52px!important;height:52px!important;margin:0!important;transform:none!important;animation:none!important;transition:none!important;contain:layout paint;}
html body #obrachat-whatsapp-float svg{width:30px!important;height:30px!important;transform:none!important;animation:none!important;transition:none!important}
@media(min-width:901px){.site-header #nav-icon{display:none!important}}
@media(max-width:900px){.site-header .site-header-content{min-height:92px}.oc-nav{gap:17px}.oc-nav a{font-size:12px}.oc-hero{gap:30px}.oc-hero-photo img{height:380px}.oc-services{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-steps{gap:22px}.oc-step{gap:12px}.oc-calculator,.oc-pro{gap:30px;padding:30px}.oc-shortcuts a{padding:20px 12px;font-size:12px}}
@media(max-width:700px){body.home .site-header{position:relative!important;top:auto!important;transform:none!important}.oc-section,.oc-app{scroll-margin-top:24px}.site-header .site-header-content{padding:10px 20px;min-height:88px}.site-header .custom-logo{width:58px!important;max-height:70px}.oc-menu-toggle{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;background:transparent!important;color:white!important;border:1px solid #ffffff50;border-radius:5px;padding:9px;cursor:pointer}.oc-menu-toggle svg{width:24px;height:24px}.oc-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#173d38;padding:18px 24px;box-shadow:0 12px 20px #173d3825;z-index:100;flex-direction:column;align-items:stretch;gap:0}.oc-nav.oc-open{display:flex}.oc-nav a{padding:12px 0;font-size:15px}.oc-nav .oc-nav-app{text-align:center;margin:12px 0}.oc-wrap{padding:0 20px}.oc-hero{grid-template-columns:1fr;gap:22px;padding:22px 0 30px}.oc-hero-copy{padding:8px 0}.oc-home h1{font-size:clamp(34px,9vw,44px)!important;line-height:1.12!important;letter-spacing:-1.2px}.oc-hero p{font-size:15px}.oc-hero-photo img{height:310px;border-radius:95px 95px 0 0}.oc-shortcuts{grid-template-columns:1fr 1fr;margin-bottom:32px}.oc-shortcuts a{padding:18px 10px;font-size:11px}.oc-shortcuts a:nth-child(2){border:0}.oc-shortcuts a:nth-child(-n+2){border-bottom:1px solid var(--oc-line)}.oc-shortcuts svg{width:19px}.oc-heading{flex-direction:column;align-items:flex-start;gap:16px}.oc-heading.center{align-items:center}.oc-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oc-service{min-height:120px;padding:20px 10px}.oc-services .oc-service span{font-size:15px}.oc-section{padding-bottom:42px}.oc-steps{grid-template-columns:1fr;gap:25px}.oc-calculator,.oc-pro{grid-template-columns:1fr;padding:26px;gap:24px}.oc-pro h2{font-size:34px}.oc-guides{grid-template-columns:1fr;gap:16px}.oc-guide{display:grid;grid-template-columns:110px 1fr}.oc-guide img{height:100%;min-height:165px}.oc-guide-copy{padding:19px}.oc-guide h3{font-size:19px}.oc-app{flex-direction:column;align-items:flex-start}.oc-directory-inner{grid-template-columns:1fr 1fr;gap:22px}.oc-whatsapp{bottom:18px;right:17px;width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.oc-home *{transition:none!important;scroll-behavior:auto!important}}