/* Obra Cristal · Vidrios a medida Santiago — supplement to existing Vidriería scoped stylesheet */
.ocm-page .ocm-breadcrumbs{background:#f7f7f3;border-bottom:1px solid #e7e4dc;font-size:12px;color:#68747c;padding:14px 0}
.ocm-page .ocm-breadcrumbs .ocv-wrap{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.ocm-page .ocm-breadcrumbs a{color:#42545d;text-decoration:underline;text-underline-offset:3px}
.ocm-page .ocv-hero-frame{background:#1b272f}
.ocm-page .ocv-hero-frame>img{object-position:center 52%}
.ocm-page .ocm-applications{background:#f8f7f3}
.ocm-page .ocm-card .ocv-service-photo img{object-fit:cover;object-position:center}
.ocm-page .ocm-card:nth-child(2) .ocv-service-photo img{object-position:center 38%}
.ocm-page .ocm-detail-section{background:#fff}
.ocm-page .ocm-detail-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:8%;align-items:center}
.ocm-page .ocm-detail-grid h2{font:normal clamp(40px,4.4vw,67px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:18px 0 26px}
.ocm-page .ocm-detail-grid h2 em{color:#b9965b;font-weight:400}
.ocm-page .ocm-detail-grid>div>p{color:#53636a;font-size:16px;line-height:1.85;max-width:620px}
.ocm-page .ocm-checks{margin:25px 0 30px;border-top:1px solid #e7e5df}
.ocm-page .ocm-checks p{border-bottom:1px solid #e7e5df;margin:0;padding:13px 0;color:#586771;font-size:14px}
.ocm-page .ocm-checks p strong{color:#162d37}
.ocm-page .ocm-detail-photo{margin:0;min-width:0}
.ocm-page .ocm-detail-photo img{display:block;width:100%;height:auto;aspect-ratio:1.13;object-fit:cover;box-shadow:16px 16px 0 #f2ecdf}
.ocm-page .ocm-detail-photo figcaption{font-size:12px;color:#657178;margin-top:28px;line-height:1.6}
.ocm-page .ocm-gallery .ocv-gallery-grid{grid-template-columns:1.1fr .9fr;grid-template-rows:235px 235px}
.ocm-page .ocm-gallery .ocv-gallery-item.ocv-gallery-tall{grid-row:span 2}
.ocm-page .ocv-mobile-cta{cursor:pointer}
@media(max-width:900px){
 .ocm-page .ocm-detail-grid{grid-template-columns:1fr;gap:37px}
 .ocm-page .ocm-detail-photo{max-width:710px}
}
@media(max-width:620px){
 .ocm-page .ocm-breadcrumbs{padding:12px 0;font-size:11px}
 .ocm-page .ocm-detail-grid h2{font-size:clamp(37px,10vw,48px)}
 .ocm-page .ocm-detail-photo img{box-shadow:9px 9px 0 #f2ecdf}
 .ocm-page .ocm-gallery .ocv-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 .ocm-page .ocm-gallery .ocv-gallery-item.ocv-gallery-tall{grid-row:auto;grid-column:1/-1;aspect-ratio:1.25}
 .ocm-page .ocm-gallery .ocv-gallery-item:not(.ocv-gallery-tall){aspect-ratio:1}
}

/* FIX 2026-10-20: la imagen hero no debe desbordar hacia la introduccion. */
.ocm-page .ocv-hero-frame{overflow:hidden;isolation:isolate}
.ocm-page .ocv-hero-frame > img.ocv-hero-image{
 position:absolute;
 inset:0;
 display:block;
 width:100%;
 height:100%;
 max-width:none;
 object-fit:cover;
 object-position:center 52%;
}

/* UNIFICACION VISUAL 2026-10-20: misma tipografia y jerarquia que la pagina madre.
   Cuatro aplicaciones, por lo que el grid es 2x2 en lugar de dejar una tarjeta sola. */
.ocm-page .ocm-applications .ocv-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ocm-page .ocm-card .ocv-service-photo{aspect-ratio:1.65;max-height:340px}
@media(max-width:620px){
 .ocm-page .ocm-applications .ocv-services-grid{grid-template-columns:1fr}
 .ocm-page .ocm-card .ocv-service-photo{aspect-ratio:1.55;max-height:none}
}