/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


/* Personalizar aspecto del avatar del Área privada */
.custom-avatar {
    border-radius: 360px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ast-global-color-0);
}

/* Vista página lección/topic */

.demo-ld-course-title h1 {
    font-size: 48px;
    margin-top: 0px !important;
}

.demo-ld-lesson-global {
    padding: 2rem 10rem;
}

.demo-ld-sidebar {
    width: 285px;
    flex-shrink: 0;
    background: var(--ast-global-color-5);
    border: 1px solid #ddd;
    border-radius: 6px;
}

.demo-ld-sidebar-header {
    background-color: var(--ast-global-color-1);
    border-radius: 6px 6px 0px 0px;
    padding: 0.5rem 1.5rem;
}

.demo-ld-sidebar-header h2 {
    font-size: 24px;
    color: #FFF;
}

.demo-ld-lesson-with-sidebar {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.demo-ld-lesson-main-content {
    flex: 1;
    min-width: 0;
}

.demo-ld-sidebar-lessons {
    padding: 0rem 1rem !important;
}

.demo-ld-sidebar-individual-lesson {
    border-bottom: solid 1px var(--ast-global-color-0);
    list-style: none;
}

.demo-ld-lesson-row {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 0.5rem;
    padding: 0.5rem 0.6rem;
    cursor: pointer;
}

.demo-ld-sidebar-individual-lesson:last-child {
    border-bottom: none;
}

.demo-ld-sidebar-individual-lesson.is-current > .demo-ld-lesson-row {
    background: var(--ast-global-color-0);
    border-radius: 5px;
}

.demo-ld-sidebar-individual-lesson.is-current > .demo-ld-lesson-row a {
    color: #fff;
    font-weight: bold;
}

.demo-ld-lesson-icon {
    width: 15px;
    height: 15px;
    border: 1px solid currentColor;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
}

.demo-ld-lesson-icon.is-completed {
    background: var(--ast-global-color-0);
    border-color: var(--ast-global-color-1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

.demo-ld-sidebar-topics-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.demo-ld-accordion-arrow {
    margin-left: auto;
    font-size: 0.75em;
    transition: transform 0.2s;
    flex-shrink: 0;
}

.demo-ld-sidebar-individual-lesson.is-open > .demo-ld-lesson-row .demo-ld-accordion-arrow {
    transform: rotate(180deg);
}

.demo-ld-sidebar-topics {
    padding: 0rem 1.5rem !important;
    background: #F8F8F8;
    max-height: 300px;
    overflow-y: auto;
}

.demo-ld-sidebar-individual-topic {
    display: flex;
    align-items: center;
    font-size: 12px;
    gap: 0.5rem;
    padding: 0.5rem 0.6rem;
    border-radius: 0px;
    border-bottom: solid;
    border-width: 1px;
    border-color: var(--ast-global-color-0);
}

.demo-ld-sidebar-individual-topic:last-child {
    border-bottom: none;
}

.demo-ld-sidebar-individual-topic.is-current {
    background: #F0E9DD;
}

/* responsive */
@media (max-width: 1200px) {
    .demo-ld-lesson-global {
        padding: 0;
    }
}

/* En móvil, apila verticalmente */
@media (max-width: 768px) {
    .demo-ld-lesson-with-sidebar {
        flex-direction: column;
    }

    .demo-ld-sidebar {
        width: 100%;
        order: -1;
    }
}

/* Fin vista página lección/topic */

.demo-ld-locked-message {
    align-items: center;
    text-align: center;
    padding: 50px;
}

.ld-progress-steps {
    display: none;
}

.demo-card{
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1;
}

.demo-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
}

.demo-card:hover{
    transform: scale(1.1);
}

@media (min-width: 1024px) {
    .demo-card {
        aspect-ratio: 1/3 !important;
        min-height: 400px !important;
        max-height: 450px !important;
    }   
}


/************************************************************************************/

/**
 * Estilos de marca para la demo "Inglés en 20 días"
 * Se aplican solo dentro de páginas con la clase .ingles20d en el <body>
 * (curso, lecciones y temas categorizados con "ingles20d" + snippet de
 * body class de LearnDash).
 *
 * Requiere: snippet oficial "Add LearnDash course category to body class"
 * activo vía WPCode, y el término "ingles20d" asignado en las 3 taxonomías
 * (categoría de curso, de lección y de tema).
 *
 * Paleta extraída de planbrain.es (ver Demo_Ingles20d.md).
 */

body.ingles20d {
    --ingles20d-marca-secundaria: #0E5BF5;   
    --ingles20d-marca-principal: #FF5230;  
    --ingles20d-acento-1: #9FA0F8;          
    --ingles20d-acento-2: #DA7FCC;          
    --ingles20d-acento-3: #FB8376;          
    --ingles20d-fondo: #FFFFFF;
    --ingles20d-fondo-secundario: #F0F0F0;
    --ingles20d-titulo: #545454;
    --ingles20d-texto: #333333;

    /*
     * Redefinimos las variables globales de Astra SOLO dentro de esta
     * demo. 
     *
     * Mapeo elegido
     * - color-1 (fondo cabecera del sidebar) -> azul (titulares/cabecera)
     * - color-0 (borde, item activo, icono completado) -> naranja (acento/CTA)
     * - color-5 (fondo del sidebar) -> blanco de marca
     */
    --ast-global-color-1: var(--ingles20d-marca-secundaria);
    --ast-global-color-0: var(--ingles20d-marca-principal);
    --ast-global-color-3: var(--ingles20d-texto);
    --ast-global-color-5: var(--ingles20d-fondo);
}

/* Tarjetas de la demo de inglés */
.demo-card-ingles20d {
    padding: 70px 20px;
    --radius: 20px;
    --border-width: 1px;
    --border-color: #000000;
    background-color: #ffffff;
    border: var(--border-width) solid var(--border-color);
    -webkit-mask:
        radial-gradient(circle at top left, transparent var(--radius), black calc(var(--radius) + 0.5px)) top left,
        radial-gradient(circle at top right, transparent var(--radius), black calc(var(--radius) + 0.5px)) top right,
        radial-gradient(circle at bottom left, transparent var(--radius), black calc(var(--radius) + 0.5px)) bottom left,
        radial-gradient(circle at bottom right, transparent var(--radius), black calc(var(--radius) + 0.5px)) bottom right;
    -webkit-mask-size: 51% 51%;
    -webkit-mask-repeat: no-repeat;
    mask:
        radial-gradient(circle at top left, transparent var(--radius), black calc(var(--radius) + 0.5px)) top left,
        radial-gradient(circle at top right, transparent var(--radius), black calc(var(--radius) + 0.5px)) top right,
        radial-gradient(circle at bottom left, transparent var(--radius), black calc(var(--radius) + 0.5px)) bottom left,
        radial-gradient(circle at bottom right, transparent var(--radius), black calc(var(--radius) + 0.5px)) bottom right;
    mask-size: 51% 51%;
    mask-repeat: no-repeat;
}

.demo-card-ingles20d::before {
    content: "" !important;
    position: absolute !important;
    inset: calc(var(--border-width) * -1) !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at top left, transparent calc(var(--radius) - 0.5px), var(--border-color) var(--radius), var(--border-color) calc(var(--radius) + var(--border-width)), transparent calc(var(--radius) + var(--border-width) + 0.5px)) top left,
        radial-gradient(circle at top right, transparent calc(var(--radius) - 0.5px), var(--border-color) var(--radius), var(--border-color) calc(var(--radius) + var(--border-width)), transparent calc(var(--radius) + var(--border-width) + 0.5px)) top right,
        radial-gradient(circle at bottom left, transparent calc(var(--radius) - 0.5px), var(--border-color) var(--radius), var(--border-color) calc(var(--radius) + var(--border-width)), transparent calc(var(--radius) + var(--border-width) + 0.5px)) bottom left,
        radial-gradient(circle at bottom right, transparent calc(var(--radius) - 0.5px), var(--border-color) var(--radius), var(--border-color) calc(var(--radius) + var(--border-width)), transparent calc(var(--radius) + var(--border-width) + 0.5px)) bottom right
        !important;
    background-size: 51% 51% !important;
    background-repeat: no-repeat !important;
}

/* Cabecera principal */
/* barra de progreso */
/* background lección seleccionada */
/* Texto marca "Completado" sobre la lección, en la barra de progreso */
/* cabecera temas lección */
body.ingles20d .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item,
body.ingles20d .ld-progress-bar-percentage.ld-secondary-background,
body.ingles20d .demo-ld-sidebar-individual-lesson.is-current > .demo-ld-lesson-row,
body.ingles20d .ld-status.ld-status-complete.ld-secondary-background,
body.ingles20d .ld-table-list-header.ld-primary-background  {
    background: linear-gradient(
        90deg,
        var(--ingles20d-acento-1),
        var(--ingles20d-acento-2),
        var(--ingles20d-acento-3),
        var(--ingles20d-marca-principal)
    ) !important;
}

/* enlace área privada */
body.ingles20d .ast-header-account-text {
    color: var(--ingles20d-fondo) !important;
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
}

body.ingles20d .ast-header-account-text::after {
    text-decoration-line: underline;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

body.ingles20d .ast-header-account-text:hover::after {
    transform: scaleX(1);
}

/* Footer */
body.ingles20d .site-footer div {
    background: var(--ingles20d-titulo);
}

/* Texto Footer */
body.ingles20d .ast-footer-copyright {
    color: var(--ingles20d-fondo)
}

/* Cabecera sidebar */
body.ingles20d .demo-ld-sidebar-header {
    background: var(--ingles20d-fondo-secundario);
}

/* Cabecera sidebar:titulo */
/* texto migas de pan en el panel de progreso */
body.ingles20d h1,
body.ingles20d h2,
body.ingles20d h3,
body.ingles20d h4,
body.ingles20d .ld-breadcrumbs-segments a {
    color: var(--ingles20d-titulo) !important;
}

/* hover texto migas de pan en el panel de progreso */
body.ingles20d .ld-breadcrumbs-segments a:hover {
    color: var(--ingles20d-marca-secundaria) !important;
}

/* texto porcentaje */
body.ingles20d .ld-progress-percentage.ld-secondary-color {
    background: linear-gradient(to right, var(--ingles20d-acento-1),
        var(--ingles20d-acento-2),
        var(--ingles20d-acento-3),
        var(--ingles20d-marca-principal));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

/* texto cabecera lección NO seleccionada */
body.ingles20d .demo-ld-sidebar-individual-lesson:not(.is-current) .demo-ld-lesson-row a {
    background: linear-gradient(to right, var(--ingles20d-acento-1),
        var(--ingles20d-acento-2),
        var(--ingles20d-acento-3),
        var(--ingles20d-marca-principal));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

/* lección seleccionada en el sidebar */
body.ingles20d li.demo-ld-sidebar-individual-topic.is-current{
    background-color: var(--ingles20d-fondo);
}

/* enlaces de las lecciones en el sidebar. Innecesario si la marca personal no tiene colores muy llamativos. 
En este caso, el naranja contrasta demasiado */
body.ingles20d .demo-ld-sidebar-individual-topic a {
    color: var(--ast-global-color-3) !important;
}

/* marca "en progreso" sobre lección/tema */
body.ingles20d .ld-status.ld-status-progress.ld-primary-background {
    background: var(--ingles20d-marca-secundaria) !important;
}

body.ingles20d a.ld-table-list-item-preview.ld-primary-color-hover.ld-topic-row.learndash-incomplete:hover {
    color: var(--ingles20d-marca-principal) !important;

}

/* botón "Marcar como completado" */
body.ingles20d form.sfwd-mark-complete input.learndash_mark_complete_button,
body.ingles20d input.learndash_mark_incomplete_button.learndash_mark_complete_button {
    background-color: var(--ingles20d-marca-principal) !important;
}

/* enlace volver al curso */
body.ingles20d .ld-content-action a:not(.ld-button){
    color: var(--ingles20d-marca-principal) !important;
}

/* Botones de las tarjetas para el shortcode de continuar con el curso */
body.ingles20d .demo-card-ingles20d .learndash-course-inprogress-message .learndash-wrapper a.ingles20d-custom-button.ld-button {
    background-color: var(--ingles20d-marca-principal) !important;
    color: var(--ast-global-color-4);
    font-family: inherit;
    font-weight: 500;
    line-height: 1em;
    font-size: 16px;
    font-size: 1rem;
    border: 15px;
}

body.ingles20d p a {
    text-decoration-line: underline;
}

/******************* ESTILOS MAPA INTERACTIVO ************************/

body.ingles20d .content-area {
    text-align: center;
    padding: 30px 10px !important;
}

body.ingles20d .imagen-interactiva {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

body.ingles20d .imagen-interactiva::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.15); 
    pointer-events: none; /* deja pasar los clics hacia los overlays de debajo */
    z-index: 1;
}

body.ingles20d .uk-map-image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    border: 3px solid var(--ingles20d-fondo-secundario);
    border-radius: 8px;
    box-shadow: -10px 15px 25px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body.ingles20d .overlay {
    position: absolute;
    transform: translate(-50%, -50%); /* centra el PNG sobre el punto */
    width: 15%; /* ancho relativo al contenedor, escala junto con la imagen base */
    height: auto;
    filter: 
    drop-shadow(0.5px 0 0 var(--ingles20d-marca-secundaria))
    drop-shadow(-0.5px 0 0 var(--ingles20d-marca-secundaria))
    drop-shadow(0 0.5px 0 var(--ingles20d-marca-secundaria))
    drop-shadow(0 -0.5px 0 var(--ingles20d-marca-secundaria));
    z-index: 2;
}

body.ingles20d .overlay .demo-card-ingles20d-map {
    position: absolute;
    bottom: 100%;              /* la coloca justo por encima de la imagen */
    left: 50%;
    transform: translate(-50%, -10px); /* centrada y unos px por encima */
    margin-bottom: 10px;       /* separación extra respecto a la imagen */

    width: 220px;
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);

    background-image: url('https://plataforma.rdomingueznavarro.com/wp-content/uploads/2026/07/bluejack92-london-1615119-scaled.jpg');
    background-size: cover;
    background-position: center;

    display: flex;
    flex-direction: column;
    justify-content: center; /* centra el texto verticalmente */
    align-items: center;     /* centra horizontalmente, opcional */
    text-align: center;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
    z-index: 10;
}

/* Velo oscuro entre la imagen de fondo y el texto, para que siempre se lea bien */
body.ingles20d .overlay .demo-card-ingles20d-map::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.75);
    border-radius: inherit;
    pointer-events: none;
    z-index: -1;
}

