/* ATMOS CHILE: página pública de Campus. Estilos limitados a esta página. */
.campus-demo-page .campus-demo-hero{background:radial-gradient(ellipse at 92% 0%,#1d6079 0,transparent 58%),#102b42;color:#fff;padding:30px 0 66px}
.campus-demo-page .campus-demo-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#d4e2ec;font-size:14px;margin-bottom:36px}
.campus-demo-page .campus-demo-breadcrumb a{color:#d4e2ec}
.campus-demo-page .campus-demo-hero h1{font-size:clamp(2.15rem,4.4vw,3.6rem);line-height:1.13;letter-spacing:-.04em;max-width:950px;margin:18px 0 24px}
.campus-demo-page .campus-demo-hero h1 em{font-style:normal;color:#82e7e1}
.campus-demo-page .campus-demo-hero .lead{max-width:820px;color:#e2ecf4}
.campus-demo-page .campus-demo-access{font-size:14px;color:#d0e2ec;margin:18px 0 0}
.campus-demo-page .campus-demo-related{margin-top:24px;font-size:15px}
.campus-demo-page .campus-demo-related a{text-decoration:underline;text-underline-offset:3px}
.campus-demo-page .campus-demo-example{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.campus-demo-page .campus-demo-example>*{min-width:0}
.campus-demo-page .campus-demo-example figure{margin:0}
.campus-demo-page .campus-demo-example figure>a{display:block;border-radius:18px;overflow:hidden;background:#173c49}
.campus-demo-page .campus-demo-example img{width:100%;height:auto;display:block}
.campus-demo-page .campus-demo-example figcaption{font-size:14px;line-height:1.6;color:#526779;margin-top:14px}
.campus-demo-page .campus-demo-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.campus-demo-page .campus-demo-checks article{border:1px solid #d9e4ec;border-radius:16px;padding:24px}
.campus-demo-page .campus-demo-checks h3{margin-top:0}
.campus-demo-page .campus-demo-checks p{margin-bottom:0}
.campus-demo-page .campus-demo-status{border-left:4px solid #218d92;background:#f0f7f8;padding:22px 26px;margin-top:28px;border-radius:0 12px 12px 0}
.campus-demo-page .campus-demo-status p{margin:8px 0 0}
.campus-demo-page .campus-demo-hero a:focus-visible{outline:3px solid #82e7e1;outline-offset:4px}
@media(max-width:760px){.campus-demo-page .campus-demo-example{grid-template-columns:1fr;gap:28px}.campus-demo-page .campus-demo-checks{grid-template-columns:1fr}.campus-demo-page .campus-demo-hero{padding-bottom:44px}}
@media(max-width:480px){.campus-demo-page .actions{align-items:stretch}.campus-demo-page .actions .button{white-space:normal;text-align:center;max-width:100%}.campus-demo-page .campus-demo-status{padding:18px}}
@media print{.campus-demo-page .campus-demo-hero{background:#fff;color:#102b42}.campus-demo-page .campus-demo-hero .lead,.campus-demo-page .campus-demo-access,.campus-demo-page .campus-demo-hero h1 em{color:#102b42}.campus-demo-page .actions{display:none}}
