/* inicio: /assets/css/index.css v.1.0.3 */
/* Protocolo: 1 selector = 1 línea | FabLab Comunidad Educativa */
/* ===================================================== */
/* SECTION-LEVEL-3 - Target para magia ADS */
/* ===================================================== */
/* Nota: Estilos específicos para Level-3, sin interferir con boxs.css base */
/* ===================================================== */
.section-level-3 { background-color: #fff; border-radius: 8px; }
.section-level-3 .item-float { display: flex; flex-direction: column; }
.section-level-3 .float-title a { font-family: var(--font-titles); font-size: 1.1rem; color: #1a1a1a; text-decoration: none; font-weight: 700; }
.section-level-3 .float-title a:hover { color: var(--accent); }
.section-level-3 .float-thumb { width: 100%; max-width: 107px; }
.section-level-3 .float-thumb img { width: 100%; height: auto; border-radius: 4px; display: block; }
.section-level-3 .float-excerpt { font-size: 0.95rem; color: #444; line-height: 1.5; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; }
.section-level-3 .float-excerpt .leer-mas { color: #0066cc; text-decoration: none; font-weight: 600; }
.section-level-3 .float-excerpt .leer-mas:hover { color: #004499; text-decoration: underline; }
.section-level-3 .item-hr { border: none; height: 1px; background: #e0e0e0; margin: 15px 0; }
/* ===================================================== */
/* ASIDE - Transición suave para magia DOM */
/* ===================================================== */
#box-cntn-right-1 { transition: opacity 0.3s ease, transform 0.3s ease; will-change: opacity, transform; }
#box-cntn-right-1.moving { opacity: 0.7; transform: scale(0.98); }
#box-cntn-right-1.moved { opacity: 1; transform: scale(1); }
/* ===================================================== */
/* BREAKPOINTS - Comportamiento responsive del aside */
/* ===================================================== */
@media (max-width: 1278px) and (min-width: 769px) { #box-cntn-right-1 { width: 100%; max-width: 330px; margin: 0 auto 20px auto; } }
@media (max-width: 768px) { #box-cntn-right-1.oculto { display: none !important; } }
/* ===================================================== */
/* Lighthouse Optimizations - Reducir CLS */
/* ===================================================== */
#target-section:empty { min-height: 200px; }
.grid-box-5, .item-float, .item-horizontal { contain: layout style; }
/* ===================================================== */
/* fin: /assets/css/index.css v.1.0.3 */