body.ingles20d .overlay:hover .demo-card-ingles20d-map {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -20px); /* sube un poco más al aparecer, efecto sutil */
    pointer-events: auto;
    z-index: 10;
}

body.ingles20d .overlay:hover {
    z-index: 20;
    filter: 
    drop-shadow(0.5px 0 0 var(--ingles20d-marca-principal))
    drop-shadow(-0.5px 0 0 var(--ingles20d-marca-principal))
    drop-shadow(0 0.5px 0 var(--ingles20d-marca-principal))
    drop-shadow(0 -0.5px 0 var(--ingles20d-marca-principal));
}

body.ingles20d .stonehenge-mask{
    display: block;
    clip-path: polygon(66% 24%, 71% 23%, 74% 32%, 77% 48%, 78% 59%, 70% 65%, 66% 69%, 56% 74%, 43% 75%, 33% 67%, 26% 59%, 23% 49%, 23% 39%, 24% 31%, 28% 21%, 36% 14%, 46% 12%, 50% 17%, 59% 18%, 62% 23%);
}

/************************************************************************************/
 
/************************************************************************************/

/**
 * Estilos de marca para la demo "Nutrición sin dietas imposibles"
 * Se aplican solo dentro de páginas con la clase .nutricion en el <body>
 * (curso, lecciones y temas categorizados con "nutricion" + snippet de
 * body class de LearnDash).
 *
 * Requiere: snippet oficial "Add LearnDash course category to body class"
 * activo vía WPCode, y el término "nutricion" asignado en las 3 taxonomías
 * (categoría de curso, de lección y de tema).
 *
 * Paleta pistacho (ver Demo_Nutricion.md, actualizada de verde bosque a
 * verde pistacho). Sin degradado, misma lógica que marcapersonal.
 */

