/**
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
*/




/* Área de alumno: capa nativa aislada para la plantilla Hoy. */
.ag-area{--ag-forest:#123d34;--ag-green:#2f7666;--ag-gold:#c68e3d;--ag-paper:#fffefa;--ag-line:#dfe4df;--ag-muted:#69746f;background:#f7f3ea}.ag-area .ag-shell{display:flex;min-height:100vh;background:#f7f3ea;color:#17231f;font-family:'DM Sans',system-ui,sans-serif}.ag-sidebar{box-sizing:border-box;width:260px;flex:none;background:var(--ag-paper);border-right:1px solid var(--ag-line);padding:28px 16px;display:flex;flex-direction:column}.ag-logo{display:flex;align-items:center;gap:10px;padding:0 8px 33px;text-decoration:none;color:var(--ag-forest);font:700 15px 'Fraunces',serif}.ag-logo>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ag-forest);color:#f3d074}.ag-logo small,.ag-user small,.ag-support small{display:block;margin-top:3px;color:var(--ag-muted);font:9px 'DM Sans',system-ui,sans-serif}.ag-sidebar nav a{display:flex;gap:11px;align-items:center;padding:12px 10px;border-radius:9px;text-decoration:none;color:#53605b;font-size:12px;font-weight:700}.ag-sidebar nav a.is-current{background:#dcebe4;color:var(--ag-forest)}.ag-sidebar nav em{display:block;margin:23px 10px 7px;color:#9aa39f;font:8px 'DM Sans',system-ui,sans-serif;letter-spacing:1px}.ag-support{margin-top:auto;padding:14px;border-radius:13px;background:linear-gradient(145deg,#e7efe9,#f7f2e8);border:1px solid #dbe3dc;font-size:10px}.ag-support a,.ag-support__ask{display:block;width:100%;margin-top:12px;border:0;background:transparent;padding:0;color:var(--ag-green);font-size:9px;font-weight:700;text-decoration:none;text-align:left;cursor:pointer;font-family:inherit}.ag-instalar-pwa{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px;padding:14px 18px;border-radius:13px;background:linear-gradient(145deg,#e7efe9,#f7f2e8);border:1px solid #dbe3dc}.ag-instalar-pwa[hidden]{display:none}.ag-instalar-pwa__texto b{display:block;font:700 13px 'Fraunces',serif;color:var(--ag-forest)}.ag-instalar-pwa__texto small{display:block;color:var(--ag-muted);font-size:11px;margin-top:2px}.ag-instalar-pwa__boton{margin-left:auto;border:0;border-radius:9px;background:var(--ag-forest);color:#fff;padding:10px 16px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit}.ag-instalar-pwa__ios{margin:0 0 0 auto;color:var(--ag-muted);font-size:11px;max-width:280px}.ag-instalar-pwa__ios b{font-weight:700;color:var(--ag-forest)}.ag-user{display:flex;align-items:center;gap:9px;border-top:1px solid var(--ag-line);margin-top:17px;padding:17px 8px 0;text-decoration:none;color:#17231f;font-size:11px;font-weight:700}.ag-user>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f1e4cc;color:#725119}.ag-workspace{box-sizing:border-box;flex:1;max-width:1300px;padding:42px 48px}.ag-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:30px}.ag-top p{margin:0;color:var(--ag-green);font-size:9px;font-weight:700;letter-spacing:1.2px}.ag-top h1{margin:8px 0;font:700 34px 'Fraunces',serif;color:var(--ag-forest)}.ag-top span{font-size:12px;color:var(--ag-muted)}.ag-top button{border:1px solid var(--ag-line);border-radius:9px;background:var(--ag-paper);padding:9px;font-size:17px}.ag-content .ag-hoy{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:19px;padding:30px;max-width:850px;box-shadow:0 8px 22px rgba(18,61,52,.06)}.ag-content .ag-hoy__eyebrow{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--ag-green)}.ag-content .ag-hoy h1,.ag-content .ag-hoy h2{font-family:'Fraunces',serif;color:var(--ag-forest)}.ag-content .ag-hoy h1{font-size:25px}.ag-content .ag-hoy h2{font-size:29px;line-height:1.2}.ag-hoy__context,.ag-content .ag-hoy p{color:var(--ag-muted);font-size:12px;line-height:1.55}.ag-hoy__action{display:inline-block;margin-top:12px;padding:12px 16px;border-radius:9px;background:var(--ag-forest);color:white!important;text-decoration:none;font-size:11px;font-weight:700}
.ag-cimientos-saltar{margin:14px 0 0}
.ag-cimientos-saltar__abrir{margin:0;padding:0;border:0;background:none;color:var(--ag-green)!important;font:700 11px 'DM Sans',system-ui,sans-serif!important;text-decoration:underline!important;cursor:pointer}.ag-mobile{display:none}
@media(max-width:850px){.ag-sidebar{display:none}.ag-workspace{padding:30px 18px 86px}.ag-sidebar-tab{display:none}}
/* Menú lateral, visible por defecto en escritorio, con una pestaña para
   plegarlo -- pedido por Pedro el 24 de agosto de 2026, y cambiado de
   sentido el 26 de agosto tras el aviso de un beta tester: tiene que verse
   por defecto al entrar, y cada alumno decide a partir de ahí si lo cierra
   (la elección se recuerda entre páginas, ver ag-sidebar-toggle.js). Solo
   en escritorio (min-width:851px): en móvil el menú ya es otro
   completamente distinto, no se toca. Posición fija en vez de en el flujo
   normal, para que el contenido ocupe todo el ancho disponible -- no un
   hueco vacío -- cuando el menú está cerrado. */
@media(min-width:851px){
	.ag-area .ag-shell{position:relative}
	.ag-area .ag-sidebar{position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:40;transform:translateX(0);transition:transform .22s ease;box-shadow:3px 0 20px rgba(0,0,0,.1)}
	.ag-area.ag-sidebar-cerrado .ag-sidebar{transform:translateX(-100%)}
	/* El contenido se desplaza a la derecha mientras el menú está visible, no
	   se queda debajo -- pedido por Pedro el 24 de agosto de 2026: quedaba
	   raro que el menú tapara lo que ya se estaba viendo. Misma duración que
	   el propio menú, para que se muevan a la vez. */
	.ag-area .ag-workspace{margin-left:260px;transition:margin-left .22s ease}
	.ag-area.ag-sidebar-cerrado .ag-workspace{margin-left:0}
	/* padding/min-width a cero a propósito: un <button> trae relleno interno
	   por defecto del navegador que se suma al ancho declarado y lo hacía
	   verse más ancho de lo que decía el CSS -- Pedro, 24 de agosto de 2026. */
	.ag-sidebar-tab{position:fixed;top:50%;left:260px;transform:translateY(-50%);z-index:41;box-sizing:border-box;width:8px;min-width:0;height:26px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:0 4px 4px 0;background:var(--ag-forest);color:#f3d074;font-size:13px;font-weight:700;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:2px 0 10px rgba(0,0,0,.14);transition:left .22s ease}
	/* Con el menú cerrado, la pestaña crece para que se note e invite a
	   reabrirlo -- antes era al revés (grande=cerrado invitando a abrir,
	   pequeña=abierto discreta); el tamaño no cambia, solo cuándo se usa
	   cada uno, ahora que el estado por defecto es el contrario. */
	.ag-area.ag-sidebar-cerrado .ag-sidebar-tab{left:0;width:12px;height:42px;font-size:18px;border-radius:0 6px 6px 0}
}
@media(max-width:540px){.ag-workspace{padding:24px 12px 82px}.ag-top h1{font-size:28px}.ag-content .ag-hoy{padding:21px}.ag-content .ag-hoy h2{font-size:24px}}

/* Barra móvil: cuatro verbos fijos (Hoy, Camino, Practicar, Explorar), dos a cada
   lado de la burbuja de Pepeguitar centrada de verdad en medio, que despliega en
   abanico Orientación, Comunidad, Favoritos, Mi cuenta, Ayuda y Salir (7 de agosto
   de 2026). Sustituye a la tira de 9 destinos con scroll horizontal y al globo
   flotante arrastrable -- ver ag-mobile-menu.js. */
@media(max-width:850px){
.ag-mobile{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:flex-end;padding:0 4px env(safe-area-inset-bottom);background:var(--ag-paper);border-top:1px solid var(--ag-line)}
.ag-mobile>a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 2px 10px;color:#7b8681;font-size:19px;text-decoration:none}
.ag-mobile>a svg{width:1em;height:1em}
.ag-mobile>a.is-current{color:var(--ag-forest)}
.ag-mobile>a.is-bloqueado{opacity:.45}
.ag-mobile>a small{font-size:9px;font-weight:700;line-height:1.15}
.ag-mobile__burbuja{position:relative;flex:1 1 0;display:flex;justify-content:center}
.ag-mobile__toggle{position:relative;display:grid;place-items:center;width:54px;height:54px;margin-top:-22px;padding:0;border:3px solid var(--ag-paper);border-radius:50%;background:var(--ag-forest);box-shadow:0 6px 18px rgba(18,61,52,.35);cursor:pointer;overflow:hidden}
.ag-mobile__toggle-img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .18s,transform .18s}
.ag-mobile__toggle-close{position:absolute;inset:0;display:grid;place-items:center;color:#f2d27b;opacity:0;transform:rotate(-45deg) scale(.6);transition:opacity .18s,transform .18s}
.ag-mobile__toggle[aria-expanded="true"] .ag-mobile__toggle-img{opacity:0;transform:scale(.6)}
.ag-mobile__toggle[aria-expanded="true"] .ag-mobile__toggle-close{opacity:1;transform:rotate(0) scale(1)}
.ag-mobile__menu{position:absolute;left:50%;bottom:calc(100% + 20px);margin:0}
.ag-mobile__menu-item{position:absolute;left:0;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:7px;width:auto;padding:0;border:0;background:transparent;box-shadow:none;color:#fff;font:inherit;text-decoration:none;opacity:0;pointer-events:none;transform:translate(-50%,0) scale(.4);transition:opacity .2s ease,transform .28s cubic-bezier(.34,1.56,.64,1)}
.ag-mobile__menu-item>svg,.ag-mobile__menu-item>b{display:grid;place-items:center;width:50px;height:50px;box-sizing:border-box;border-radius:50%;border:3px solid var(--ag-paper);background:var(--ag-forest);box-shadow:0 6px 16px rgba(0,0,0,.35)}
.ag-mobile__menu-item>svg{padding:13px;color:#f2d27b}
.ag-mobile__menu-item>b{color:#f2d27b;font-size:20px;font-weight:700}
.ag-mobile__menu-item small{font-size:11px;font-weight:700;color:#fff;line-height:1.2;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.ag-mobile__menu-item.is-current>svg,.ag-mobile__menu-item.is-current>b{background:var(--ag-gold);color:var(--ag-forest)}
.ag-mobile__menu[data-open] .ag-mobile__menu-item{opacity:1;pointer-events:auto}
.ag-mobile__menu[data-open] .ag-mobile__menu-item.is-bloqueado{opacity:.5}
.ag-mobile__menu[data-open] .ag-mobile__menu-item:nth-child(1){transform:translate(calc(-50% - 130px),-16px) scale(1)}
.ag-mobile__menu[data-open] .ag-mobile__menu-item:nth-child(2){transform:translate(-50%,-16px) scale(1)}
.ag-mobile__menu[data-open] .ag-mobile__menu-item:nth-child(3){transform:translate(calc(-50% + 130px),-16px) scale(1)}
.ag-mobile__menu[data-open] .ag-mobile__menu-item:nth-child(4){transform:translate(calc(-50% - 130px),-112px) scale(1)}
.ag-mobile__menu[data-open] .ag-mobile__menu-item:nth-child(5){transform:translate(-50%,-112px) scale(1)}
.ag-mobile__menu[data-open] .ag-mobile__menu-item:nth-child(6){transform:translate(calc(-50% + 130px),-112px) scale(1)}
/* Fondo opaco de verdad al abrir: mismo tratamiento que ya usa el modal del
   asistente (verde oscuro + blur), no el gris apenas visible de la primera versión. */
.ag-mobile__backdrop{position:fixed;inset:0;z-index:999;background:rgba(18,61,52,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .2s}
.ag-mobile__backdrop[data-open]{opacity:1;pointer-events:auto}
}

/* LearnDash conserva su HTML y acciones; esta capa solo cambia su presentación. */
.ag-lesson-page .ag-content,.ag-course-page .ag-content{max-width:980px}.ag-lesson-page .learndash-wrapper,.ag-course-page .learndash-wrapper{--ld-primary:#123d34;--ld-secondary:#c68e3d;--ld-content-bg:#fffefa;--ld-text-color:#17231f;--ld-focus-mode-content-bg:#f7f3ea}.ag-lesson-page .learndash-wrapper .ld-item-list,.ag-course-page .learndash-wrapper .ld-item-list,.ag-lesson-page .learndash-wrapper .ld-focus-content,.ag-course-page .learndash-wrapper .ld-focus-content{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px;padding:22px}.ag-lesson-page .learndash-wrapper .ld-button,.ag-course-page .learndash-wrapper .ld-button{background:var(--ag-forest);border-radius:9px;font-size:11px;font-weight:700}.ag-lesson-page .learndash-wrapper .ld-progress,.ag-course-page .learndash-wrapper .ld-progress{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:12px;padding:15px}.ag-lesson-page .learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage,.ag-course-page .learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage{background:var(--ag-gold)}.ag-lesson-page .learndash-wrapper .ld-content-actions,.ag-course-page .learndash-wrapper .ld-content-actions{border-color:var(--ag-line);padding:17px 0}.ag-lesson-page .learndash-wrapper .ld-table-list,.ag-course-page .learndash-wrapper .ld-table-list{border-color:var(--ag-line);border-radius:13px;overflow:hidden}.ag-lesson-page .learndash-wrapper .ld-item-list-item,.ag-course-page .learndash-wrapper .ld-item-list-item{border-color:var(--ag-line)}.ag-lesson-page .ag-content>article,.ag-course-page .ag-content>article{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:18px;padding:26px}.ag-lesson-page .entry-title,.ag-course-page .entry-title{font:700 32px 'Fraunces',serif;color:var(--ag-forest);line-height:1.2}

/* LearnDash Focus Mode: misma capa visual, mismos controles nativos. */
body.ld-in-focus-mode{background:#f7f3ea!important}body.ld-in-focus-mode .ld-focus{font-family:'DM Sans',system-ui,sans-serif;color:#17231f}body.ld-in-focus-mode .ld-focus-header{height:74px!important;background:#fffefa!important;border-bottom:1px solid #dfe4df!important;box-shadow:none!important;z-index:9999!important}body.ld-in-focus-mode .ld-user-menu-items{z-index:10000!important}body.ld-in-focus-mode .ld-focus-header .ld-logo{padding-left:24px!important}body.ld-in-focus-mode .ld-focus-header .ld-logo img{max-height:39px!important;width:auto!important}body.ld-in-focus-mode .ld-focus-header .ld-progress{padding:0 30px!important;color:#123d34!important}body.ld-in-focus-mode .ld-focus-header .ld-progress .ld-progress-bar{background:#e6e9e5!important;border-radius:8px!important}body.ld-in-focus-mode .ld-focus-header .ld-progress .ld-progress-bar-percentage{background:#c68e3d!important;border-radius:8px!important}body.ld-in-focus-mode .ld-focus-header .ld-user-menu{border-left:1px solid #dfe4df!important;background:#fffefa!important}body.ld-in-focus-mode .ld-focus-sidebar{top:74px!important;background:#fffefa!important;border-right:1px solid #dfe4df!important;width:300px!important}body.ld-in-focus-mode .ld-focus-sidebar .ld-focus-sidebar-trigger{background:#123d34!important;color:white!important;border-radius:0 12px 12px 0!important}body.ld-in-focus-mode .ld-focus-sidebar .ld-course-navigation-heading{background:#123d34!important;color:white!important;padding:21px 18px!important;font-family:'Fraunces',serif!important;font-size:17px!important}body.ld-in-focus-mode .ld-focus-sidebar .ld-course-navigation-heading a{color:white!important}body.ld-in-focus-mode .ld-focus-sidebar .ld-course-navigation-list{background:#fffefa!important}body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-item,.ld-focus-sidebar .ld-topic-item{border-bottom:1px solid #e4e7e3!important}body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-item a,body.ld-in-focus-mode .ld-focus-sidebar .ld-topic-item a{color:#42534b!important;font-size:12px!important;padding:14px 16px!important}body.ld-in-focus-mode .ld-focus-sidebar .ld-is-current-lesson,.ld-focus-sidebar .ld-is-current-lesson a{background:#e4f0e9!important;color:#123d34!important;font-weight:700!important}body.ld-in-focus-mode .ld-focus-main{background:#f7f3ea!important;padding-top:35px!important}body.ld-in-focus-mode .ld-focus-main .ld-focus-content{max-width:920px!important;background:#fffefa!important;border:1px solid #dfe4df!important;border-radius:18px!important;padding:30px!important;box-shadow:0 8px 24px rgba(18,61,52,.05)!important}body.ld-in-focus-mode .ld-focus-main h1,body.ld-in-focus-mode .ld-focus-main h2{font-family:'Fraunces',serif!important;color:#123d34!important}body.ld-in-focus-mode .ld-focus-main h1{font-size:32px!important;line-height:1.2!important}body.ld-in-focus-mode .ld-focus-main .ld-breadcrumbs{background:#edf3ee!important;border-radius:9px!important;color:#2f7666!important;padding:11px 14px!important}body.ld-in-focus-mode .ld-focus-main .ld-content-actions{border-color:#dfe4df!important;margin-top:28px!important;padding-top:20px!important}body.ld-in-focus-mode .learndash-wrapper .ld-focus-main .ld-focus-content .ld-content-actions .ld-button{background:#c68e3d!important;border-radius:9px!important;color:#2d2514!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important}body.ld-in-focus-mode .learndash-wrapper .ld-focus-main .ld-focus-content .ld-content-actions .learndash_mark_complete_button,body.ld-in-focus-mode .learndash-wrapper .ld-focus-main .ld-focus-header .ld-content-actions .learndash_mark_complete_button{background:#123d34!important;border-radius:9px!important;color:#fff!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important}
/* El botón "Marcar como completado/incompleto" de la cabecera, en escritorio,
   se veía con el check nativo de LearnDash montado encima del texto -- avisado
   por Pedro el 26 de agosto de 2026. El botón real es un <input type="submit">
   (sin hijos, no se le puede meter un span aparte) y LearnDash le coloca el
   icono a una distancia fija del borde derecho; sin hueco reservado para él,
   el texto llega hasta ahí y se solapan. Se le da hueco de sobra a la derecha
   y se anula cualquier imagen de fondo que traiga el icono nativo. */
body.ld-in-focus-mode .learndash-wrapper .ld-focus-main .ld-focus-header .ld-content-actions .learndash_mark_complete_button{padding:11px 46px 11px 20px!important;background-image:none!important;white-space:nowrap!important}body.ld-in-focus-mode .ld-focus-main .learndash_content .wp-video,body.ld-in-focus-mode .ld-focus-main iframe{max-width:100%!important;border-radius:12px!important;overflow:hidden}@media(max-width:900px){body.ld-in-focus-mode .ld-focus-sidebar{width:285px!important}body.ld-in-focus-mode .ld-focus-main{padding:20px 12px!important}body.ld-in-focus-mode .ld-focus-main .ld-focus-content{padding:18px!important;border-radius:12px!important}body.ld-in-focus-mode .ld-focus-header .ld-progress{display:none!important}}@media(max-width:600px){body.ld-in-focus-mode .ld-focus-header{height:60px!important}body.ld-in-focus-mode .ld-focus-main h1{font-size:25px!important}}

/* Ajuste de composición: Focus Mode reserva un margen antiguo; la capa nueva lo sustituye. */
body.ld-in-focus-mode .bp-sitewide-notice,body.ld-in-focus-mode #ast-scroll-top{display:none!important}body.ld-in-focus-mode #ld-focus-sidebar{width:300px!important;top:74px!important}body.ld-in-focus-mode #ld-focus-sidebar .ld-course-navigation-heading{background:#123d34!important;color:white!important}body.ld-in-focus-mode #ld-focus-sidebar .ld-course-navigation-heading #ld-focus-mode-course-heading{color:white!important}body.ld-in-focus-mode #ld-focus-sidebar .ld-focus-sidebar-trigger{background:#c68e3d!important;color:#2d2514!important}body.ld-in-focus-mode .ld-focus-main{margin-left:300px!important;padding:34px 36px!important;width:auto!important;min-height:calc(100vh - 74px)!important}body.ld-in-focus-mode .ld-focus-main .ld-focus-content{max-width:980px!important;margin:0!important}body.ld-in-focus-mode .ld-focus-header .ld-logo{min-width:300px!important;border-right:1px solid #dfe4df!important}body.ld-in-focus-mode .ld-focus-header .ld-logo img{display:none!important}body.ld-in-focus-mode .ld-focus-header .ld-logo:after{content:"AG  Aprendeguitarra";display:block;color:#123d34;font:700 16px 'Fraunces',serif;padding:8px 22px}body.ld-in-focus-mode .ld-focus-header .ld-progress{margin-left:0!important;flex:1!important}@media(max-width:900px){body.ld-in-focus-mode .ld-focus-main{margin-left:0!important;padding:20px 12px!important}body.ld-in-focus-mode .ld-focus-header .ld-logo{min-width:auto!important}.ld-focus-sidebar{width:285px!important}}

/* Componentes nativos de la pantalla Hoy. */
.ag-racha{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:24px 24px;padding:20px 26px;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px;margin-bottom:20px;max-width:1180px}.ag-racha__info{position:absolute;top:14px;right:14px;box-sizing:border-box;width:24px;height:24px;padding:0;margin:0;border-radius:50%;border:1px solid var(--ag-line);background:transparent;color:var(--ag-muted);font:italic 700 12px 'Fraunces',serif;line-height:1;cursor:pointer;display:grid;place-items:center;flex:none}.ag-racha__info:hover{background:var(--ag-line);color:var(--ag-forest)}.ag-racha__ranking{position:absolute;top:44px;right:14px;box-sizing:border-box;width:24px;height:24px;padding:0;margin:0;border-radius:50%;border:1px solid var(--ag-line);background:transparent;color:var(--ag-gold);font-size:13px;line-height:1;cursor:pointer;display:grid;place-items:center;flex:none}.ag-racha__ranking:hover{background:var(--ag-line)}.ag-racha-info__lista{margin:0 0 14px;padding-left:20px;color:#17231f;font-size:14px;line-height:1.6}.ag-racha__cifra{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.ag-racha__cifra strong{font:700 42px 'Fraunces',serif;color:var(--ag-forest);line-height:1}.ag-racha__cifra span{font-size:11px;color:var(--ag-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ag-racha__semana{display:flex;gap:8px;flex:1;margin-right:44px}.ag-racha__dia{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef1ee;color:var(--ag-muted);font-size:11px;font-weight:700}.ag-racha__dia.is-activo{background:var(--ag-gold);color:#3a2a0f}.ag-racha__dia.is-hoy{box-shadow:0 0 0 2px var(--ag-forest)}.ag-racha__mensaje{margin:10px 0 0;flex:1 1 100%;max-width:none;font-size:13px;color:var(--ag-muted);font-weight:600}.ag-racha__mensaje.is-ok{color:var(--ag-green)}@media(max-width:600px){.ag-racha{gap:14px;padding:18px}.ag-racha__semana{width:100%;justify-content:space-between;margin-right:0}}
.ag-hoy-cabecera{display:flex;align-items:stretch;gap:16px;max-width:1180px;margin-bottom:20px}
.ag-hoy-cabecera .ag-racha{flex:1 1 46%;margin-bottom:0;max-width:none}
.ag-hoy-cabecera .ag-insignias{flex:1 1 27%;margin-top:0;max-width:none;display:flex;flex-direction:column;justify-content:center}
.ag-hoy-cabecera .ag-antiguedad-bloque,.ag-hoy-cabecera .ag-ultimo-curso-bloque{flex:1 1 27%;margin-top:0;max-width:none;display:flex;flex-direction:column;justify-content:center}
@media(max-width:900px){.ag-hoy-cabecera{flex-direction:column}.ag-hoy-cabecera .ag-racha,.ag-hoy-cabecera .ag-insignias,.ag-hoy-cabecera .ag-antiguedad-bloque,.ag-hoy-cabecera .ag-ultimo-curso-bloque{flex:1 1 auto}}.ag-insignias{margin-top:20px;margin-bottom:20px;padding:16px 22px;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px;max-width:1180px}.ag-insignias h2{margin:0 0 8px;font:700 10px 'DM Sans',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.6px;color:var(--ag-muted)}.ag-insignias__fila{gap:10px}.ag-insignias__fila .ag-insignia{width:60px;gap:5px}.ag-insignias__fila .ag-insignia__marca{width:36px;height:36px}.ag-insignias__fila .ag-insignia__marca svg{width:20px;height:20px}.ag-insignias__fila .ag-insignia small{font-size:9px}.ag-insignias--vacio p{margin:0;color:var(--ag-muted);font-size:14px}.ag-insignias__fila{display:flex;flex-wrap:wrap;gap:14px}.ag-insignia{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:88px;text-align:center}.ag-insignia__marca{width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--ag-gold),#f2d27b,var(--ag-gold));display:flex;align-items:center;justify-content:center}.ag-insignia__marca svg{width:28px;height:28px;color:var(--ag-forest)}.ag-insignia.is-bloqueada .ag-insignia__marca{background:#e7ebe7}.ag-insignia.is-bloqueada .ag-insignia__marca svg{color:var(--ag-muted)}.ag-insignia small,.ag-insignia strong{display:block;font-size:11px;line-height:1.3}.ag-insignia.is-conseguida small{color:var(--ag-forest);font-weight:700}.ag-insignia.is-bloqueada small,.ag-insignia.is-bloqueada strong{color:var(--ag-muted)}.ag-insignias__galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:18px}.ag-insignias__galeria .ag-insignia{width:auto}.ag-insignias__galeria strong{margin-top:2px;font-size:13px}.ag-cuenta-card:has(.ag-insignias__galeria){grid-column:1/-1}
/* Antigüedad: bloque propio, aparte de "Tus insignias" -- pedido por Pedro
   el 21 de agosto de 2026, para que no se pierda entre las insignias de
   práctica según se vayan añadiendo más. Roseta propia, sin el fondo
   dorado de las demás; layout horizontal (no en columna) para que pese
   más visualmente, a la altura de la banda de racha. */
.ag-antiguedad-bloque{margin-top:20px;padding:20px 22px;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px;max-width:1180px}
.ag-antiguedad-bloque h2{margin:0 0 14px;font:700 10px 'DM Sans',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.6px;color:var(--ag-muted)}
/* Último curso visitado: mismo hueco de cabecera que antigüedad, mismo
   motivo -- pedido por Pedro el 22 de agosto de 2026, para que Hoy
   recuerde dónde estuvo la última vez aunque su camino todavía no esté
   cerrado del todo. */
.ag-ultimo-curso-bloque{margin-top:20px;padding:20px 22px;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px;max-width:1180px}
.ag-ultimo-curso-bloque h2{margin:0 0 14px;font:700 10px 'DM Sans',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.6px;color:var(--ag-muted)}
.ag-ultimo-curso{display:block;color:inherit;text-decoration:none}
.ag-ultimo-curso strong{display:block;font:700 16px 'Fraunces',serif;color:var(--ag-forest)}
.ag-ultimo-curso small{display:block;margin-top:4px;font-size:13px;color:var(--ag-muted)}
.ag-ultimo-curso:hover strong{text-decoration:underline}
.ag-cuenta-card--antiguedad h2{margin:0 0 16px}
.ag-insignia--antiguedad{position:relative;flex-direction:row;align-items:center;gap:16px;width:auto;text-align:left}
.ag-insignia--antiguedad .ag-insignia__marca{background:none;width:64px;height:64px;flex:none}
.ag-insignia--antiguedad .ag-insignia__marca svg{width:64px;height:64px}
.ag-insignia--antiguedad strong{font-size:16px}
.ag-insignia--antiguedad small{font-size:13px}
/* En la cabecera de Hoy la columna es más estrecha (comparte fila con
   racha y último curso) -- vuelve al layout en columna, icono arriba y
   texto debajo, en vez del horizontal pensado para el ancho de Mi cuenta.
   Pedido por Pedro el 22 de agosto de 2026, tras ver que quedaba apretado. */
.ag-hoy-cabecera .ag-insignia--antiguedad{flex-direction:column;align-items:center;text-align:center;gap:8px}
.ag-hoy-cabecera .ag-insignia--antiguedad .ag-insignia__marca{width:52px;height:52px}
.ag-hoy-cabecera .ag-insignia--antiguedad .ag-insignia__marca svg{width:52px;height:52px}
/* Mismo estilo que el icono "i" de la racha (.ag-racha__info) -- pedido por
   Pedro el 21 de agosto de 2026, para que las dos "i" de Hoy se vean
   iguales. Antes usaba el símbolo "ⓘ" suelto, con la tipografía por
   defecto del sistema en vez de la itálica de la web; se veía raro. */
.ag-insignia__info{position:absolute;top:0;right:0;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;border-radius:50%;border:1px solid var(--ag-line);background:transparent;color:var(--ag-muted);font:italic 700 11px 'Fraunces',serif;line-height:1;cursor:pointer;display:grid;place-items:center}
.ag-insignia__info:hover{background:var(--ag-line);color:var(--ag-forest)}
/* Compartir por WhatsApp -- botón redondo verde, esquina de cada insignia conseguida. */
.ag-insignia__compartir{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.ag-insignia__compartir svg{width:13px;height:13px}
.ag-insignia--antiguedad .ag-insignia__compartir{top:0;right:28px}
/* Modal "Antigüedad": lista de los siete escalones. */
.ag-antiguedad-info__lista{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:0}
.ag-antiguedad-info__lista li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--ag-line)}
.ag-antiguedad-info__lista li:first-child{border-top:0}
.ag-antiguedad-info__marca{width:14px;height:14px;border-radius:4px;flex:none}
.ag-antiguedad-info__lista strong{display:block;font-size:14px;color:var(--ag-forest)}
.ag-antiguedad-info__lista small{display:block;color:var(--ag-muted);font-size:12px;margin-top:1px}
.ag-antiguedad-info__premio{display:block;font-style:normal;font-size:12px;color:var(--ag-gold);margin-top:3px;line-height:1.4}
.ag-ranking{margin-top:20px;padding:26px;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px}.ag-ranking__tabs{display:flex;gap:10px;margin:6px 0 18px}.ag-ranking__tabs button{border:1px solid var(--ag-line);background:transparent;color:var(--ag-forest);border-radius:20px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer}.ag-ranking__tabs button.is-current{background:var(--ag-forest);color:#fff;border-color:var(--ag-forest)}.ag-ranking__lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ag-ranking__lista[hidden]{display:none}.ag-ranking__lista li{display:flex;align-items:center;gap:14px;padding:12px 8px;border-bottom:1px solid var(--ag-line)}.ag-ranking__lista li:last-child{border-bottom:0}.ag-ranking__lista li.is-yo{background:#f6f2e7;border-radius:10px}.ag-ranking__lista b{flex:0 0 26px;color:var(--ag-muted);font-size:13px;font-weight:700}.ag-ranking__lista span{flex:1;font-size:14px;font-weight:600;color:#17231f}.ag-ranking__lista strong{color:var(--ag-forest);font-size:14px}.ag-ranking__vacio{color:var(--ag-muted);font-size:14px;padding:12px 8px}.ag-ranking__tu-puesto{margin:16px 0 0;font-size:13px;color:var(--ag-muted)}.ag-asistente-modal__card .ag-ranking{margin:0;padding:0;background:transparent;border:0}
.ag-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;max-width:1180px}.ag-next-card{display:grid;grid-template-columns:minmax(0,1fr) 230px;overflow:hidden;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:18px;box-shadow:0 8px 22px rgba(18,61,52,.06)}.ag-next-card__copy{padding:28px}.ag-card-top{display:flex;justify-content:space-between}.ag-card-top span{background:#dcebe4;color:var(--ag-green);padding:6px 8px;border-radius:6px;font-size:8px;font-weight:700;letter-spacing:1px}.ag-card-top small{background:#f1e4cc;color:#725119;padding:6px 8px;border-radius:6px;font-size:8px}.ag-breadcrumb,.ag-next-card p{font-size:11px;color:var(--ag-muted);line-height:1.5}.ag-next-card h2,.ag-practice-card h2,.ag-path-card h3{font-family:'Fraunces',serif;color:var(--ag-forest)}.ag-next-card h2{font-size:27px;line-height:1.15;margin:17px 0 8px}.ag-progress-line{height:6px;background:#e4e9e5;border-radius:6px;overflow:hidden;margin-top:17px}.ag-progress-line i{display:block;height:100%;background:var(--ag-gold)}.ag-next-card__copy>small{font-size:9px;color:var(--ag-muted)}.ag-next-card__visual{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#154b3e,#2b725e);color:#f2d27b}.ag-next-card__visual b{font:700 80px 'Fraunces',serif}.ag-next-card__visual small{font-size:8px;letter-spacing:1px}.ag-practice-card,.ag-path-card,.ag-quote{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px;padding:21px;margin-top:20px}.ag-practice-card>div:first-child p,.ag-path-card>p{margin:0;color:var(--ag-green);font-size:8px;font-weight:700;letter-spacing:1px}.ag-practice-card h2{font-size:20px;margin:5px 0}
.ag-practice-card[data-ag-practica-desplegable]{cursor:pointer}
.ag-practice-card[data-ag-practica-desplegable] h2:after{content:"▾";display:inline-block;margin-left:8px;font-size:13px;color:var(--ag-muted);transition:transform .15s}
.ag-practice-card[data-ag-practica-desplegable].is-abierta h2:after{transform:rotate(180deg)}.ag-time-options{float:right;margin-top:-44px;display:flex;border:1px solid var(--ag-line);border-radius:8px;overflow:hidden}.ag-time-options button{border:0;background:white;padding:7px 8px;font-size:9px}.ag-time-options .is-active{background:var(--ag-forest);color:white}.ag-practice-card ol{padding:0;margin:18px 0 8px;list-style:none}.ag-practice-card li{display:grid;grid-template-columns:28px 1fr;gap:9px;border-top:1px solid var(--ag-line);padding:11px 0}.ag-practice-card li b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dcebe4;color:var(--ag-forest);font-size:10px}.ag-practice-card strong,.ag-practice-card small{display:block}.ag-practice-card strong{font-size:11px}.ag-practice-card li small,.ag-note{font-size:9px;color:var(--ag-muted);margin-top:3px}.ag-path-card{margin-top:0}.ag-path-card h3{font-size:17px;margin:6px 0}.ag-ring{--p:calc(var(--ag-progress)*1%);width:112px;height:112px;border-radius:50%;margin:18px auto;background:conic-gradient(var(--ag-gold) var(--p),#e7ebe7 0);display:grid;place-items:center;position:relative}.ag-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--ag-paper)}.ag-ring b,.ag-ring small{position:relative;z-index:1;display:block;text-align:center}.ag-ring b{font:700 23px 'Fraunces',serif;color:var(--ag-forest)}.ag-ring small,.ag-path-card div small{font-size:8px;color:var(--ag-muted)}.ag-path-card div strong,.ag-path-card div em{display:block;font-size:10px;line-height:1.4}.ag-path-card div em{font-size:9px;color:var(--ag-muted);font-style:normal;margin-top:4px}.ag-quote{background:var(--ag-forest);color:white;font:700 16px 'Fraunces',serif;line-height:1.4}.ag-quote p{margin:0}.ag-quote small{font:9px 'DM Sans',system-ui,sans-serif;color:#d8e6de}@media(max-width:900px){.ag-dashboard{grid-template-columns:1fr}.ag-dashboard__side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ag-dashboard__side .ag-quote{margin-top:0}}@media(max-width:600px){.ag-next-card{grid-template-columns:1fr}.ag-next-card__visual{height:95px;order:-1}.ag-next-card__visual b{font-size:54px}.ag-next-card__copy{padding:21px}.ag-next-card h2{font-size:23px}.ag-dashboard__side{display:block}.ag-time-options{float:none;margin:10px 0}.ag-practice-card{padding:18px}}

/* Escala de lectura accesible: el área de alumno debe ser cómoda para alumnado adulto. */
.ag-area .ag-sidebar nav a{font-size:14px}.ag-logo{font-size:18px}.ag-logo small,.ag-user small,.ag-support small{font-size:11px}.ag-support{font-size:13px}.ag-support a,.ag-support__ask{font-size:12px}.ag-user{font-size:14px}.ag-top p{font-size:11px}.ag-top h1{font-size:38px}.ag-top span{font-size:16px}.ag-card-top span,.ag-card-top small{font-size:10px}.ag-breadcrumb,.ag-next-card p{font-size:15px;line-height:1.6}.ag-next-card h2{font-size:32px}.ag-next-card__copy>small{font-size:12px}.ag-hoy__action{font-size:14px;padding:14px 18px}.ag-practice-card>div:first-child p,.ag-path-card>p{font-size:10px}.ag-practice-card h2{font-size:25px}.ag-time-options button{font-size:13px;padding:9px 12px}.ag-practice-card strong{font-size:15px}.ag-practice-card li small,.ag-note{font-size:12px}.ag-practice-card li{padding:14px 0}.ag-path-card h3{font-size:22px}.ag-ring small,.ag-path-card div small{font-size:10px}.ag-path-card div strong{font-size:14px}.ag-path-card div em{font-size:12px}.ag-quote{font-size:20px}.ag-quote small{font-size:12px}@media(max-width:600px){.ag-top h1{font-size:31px}.ag-top span{font-size:15px}.ag-next-card h2{font-size:27px}.ag-next-card p{font-size:15px}.ag-practice-card h2{font-size:23px}}

/* Menú privado administrable desde WordPress. */
.ag-logo{padding:0 8px 33px}.ag-logo__home{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ag-forest);font:700 17px 'Fraunces',serif}.ag-logo__home .custom-logo-link{display:block}.ag-logo__home .custom-logo{display:block;max-width:150px;max-height:48px;width:auto;height:auto}.ag-logo>small{display:block;margin:5px 0 0;color:var(--ag-muted);font-size:11px}.ag-student-menu ul{margin:0;padding:0;list-style:none}.ag-student-menu li{margin:0}.ag-student-menu a{display:block;padding:12px 10px;border-radius:9px;text-decoration:none;color:#53605b;font-size:14px;font-weight:700}.ag-student-menu .current-menu-item>a,.ag-student-menu .current_page_item>a{background:#dcebe4;color:var(--ag-forest)}

/* Jerarquía visual del menú nativo: conserva elementos editables de WordPress. */
.ag-student-menu ul{display:flex;flex-direction:column;gap:3px}.ag-student-menu a{display:flex;align-items:center;gap:12px;min-height:42px;padding:10px 11px;border-radius:10px}.ag-student-menu a:before{width:18px;text-align:center;color:var(--ag-forest);font-size:17px;font-weight:400}.ag-student-menu li:nth-child(1) a:before{content:"⌂"}.ag-student-menu li:nth-child(2) a:before{content:"↗"}.ag-student-menu li:nth-child(3) a:before{content:"◎"}.ag-student-menu li:nth-child(4) a:before{content:"⌕"}.ag-student-menu li:nth-child(5){margin-top:27px;position:relative}.ag-student-menu li:nth-child(5):before{content:"ACADEMIA";position:absolute;top:-18px;left:11px;color:#9aa39f;font-size:9px;letter-spacing:1.1px;font-weight:700}.ag-student-menu li:nth-child(5) a:before{content:"♬"}.ag-student-menu li:nth-child(6) a:before{content:"▤"}.ag-student-menu li:nth-child(7) a:before{content:"?"}.ag-student-menu a:hover{background:#f0f5f1;color:var(--ag-forest)}.ag-student-menu .current-menu-item>a,.ag-student-menu .current_page_item>a{background:#dcebe4;color:var(--ag-forest);box-shadow:none}.ag-student-menu li.ag-nav-bloqueado>a{color:#a9b2ae;cursor:not-allowed}.ag-student-menu li.ag-nav-bloqueado>a:before{color:#a9b2ae}.ag-student-menu li.ag-nav-bloqueado>a:hover{background:transparent;color:#a9b2ae}.ag-student-menu li.ag-nav-bloqueado>a:after{content:"🔒";margin-left:auto;font-size:11px;opacity:.6}

/* Menú limpio: la selección se comunica por estado, no por una fila de botones. */
.ag-student-menu a{background:transparent!important;border-radius:8px!important}.ag-student-menu .current-menu-item>a,.ag-student-menu .current_page_item>a{background:#dcebe4!important;border-radius:10px!important}.ag-student-menu .ag-menu-progress{margin-left:auto;background:#123d34;color:white;border-radius:9px;padding:3px 6px;font-size:10px;line-height:1}

/* Solo el destino actual debe parecer seleccionado; el resto son enlaces, no botones. */
.ag-student-menu,.ag-student-menu ul,.ag-student-menu li{background:transparent!important;border:0!important;box-shadow:none!important}.ag-student-menu li:not(.current-menu-item):not(.current_page_item)>a{background:transparent!important;border:0!important;box-shadow:none!important}

/* Estado de navegación: solo el destino activo se pinta. */
body.page-template-page-hoy-piloto .ag-sidebar .ag-student-menu li,body.page-template-page-hoy-piloto .ag-sidebar .ag-student-menu li>a{background-color:transparent!important;background-image:none!important;box-shadow:none!important}body.page-template-page-hoy-piloto .ag-sidebar .ag-student-menu li.current-menu-item>a,body.page-template-page-hoy-piloto .ag-sidebar .ag-student-menu li.current_page_item>a{background-color:#dcebe4!important}
.ag-logo__image{display:block;max-width:150px;width:auto;height:auto}

/* En Hoy, los enlaces con ancla comparten URL: solo Hoy representa la pantalla activa. */
body.page-template-page-hoy-piloto .ag-sidebar .ag-student-menu li:not(:first-child)>a{background-color:transparent!important;background-image:none!important;box-shadow:none!important}

/* Focus Mode en móvil: la lección debe caber completa, sin contenido cortado a la derecha.
   Ojo: overflow:hidden en la cabecera recorta también el menú del avatar (se sale hacia
   abajo, no hacia los lados) -- por eso aquí solo se recorta el eje horizontal. */
@media (max-width:600px){
html,body.ld-in-focus-mode,body.ld-in-focus-mode .ld-focus{max-width:100%!important;overflow-x:hidden!important}
body.ld-in-focus-mode .ld-focus-header{height:72px!important;width:100%!important;overflow-x:hidden!important;overflow-y:visible!important}
body.ld-in-focus-mode .ld-user-menu-items{position:fixed!important;top:72px!important;right:0!important;left:auto!important;margin:0!important;max-height:calc(100vh - 72px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
body.ld-in-focus-mode .ld-focus-header .ld-logo{min-width:0!important;width:auto!important;max-width:calc(100vw - 76px)!important;padding-left:16px!important;border-right:0!important}
body.ld-in-focus-mode .ld-focus-header .ld-logo:after{padding:8px 0!important;font-size:15px!important;white-space:nowrap!important}
body.ld-in-focus-mode .ld-focus-header .ld-content-actions,body.ld-in-focus-mode .ld-focus-header .ld-progress{display:none!important}
body.ld-in-focus-mode #ld-focus-sidebar{top:72px!important;width:min(86vw,440px)!important;max-width:calc(100vw - 22px)!important}
body.ld-in-focus-mode #ld-focus-sidebar .ld-course-navigation-heading{padding:19px 18px!important;font-size:20px!important;line-height:1.3!important}
body.ld-in-focus-mode #ld-focus-sidebar .ld-lesson-item a,body.ld-in-focus-mode #ld-focus-sidebar .ld-topic-item a{font-size:16px!important;line-height:1.4!important;padding:18px 17px!important}
body.ld-in-focus-mode #ld-focus-sidebar .ld-section-heading{font-size:19px!important;padding:18px!important}
body.ld-in-focus-mode .ld-focus-main{box-sizing:border-box!important;margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:14px 12px 30px!important}
body.ld-in-focus-mode .ld-focus-main .ld-focus-content{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:18px!important;overflow:hidden!important}
body.ld-in-focus-mode .ld-focus-main .learndash_content,body.ld-in-focus-mode .ld-focus-main .entry-content,body.ld-in-focus-mode .ld-focus-main figure,body.ld-in-focus-mode .ld-focus-main .wp-video,body.ld-in-focus-mode .ld-focus-main .mejs-container,body.ld-in-focus-mode .ld-focus-main iframe,body.ld-in-focus-mode .ld-focus-main video,body.ld-in-focus-mode .ld-focus-main img{box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
body.ld-in-focus-mode .ld-focus-main .wp-video,body.ld-in-focus-mode .ld-focus-main .mejs-container,body.ld-in-focus-mode .ld-focus-main iframe{width:100%!important}
body.ld-in-focus-mode .ld-focus-main .ld-content-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:13px!important;width:100%!important;margin-top:24px!important}
body.ld-in-focus-mode .ld-focus-main .ld-content-actions>*{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important}
body.ld-in-focus-mode .ld-focus-main .ld-content-actions .ld-button,body.ld-in-focus-mode .ld-focus-main .ld-content-actions .learndash_mark_complete_button{display:flex!important;justify-content:center!important;width:100%!important;min-height:58px!important;font-size:15px!important;white-space:normal!important}
body.ld-in-focus-mode .ld-focus-content .wp-block-buttons{flex-direction:column!important;flex-wrap:wrap!important;gap:10px!important}
body.ld-in-focus-mode .ld-focus-content .wp-block-button{width:100%!important;margin:0!important}
body.ld-in-focus-mode .ld-focus-content .wp-block-button__link{width:100%!important;box-sizing:border-box!important;text-align:center!important;white-space:normal!important}
}

/* La pantalla Hoy utiliza el ancho disponible: contenido amplio y lectura contenida. */
.ag-workspace{max-width:none;width:100%;padding-right:48px}.ag-dashboard{max-width:none;grid-template-columns:minmax(0,1fr) 300px}.ag-next-card{grid-template-columns:minmax(0,1fr) 270px}.ag-next-card__copy>p{max-width:680px}.ag-review-card{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px;padding:24px 26px;margin-top:20px}.ag-review-card__heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.ag-review-card__heading p{margin:0;color:var(--ag-green);font-size:10px;font-weight:700;letter-spacing:1px}.ag-review-card__heading h2{margin:5px 0 0;font:700 25px 'Fraunces',serif;color:var(--ag-forest)}.ag-review-card__item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;background:#f7f4ec;border-radius:13px}.ag-review-card__item>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f1e4cc;color:#77531e;font-size:22px}.ag-review-card__item strong{font-size:16px;color:#17231f}.ag-review-card__item p{margin:4px 0 0;color:var(--ag-muted);font-size:14px;line-height:1.5}.ag-review-card__item a{border:1px solid #ccd6d0;border-radius:9px;background:var(--ag-paper);padding:11px 13px;color:var(--ag-forest);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}@media(max-width:900px){.ag-workspace{padding-right:28px}.ag-dashboard{grid-template-columns:1fr}.ag-review-card__item{grid-template-columns:42px 1fr}.ag-review-card__item a{grid-column:2;justify-self:start}}@media(max-width:600px){.ag-workspace{padding-right:18px}.ag-review-card{padding:19px 18px}.ag-review-card__heading h2{font-size:23px}.ag-review-card__item{gap:11px;padding:14px}.ag-review-card__item strong{font-size:15px}.ag-review-card__item p{font-size:13px}}


/* Barra inferior del área de alumno: accesible y legible en móvil. */
@media(max-width:600px){.ag-mobile>a{padding:12px 2px 11px!important;font-size:21px!important;line-height:1!important}.ag-mobile>a small{font-size:10px!important;line-height:1.15!important;font-weight:700!important}.ag-mobile__toggle{width:56px!important;height:56px!important;margin-top:-24px!important}}


/* Pantallas Camino, Practicar, Explorar y Comunidad. */
.ag-screen{max-width:1180px}.ag-screen-intro{margin:0 0 30px}.ag-screen-intro>p,.ag-session header p{margin:0;color:var(--ag-green);font-size:11px;font-weight:700;letter-spacing:1.3px}.ag-screen-intro h1{margin:8px 0;color:var(--ag-forest);font:700 42px 'Fraunces',serif}.ag-screen-intro>span,.ag-session header span{font-size:17px;color:var(--ag-muted)}.ag-route-overview,.ag-duration,.ag-skill-grid,.ag-course-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.ag-route-overview{padding:22px;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px}.ag-route-overview div+div{border-left:1px solid var(--ag-line);padding-left:22px}.ag-route-overview small{display:block;font-size:11px;color:var(--ag-muted)}.ag-route-overview strong{display:block;margin:7px 0;font:700 25px 'Fraunces',serif;color:var(--ag-forest)}.ag-route-overview p{margin:0;font-size:14px;color:var(--ag-muted)}.ag-route-overview i,.ag-route-timeline i{display:block;height:7px;background:#e4e9e5;border-radius:8px;overflow:hidden}.ag-route-overview i b,.ag-route-timeline i span{display:block;height:100%;background:var(--ag-gold)}.ag-route-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;margin-top:22px}.ag-route-timeline,.ag-route-layout aside,.ag-session,.ag-search,.ag-library-note,.ag-community-hero{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px}.ag-route-stage{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;padding:24px;border-bottom:1px solid var(--ag-line)}.ag-route-stage:last-child{border:0}.ag-route-stage>b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cbd7d0;border-radius:50%;color:var(--ag-muted)}.ag-route-stage.is-done>b,.ag-route-stage.is-current>b{background:var(--ag-forest);color:#fff;border:0}.ag-route-stage small{font-size:10px;color:var(--ag-green);font-weight:700;letter-spacing:1px}.ag-route-stage h2,.ag-route-layout aside h2,.ag-skill-grid h2,.ag-course-grid h2,.ag-community-hero h2{margin:6px 0;color:var(--ag-forest);font:700 23px 'Fraunces',serif}.ag-route-stage p,.ag-route-layout aside p,.ag-skill-grid p,.ag-course-grid p{font-size:15px;line-height:1.5;color:var(--ag-muted)}.ag-route-stage em{display:block;margin-top:9px;font-size:13px;color:var(--ag-green);font-style:normal}.ag-route-stage button,.ag-route-stage a,.ag-route-layout aside button,.ag-session>a,.ag-skill-grid button,.ag-skill-grid a,.ag-course-grid button,.ag-community-hero button{align-self:center;border:0;border-radius:9px;background:var(--ag-forest);color:#fff!important;padding:11px 14px;text-decoration:none!important;font-size:14px;font-weight:700;display:inline-block;text-align:center}.ag-route-layout aside{padding:23px}.ag-route-layout aside h2{font-size:21px}.ag-route-layout aside hr{border:0;border-top:1px solid var(--ag-line);margin:21px 0}.ag-route-layout aside a{color:var(--ag-forest);font-size:14px;font-weight:700}.ag-duration{margin-bottom:20px}.ag-duration button{min-height:150px;border:1px solid var(--ag-line);border-radius:16px;background:var(--ag-paper);color:var(--ag-forest);display:flex;flex-direction:column;align-items:flex-start;padding:22px;text-align:left}.ag-duration button.is-current{background:var(--ag-forest);color:#fff}.ag-duration b{font:700 42px 'Fraunces',serif}.ag-duration span{font:700 18px 'Fraunces',serif}.ag-duration small{margin-top:auto;font-size:14px}.ag-session{padding:28px}.ag-session header{display:flex;justify-content:space-between;gap:20px}.ag-session h2{margin:7px 0;color:var(--ag-forest);font:700 28px 'Fraunces',serif}.ag-session header>b{font:700 42px 'Fraunces',serif;color:var(--ag-forest)}.ag-session header>b small{font:15px 'DM Sans',system-ui,sans-serif}.ag-session ol{margin:22px 0;padding:0;list-style:none}.ag-session li{display:flex;gap:13px;padding:16px 0;border-top:1px solid var(--ag-line)}.ag-session li>b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#dcebe4;color:var(--ag-forest)}.ag-session li strong{font-size:16px}.ag-session li small{display:block;margin-top:4px;color:var(--ag-muted);font-size:14px}
.ag-session li a{flex:1;color:inherit;text-decoration:none}
.ag-session li a:hover strong{text-decoration:underline}.ag-session>a{display:inline-flex}.ag-skill-grid{margin-top:20px}.ag-skill-grid article,.ag-course-grid article{padding:22px;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px}.ag-skill-grid article>b{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#dcebe4;color:var(--ag-forest);font-size:22px}.ag-search{display:flex;align-items:center;gap:12px;padding:14px 18px;font-size:21px;color:var(--ag-forest)}.ag-search input{min-width:0;flex:1;border:0;background:transparent;font-size:17px;outline:0}.ag-search kbd{font-size:12px;color:var(--ag-muted)}.ag-filters{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}.ag-filters button{border:1px solid var(--ag-line);background:var(--ag-paper);color:var(--ag-forest);border-radius:20px;padding:10px 13px;font-size:14px;font-weight:600}.ag-filters .is-current{background:var(--ag-forest);color:#fff}.ag-library-note{display:flex;align-items:center;gap:13px;padding:16px 18px;margin-bottom:18px;background:#f6f2e7}.ag-library-note>b{font-size:23px;color:var(--ag-gold)}.ag-library-note p{flex:1;margin:0;font-size:15px}.ag-library-note a{color:var(--ag-forest);font-size:14px;font-weight:700}.ag-course-grid{grid-template-columns:repeat(2,1fr)}.ag-course-grid article>b{display:block;margin:-22px -22px 17px;padding:22px;background:linear-gradient(135deg,#164d40,#2b725e);color:#f2d27b;font:700 48px 'Fraunces',serif}.ag-course-grid article:nth-child(2)>b{background:linear-gradient(135deg,#5f3825,#a66a4e)}.ag-course-grid article:nth-child(3)>b{background:linear-gradient(135deg,#866128,#c89849)}.ag-course-grid article small{font-size:11px;color:var(--ag-green);font-weight:700}.ag-community-hero{padding:30px;color:#fff}.ag-community-hero--basico{background:linear-gradient(135deg,#0e4438,#1d6856)}.ag-community-hero--general{background:linear-gradient(135deg,#7a4a1f,#c68e3d)}.ag-community-hero h2{font-size:26px;color:#fff}.ag-community-hero span{font-size:16px}@media(max-width:800px){.ag-route-layout{grid-template-columns:1fr}.ag-route-overview,.ag-duration,.ag-skill-grid{grid-template-columns:1fr}.ag-route-overview div+div{border-left:0;border-top:1px solid var(--ag-line);padding:16px 0 0}.ag-course-grid{grid-template-columns:1fr}}@media(max-width:600px){.ag-screen-intro h1{font-size:33px}.ag-screen-intro>span{font-size:16px}.ag-route-stage{grid-template-columns:36px 1fr;padding:19px}.ag-route-stage>a,.ag-route-stage>button{grid-column:2;justify-self:start}.ag-session{padding:20px}.ag-session h2{font-size:25px}.ag-community-hero{padding:22px}.ag-library-note{align-items:flex-start;flex-wrap:wrap}.ag-library-note a{width:100%}}


/* Refuerzo de especificidad para que Astra no neutralice las tarjetas privadas. */
body.ag-area .ag-content .ag-screen{max-width:1180px!important}body.ag-area .ag-content .ag-screen h1,body.ag-area .ag-content .ag-screen h2{color:#123d34!important;font-family:'Fraunces',serif!important}body.ag-area .ag-content .ag-screen p{color:#69746f!important}body.ag-area .ag-content .ag-route-overview,body.ag-area .ag-content .ag-route-timeline,body.ag-area .ag-content .ag-route-layout aside,body.ag-area .ag-content .ag-session,body.ag-area .ag-content .ag-search,body.ag-area .ag-content .ag-library-note{background:#fffefa!important;border:1px solid #dfe4df!important;border-radius:16px!important}body.ag-area .ag-content .ag-route-overview,body.ag-area .ag-content .ag-route-timeline,body.ag-area .ag-content .ag-route-layout,body.ag-area .ag-content .ag-session,body.ag-area .ag-content .ag-duration,body.ag-area .ag-content .ag-search,body.ag-area .ag-content .ag-filters,body.ag-area .ag-content .ag-library-note,body.ag-area .ag-content .ag-course-grid{margin-bottom:22px!important}body.ag-area .ag-content .ag-skill-grid article,body.ag-area .ag-content .ag-course-grid article{background:#fffefa!important;border:1px solid #dfe4df!important;border-radius:16px!important}body.ag-area .ag-content .ag-route-stage h2{font-size:25px!important}body.ag-area .ag-content .ag-screen-intro h1{font-size:42px!important}
.ag-asistente-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px}
.ag-asistente-modal[hidden]{display:none}
.ag-asistente-modal__backdrop{position:absolute;inset:0;background:rgba(18,61,52,.72);backdrop-filter:blur(5px)}
.ag-asistente-modal__card{position:relative;width:min(100%,480px);max-height:88vh;overflow-y:auto;background:var(--ag-paper);border-radius:22px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.3)}
.ag-asistente-modal__close,.ag-asistente-modal__close:hover,.ag-asistente-modal__close:focus,.ag-asistente-modal__close:active{position:absolute;right:15px;top:13px;width:34px;height:34px;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ag-gold)!important;font-size:32px;font-weight:400;line-height:1;cursor:pointer}
.ag-asistente-modal__eyebrow{margin:0;color:var(--ag-green);font-size:10px;font-weight:700;letter-spacing:1.2px}
.ag-asistente-modal__card h2{margin:8px 0;font:700 26px 'Fraunces',serif;color:var(--ag-forest)}
.ag-asistente-modal__intro{margin:0 0 18px;color:var(--ag-muted);font-size:13px;line-height:1.5}
.ag-asistente-modal__card label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:var(--ag-forest)}
.ag-asistente-modal__card textarea{width:100%;box-sizing:border-box;border:1px solid var(--ag-line);border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;resize:vertical}
.ag-asistente-modal__contador{margin:6px 0 14px;font-size:11px;color:var(--ag-muted);text-align:right}
.ag-asistente-modal__estado{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#f1e4cc;color:#725119;font-size:13px}
.ag-asistente-modal__respuesta{margin-top:18px;padding-top:18px;border-top:1px solid var(--ag-line)}
.ag-asistente-modal__respuesta p{margin:0;color:#17231f;font-size:14px;line-height:1.6}
.ag-asistente-modal__fuentes{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.ag-asistente-modal__fuentes a{color:var(--ag-green);font-size:12px;font-weight:700;text-decoration:underline}
.ag-asistente-modal__cuota{margin:14px 0 0;font-size:11px;color:var(--ag-muted)}
.ag-ayuda-modal__instalar{display:block;box-sizing:border-box;width:100%;margin:18px 0 0;border:0;border-radius:12px;background:var(--ag-forest);color:#fff!important;padding:15px 16px;font:inherit;font-size:14px;font-weight:700;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none}
.ag-ayuda-modal__instalar:hover{background:#0d332b}
.ag-ayuda-modal__lista{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ag-ayuda-modal__lista a,.ag-ayuda-modal__lista button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;border:1px solid var(--ag-line);border-radius:12px;background:var(--ag-paper);padding:14px 16px;color:#17231f!important;font:inherit;font-size:14px;font-weight:600;text-align:left;text-decoration:none!important;cursor:pointer}
.ag-ayuda-modal__lista a:hover,.ag-ayuda-modal__lista button:hover{background:#f6f2e7}
.ag-ayuda-modal__lista a:after,.ag-ayuda-modal__lista button:after{content:"→";flex:0 0 auto;color:var(--ag-gold)}
.ag-ayuda-modal__lista [aria-expanded="true"]:after{content:"↑"}
.ag-ayuda-modal__submenu{list-style:none;margin:10px 0 0;padding:0 0 0 14px;display:flex;flex-direction:column;gap:8px;border-left:2px solid var(--ag-line)}
.ag-ayuda-modal__submenu[hidden]{display:none}
.ag-ayuda-modal__submenu a,.ag-ayuda-modal__submenu button{background:#f7f4ec;font-size:13px;padding:11px 14px}
.ag-ayuda-modal__respuesta{margin:8px 0 0;padding:12px 14px;border-radius:10px;background:#f1e4cc;color:#725119;font-size:13px;line-height:1.5}
.ag-ayuda-modal__respuesta[hidden]{display:none}
/* Onboarding "elige tu camino": modal de bienvenida del primer acceso. Tarjetas
   de destino dentro de la tarjeta genérica del modal. */
.ag-onboarding-caminos{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.ag-onboarding-camino{display:block;border:1px solid var(--ag-line);border-radius:14px;padding:18px;text-decoration:none!important;background:var(--ag-paper);transition:border-color .15s,box-shadow .15s}
.ag-onboarding-camino:hover{border-color:var(--ag-forest);box-shadow:0 8px 22px rgba(18,61,52,.10)}
.ag-onboarding-camino strong{display:block;font:700 19px 'Fraunces',serif;color:var(--ag-forest)}
.ag-onboarding-camino span{display:block;margin-top:5px;font-size:13px;line-height:1.5;color:var(--ag-muted)}
.ag-onboarding-camino em{display:block;margin-top:11px;font-style:normal;font-size:13px;font-weight:700;color:var(--ag-gold)}
.ag-onboarding-camino.ag-route-overview--jondo{border-left:4px solid #164d40}
.ag-onboarding-camino.ag-route-overview--juerguecita{border-left:4px solid #c68e3d}
/* Aviso de curso nuevo: modal de una sola vez con foto destacada + CTA. */
.ag-aviso-curso__foto{display:block;width:100%;height:auto;margin:2px 0 16px;border-radius:14px;border:1px solid var(--ag-line)}
.ag-aviso-curso__cta{display:inline-block;margin-top:4px;border:0;border-radius:9px;background:var(--ag-forest);color:#fff!important;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none!important}
.ag-aviso-curso__cta:hover{background:#0d332b}
@media (max-width:700px), (max-width:900px) and (max-height:500px){
  /* Ni "elige tu camino" ni "aviso de curso" son el chat: se saltan el
     tratamiento a pantalla completa que ag-asistente-mobile-v2.css aplica a
     .ag-asistente-modal. */
  #ag-elegir-camino-modal,#ag-aviso-curso-modal,#ag-instalar-app-modal{padding:16px!important;height:100%!important}
  #ag-elegir-camino-modal .ag-asistente-modal__backdrop,#ag-aviso-curso-modal .ag-asistente-modal__backdrop,#ag-instalar-app-modal .ag-asistente-modal__backdrop{display:block!important}
  #ag-elegir-camino-modal .ag-asistente-modal__card,#ag-aviso-curso-modal .ag-asistente-modal__card,#ag-instalar-app-modal .ag-asistente-modal__card{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-height:88vh!important;border-radius:22px!important;padding:26px!important;overflow-y:auto!important}
  #ag-elegir-camino-modal .ag-asistente-modal__eyebrow,#ag-elegir-camino-modal .ag-asistente-modal__intro,#ag-aviso-curso-modal .ag-asistente-modal__eyebrow,#ag-aviso-curso-modal .ag-asistente-modal__intro,#ag-instalar-app-modal .ag-asistente-modal__eyebrow,#ag-instalar-app-modal .ag-asistente-modal__intro{display:block!important}
  #ag-elegir-camino-modal .ag-asistente-modal__close,#ag-aviso-curso-modal .ag-asistente-modal__close,#ag-instalar-app-modal .ag-asistente-modal__close{position:absolute!important;right:13px!important;top:11px!important;width:34px!important;height:34px!important;font-size:32px!important}
}
/* Mi cuenta: la estructura de tarjetas ya existía en el PHP pero no tenía ni una línea de CSS -- se veía como texto e inputs sueltos. */
.ag-cuenta-screen .ag-cuenta-aviso{margin:0 0 18px;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:700}
.ag-cuenta-screen .ag-cuenta-aviso--ok{background:#dcebe4;color:var(--ag-forest)}
.ag-cuenta-screen .ag-cuenta-aviso--error{background:#f8dcd4;color:#8a3020}
.ag-cuenta-grid{display:grid;gap:18px}
.ag-cuenta-card{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px;padding:26px}
.ag-cuenta-card h2{margin:0 0 4px;font:700 22px 'Fraunces',serif;color:var(--ag-forest)}
.ag-cuenta-card h3{margin:24px 0 4px;font:700 15px 'Fraunces',serif;color:var(--ag-forest)}
.ag-cuenta-card>p{margin:8px 0 18px;color:var(--ag-muted);font-size:14px;line-height:1.55}
.ag-cuenta-card .ag-tools-field{color:var(--ag-forest);font-size:12px;font-weight:800;margin:16px 0;display:block}
.ag-cuenta-card .ag-tools-field input[type=text],.ag-cuenta-card .ag-tools-field input[type=email],.ag-cuenta-card .ag-tools-field input[type=password]{box-sizing:border-box;width:100%;margin-top:8px;padding:11px 13px;border:1px solid var(--ag-line);border-radius:10px;background:var(--ag-paper);color:#17231f;font:inherit;font-weight:500;font-size:14px}
form.ag-cuenta-card{grid-column:1/-1}
@media(min-width:700px){.ag-cuenta-grid{grid-template-columns:repeat(2,1fr)}}
/* Comunidad: dos directos semanales en vez de uno con la tarjeta "PV" fija. */
.ag-community-directos{display:grid;gap:18px;margin-bottom:22px}
@media(min-width:820px){.ag-community-directos{grid-template-columns:repeat(2,1fr)}}
.ag-community-hero .ag-hoy__action{background:#f2d27b!important;color:#0e4438!important;font-weight:800!important;white-space:nowrap}
.ag-community-hero .ag-hoy__action:hover{background:#f7dd97!important}
.ag-community-hero__botones{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ag-community-hero__ics{display:block;margin-top:14px;color:#fff!important;font-size:12px;font-weight:700;text-decoration:underline}
span.ag-community-hero__etiqueta{display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;color:rgba(255,255,255,.85)}
.ag-community-hero__meta{display:block;margin-top:10px}
body.ag-area .ag-content .ag-community-hero h2{color:#fff!important}
.ag-taberna-card{display:flex;gap:20px;align-items:flex-start;padding:26px;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:16px;margin-top:20px}
.ag-taberna-card>b{flex:0 0 56px;height:56px;display:grid;place-items:center;border-radius:14px;background:#dcebe4;color:var(--ag-forest);font-size:26px}
span.ag-taberna-card__eyebrow{display:block;color:var(--ag-green);font-size:11px;font-weight:700;letter-spacing:1px}
.ag-taberna-card h2{margin:6px 0;color:var(--ag-forest);font:700 24px 'Fraunces',serif}
.ag-taberna-card p{margin:0 0 16px;font-size:15px;line-height:1.5}
@media(max-width:600px){.ag-taberna-card{flex-direction:column;padding:20px}}
.ag-comunidad-pregunta{margin:0 0 26px}

/* Acento por camino en Mi camino (pedido por Pedro, 20 de agosto de 2026).
   Reutiliza las dos familias de color de .ag-community-hero (verde bosque /
   cobre cálido) en vez de una paleta nueva. El !important iguala al bloque
   que ya fuerza fondo blanco en toda esta pantalla, un poco más abajo en
   este mismo fichero. */
body.ag-area .ag-content .ag-route-overview.ag-route-overview--jondo{background:linear-gradient(135deg,#0e4438,#1d6856)!important;border-color:transparent!important;color:#fff}
body.ag-area .ag-content .ag-route-overview.ag-route-overview--juerguecita{background:linear-gradient(135deg,#7a4a1f,#c68e3d)!important;border-color:transparent!important;color:#fff}
/* ag-screens-extra.css trae SU PROPIA copia de estas reglas, también con
   !important y con "body.ag-area" delante -- una hoja de estilos que no
   había mirado hasta comprobar por qué el texto no cambiaba de color pese a
   que el fondo sí lo hacía. Hay que igualar esa especificidad exacta aquí
   también, no solo la de ag-alumno.css. */
body.ag-area .ag-route-overview.ag-route-overview--jondo small,body.ag-area .ag-route-overview.ag-route-overview--jondo p,body.ag-area .ag-route-overview.ag-route-overview--juerguecita small,body.ag-area .ag-route-overview.ag-route-overview--juerguecita p{color:rgba(255,255,255,.8)!important}
body.ag-area .ag-route-overview.ag-route-overview--jondo strong,body.ag-area .ag-route-overview.ag-route-overview--juerguecita strong{color:#fff!important}
body.ag-area .ag-route-overview.ag-route-overview--jondo>div+div,body.ag-area .ag-route-overview.ag-route-overview--juerguecita>div+div{border-left-color:rgba(255,255,255,.25)!important;border-top-color:rgba(255,255,255,.25)!important}
body.ag-area .ag-route-overview.ag-route-overview--jondo i,body.ag-area .ag-route-overview.ag-route-overview--juerguecita i{background:rgba(255,255,255,.3)!important}
.ag-route-overview--jondo i b{background:#f2dfb0}
.ag-route-overview--juerguecita i b{background:#0e4438}

/* Aviso de "acabas de cambiar de camino": solo aparece justo tras elegir
   (ver ag_procesar_eleccion_camino()) y se retira solo con una animación
   CSS, sin JavaScript -- entra, se queda unos segundos, se desvanece. */
.ag-camino-toast{display:inline-block;margin:0 0 16px;padding:10px 18px;border-radius:30px;background:var(--ag-forest);color:#fff;font-size:14px;font-weight:600;box-shadow:0 10px 26px rgba(13,68,56,.22);animation:ag-camino-toast-ciclo 3.2s ease forwards}
.ag-camino-toast.ag-route-overview--jondo{background:linear-gradient(135deg,#0e4438,#1d6856)}
.ag-camino-toast.ag-route-overview--juerguecita{background:linear-gradient(135deg,#7a4a1f,#c68e3d)}
.ag-camino-toast strong{font-weight:800}
@keyframes ag-camino-toast-ciclo{0%{opacity:0;transform:translateY(-8px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-8px);visibility:hidden}}
@media(prefers-reduced-motion:reduce){.ag-camino-toast{animation:none}}

/* Cabeceras de las tarjetas plegables de Practicar (Diario, Practica a tu
   ritmo, Herramientas de estudio) -- pedido por Pedro el 26 de agosto de
   2026, tras el aviso de un beta tester: se veían con el mismo tamaño y
   tipografía que el título real de la página ("¿Cuánto tiempo tienes?"),
   así que costaba distinguir un apartado plegable de una pantalla nueva.
   Selector más específico que la regla de más arriba (que trae !important)
   para ganar el empate sin tocar esa regla general. */
body.ag-area .ag-content .ag-screen .ag-practice-card h2,
body.ag-area .ag-content .ag-screen .ag-screen-subhead h2,
body.ag-area .ag-content .ag-screen .ag-diario__heading h2{
	font-family:'DM Sans',system-ui,sans-serif!important;
	font-size:13.5px!important;
	font-weight:700!important;
	letter-spacing:.2px!important;
}

/* Mi camino quedó con dos títulos grandes apilados ("Mi camino" y, justo
   debajo, "Juerguecita Flamenca") con el mismo peso visual -- Pedro lo
   probó el 26 de agosto de 2026 y no se notaba ningún cambio, porque el
   ojo no sabía cuál de los dos mirar. Se baja el segundo (el destino
   elegido) para que quede claro que "Mi camino" es el título de la
   pantalla y esto es un detalle debajo, no otro título compitiendo. */
body.ag-area .ag-content .ag-screen .ag-screen-intro--secundario{margin:0 0 18px}
body.ag-area .ag-content .ag-screen .ag-screen-intro--secundario h1{font-size:22px!important;margin:4px 0!important}