
/* Brito Roofing V46 — independent draft pages / SEO content architecture */
.inner-page{background:#0b1013;color:#f3f4f3}
.inner-page main{padding-top:78px}
.inner-hero{position:relative;min-height:430px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.inner-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,10,.94),rgba(8,12,15,.72) 47%,rgba(8,12,15,.34)),var(--inner-hero-image,url('assets/page-bg-reference.png')) center/cover no-repeat;filter:saturate(.84) contrast(1.03)}
.inner-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,9,.10),rgba(4,7,9,.70))}
.inner-hero .container{position:relative;z-index:2;padding-top:88px;padding-bottom:70px}
.inner-hero-copy{max-width:760px}.inner-hero .eyebrow{font-size:11px}.inner-hero h1{margin:8px 0 18px;font:700 clamp(48px,5.7vw,82px)/.90 'Roboto Condensed','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.018em}.inner-hero h1 em{font-style:normal;color:var(--orange-bright)}.inner-hero p{max-width:700px;color:#ccd1d3;font-size:16px;line-height:1.7;margin:0}.inner-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.inner-section{padding:92px 0;border-bottom:1px solid rgba(255,255,255,.06)}.inner-section.alt{background:#10161a}.inner-section.orange{background:linear-gradient(135deg,#f56d09,#d84e00);color:#fff}.inner-section.orange p{color:#fff2e9}.inner-heading{max-width:760px;margin-bottom:42px}.inner-heading .eyebrow{font-size:11px}.inner-heading h2{margin:8px 0 16px;font:650 clamp(36px,4vw,56px)/.94 'Roboto Condensed','Arial Narrow',sans-serif;text-transform:uppercase}.inner-heading p{margin:0;color:#aeb7bb;font-size:14px;line-height:1.75}
.inner-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.inner-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.inner-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}
.info-card,.service-detail-card,.seo-card{position:relative;background:rgba(10,14,17,.72);border:1px solid rgba(255,255,255,.12);padding:28px;min-height:210px;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.info-card:hover,.service-detail-card:hover,.seo-card:hover{border-color:rgba(242,97,0,.55);transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.18)}.info-card span,.service-detail-card>span{color:var(--orange-bright);font:700 11px/1 'Roboto Condensed',sans-serif;letter-spacing:.12em}.info-card h3,.service-detail-card h3{margin:18px 0 10px;font:650 26px/1 'Roboto Condensed','Arial Narrow',sans-serif;text-transform:uppercase}.info-card p,.service-detail-card p{margin:0;color:#aeb7bb;font-size:13px;line-height:1.7}.service-detail-card a{display:inline-flex;margin-top:20px;color:var(--orange-bright);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.process-list{counter-reset:step;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.12)}.process-list article{counter-increment:step;display:grid;grid-template-columns:72px 1fr;gap:22px;padding:28px 4px;border-bottom:1px solid rgba(255,255,255,.10)}.process-list article::before{content:"0" counter(step);color:var(--orange-bright);font:600 28px/1 'Roboto Condensed',sans-serif}.process-list h3{margin:0 0 8px;font:600 24px/1 'Roboto Condensed',sans-serif;text-transform:uppercase}.process-list p{margin:0;color:#adb6ba;font-size:13px;line-height:1.65}
.client-input{border:1px solid rgba(242,97,0,.62);background:linear-gradient(145deg,rgba(242,97,0,.07),rgba(9,13,15,.72));padding:32px;margin-top:32px}.client-input-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.client-input-head span{color:var(--orange-bright);font:800 11px/1 'Roboto Condensed',sans-serif;letter-spacing:.14em}.client-input-head strong{font:600 22px/1 'Roboto Condensed',sans-serif;text-transform:uppercase}.client-input ul{columns:2;column-gap:50px;margin:0;padding-left:18px}.client-input li{break-inside:avoid;margin:0 0 10px;color:#c8ced1;font-size:13px;line-height:1.5}
.draft-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(242,97,0,.55);padding:8px 10px;color:#ff9b58;background:rgba(242,97,0,.06);font:800 9px/1 'Roboto Condensed',sans-serif;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px}.draft-badge::before{content:"";width:6px;height:6px;background:var(--orange-bright);box-shadow:0 0 10px rgba(242,97,0,.45)}
.work-gallery-v46{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-gallery-v46 figure{position:relative;margin:0;min-height:310px;overflow:hidden;background:#0a0e10;border:1px solid rgba(255,255,255,.10)}.work-gallery-v46 figure:nth-child(1),.work-gallery-v46 figure:nth-child(7){grid-column:span 2}.work-gallery-v46 img{width:100%;height:100%;min-height:310px;object-fit:cover;display:block;transition:transform .55s ease,filter .4s ease}.work-gallery-v46 figure:hover img{transform:scale(1.045);filter:saturate(.94)}.work-gallery-v46 figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(180deg,transparent,rgba(4,7,9,.90));font:700 12px/1.2 'Roboto Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em}
.case-study{display:grid;grid-template-columns:.95fr 1.05fr;gap:0;border:1px solid rgba(255,255,255,.12);background:#0c1114}.case-study-media{min-height:430px;background:var(--case-image,url('assets/jobsite_pic9.jpg')) center/cover no-repeat}.case-study-copy{padding:44px}.case-study-copy h3{margin:7px 0 14px;font:650 34px/1 'Roboto Condensed',sans-serif;text-transform:uppercase}.case-study-copy p{color:#b5bdc1;font-size:14px;line-height:1.72}.case-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.10);margin-top:28px}.case-meta div{background:#10161a;padding:16px}.case-meta span{display:block;color:#899499;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.case-meta strong{display:block;margin-top:5px;font:600 16px/1.1 'Roboto Condensed',sans-serif}
.review-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-wall .review-card{min-height:260px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}.contact-panel{background:#10161a;border:1px solid rgba(255,255,255,.12);padding:34px}.contact-list{display:grid;gap:14px;margin-top:24px}.contact-row{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09)}.contact-row span{display:block;color:#8e999e;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.contact-row strong,.contact-row a{display:block;margin-top:6px;font:600 20px/1.1 'Roboto Condensed',sans-serif;color:#fff}.draft-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.draft-form .full{grid-column:1/-1}.draft-form input,.draft-form select,.draft-form textarea{width:100%;border:1px solid rgba(255,255,255,.18);background:#0a0f12;color:#fff;padding:14px 15px;border-radius:0;font:inherit}.draft-form textarea{min-height:140px;resize:vertical}.draft-form label{display:grid;gap:7px;color:#b9c1c4;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.public-review-state{grid-column:1/-1;margin:0;padding:42px 24px;border:1px solid rgba(255,255,255,.1);background:rgba(16,22,26,.72);color:#aeb6ba;text-align:center}.review-track>.public-review-state{flex:1 0 100%}
[data-copy-lang="es"]{display:none!important}html[lang="es"] [data-copy-lang="en"]{display:none!important}html[lang="es"] [data-copy-lang="es"]{display:block!important}html[lang="es"] span[data-copy-lang="es"],html[lang="es"] em[data-copy-lang="es"]{display:inline!important}
.inner-cta{padding:0}.inner-cta-grid{display:grid;grid-template-columns:1.15fr .85fr}.inner-cta-copy{padding:50px max(40px,calc((100vw - var(--container))/2));background:#151b1f}.inner-cta-action{padding:50px max(40px,calc((100vw - var(--container))/2)) 50px 50px;background:linear-gradient(145deg,#f46c08,#d84e00);display:flex;align-items:center;justify-content:flex-start}.inner-cta h2{margin:0;font:650 clamp(34px,3.5vw,50px)/.95 'Roboto Condensed',sans-serif;text-transform:uppercase}.inner-cta p{margin:12px 0 0;color:#b9c1c4;font-size:13px;line-height:1.65}
@media(max-width:1050px){.inner-grid-4{grid-template-columns:repeat(2,1fr)}.inner-grid-3,.review-wall{grid-template-columns:1fr 1fr}.case-study,.contact-layout,.inner-cta-grid{grid-template-columns:1fr}.work-gallery-v46{grid-template-columns:1fr 1fr}.work-gallery-v46 figure:nth-child(1),.work-gallery-v46 figure:nth-child(7){grid-column:span 1}.inner-cta-action{padding:42px}.client-input ul{columns:1}}
@media(max-width:720px){.inner-page main{padding-top:70px}.inner-hero{min-height:390px}.inner-hero .container{padding-top:76px;padding-bottom:48px}.inner-hero h1{font-size:48px}.inner-hero p{font-size:14px}.inner-section{padding:70px 0}.inner-grid-2,.inner-grid-3,.inner-grid-4,.review-wall,.work-gallery-v46{grid-template-columns:1fr}.process-list article{grid-template-columns:48px 1fr}.client-input{padding:24px 20px}.client-input-head{display:block}.client-input-head strong{display:block;margin-top:8px}.case-study-copy{padding:28px 22px}.draft-form{grid-template-columns:1fr}.draft-form .full{grid-column:auto}}