body.nutricion {
    --nutricion-marca-principal: #8FAE5D;   /* Verde pistacho — botones, cabeceras, marca */
    --nutricion-marca-secundaria: #DCE8C4;  /* Pistacho claro — fondos suaves, sidebar */
    --nutricion-titulo: #4F6B39;            /* Verde pistacho oscuro — títulos, migas de pan */
    --nutricion-texto: #2C2C2A;             /* Carbón — texto de párrafo */
    --nutricion-fondo: #fef7eb;             /* Crema — fondo general */    
    --nutricion-fondo-secundario: #ffffff;             /* Blanco — fondo secundario */

    /*
     * Redefinimos las variables globales de Astra SOLO dentro de esta
     * demo, igual que en ingles20d y marcapersonal, para que
     * lesson_template.php / topic_template.php hereden la paleta sin
     * tocar ni una línea de las plantillas PHP.
     *
     * Mapeo elegido
     * - color-1 (fondo cabecera del sidebar, genérico) -> pistacho (marca principal)
     * - color-0 (borde, item activo, icono completado) -> terracota (acento)
     * - color-3 (texto) -> carbón
     * - color-5 (fondo del sidebar / fondo general) -> crema
     */
    --ast-global-color-0: var(--nutricion-marca-principal);
    --ast-global-color-1: var(--nutricion-marca-secundaria);
    --ast-global-color-2: var(--nutricion-titulo);
    --ast-global-color-3: var(--nutricion-texto);
    --ast-global-color-4: var(--nutricion-fondo);
    --ast-global-color-5: var(--nutricion-fondo-secundario);
}

