/* Estilos exclusivos do relato de cliente; não alteram os componentes existentes. */
.rancho-road{padding:48px 0 72px;background:#eef1f5;color:#202630}
.rancho-road__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border:1px solid #dce1e8;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(20,30,45,.07)}
.rancho-road__gallery{min-width:0;padding:18px;background:#e5e9ef}
.rancho-road__hero{position:relative;display:block;overflow:hidden;border-radius:10px;background:#24364d}
.rancho-road__hero>img{width:100%;height:auto;aspect-ratio:690/600;object-fit:cover}
.rancho-road__enlarge{position:absolute;right:14px;bottom:14px;padding:6px 12px;border-radius:6px;background:rgba(12,20,30,.85);color:#fff;font-size:12px;font-weight:650}
.rancho-road__thumbnails{display:flex;align-items:center;gap:12px;margin-top:14px}
.rancho-road__thumbnails>a{display:block;flex:0 0 88px;overflow:hidden;border-radius:7px;background:#d0d8e3}
.rancho-road__thumbnails img{width:88px;height:76px;object-fit:cover;object-position:center 62%}
.rancho-road__thumbnails p{margin:0 0 0 3px;color:#525e6e;font-size:12px;line-height:1.6}
.rancho-road__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(26px,3.5vw,48px)}
.rancho-road__eyebrow{margin:0 0 16px;color:#536780;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.rancho-road__copy h3{margin:0;color:#171e28;font-size:clamp(26px,2.7vw,38px);line-height:1.15;letter-spacing:-.035em}
.rancho-road__quote{margin:24px 0 22px;padding:0 0 0 18px;border-left:3px solid #b7c6d8;background:none;color:#4b5666;font-size:16px;line-height:1.8}
.rancho-road__quote p{margin:0}
.rancho-road__author{display:grid;gap:3px}
.rancho-road__author strong{color:#202630;font-size:15px}
.rancho-road__author span{color:#687383;font-size:12px}
.rancho-road__actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:26px}
.rancho-road__cta{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:50px;padding:13px 19px;border-radius:8px;background:#1b2533;color:#fff;font-size:14px;font-weight:750;line-height:1.5;text-decoration:none}
.rancho-road__cta:hover{background:#33455f}
.rancho-road__source{color:#52647b;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.rancho-road a:focus-visible,.rancho-road button:focus-visible{outline:3px solid #427bbc;outline-offset:4px}
.rancho-road__dialog{max-width:min(960px,94vw);width:960px;max-height:94vh;max-height:94dvh;padding:54px 20px 18px;border:1px solid #49505b;border-radius:12px;background:#141a23;color:#fff;box-shadow:0 24px 90px rgba(0,0,0,.4)}
.rancho-road__dialog::backdrop{background:rgba(0,0,0,.86)}
.rancho-road__dialog figure{margin:0}
.rancho-road__full{display:block;width:100%;height:65vh;height:65dvh;object-fit:contain}
.rancho-road__caption{margin:12px auto 0;max-width:700px;text-align:center;font-size:13px;line-height:1.5;color:#d5dce7}
.rancho-road__close{position:absolute;right:12px;top:8px;width:42px;height:42px;border:0;border-radius:6px;background:#293444;color:#fff;font-size:28px;cursor:pointer}
.rancho-road__navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:12px}
.rancho-road__navigation button{width:44px;height:40px;border:1px solid #66758a;border-radius:6px;background:#293444;color:#fff;cursor:pointer;font-size:20px}
.rancho-road__counter{min-width:42px;text-align:center;font-size:13px}
.service-page .rancho-road{padding:48px 0}
.service-page .rancho-road__card{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.service-page .rancho-road__copy{padding:28px 36px}
.service-page .rancho-road__copy h3{font-size:30px}
.service-page .rancho-road__quote{margin:18px 0;font-size:15px}
@media(max-width:760px){
.rancho-road{padding:42px 0}
.rancho-road__card,.service-page .rancho-road__card{grid-template-columns:minmax(0,1fr)}
.rancho-road__gallery{padding:12px}
.rancho-road__copy,.service-page .rancho-road__copy{padding:26px 22px 30px}
.rancho-road__copy h3,.service-page .rancho-road__copy h3{font-size:28px}
.rancho-road__quote{font-size:15px;line-height:1.75;margin:22px 0}
.rancho-road__actions{align-items:stretch}
.rancho-road__source{text-align:center}
.rancho-road__thumbnails>a{flex-basis:74px}
.rancho-road__thumbnails img{width:74px;height:66px}
.rancho-road__thumbnails{gap:9px}
.rancho-road__thumbnails p{font-size:11px}
.rancho-road__dialog{padding:52px 12px 16px}
.rancho-road__full{height:58vh;height:58dvh}
}

/* Apresentação da seção acima do relato. */
.rancho-road__heading{max-width:860px;margin:0 0 32px;padding:0;text-align:left}
.rancho-road__heading .rancho-road__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:12px}
.rancho-road__heading .rancho-road__eyebrow::before{content:"";width:34px;height:3px;background:#536780;flex-shrink:0}
.rancho-road__heading h2{margin:0;max-width:850px;color:#171e28;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.04em}
.rancho-road__intro{margin:18px 0 0;color:#5b6675;font-size:17px;line-height:1.65}
.service-page .rancho-road__heading h2{font-size:clamp(30px,3.4vw,44px)}
@media(max-width:760px){
.rancho-road{padding:32px 0 42px}
.rancho-road__heading{margin-bottom:24px}
.rancho-road__heading h2{font-size:34px}
.rancho-road__intro{margin-top:14px;font-size:15px}
}
