/* Obra Equipos — dirección industrial editorial */
:root{--ink:#171b20;--muted:#606871;--paper:#f7f8fa;--line:#e0e4e8;--orange:#ff791c}
body{font-size:16px;-webkit-font-smoothing:antialiased}
html{scroll-padding-top:96px}
header{height:94px;background:#fffffff5;border-bottom:1px solid #e7e9ec;backdrop-filter:blur(16px)}
.topline{background:#171b20;padding-top:8px;padding-bottom:8px;color:#d5d9df}
.brand img{width:128px}
nav{gap:30px;font-size:12px}
nav>a:not(.button){position:relative}
nav>a:not(.button):after{content:'';position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--orange);transition:right .2s}
nav>a:not(.button):hover:after{right:0}
.button{border-radius:7px;min-height:56px;padding:16px 24px;font-size:12px;box-shadow:0 4px 14px #ff791c12}
.button.small{min-height:46px;border-radius:6px}
.hero{background:#171b20;position:relative;max-width:none;grid-template-columns:1.1fr 1fr;min-height:690px;color:white;isolation:isolate;overflow:hidden}
.hero-copy{padding:74px 8% 62px 9%;position:relative;z-index:2;align-items:flex-start}
.hero-copy:before{content:'';position:absolute;width:110px;height:5px;background:var(--orange);top:0;left:16%;transform:skewX(-30deg)}
.hero h1{font-size:clamp(72px,7.3vw,112px);line-height:.95;letter-spacing:-.018em;font-weight:700}
.hero h1 em{display:inline-block}
.hero .eyebrow{color:#e0e4e8;font-size:10px;letter-spacing:.14em}
.hero-copy>p{color:#c4cbd3;font-size:15px;max-width:450px;line-height:1.85;margin:30px 0 32px}
.hero .text-link{color:#f3f5f7;border-bottom:1px solid #ffffff55;padding:12px 0;font-size:12px}
.hero .text-link:hover{color:var(--orange)}
.hero-note{color:#c4cbd3;border-color:#ffffff20;font-size:11px;margin-top:38px;padding-top:22px;max-width:440px}
.hero-note>span:first-child{color:var(--orange);display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff30;border-radius:50%}
.hero-image{min-height:690px;background:#171b20}
.hero-image>img{object-position:50% 63%;filter:saturate(.65)}
.hero-image:after{background:linear-gradient(90deg,#171b20 0%,#171b2038 24%,transparent 55%),linear-gradient(0deg,#171b20e6 0%,transparent 42%,#171b2038 100%)}
.image-label{top:34px;left:auto;right:28px;background:#171b2070;border:1px solid #ffffff35;border-radius:40px;padding:10px 16px;font-size:8px;backdrop-filter:blur(8px)}
.image-card{bottom:60px;left:45px;width:310px;background:#20262cbd;color:white;border:1px solid #ffffff35;border-left:3px solid var(--orange);border-radius:0 8px 8px 0;backdrop-filter:blur(16px);padding:25px 28px}
.image-card strong{font-size:38px;letter-spacing:.01em;margin:12px 0 18px}
.image-card>span:last-child{color:#d1d7df;font-size:10px}
.image-index{color:#c4cbd3;bottom:27px;right:30px;font-size:8px}
.strip{background:#fff;border-bottom:1px solid var(--line);color:#444c56;padding:24px 8%;font-size:10px;letter-spacing:.1em}
.strip i{color:#c14d00;font-size:18px}
.section{padding:105px 8%;max-width:1520px}
.eyebrow{font-size:10px;letter-spacing:.14em;color:#a84200;margin-bottom:20px}
h2{font-size:clamp(48px,4.6vw,68px);line-height:1.02;letter-spacing:-.012em}
.section-heading{margin-bottom:42px;gap:65px}
.section-heading>p{font-size:14px;line-height:1.85;max-width:365px}
.filters{gap:7px;margin-bottom:32px;background:#e9edf1;display:inline-flex;padding:5px;border-radius:9px}
.filters button{border:0;border-radius:6px;background:transparent;padding:10px 18px;font-size:11px;min-height:42px;color:#515b66}
.filters button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 2px 6px #171b2010}
.filters button:hover{background:#ffffff90;color:var(--ink)}
.services{gap:20px}
.services article{padding:30px;min-height:302px;border-radius:10px;position:relative;border:1px solid #e0e4e8;box-shadow:0 3px 8px #171b2003;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.services article:before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:var(--orange);transition:width .25s}
.services article:hover{transform:translateY(-4px);border-color:#cdd3d9;box-shadow:0 16px 32px #171b2009}
.services article:hover:before{width:100%}
.service-top{margin-bottom:25px;color:#7a828b;font-size:10px;letter-spacing:.06em}
.service-icon{width:48px;height:48px;border-radius:10px;background:#fff1e5;color:#ad4700;display:grid;place-items:center}
.service-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.services h3{font-size:17px;letter-spacing:-.025em}
.services p{font-size:12px;line-height:1.85;margin:13px 0 25px}
.services a{font-size:10px;padding-top:18px}
.services a span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f1f3f5;font-size:14px;transition:background .2s}
.services a:hover span{background:#ffe2cb}
.catalog-note{font-size:10px;padding-top:24px}
.process{background:#eaf0f4;max-width:none;padding-left:8%;padding-right:8%}
.steps{gap:0;padding-top:15px}
.steps article{position:relative;border-top:1px solid #b7c2cc;padding:30px 32px 0 0}
.steps article:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#d35b08;box-shadow:0 0 0 5px #eaf0f4}
.steps article>span{font-size:52px;line-height:1;color:#a94100}
.steps h3{font-size:17px;margin:19px 0 12px}
.steps p{font-size:12px;line-height:1.85;max-width:220px}
.partners{max-width:none;background:#171b20;position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1.1fr 1fr;gap:100px}
.partners:before{content:'';position:absolute;z-index:-1;right:-80px;top:-130px;width:580px;height:580px;border:1px solid #ffffff0a;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02}
.partners .eyebrow{color:#ff9b54}
.partners h2{font-size:clamp(48px,4.4vw,65px)}
.partners p{color:#c5ccd4;font-size:13px;line-height:1.85;margin:28px 0 30px}
.partner-details{background:#232a31aa;border:1px solid #ffffff20;border-radius:12px;padding:38px}
.partner-details .mini{color:#ff9b54}
.partner-details h3{font-size:43px;line-height:1.05;letter-spacing:.01em;margin:22px 0}
.partner-details ul{list-style:none;padding:0;color:#c5ccd4;font-size:12px;counter-reset:partner}
.partner-details li{display:flex;gap:15px;margin:22px 0;counter-increment:partner}
.partner-details li:before{content:'0' counter(partner);color:#ff9b54;font-size:10px;padding-top:3px}
.partner-details small{color:#bcc5ce;border-color:#ffffff20;font-size:10px}
.contact{gap:75px;background:#f7f8fa}
.contact-copy h2{font-size:clamp(52px,4.8vw,70px)}
.contact-copy>p{font-size:13px;line-height:1.9;margin:27px 0 32px}
.contact-copy>a{font-size:12px;margin:13px 0}
.contact-note{font-size:10px;line-height:1.9;padding-top:25px;margin-top:32px}
form{border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px #171b2007;padding:34px;position:relative}
form:before{content:'';position:absolute;left:34px;top:0;width:60px;height:3px;background:var(--orange)}
.form-grid{gap:21px 18px}
label{font-size:10px;letter-spacing:.015em;gap:9px}
input,select,textarea{background:#f8fafb;border-color:#d7dee5;border-radius:6px;min-height:48px;font-size:12px;padding:13px}
input:hover,select:hover,textarea:hover{border-color:#9aa7b3}
input:focus,select:focus,textarea:focus{background:white;border-color:#a84200;outline:2px solid #ff791c30;outline-offset:1px}
.form-note{line-height:1.8;color:#606871}
.faq{padding-top:70px;padding-bottom:85px;gap:75px}
.faq h2{font-size:48px}
details{padding:22px 0}
summary{font-size:12px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';font-size:23px;color:#a84200;font-weight:400}
details[open] summary:after{content:'−'}
details p{font-size:12px;line-height:1.9;padding-top:17px}
footer{padding:55px 8% 25px;background:#171b20}
.footer-main{padding-bottom:40px}.footer-main p{color:#c5ccd4;font-size:12px}.footer-main a{font-size:12px}
.footer-bottom{color:#bdc5ce;border-color:#ffffff20;font-size:10px}
:focus-visible{outline-color:#c75300}
.hero :focus-visible,.partners :focus-visible,footer :focus-visible{outline-color:#ffae72}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1440px)/2 + 50px)}.section:not(.process):not(.partners){padding-left:100px;padding-right:100px}.process,.partners{padding-left:max(8%,calc((100vw - 1280px)/2));padding-right:max(8%,calc((100vw - 1280px)/2))}}
@media(max-width:1100px){.hero-copy{padding:60px 8%}.hero h1{font-size:88px}.section{padding:80px 6%}.partners,.contact,.faq{gap:45px}.services article{padding:24px}.services h3{font-size:16px}.image-card{left:25px;width:270px}.filters button{padding:10px 15px}}
@media(max-width:760px){header{height:84px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:50px 6% 34px}.hero-copy:before{left:6%;width:70px}.hero h1{font-size:82px}.hero-copy>p{font-size:14px;max-width:480px;margin:25px 0 27px}.hero-note{margin-top:30px;padding-top:20px}.hero-image{min-height:410px}.hero-image:after{background:linear-gradient(180deg,#171b20 0%,#171b2022 25%,transparent 55%,#171b20 100%)}.image-card{left:6%;bottom:35px;width:265px;padding:20px 25px}.image-label{top:20px;right:6%}.image-index{bottom:15px}.strip{padding:22px 5%;font-size:8px;letter-spacing:.015em;gap:12px}.strip i{font-size:15px}.section{padding:62px 6%}.section-heading{margin-bottom:32px}.section-heading>p{font-size:13px;max-width:450px}.filters{display:flex;flex-wrap:wrap;width:fit-content}.filters button{font-size:10px;padding:9px 12px;min-height:42px}.services{gap:14px}.services article{padding:22px;min-height:295px}.services h3{font-size:16px}.services p{font-size:12px}.steps{gap:32px 20px}.steps article{padding:24px 0 0}.steps article>span{font-size:44px}.steps p{max-width:none}.partners,.contact,.faq{grid-template-columns:1fr;gap:38px}.partners h2{font-size:54px}.partner-details{padding:28px}.contact-copy>p{max-width:460px}.contact-copy h2{font-size:62px}form{padding:27px}.faq h2{font-size:44px}nav{top:84px;backdrop-filter:blur(16px)}nav>a:not(.button):after{display:none}.footer-main{gap:25px}}
@media(max-width:440px){.hero h1{font-size:70px}.hero .eyebrow{font-size:8px;letter-spacing:.08em}.hero-copy{padding-top:43px}.hero-image{min-height:350px}.hero-note{font-size:10px}.image-label{font-size:7px}.image-card{bottom:32px;width:240px}.image-card strong{font-size:32px}.strip{font-size:7px;gap:7px}.strip i{font-size:12px}.services{grid-template-columns:1fr}.services article{min-height:270px;padding:26px}.service-top{margin-bottom:20px}.services h3{font-size:18px}.services a{font-size:11px}.partners h2{font-size:49px}.form-grid{grid-template-columns:1fr}.contact-copy h2{font-size:58px}.button{gap:20px;font-size:11px;padding:16px 20px}.section{padding-top:55px;padding-bottom:55px}.faq h2{font-size:40px}.topline{font-size:8px}.footer-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.services article:hover,.button:hover{transform:none}}