/* Cabecera principal */
/* barra de progreso */
/* background lección seleccionada */
/* Texto marca "Completado" sobre la lección, en la barra de progreso */
/* cabecera temas lección */
body.nutricion .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item,
body.nutricion .ld-progress-bar-percentage.ld-secondary-background,
body.nutricion .demo-ld-sidebar-individual-lesson.is-current > .demo-ld-lesson-row,
body.nutricion .ld-status.ld-status-complete.ld-secondary-background,
body.nutricion .ld-table-list-header.ld-primary-background {
    background: var(--ast-global-color-0) !important;
}

/* Background general */
body.nutricion article.sfwd-topic {
    background-color: var(--ast-global-color-4);
}

/* enlace área privada */
body.nutricion .ast-header-account-text {
    color: var(--ast-global-color-4) !important;
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
}

body.nutricion .ast-header-account-text::after {
    text-decoration-line: underline;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

body.nutricion .ast-header-account-text:hover::after {
    transform: scaleX(1);
}

/* Footer */
body.nutricion .site-footer div {
    background: var(--ast-global-color-0);
}

/* Texto Footer */
body.nutricion .ast-footer-copyright {
    color: var(--ast-global-color-4);
}

/* Cabecera sidebar */
body.nutricion .demo-ld-sidebar-header
    background: var(--ast-global-color-0) !important;
}

