/* Landing of Buzón+ Colegios (Pages/Colegios/Index.cshtml). Goes after hoteles.css, retail-claro.css and home-landing.css. */
.cl-tablet{position:relative;width:min(340px,92%);justify-self:start;margin-left:4%;margin-bottom:170px;padding:14px;border-radius:26px;background:var(--tinta);box-shadow:0 30px 60px -24px rgba(18,41,47,.55);transform:rotate(-2deg);display:grid;gap:8px}
.cl-tt{margin:0 0 2px;padding:10px 12px 0;background:#fff;border-radius:16px 16px 0 0;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--suave)}
.cl-carro{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:#fff;font-size:.8rem}
.cl-carro b{font-size:.92rem}
.cl-carro span{color:var(--suave);font-weight:600}
.cl-carro em{font-style:normal;font-weight:800;color:#166534;font-size:.78rem}
.cl-carro.nuevo{box-shadow:inset 0 0 0 2px var(--sol);background:#FFF8E6}
@media(max-width:520px){.cl-tablet{margin-left:0;justify-self:center;width:min(320px,92%)}}
.cl-dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.cl-caja{padding:22px 24px;border-radius:22px;background:#fff;border:1px solid var(--linea, #D5E5E6)}
.cl-caja h3{margin:0 0 10px}
.cl-caja ul{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--suave)}
.cl-planes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.cl-nota{text-align:center;color:var(--suave);margin-top:14px}