/* CRO Akademia AHP · 09-10-2026
 * Cargado por includes/cro.php. Rollback: quitar el require_once de cro.php.
 * Colores de la marca ya existentes: azul #0c5c94 / #08426b, oro #f2c21c,
 * oro oscuro para texto #7a5c00, texto #3d3d3d, gris legible #5f6b76. */

/* ===================================================== 1. Aviso de cookies */
#cookie-notice .cn-button{min-height:44px}
@media (max-width:767px){
	#cookie-notice.cn-position-bottom,#cookie-notice{padding:0!important}
	#cookie-notice .cookie-notice-container{display:grid!important;grid-template-columns:1fr;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))!important;text-align:left!important;line-height:1.3!important}
	#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none!important}
	#cookie-notice #cn-notice-text{display:block;margin:0!important;font-size:13px!important;line-height:1.35!important}
	#cookie-notice #cn-notice-buttons{display:grid!important;grid-template-columns:1fr 1fr auto;gap:8px;margin:0!important;width:100%}
	#cookie-notice .cn-button{margin:0!important;min-height:44px;padding:0 12px!important;font-size:14px!important;line-height:1.2!important;border-radius:8px!important}
	/* "Política de privacidad" pasa a enlace corto sin perder su función */
	#cookie-notice #cn-more-info{background:transparent!important;color:#fff!important;font-size:0!important;min-width:76px;text-decoration:underline;text-underline-offset:3px}
	#cookie-notice #cn-more-info:after{content:"Privacidad";font-size:13px;color:#fff}
	#cookie-notice #cn-close-notice{display:none!important}
}
/* La barra fija de compra no compite con el aviso: se espera a la decisión */
body:has(#cookie-notice.cookie-notice-visible) .tk-lp .sticky{display:none!important}

/* ======================================= 2. Ficha 108121: primer pantallazo */
body .tk-lp .hl2{color:#7a5c00!important} /* «AEAT»: 1,68:1 con el amarillo -> 6,3:1 */
body .tk-lp .precio .antes{color:#5f6b76} /* 799 € tachado: 2,5:1 -> 5,6:1 */
body .tk-lp .stars{color:#8a6700}          /* estrellas: 1,68:1 -> 4,7:1 */
body .tk-lp .nota{color:#5f6b76}
body .tk-lp .cro-terms{margin:0 0 14px;font-size:14px;color:#3d3d3d;line-height:1.4}
body .tk-lp .sub-cta{margin-bottom:4px}
body .tk-lp .cro-trial{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:6px;font-size:15px;font-weight:600;color:#0c5c94!important;text-decoration:underline!important;text-underline-offset:3px;text-align:center}
body .tk-lp .cro-trial:hover{color:#08426b!important}
body .tk-lp .avatar-wrap{flex:0 0 72px;width:72px;height:72px;border-radius:50%;overflow:hidden;background:#f3f7fb;box-shadow:0 0 0 2px #0c5c94;display:block}
body .tk-lp .avatar-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.9);transform-origin:50% 15%}
body .tk-lp .btn:focus-visible,body .tk-lp .cro-trial:focus-visible,body .tk-lp summary:focus-visible{outline:3px solid #08426b;outline-offset:3px}
body .tk-lp .sticky{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
body .tk-lp .sticky .btn{min-height:48px}
body .tk-lp .cro-guarantee,body .tk-lp .cro-testimonials{padding:40px 0}

@media (max-width:900px){
	/* precio + botón justo bajo el titular, sin tocar el contenido guardado */
	body .tk-lp .hero{padding:18px 0 32px}
	body .tk-lp .hero-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
	body .tk-lp .hero-grid>div:first-child{display:contents}
	body .tk-lp .hero .pill{order:1;align-self:flex-start;margin-bottom:10px;font-size:13px;padding:5px 11px}
	body .tk-lp .hero h1{order:2;font-size:clamp(27px,7.6vw,36px)!important;line-height:1.12!important;margin:0 0 14px!important}
	body .tk-lp .hero .card-precio{order:3;margin-bottom:24px;padding:16px 16px 12px}
	body .tk-lp .hero p.sub{order:4}
	body .tk-lp .hero .checks{order:5}
	body .tk-lp .hero .trust{order:6}
	body .tk-lp .card-precio .nombre{display:none}
	body .tk-lp .card-precio .mini{display:none}
	body .tk-lp .precio{margin:0 0 2px;gap:10px}
	body .tk-lp .precio .ahora{font-size:42px}
	body .tk-lp .precio .antes{font-size:19px}
	body .tk-lp .plazos{margin:8px 0 8px;padding:7px 10px;font-size:14px;line-height:1.35}
	body .tk-lp .cro-terms{margin:0 0 10px;font-size:13.5px}
	body .tk-lp .btn{min-height:52px}
	body .tk-lp .avatar-wrap{flex:0 0 60px;width:60px;height:60px}
}

/* ================================================================ 3. Checkout */
/* Cabecera mínima: logo y carrito, sin menú ni «Empezar a aprender» */
body.woocommerce-checkout:not(.woocommerce-order-received) .mwm-header__menu-container,
body.woocommerce-checkout:not(.woocommerce-order-received) .mwm-header__toggle{display:none!important}
body.woocommerce-checkout:not(.woocommerce-order-received) .mwm-header__wrapper{justify-content:space-between}

/* Resumen del pedido antes del formulario en móvil/tablet */
@media (max-width:900px){
	body.woocommerce-checkout form.checkout{display:flex;flex-direction:column}
	body.woocommerce-checkout form.checkout #order_review{display:contents}
	body.woocommerce-checkout form.checkout #order_review_heading{order:-5;margin:4px 0 8px}
	body.woocommerce-checkout form.checkout .cro-terms-note{order:-4}
	body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order-table{order:-3;margin:0 0 22px}
	body.woocommerce-checkout form.checkout #customer_details{order:-2}
	body.woocommerce-checkout form.checkout #payment{order:1}
	body.woocommerce-checkout form.checkout #wc-stripe-checkout-session-data{order:2}
}
.woocommerce-checkout .cro-terms-note{margin:0 0 10px;font-size:14px;line-height:1.4;color:#3d3d3d}

/* Métodos de pago: etiqueta táctil, icono real, botón grande */
.woocommerce-checkout #payment ul.payment_methods li label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.woocommerce-checkout #payment ul.payment_methods li img.cro-pay-icon{width:78px;height:auto;max-height:30px;margin-left:auto;float:none}
.woocommerce-checkout #payment ul.payment_methods li img[src*="redsys-icon"]{display:none}
.woocommerce-checkout #place_order{width:100%;min-height:54px;font-size:18px}
.woocommerce-checkout .cro-secure{margin:0 0 14px;text-align:center;font-size:13.5px;line-height:1.4;color:#3d3d3d}
.woocommerce-checkout .cro-secure__line{display:flex;gap:8px;align-items:flex-start;justify-content:center;margin:0 0 8px;text-align:left}
.woocommerce-checkout .cro-secure__line svg{flex:0 0 16px;margin-top:2px;color:#1e8a4c}
.woocommerce-checkout .cro-secure__logos{display:flex;gap:12px;align-items:center;justify-content:center;margin:0}
.woocommerce-checkout .cro-secure__logos img{display:block;height:30px;width:auto}
.woocommerce-checkout .showlogin,.woocommerce-checkout .showcoupon,.woocommerce-checkout .woocommerce-privacy-policy-link{display:inline-flex;align-items:center;min-height:44px}

/* ============================================ 4. Objetivos táctiles (>=44 px) */
@media (max-width:900px){
	.mwm-header__logo a,.mwm-header__menu-header .mwm-header__logo a{display:inline-flex;align-items:center;min-height:44px}
	.mwm-header__menu a{display:flex;align-items:center;min-height:48px}
	.mwm-header__actions-login{display:inline-flex;align-items:center;min-height:44px}
	.mwm-footer a{display:inline-flex;align-items:center;min-height:44px}
	main li>a:only-child{display:inline-flex;align-items:center;min-height:44px}
	.swiper-pagination-bullet{position:relative}
	.swiper-pagination-bullet:after{content:"";position:absolute;inset:-15px}
	.mwm-exam-guest__pill{min-height:44px;display:inline-flex;align-items:center}
	.wc-block-cart-item__remove-link{min-height:44px;min-width:44px}
	.wc-block-components-panel__button,.wc-block-components-product-name{display:inline-flex;align-items:center;min-height:44px}
}

/* ====================================================== 5. Contraste suelto */
.lp-counter-sub,.lp-comp-note,.lp-urgency .lp-urg-note{color:#5f6b76}
.lp-table-wrap{overflow-x:auto}
.wc-block-cart__submit-button{color:#08426b!important}

/* ==================================================== 6. Menú: Akademia AHP */
.mwm-header__menu .mwm-menu-akademia>a{font-weight:700;color:#0c5c94}
.mwm-menu-akademia__tag{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:99px;background:#fff6d6;color:#7a5c00;font-size:11px;font-weight:700;letter-spacing:.02em;vertical-align:middle;white-space:nowrap}
@media (min-width:901px){.mwm-menu-akademia__tag{font-size:10.5px}}

/* ============================================================ 7. Página 404 */
.mwm-404__extra{margin:28px auto 0;max-width:520px;text-align:center}
.mwm-404__search{display:flex;gap:8px;margin:0 0 18px}
.mwm-404__search input[type=search]{flex:1;min-height:48px;padding:0 14px;border:1px solid #c9d3dd;border-radius:8px;font-size:16px}
.mwm-404__search button{min-height:48px;padding:0 20px;border:0;border-radius:8px;background:#0c5c94;color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.mwm-404__links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mwm-404__links a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #dfe7ef;border-radius:8px;color:#0c5c94;font-weight:600;text-decoration:none}
.mwm-404__links a:hover{background:#f3f7fb}

/* Checkout: avisos de «¿Ya eres cliente?» y cupón en una línea, sin cajas pesadas */
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;margin:0 0 8px;padding:2px 14px;min-height:48px;font-size:15px;line-height:1.35;background:#f6f9fc;border:1px solid #dfe7ef;border-radius:8px;box-shadow:none}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info:before,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info:before{display:none}
.woocommerce-checkout .woocommerce-info a{font-weight:700}

/* Contraste: texto amarillo (#f2c21c) en línea sobre fondo claro de la home */
.mwm-testimonials__title h2 span[style*="f2c21c"]{color:#7a5c00!important}

/* ================================= 8. Diseño: foco, pulsado, objetivos, medidas */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #08426b;outline-offset:2px}
.mwm-footer :focus-visible,.tk-lp .final :focus-visible,.tk-lp .datos :focus-visible{outline-color:#fff}
.mwm-button:focus-visible{outline:3px solid #08426b;outline-offset:3px;box-shadow:none}
.mwm-button:active,.button:active,.woocommerce a.button:active,.woocommerce button.button:active,.tk-lp .btn:active{transform:translateY(1px);filter:brightness(.95)}
a.mwm-header__logo{display:inline-flex;align-items:center;min-height:44px}
.mwm-price__more a,.mwm-text-image__links a,.mwm-home-faq__more a,.mwm-free-tests__button a{display:inline-flex;align-items:center;min-height:44px}
.mwm-single .mwm-posts__left li,.mwm-main-container:not(.mwm-blog) .mwm-page-content li{max-width:70ch}

/* Página de la prueba gratis: contadores sin desbordar en 375-430 px */
@media (max-width:768px){
	.lp-counters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
	.lp-counter{padding:18px 6px!important}
	.lp-counter-num{font-size:2em!important}
	.lp-video-section{padding:56px 20px!important}
}

/* Iconos de las tarjetas de la ficha: SVG de trazo en lugar de emoji */
.tk-lp .card .ico svg{width:26px;height:26px;stroke:#0c5c94;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

body .tk-lp .cro-legal{margin:2px 0 0;font-size:13px;line-height:1.4;color:#5f6b76;text-align:center}
body .tk-lp .cro-legal a{color:#0c5c94;text-decoration:underline;display:inline-block;padding:10px 4px}
.woocommerce-checkout .cro-secure__legal{margin:0 0 8px;font-size:13px;color:#5f6b76}
.woocommerce-checkout .cro-secure__legal a{color:#0c5c94;text-decoration:underline;display:inline-block;padding:10px 4px}

/* Caja de Akademia al final de las entradas */
.mwm-post-promo__cta{display:flex;width:100%;margin:.25rem 0 1rem;white-space:normal;text-align:center;min-height:52px}
@media (min-width:640px){.mwm-post-promo__cta{display:inline-flex;width:auto}}

/* Pie compacto en móvil: enlaces en filas, no en columna de 1.000 px */
@media (max-width:900px){
	.mwm-footer__menu ul,.mwm-footer__legal-menu ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 22px;list-style:none;padding:0;margin:0}
	.mwm-footer__menu li,.mwm-footer__legal-menu li{margin:0}
}

/* CLS del checkout (0,33): campos ocultos de datos del navegador (Redsys 3DS) se pintaban 6 px cada uno
 * hasta que su JS los ocultaba y toda la página saltaba. Se ocultan desde el primer pintado; siguen en el
 * formulario y su JS los rellena igual. */
#billing_agente_navegador_field,#billing_idioma_navegador_field,#billing_altura_pantalla_field,#billing_anchura_pantalla_field,#billing_profundidad_color_field,#billing_diferencia_horaria_field,#billing_http_accept_headers_field,#billing_tz_horaria_field,#billing_js_enabled_navegador_field{display:none!important}
/* select2 reserva su alto desde el principio */
.woocommerce-checkout .select2-container .select2-selection--single{min-height:44px}


/* Checkout: el velo de WooCommerce al refrescar el pedido (AJAX al cargar) parpadeaba sobre el resumen, que ahora
 * está arriba. Sigue bloqueando los clics, pero sin el fundido visible. */
body.woocommerce-checkout .blockUI.blockOverlay{opacity:0!important;background:none!important}

/* Ajustes de la verificación final */
.mwm-post-promo a.mwm-post-promo__cta{color:#fff!important;text-decoration:none}
.mwm-post-promo a.mwm-post-promo__cta:hover{color:#fff!important;background:#08426b}
.mwm-footer a{min-width:44px;justify-content:center}
.mwm-header__actions-login{display:inline-flex;align-items:center;min-height:44px}
.swiper-pagination-bullet{position:relative}
.swiper-pagination-bullet:after{content:"";position:absolute;inset:-15px}
body .tk-lp .sub-cta a,body .tk-lp a.tk-cta:not(.btn){display:inline-flex;align-items:center;min-height:44px}
.lp-price-tag .lp-duration{color:#5f6b76}
.lp-compare h2 span{color:#7a5c00!important}

.mwm-404__links li{width:100%;margin:0}
.mwm-404__links a{display:flex!important;width:100%}
@media (min-width:901px){.mwm-header__menu a{display:inline-flex;align-items:center;min-height:44px}}

/* Ronda 2 (09-10-2026) */
/* A. Nota de acceso del checkout en escritorio: mismo carril que el resumen (que flota a la derecha al 38 %). */
@media (min-width:992px){.woocommerce-checkout form.checkout > .cro-terms-note{float:right;width:38%;clear:right;margin:0 0 12px}}
/* D. Migas en móvil: enlaces de 44 px de alto sin engordar la píldora (el desborde de 1,5 px por lado queda dentro). */
@media (max-width:767px){
	.mwm-breadcrumbs .mwm-bc-wrap .mwm-bc__list{padding-top:0;padding-bottom:0}
	.mwm-breadcrumbs .mwm-bc-wrap .mwm-bc__list a{display:flex;align-items:center;min-height:44px;padding:0 2px}
	@supports (overflow:clip){
		.mwm-breadcrumbs .mwm-bc-wrap .mwm-bc__list{overflow-x:clip}
		.mwm-breadcrumbs .mwm-bc-wrap .mwm-bc__list a{margin:-1.5px 0}
	}
}
/* E. Enlace discreto a WhatsApp bajo la prueba gratis (#0c5c94 sobre blanco = 6,9:1). */
body .tk-lp .cro-wa{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;font-weight:500;color:#0c5c94!important;text-decoration:underline!important;text-underline-offset:3px;text-align:center}
body .tk-lp .cro-wa:hover{color:#08426b!important}
body .tk-lp .cro-wa:focus-visible{outline:3px solid #08426b;outline-offset:3px}