.ex-section{border-top:1px solid #e0eaf0;padding-block:75px}.ex-section h2{letter-spacing:-.04em;font-size:clamp(30px,3.5vw,44px);font-weight:750;line-height:1.15}.ex-section em{color:#009fc9;font-style:normal}.ex-section p{color:#51637a;line-height:1.7}.ex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.ex-grid[data-count="1"]{grid-template-columns:minmax(0,600px)}.ex-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-grid h3{margin:22px 0 10px;font-size:21px}.ex-grid p{font-size:13px}.ex-image{cursor:zoom-in;background:#f1f8fc;border:1px solid #e0eaf0;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.ex-image img{aspect-ratio:1.5;object-fit:contain;width:100%;transition:transform .2s;display:block}.ex-image:hover img{transform:scale(1.025)}.ex-image span{color:#0b2043;background:#fffffff0;border-radius:20px;padding:6px 12px;font-size:11px;position:absolute;bottom:10px;right:10px}:is(.ex-image:focus-visible,.ex-close:focus-visible){outline-offset:4px;outline:3px solid #008ab0}.ex-dialog{color:#0b2043;border:0;border-radius:18px;width:min(1100px,100vw - 30px);max-height:90dvh;padding:0}.ex-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06182bd9}.ex-dialog-inner{padding:25px;position:relative}.ex-dialog img{object-fit:contain;background:#eef6fa;width:100%;max-height:68dvh;display:block}.ex-dialog h2{margin:20px 0 8px;font-size:23px}.ex-dialog p{color:#51637a;font-size:13px}.ex-close{float:right;z-index:1;color:#fff;cursor:pointer;background:#0b2043;border:0;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:8px;font-size:25px;display:grid;position:sticky;top:0}.ex-section:has(.ex-dialog[open]){position:relative}@media (max-width:650px){.ex-section{padding-block:55px}.ex-grid,.ex-grid[data-count="2"]{grid-template-columns:1fr;gap:30px}.ex-dialog-inner{padding:16px}.ex-image img{aspect-ratio:1.4}}@media (prefers-reduced-motion:reduce){.ex-image img{transition:none}}#ejemplos{scroll-margin-top:95px}