/* background cuerpo sidebar */
/* background cuerpo contenido de lección */
body.nutricion .demo-ld-sidebar,
body.nutricion .demo-ld-lesson-main-content {
    background: var(--ast-global-color-5);
}

/* estilo cuerpo contenido de lección */
body.nutricion .demo-ld-lesson-main-content {
    border-style: solid;
    border-radius: 15px;
    border-width: 1px;
    border-color: #e2e7ed;
}

/* Títulos */
/* texto migas de pan en el panel de progreso */
body.nutricion h1,
body.nutricion h2,
body.nutricion h3,
body.nutricion h4,
body.nutricion .ld-breadcrumbs-segments a {
    color: var(--ast-global-color-2) !important;
}

/* hover texto migas de pan en el panel de progreso */
body.nutricion .ld-breadcrumbs-segments a:hover {
    color: var(--ast-global-color-2) !important;
}

body.nutricion .demo-ld-sidebar-header h2 {
    color: var(--ast-global-color-1) !important;
}

/* texto porcentaje sidebar */
body.nutricion .ld-progress-percentage.ld-secondary-color {
    color: var(--ast-global-color-1) !important;
}

/* lección seleccionada en el sidebar */
body.nutricion li.demo-ld-sidebar-individual-topic.is-current {
    background-color: var(--ast-global-color-1);
}

