/* Obra Cristal · Páginas especializadas · mismo lenguaje visual de Vidriería */
.ocs-page{--ocs-ink:#0b1b24;--ocs-gold:#b9965b;--ocs-line:#e4e5e4;--ocs-paper:#f8f6f2;--ocs-serif:Georgia,'Times New Roman',serif}
.ocs-page .ocv-hero{min-height:650px}
.ocs-page .ocv-hero-grid{padding-block:54px 64px;gap:5%;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
.ocs-page .ocv-hero h1{font-size:clamp(50px,5vw,78px);overflow-wrap:break-word}
.ocs-page .ocv-hero-frame{aspect-ratio:4/4.25;max-height:550px}
.ocs-page .ocv-hero-visual,.ocs-page .ocv-hero-copy{min-width:0}
.ocs-page .ocv-hero-image{width:100%;height:100%;display:block;object-fit:cover}
.ocs-page .ocv-hero-copy>p{max-width:570px}
.ocs-page .ocs-caption{position:absolute;bottom:17px;left:17px;right:17px;z-index:2;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;background:rgba(7,22,30,.64);padding:9px 11px;max-width:max-content}
.ocs-page .ocs-preamble{padding:95px 0 80px;border-bottom:1px solid var(--ocs-line)}
.ocs-page .ocs-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start}
.ocs-page .ocs-intro-grid h2,.ocs-page .ocs-section-head h2,.ocs-page .ocs-price h2,.ocs-page .ocs-faq-title h2,.ocs-page .ocs-tech h2{font-family:var(--ocs-serif);font-weight:400;font-size:clamp(38px,4vw,61px);line-height:1.1;letter-spacing:-.045em;margin:18px 0 21px;color:var(--ocs-ink)}
.ocs-page :is(.ocs-intro-grid,.ocs-section-head,.ocs-price,.ocs-faq-title,.ocs-tech) h2 em{font-weight:400;color:var(--ocs-gold)}
.ocs-page .ocs-intro-grid p,.ocs-page .ocs-prose,.ocs-page .ocs-price p,.ocs-page .ocs-tech p{font-size:16px;line-height:1.82;color:#52636d;margin:0 0 17px}
.ocs-page .ocs-section{padding:96px 0}
.ocs-page .ocs-soft{background:var(--ocs-paper)}
.ocs-page .ocs-section-head{max-width:820px;margin-bottom:42px}
.ocs-page .ocs-section-head p{max-width:700px;color:#52636d;font-size:16px;line-height:1.8}
.ocs-page .ocs-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ocs-page .ocs-card{background:#fff;border:1px solid var(--ocs-line);padding:29px 31px;min-width:0;position:relative}
.ocs-page .ocs-card:before{content:'';position:absolute;left:0;top:0;width:44px;height:3px;background:var(--ocs-gold)}
.ocs-page .ocs-card-index{display:block;color:#a58550;letter-spacing:.16em;font-weight:800;font-size:10px;margin-bottom:17px}
.ocs-page .ocs-card h3{font-family:var(--ocs-serif);font-weight:400;line-height:1.16;font-size:clamp(25px,2.2vw,34px);letter-spacing:-.03em;margin:0 0 15px}
.ocs-page .ocs-card p{font-size:14px;color:#5c6a73;line-height:1.78;margin:0}
.ocs-page .ocs-tech-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1fr);align-items:stretch;gap:min(8vw,100px)}
.ocs-page .ocs-tech-image{position:relative;min-height:440px;background:#e2e2df;overflow:hidden}
.ocs-page .ocs-tech-image img{height:100%;width:100%;object-fit:cover;display:block;position:absolute;inset:0}
.ocs-page .ocs-tech{align-self:center;min-width:0}
.ocs-page .ocs-link{font-size:13px;font-weight:750;border-bottom:1px solid var(--ocs-gold);padding-bottom:8px;display:inline-block;color:var(--ocs-ink)}
.ocs-page .ocs-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.ocs-page .ocs-checks{padding:26px 28px;border-left:3px solid var(--ocs-gold);background:#fff}
.ocs-page .ocs-checks strong{font-size:13px;letter-spacing:.12em;color:#987541;text-transform:uppercase;display:block;margin-bottom:18px}
.ocs-page .ocs-checks span{font-size:14px;display:block;padding:11px 0;border-bottom:1px solid #ececea;color:#3f535b}
.ocs-page .ocs-faq-wrap{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1fr);gap:7%;align-items:start}
.ocs-page .ocs-faq-list details{border-bottom:1px solid var(--ocs-line);padding:18px 0}
.ocs-page .ocs-faq-list summary{cursor:pointer;font-size:16px;font-weight:730;color:var(--ocs-ink);list-style:none;position:relative;padding-right:30px}
.ocs-page .ocs-faq-list summary::-webkit-details-marker{display:none}
.ocs-page .ocs-faq-list summary:after{content:'+';position:absolute;right:0;top:0;color:var(--ocs-gold);font-size:20px}
.ocs-page .ocs-faq-list details[open] summary:after{content:'−'}
.ocs-page .ocs-faq-list details p{font-size:14px;color:#586a74;line-height:1.8;margin:13px 30px 0 0}
.ocs-page .ocs-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ocs-page .ocs-step{border:1px solid var(--ocs-line);padding:23px;min-width:0}
.ocs-page .ocs-step b{color:#a58550;display:block;margin-bottom:18px;font-size:12px}
.ocs-page .ocs-step h3{font:400 25px/1.2 var(--ocs-serif);margin:0 0 12px}
.ocs-page .ocs-step p{font-size:13px;color:#556670;line-height:1.7;margin:0}
.ocs-page .ocs-related-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:25px}
.ocs-page .ocs-related-links a{font-weight:750;font-size:13px;border:1px solid var(--ocs-line);padding:12px 16px;background:#fff}
.ocs-page .ocs-related-links a:hover{border-color:var(--ocs-gold)}
.ocs-page .ocs-subtitle{font-size:13px;color:#52636d}
.ocs-page .ocs-quote-form{max-width:100%}
.ocs-page .ocv-mobile-cta{pointer-events:none}
.ocs-page .ocv-mobile-cta.is-visible{pointer-events:auto}
@media(max-width:1100px){.ocs-page .ocv-hero-grid{gap:25px}.ocs-page .ocv-hero h1{font-size:clamp(43px,5vw,65px)}}
@media(max-width:780px){.ocs-page .ocv-hero-grid,.ocs-page .ocs-intro-grid,.ocs-page .ocs-tech-grid,.ocs-page .ocs-price-grid,.ocs-page .ocs-faq-wrap{grid-template-columns:1fr;gap:28px}.ocs-page .ocs-preamble,.ocs-page .ocs-section{padding:70px 0}.ocs-page .ocs-tech-image{min-height:350px;order:2}.ocs-page .ocs-tech{order:1}.ocs-page .ocs-cards{gap:12px}.ocs-page .ocs-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ocs-page .ocv-hero{min-height:auto}.ocs-page .ocv-hero-grid{padding-block:35px 55px;gap:32px}.ocs-page .ocv-hero h1{font-size:clamp(42px,11vw,58px);margin:20px 0}.ocs-page .ocv-hero-frame{max-height:410px;aspect-ratio:1/1.02}.ocs-page .ocv-hero-copy>p{font-size:15px}.ocs-page .ocs-intro-grid h2,.ocs-page .ocs-section-head h2,.ocs-page .ocs-price h2,.ocs-page .ocs-faq-title h2,.ocs-page .ocs-tech h2{font-size:clamp(36px,10vw,49px)}.ocs-page .ocs-cards,.ocs-page .ocs-process-grid{grid-template-columns:1fr}.ocs-page .ocs-preamble,.ocs-page .ocs-section{padding:55px 0}.ocs-page .ocs-card{padding:27px 22px}.ocs-page .ocs-tech-image{min-height:295px}.ocs-page .ocs-checks{padding:22px 20px}.ocs-page .ocs-section-head{margin-bottom:27px}.ocs-page .ocv-mobile-cta{width:110px;min-height:46px}}
@media(prefers-reduced-motion:reduce){.ocs-page *{scroll-behavior:auto!important;transition:none!important}}


/* OBRA CRISTAL — UI premium de servicios · mejora específica sin cambiar SEO */
.ocs-page{font-family:Arial,Helvetica,sans-serif;overflow-x:clip}
.ocs-page .ocs-preamble{background:#fff}
.ocs-page .ocs-intro-grid{align-items:start}
.ocs-page .ocs-intro-grid>div:last-child{max-width:590px}
.ocs-page .ocs-intro-grid p{font-size:16px;line-height:1.78;margin-bottom:18px}
.ocs-page .ocs-cards{gap:22px}
.ocs-page .ocs-card{border-radius:12px;padding:34px;box-shadow:0 12px 38px rgba(14,33,42,.035);transition:transform .24s,box-shadow .24s;border-color:#e7e6e1}
.ocs-page .ocs-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(14,33,42,.09)}
.ocs-page .ocs-card:before{left:34px;top:0;height:3px;width:38px}
.ocs-page .ocs-card h3{font-size:clamp(24px,2vw,30px);font-weight:400}
.ocs-page .ocs-card-index{font-size:10px;margin-bottom:19px;letter-spacing:.15em}
.ocs-page .ocs-card p{font-size:15px;line-height:1.7}
.ocs-page .ocs-section{padding-block:92px}
.ocs-page .ocs-section-head{max-width:780px}
.ocs-page .ocs-price-grid{align-items:center}
.ocs-page .ocs-checks{border:1px solid #e2e4e1;border-left:3px solid #b9965b;border-radius:12px;box-shadow:0 18px 40px rgba(14,33,42,.04)}
.ocs-page .ocs-step{border-radius:10px;background:white;padding:30px 25px;box-shadow:0 8px 25px rgba(10,31,41,.025)}
.ocs-page .ocs-step h3{font-size:24px}
.ocs-page .ocs-faq-list details{padding:21px 0}
.ocs-page .ocs-faq-list summary{font-size:16px;line-height:1.5}
.ocs-page .ocs-faq-list details[open]{background:rgba(255,255,255,.5)}
.ocs-page .ocv-hero-frame{border-radius:12px;overflow:hidden}
.ocs-page .ocv-hero-image{border-radius:10px}
.ocs-page .ocs-benefit-rail{background:#fff;border-bottom:1px solid #e8e6e0;position:relative;z-index:1}
.ocs-page .ocs-benefit-rail .ocv-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.ocs-page .ocs-benefit{display:flex;align-items:center;gap:14px;padding:22px 28px;border-right:1px solid #e7e6e1;min-width:0}
.ocs-page .ocs-benefit:first-child{padding-left:0}
.ocs-page .ocs-benefit:last-child{border:0}
.ocs-page .ocs-benefit-icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;background:#f6efe4;color:#997641;font-size:18px}
.ocs-page .ocs-benefit strong{display:block;font-size:13px;font-weight:750;color:#162b35;line-height:1.45}
.ocs-page .ocs-benefit small{display:block;font-size:11px;color:#66737a;margin-top:2px}
.ocs-page .ocs-focus{background:#0c222c;color:#fff;padding:74px 0}
.ocs-page .ocs-focus-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:8%;align-items:center}
.ocs-page .ocs-focus h2{font:400 clamp(34px,4vw,57px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:16px 0 19px;color:#fff}
.ocs-page .ocs-focus p{font-size:16px;line-height:1.78;color:#d0dde0;max-width:510px}
.ocs-page .ocs-focus .ocs-focus-image{height:370px;margin:0;overflow:hidden;border-radius:10px;position:relative}
.ocs-page .ocs-focus-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88)}
.ocs-page .ocs-focus-image figcaption{position:absolute;left:15px;bottom:15px;font-size:11px;line-height:1.4;background:rgba(10,27,36,.82);border-radius:4px;color:#fff;padding:8px 10px}
.ocs-page .ocs-quote-hint{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.ocs-page .ocs-quote-hint span{display:inline-flex;align-items:center;font-size:11px;color:#d2dee2;border:1px solid #56707c;padding:9px 12px;border-radius:40px}
.ocs-page .ocs-related-links a{border-radius:8px}
.ocs-page .ocs-link{text-decoration:none}
.ocs-page .ocs-soft{background:#f8f7f4}
.ocs-page :is(.ocv-btn,.ocs-link,.ocs-related-links a):focus-visible{outline:3px solid #c7a66b;outline-offset:3px}
.ocs-page .ocs-card h3,.ocs-page .ocs-step h3{color:#142932}
.ocs-page .ocv-mobile-cta{position:fixed;z-index:80}
@media(max-width:920px){.ocs-page .ocs-benefit{padding:20px 12px}.ocs-page .ocs-focus-layout{gap:35px}.ocs-page .ocs-focus .ocs-focus-image{height:320px}}
@media(max-width:780px){.ocs-page .ocs-focus-layout{grid-template-columns:1fr}.ocs-page .ocs-focus{padding:54px 0}.ocs-page .ocs-focus .ocs-focus-image{height:340px}.ocs-page .ocs-benefit-rail .ocv-wrap{grid-template-columns:1fr 1fr 1fr}.ocs-page .ocs-benefit{display:block;text-align:center}.ocs-page .ocs-benefit-icon{margin:0 auto 10px}.ocs-page .ocs-benefit small{display:none}}
@media(max-width:620px){.ocs-page .ocs-benefit-rail .ocv-wrap{width:calc(100% - 30px)}.ocs-page .ocs-benefit{padding:15px 5px}.ocs-page .ocs-benefit strong{font-size:10px}.ocs-page .ocs-benefit-icon{width:28px;height:28px;font-size:14px}.ocs-page .ocs-section{padding-block:56px}.ocs-page .ocs-card{border-radius:10px;padding:26px 22px}.ocs-page .ocs-card:before{left:23px}.ocs-page .ocs-focus h2{font-size:37px}.ocs-page .ocs-focus .ocs-focus-image{height:260px}.ocs-page .ocs-focus p{font-size:15px}.ocs-page .ocs-faq-list summary{font-size:15px}.ocs-page .ocs-step{padding:23px}.ocs-page .ocs-intro-grid p{font-size:15px;line-height:1.75}}