/* Identidad de Consultoría Blogger en las páginas de la escuela.
   Los colores salen de Ajustes (variables --lf-*); la tipografía es Clear Sans (licencia Apache 2.0, en assets/fonts). */
@font-face{ font-family:"Clear Sans"; font-weight:300; font-style:normal; font-display:swap; src:url(../fonts/clear-sans-300.woff2) format("woff2"); }
@font-face{ font-family:"Clear Sans"; font-weight:400; font-style:normal; font-display:swap; src:url(../fonts/clear-sans-400.woff2) format("woff2"); }
@font-face{ font-family:"Clear Sans"; font-weight:700; font-style:normal; font-display:swap; src:url(../fonts/clear-sans-700.woff2) format("woff2"); }

:root{ --lf-rosa:color-mix(in srgb,var(--lf-primario,#C56D81) 45%,#fff); }
:is(.lf-videoteca,.lf-leccion,.lf-inicio,.lf-directorio,.lf-ficha-pagina,.lf-planes,.lf-agenda,.lf-comunidad){
	font-family:"Clear Sans",-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-weight:400; color:var(--lf-texto);
	font-size:1.0625rem; line-height:1.5; /* independiente del tamaño de letra del tema */
}
:is(.lf-videoteca,.lf-leccion,.lf-inicio,.lf-directorio,.lf-ficha-pagina,.lf-planes,.lf-agenda,.lf-comunidad) :is(button,input,select,textarea){ font-family:inherit; }

/* Títulos en mayúscula, Clear Sans Bold */
.lf-titulo,.lf-ini-hola,.lf-portada__titulo,.lf-inicio h2,.lf-recursos h2,.lf-relacionadas h2,.lf-planes legend,.lf-ficha-pagina h2,.lf-suscribir h2,.lf-agenda h2{
	font-family:"Clear Sans",sans-serif; text-transform:uppercase; font-weight:700; letter-spacing:.02em; color:var(--lf-texto);
}
.lf-titulo{ font-size:clamp(1.35rem,1rem + 1.6vw,2rem); line-height:1.12; }
.lf-inicio .lf-ini-hola{ font-size:clamp(1.6rem,1.15rem + 1.8vw,2.3rem); line-height:1.1; margin:0 0 18px; }
.lf-inicio .lf-portada__titulo{ font-size:clamp(1.6rem,1.1rem + 2vw,2.45rem); line-height:1.1; letter-spacing:.015em; max-width:20ch; margin:0 0 14px; }
.lf-inicio h2:not(.lf-ini-hola):not(.lf-portada__titulo){ font-size:1.05rem; letter-spacing:.06em; }
.lf-ini-sub{ font-weight:300; }
.lf-intro,.lf-portada__intro{ font-size:1.1rem; }
.lf-cabecera .lf-intro{ color:var(--lf-texto); }

/* Botones */
.lf-boton{ font-weight:700; font-size:1.06rem; border-radius:999px; padding:12px 22px; }
.lf-boton--secundario{ border-color:var(--lf-texto); color:var(--lf-texto); }
.lf-boton--secundario:hover{ background:var(--lf-fondo); color:var(--lf-texto); }
.lf-buscador button{ font-weight:700; }

/* Recuadros en el color de fondo de bloques; la página sigue en blanco */
.lf-ini-aviso{ background:var(--lf-fondo); border-left:5px solid var(--lf-acento); border-radius:4px 10px 10px 4px; }
.lf-ini-aviso--fin{ border-left-color:var(--lf-primario); }
:is(.lf-videoteca,.lf-directorio,.lf-leccion) mark{ background:linear-gradient(transparent 55%,color-mix(in srgb,var(--lf-acento) 55%,transparent) 55%,color-mix(in srgb,var(--lf-acento) 55%,transparent) 94%,transparent 94%); color:inherit; }

/* Enlaces de texto pequeño en azul con subrayado magenta */
.lf-plazo__repasa a,.lf-relacionadas a,.lf-volver,.lf-mi-plan a{ color:var(--lf-texto); text-decoration-color:var(--lf-primario); text-decoration-thickness:2px; text-underline-offset:3px; }
.lf-item__cat{ color:var(--lf-texto); font-weight:700; }

/* Color por categoría principal (por orden alfabético: 1 magenta, 2 turquesa, 3 azul) */
[data-area="1"]{ --area:var(--lf-primario); }
[data-area="2"]{ --area:var(--lf-acento); }
[data-area="3"]{ --area:var(--lf-texto); }
.lf-item[data-area] .lf-item__miniatura{ background:color-mix(in srgb,var(--area) 22%,#fff); }
.lf-item[data-area] .lf-item__play{ background:var(--area); }
.lf-tema[data-area] h3{ border-bottom-color:var(--area); }

/* Inicio */
.lf-seguir{ background:var(--lf-primario); }
.lf-seguir__que,.lf-seguir__meta{ opacity:.92; }
.lf-seguir__play{ background:#fff; }
.lf-seguir__play::after{ border-left-color:var(--lf-primario); }
.lf-seguir:focus-visible{ outline-color:var(--lf-texto); }
.lf-plazo{ border-color:var(--lf-rosa); }
.lf-plazo__hoja{ border-color:var(--lf-primario); border-radius:12px; }
.lf-plazo__mes{ background:var(--lf-primario); text-transform:uppercase; letter-spacing:.06em; }
.lf-plazo__dia{ color:var(--lf-texto); }
.lf-plazo__faltan strong{ background:linear-gradient(transparent 55%,color-mix(in srgb,var(--lf-acento) 60%,transparent) 55%); }
.lf-zonas{ border-color:var(--lf-fondo); border-width:2px 0 0 2px; }
.lf-zonas > li{ border-color:var(--lf-fondo); border-width:0 2px 2px 0; }
a.lf-zona:hover{ background:color-mix(in srgb,var(--lf-fondo) 55%,#fff); }
.lf-zona__ico{ color:#fff; border-radius:50%; }
.lf-zonas > li:nth-child(1) .lf-zona__ico{ background:var(--lf-primario); }
.lf-zonas > li:nth-child(2) .lf-zona__ico{ background:var(--lf-acento); }
.lf-zonas > li:nth-child(3) .lf-zona__ico{ background:var(--lf-rosa); color:var(--lf-texto); }
.lf-zonas > li:nth-child(4) .lf-zona__ico{ background:var(--lf-acento); }
.lf-zonas > li:nth-child(5) .lf-zona__ico{ background:var(--lf-primario); }
.lf-zonas > li:last-child .lf-zona__ico{ background:var(--lf-texto); }
.lf-zona--pronto .lf-zona__ico,.lf-zona--cerrada .lf-zona__ico{ background:var(--lf-fondo) !important; color:var(--lf-texto) !important; }
.lf-zona__estado--pendiente{ color:var(--lf-primario); }
.lf-pronto{ border-color:var(--lf-rosa); }
.lf-novedades li{ border-bottom-color:var(--lf-fondo); }

/* Mi plan (solo en Mi ficha) */
.lf-mi-plan{ padding:16px 20px; margin:0 0 22px; background:var(--lf-fondo); border-left:5px solid var(--lf-primario); border-radius:4px 10px 10px 4px; }
.lf-mi-plan h2{ font-size:.95rem; letter-spacing:.06em; margin:0 0 4px; }
.lf-mi-plan p{ margin:0; }
.lf-mi-plan .lf-mi-plan__cuenta{ margin-top:6px; font-size:.93rem; }

/* Planes */
.lf-opcion{ border-color:var(--lf-rosa); border-radius:16px; }
.lf-opcion:has(input:checked){ border-color:var(--lf-primario); background:var(--lf-fondo); }
.lf-opcion input{ accent-color:var(--lf-primario); }
.lf-opcion__ahorro{ background:color-mix(in srgb,var(--lf-acento) 45%,#fff); }
.lf-planes__incluye li::before{ border-color:var(--lf-acento); }

/* Directorio: avatares con la paleta, rotando */
.lf-miembro{ border-bottom-color:var(--lf-fondo); }
.lf-avatar{ background:var(--lf-fondo); color:var(--lf-primario); }
.lf-miembros > li:nth-child(4n+2) .lf-avatar{ background:color-mix(in srgb,var(--lf-acento) 30%,#fff); color:var(--lf-texto); }
.lf-miembros > li:nth-child(4n+3) .lf-avatar{ background:var(--lf-rosa); color:#fff; }
.lf-miembros > li:nth-child(4n+4) .lf-avatar{ background:color-mix(in srgb,var(--lf-texto) 18%,#fff); color:var(--lf-texto); }
.lf-miembro__negocio{ color:var(--lf-primario); }
.lf-yo{ background:var(--lf-primario); color:#fff; }