/* enlaces de las lecciones/temas en el sidebar */
body.nutricion .demo-ld-sidebar-individual-topic a {
    color: var(--ast-global-color-3) !important;
}

/* marca "en progreso" sobre lección/tema */
body.nutricion .ld-status.ld-status-progress.ld-primary-background {
    background: var(--ast-global-color-2) !important;
}

body.nutricion a.ld-table-list-item-preview.ld-primary-color-hover.ld-topic-row.learndash-incomplete:hover {
    color: var(--nutricion-acento) !important;
}

/* botón "Marcar como completado" */
body.nutricion form.sfwd-mark-complete input.learndash_mark_complete_button,
body.nutricion input.learndash_mark_incomplete_button.learndash_mark_complete_button {
    background-color: var(--ast-global-color-0) !important;
}

/* enlace volver al curso */
body.nutricion .ld-content-action a:not(.ld-button) {
    color: var(--ast-global-color-0) !important;
}

/* Botones de las tarjetas para el shortcode de continuar con el curso */
body.nutricion .demo-card-nutricion .learndash-course-inprogress-message .learndash-wrapper a.nutricion-custom-button.ld-button {
    background-color: var(--ast-global-color-0) !important;
    color: var(--ast-global-color-4);
    font-family: inherit;
    font-weight: 500;
    line-height: 1em;
    font-size: 16px;
    font-size: 1rem;
    border: 15px;
}

body.nutricion p a {
    text-decoration-line: underline;
}

/************************************************************************************/
 
/**
 * Estilos de marca para la demo "Marca personal y negocio para freelances"
 * Se aplican solo dentro de páginas con la clase .marcapersonal en el <body>
 * (curso, lecciones y temas categorizados con "marcapersonal" + snippet de
 * body class de LearnDash).
 *
 * Requiere: snippet oficial "Add LearnDash course category to body class"
 * activo vía WPCode, y el término "marcapersonal" asignado en las 3
 * taxonomías (categoría de curso, de lección y de tema) — pendiente de que
 * Rubén lo cree y asigne a mano.
 *
 * Paleta original diseñada para esta demo, no extraída de ninguna web real
 * (ver Demo_MarcaPersonal.md): azul tinta como color de marca principal,
 * dorado cálido como secundario, terracota como acento. Sin degradado (a
 * diferencia de ingles20d).
 */
 
body.marcapersonal {
    --marcapersonal-marca-principal: #1B2A4A;
    --marcapersonal-marca-secundaria: #D9A441;
    --marcapersonal-acento: #E85D4D;
    --marcapersonal-fondo: #F7F3EC;
    --marcapersonal-fondo-secundario: #EFE6D6;
    --marcapersonal-texto: #262626;
 
    /*
     * Redefinimos las variables globales de Astra SOLO dentro de esta
     * demo, igual que se hizo para ingles20d, para que
     * lesson_template.php / topic_template.php hereden la paleta sin
     * tocar ni una línea de las plantillas PHP.
     *
     * Mapeo elegido (ajústalo si no encaja con el uso real de cada
     * variable en tu Astra Customizer):
     * - color-1 (fondo cabecera del sidebar / titulares) -> azul tinta (marca principal)
     * - color-0 (borde, item activo, icono completado, CTA) -> terracota (acento)
     * - color-3 (texto) -> gris carbón
     * - color-5 (fondo del sidebar / fondo general) -> crema hueso
     */
    --ast-global-color-1: var(--marcapersonal-marca-principal);
    --ast-global-color-0: var(--marcapersonal-acento);
    --ast-global-color-3: var(--marcapersonal-texto);
    --ast-global-color-5: var(--marcapersonal-fondo);
}
 
/* Cabecera principal */
/* barra de progreso */
/* background lección seleccionada */
/* Texto marca "Completado" sobre la lección, en la barra de progreso */
/* cabecera temas lección */
body.marcapersonal .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item,
body.marcapersonal .ld-progress-bar-percentage.ld-secondary-background,
body.marcapersonal .demo-ld-sidebar-individual-lesson.is-current > .demo-ld-lesson-row,
body.marcapersonal .ld-status.ld-status-complete.ld-secondary-background,
body.marcapersonal .ld-table-list-header.ld-primary-background {
    background: var(--marcapersonal-marca-principal) !important;
}
 
