/* ECOTEC Online · fichas de programa: migas de pan (ver app/fichas.php). html a 62.5 %: 1rem = 10px. */

/* Migas sobre la etiqueta de facultad, en el héroe oscuro */
.nvf-migas { margin: 0 0 1.6rem; font-family: inherit; }
.nvf-migas ol { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 0; margin: 0; padding: 0; list-style: none; font-size: 1.35rem; line-height: 1.4; }
.nvf-migas li { display: inline-flex; align-items: center; color: rgba(255, 255, 255, .78); }
.nvf-migas li + li::before { content: "›"; margin: 0 .8rem; color: rgba(255, 255, 255, .5); }
.nvf-migas a { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .35); }
.nvf-migas a:hover, .nvf-migas a:focus-visible { border-bottom-color: #1ddddd; color: #1ddddd; }
.nvf-migas a:focus-visible { outline: 2px solid #1ddddd; outline-offset: 3px; }
.nvf-migas [aria-current] { max-width: 32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 767px) {
	.nvf-migas ol { font-size: 1.25rem; }
	.nvf-migas [aria-current] { max-width: 18rem; }
}

/* Objetivo del programa: en el celular, 4 líneas y «Leer más» (ver app/fichas.php, 4-nov-2026) */
.nvf-objetivo__mas { display: none; }
@media (max-width: 767px) {
	.nvf-objetivo > :first-child { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
	.nvf-objetivo.is-abierto > :first-child { display: block; -webkit-line-clamp: unset; overflow: visible; }
	.nvf-objetivo:not(.is-abierto):not(.nvf-objetivo--corto) > :first-child { cursor: pointer; }
	.nvf-objetivo__mas { display: inline-flex; align-items: center; gap: .4rem; min-height: 4.4rem; margin: .4rem 0 0; padding: 0; border: 0; background: none; color: #1ddddd; font: inherit; font-size: 1.45rem; font-weight: 700; text-decoration: underline; text-underline-offset: .3rem; cursor: pointer; }
	.nvf-objetivo--corto .nvf-objetivo__mas { display: none; }
}

/* Recuadro de datos del héroe (Modalidad / Inicio de clases / Clases): iconos sin marco de botón y «Inscríbete →» (4-nov-2026) */
#brxe-yltimk .brxe-icon { border: 0 !important; border-radius: 99rem !important; background: rgba(29, 221, 221, .14); padding: 1.2rem !important; font-size: 2rem !important; }
.nvf-dato-cta { display: inline-flex; align-items: center; gap: .4rem; min-height: 3.2rem; margin-top: .4rem; color: #0a8f9a; font-size: 1.4rem; font-weight: 700; text-decoration: underline; text-underline-offset: .3rem; }
.nvf-dato-cta:hover, .nvf-dato-cta:focus-visible { color: #06646c; }
#brxe-64684f { scroll-margin-top: 9rem; }

/* 7-nov-2026: nota para quien aún no termina el bachillerato (bajo «Requisitos de inscripción», fichas de grado). */
.nvf-bachiller { margin: 1.2rem 0 1.6rem; padding: 1.1rem 1.4rem; border-left: 3px solid #00bbc4; border-radius: .6rem; background: rgba(0, 187, 196, .08); color: #1b2a47; font-size: 1.45rem; line-height: 1.5; }
.nvf-bachiller a { color: #00848b; font-weight: 700; text-decoration: underline; text-underline-offset: .25rem; }