/* enlace área privada */
body.marcapersonal .ast-header-account-text {
    color: var(--marcapersonal-fondo) !important;
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
}
 
body.marcapersonal .ast-header-account-text::after {
    text-decoration-line: underline;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}
 
body.marcapersonal .ast-header-account-text:hover::after {
    transform: scaleX(1);
}
 
/* Footer */
body.marcapersonal .site-footer div {
    background: var(--marcapersonal-marca-principal);
}
 
/* Texto Footer */
body.marcapersonal .ast-footer-copyright {
    color: var(--marcapersonal-fondo);
}
 
/* Cabecera sidebar */
body.marcapersonal .demo-ld-sidebar-header {
    background: var(--marcapersonal-marca-principal);
}
 
/* Títulos */
/* texto migas de pan en el panel de progreso */
body.marcapersonal h1,
body.marcapersonal h2,
body.marcapersonal h3,
body.marcapersonal h4,
body.marcapersonal .ld-breadcrumbs-segments a {
    color: var(--marcapersonal-marca-secundaria) !important;
}
 
/* hover texto migas de pan en el panel de progreso */
body.marcapersonal .ld-breadcrumbs-segments a:hover {
    color: var(--marcapersonal-acento) !important;
}
 
/* texto porcentaje */
body.marcapersonal .ld-progress-percentage.ld-secondary-color {
    color: var(--marcapersonal-marca-secundaria) !important;
}
 
/* lección seleccionada en el sidebar */
body.marcapersonal li.demo-ld-sidebar-individual-topic.is-current {
    background-color: var(--marcapersonal-fondo-secundario);
}
 
/* enlaces de las lecciones/temas en el sidebar */
body.marcapersonal .demo-ld-sidebar-individual-topic a {
    color: var(--ast-global-color-3) !important;
}
 
/* marca "en progreso" sobre lección/tema */
body.marcapersonal .ld-status.ld-status-progress.ld-primary-background {
    background: var(--marcapersonal-marca-secundaria) !important;
}
 
body.marcapersonal a.ld-table-list-item-preview.ld-primary-color-hover.ld-topic-row.learndash-incomplete:hover {
    color: var(--marcapersonal-acento) !important;
}
 
/* botón "Marcar como completado" */
body.marcapersonal form.sfwd-mark-complete input.learndash_mark_complete_button,
body.marcapersonal input.learndash_mark_incomplete_button.learndash_mark_complete_button {
    background-color: var(--marcapersonal-acento) !important;
}
 
/* enlace volver al curso */
body.marcapersonal .ld-content-action a:not(.ld-button) {
    color: var(--marcapersonal-acento) !important;
}
 
/* Botones de las tarjetas para el shortcode de continuar con el curso */
body.marcapersonal .demo-card-marcapersonal .learndash-course-inprogress-message .learndash-wrapper a.marcapersonal-custom-button.ld-button {
    background-color: var(--marcapersonal-acento) !important;
    color: var(--ast-global-color-4);
    font-family: inherit;
    font-weight: 500;
    line-height: 1em;
    font-size: 16px;
    font-size: 1rem;
    border: 15px;
}
 
body.marcapersonal p a {
    text-decoration-line: underline;
}
 
/*
 * Fondos alternos entre contenedores de contenido dentro de una
 * lección/tema (pedido para esta demo: "si hay varios contenedores dentro
 * de una lección, alternamos colores"). Se hace por CSS con nth-of-type
 * sobre el contenedor raíz de Spectra, en vez de meter un atributo de
 * fondo en cada bloque Gutenberg — evita el riesgo de que Gutenberg marque
 * un bloque como inválido por no tener un ejemplo confirmado de esa
 * combinación de atributos en este sitio.
 */
body.marcapersonal .demo-ld-lesson-main-content .wp-block-uagb-container.uagb-is-root-container:nth-of-type(even) {
    background-color: var(--marcapersonal-fondo-secundario);
}