/*
 * Capa de compatibilidad: adapta el diseño del prototipo (st-base.css) a la
 * estructura que generan los bloques de WordPress.
 */

/* Base */
body { margin: 0; }
.wp-site-blocks { padding: 0; }
.st-main > .entry-content, .st-main .wp-block-post-content { margin: 0; }
:where(.wp-site-blocks) > * { margin-block: 0; }
.wp-block-group { box-sizing: border-box; }
p.eyebrow { margin: 0; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
figure { margin: 0; }
.alinear-arriba { align-items: start; }
.st-sec.sin-arriba { padding-top: 0; }
.sec-noche { background: var(--noche); }
.centrar { justify-content: center; }
.arriba-28 { margin-top: 28px; }
.wp-block-shortcode { margin: 0; }

/* Enlace que cubre toda la tarjeta */
.sv-card, .herr, .relab-video { position: relative; }
a.estirado::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; }
.relab-video > a.estirado { position: absolute; inset: 0; z-index: 2; border-radius: inherit; }
.relab-video > a.estirado::after { content: none; }

/* Botones de WordPress con el diseño de ST */
.wp-block-buttons { display: flex; gap: 12px; flex-wrap: wrap; }
.wp-block-button__link { display: inline-flex; align-items: center; gap: 8px; font: 600 1rem var(--font-titulo); text-decoration: none; padding: 14px 26px; border-radius: 999px; border: 2px solid transparent; cursor: pointer; transition: background .15s, color .15s; line-height: 1.2; }
.wp-block-button.is-style-primario .wp-block-button__link, .wp-block-button:not([class*="is-style-"]) .wp-block-button__link { background: var(--coral); color: var(--blanco); box-shadow: 0 8px 24px rgba(241,89,70,.35); }
.wp-block-button.is-style-primario .wp-block-button__link:hover { background: var(--coral-hover); }
.wp-block-button.is-style-secundario .wp-block-button__link { background: transparent; color: var(--petroleo); border-color: var(--petroleo); }
.wp-block-button.is-style-secundario .wp-block-button__link:hover { background: var(--petroleo); color: var(--blanco); }
.wp-block-button.is-style-fantasma .wp-block-button__link { background: rgba(255,255,255,.04); color: #fff; border-color: rgba(255,255,255,.22); }
.wp-block-button.is-style-fantasma .wp-block-button__link:hover { background: rgba(255,255,255,.1); }
.wp-block-button.is-style-claro .wp-block-button__link { background: var(--marfil); color: var(--petroleo); }

/* Encabezado */
/* El menú queda fijo arriba: el sticky va en la parte de plantilla, que es hija directa de la página */
.wp-site-blocks > header.wp-block-template-part { position: sticky; top: 0; z-index: 40; }
.site-header { background: var(--noche); border-bottom: 1px solid rgba(255,255,255,.08); }
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; } }
@media (max-width: 600px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; } }
.header-wrap { display: flex; align-items: center; gap: 28px; padding-block: 12px; }
.site-header .wp-block-site-logo img { height: 52px; width: auto; display: block; }
.nav-st { flex: 1; }
.nav-st .wp-block-navigation__container { gap: 4px; }
.nav-st .wp-block-navigation-item__content { white-space: nowrap; font: 600 .95rem var(--font-titulo); color: #DCE7EC; padding: 8px 12px !important; border-radius: 6px; text-decoration: none; }
.nav-st .wp-block-navigation-item__content:hover, .nav-st .current-menu-item > .wp-block-navigation-item__content { background: rgba(255,255,255,.08); color: #fff; }
.nav-st .current-menu-item > .wp-block-navigation-item__content { color: var(--coral); }
.nav-st .wp-block-navigation__submenu-icon { color: #DCE7EC; }
.nav-st .wp-block-navigation__submenu-container { background: #032634 !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 16px; padding: 8px !important; min-width: 300px !important; box-shadow: 0 24px 48px rgba(0,0,0,.4); top: calc(100% + 8px) !important; }
.nav-st .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display: grid; padding: 10px 12px !important; border-radius: 10px; }
.nav-st .wp-block-navigation__submenu-container .wp-block-navigation-item__label { color: #fff; font-weight: 700; }
.nav-st .wp-block-navigation-item__description { display: block; color: #9DB1BA; font: 400 .82rem var(--font-texto); line-height: 1.35; margin-top: 2px; }
.nav-st .wp-block-navigation-item:not(.wp-block-navigation__submenu-container .wp-block-navigation-item) .wp-block-navigation-item__description { display: none; }
.nav-cta { margin-left: auto; flex: none; }
.nav-cta .wp-block-button__link { padding: 10px 20px; }
/* Menú móvil: se activa debajo de 1120 px */
.nav-st .wp-block-navigation__responsive-container-open { color: var(--marfil); border: 1px solid rgba(255,255,255,.25); border-radius: 999px; padding: 8px 12px; }
.nav-st .wp-block-navigation__responsive-container.is-menu-open { background: var(--noche) !important; color: #DCE7EC !important; padding: 24px 20px !important; }
.nav-st .is-menu-open .wp-block-navigation__responsive-container-content { align-items: stretch !important; }
.nav-st .is-menu-open .wp-block-navigation-item { width: 100%; }
.nav-st .is-menu-open .wp-block-navigation-item__content { font-size: 1.1rem; padding: 12px !important; }
.nav-st .is-menu-open .wp-block-navigation__submenu-container { background: transparent !important; border: 0 !important; box-shadow: none; min-width: 0 !important; padding: 0 0 0 12px !important; }
.nav-st .wp-block-navigation__responsive-container-close { color: #fff; }
@media (max-width: 1120px) {
	.nav-st { flex: 0; order: 3; margin-left: 0; }
	.nav-st .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	.nav-st .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
	.nav-cta { margin-left: auto; }
}
@media (max-width: 480px) { .nav-cta .wp-block-button__link { padding: 9px 14px; font-size: .9rem; } .header-wrap { gap: 12px; } }

/* Hero */
.hero h1 em { font-style: normal; }
.tw-palabras { display: none !important; }
.hero-visual figure.hero-foto { position: absolute; z-index: 1; bottom: 0; left: 50%; transform: translateX(-50%); height: 116%; width: auto; max-width: none; }
.hero-visual figure.hero-foto img { height: 100%; width: auto; max-width: none; display: block; filter: drop-shadow(0 24px 40px rgba(0,0,0,.35)); -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%), linear-gradient(180deg, #000 72%, transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%), linear-gradient(180deg, #000 72%, transparent 100%); mask-composite: intersect; }
@media (max-width: 860px) { .hero-visual figure.hero-foto { height: 108%; } }

/* Banda de temas: lista editable que el script convierte en cinta */
.temas ul.temas-pista { list-style: none; margin: 0; padding: 0; }
.temas-pista li::after { content: "•"; color: var(--coral); margin-left: 28px; }
.temas-pista.inversa li::after { color: var(--celeste); }

/* Cifras */
.cifra p strong { display: block; font: 800 clamp(2.4rem, 5vw, 3.4rem) var(--font-titulo); color: var(--celeste); letter-spacing: -0.03em; line-height: 1.1; }
.cifra p:not(:has(strong)) { color: #B7C7CF; font-size: .98rem; margin-inline: auto; }

/* Tarjetas de servicios */
.sv-txt .link-flecha { justify-self: start; }
.sv-card { text-decoration: none; }

/* Curso destacado */
.destacado { position: relative; }
p.destacado-badge { margin: 0; z-index: 3; }
ul.sellos { list-style: none; margin: 0; padding: 0; }
ul.sellos li { font: 600 .78rem var(--font-titulo); letter-spacing: .08em; text-transform: uppercase; color: #DCE7EC; border: 1px solid rgba(220,231,236,.3); border-radius: 999px; padding: 6px 12px; }
.mini-cifra p strong { font: 800 1.9rem var(--font-titulo); color: #fff; letter-spacing: -0.02em; line-height: 1.1; }
.mini-cifra p:not(:has(strong)) { font-size: .92rem; }

/* Foto con fondo */
.foto-real figure { width: 100%; position: relative; z-index: 1; }
.foto-real figure img { width: 100%; height: auto; display: block; }

/* Relab */
.herr { color: #C9D6DC; }
.herr-txt { display: grid; gap: 4px; }
.herr-txt p strong { font-family: var(--font-titulo); color: #fff; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rv-txt p strong { font: 800 clamp(1.3rem, 2.6vw, 1.7rem) var(--font-titulo); color: #fff; letter-spacing: -0.02em; }
.rv-txt .link-flecha { color: #DCE7EC; }

/* Pie de página */
.site-footer .wp-block-site-logo img { height: 52px; width: auto; }
.site-footer .wp-block-site-logo { margin-bottom: 12px; }
.site-footer h4 { margin-bottom: 10px; }
.site-footer .foot-legal p { margin: 0; }
.site-footer ul.redes.wp-block-social-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; padding: 0; }
.redes .wp-social-link { background: transparent !important; color: #DCE7EC !important; border: 1px solid rgba(255,255,255,.22); width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; transition: background .2s, border-color .2s, transform .2s; }
.redes .wp-social-link:hover { background: var(--coral) !important; border-color: var(--coral); transform: translateY(-2px); }
.redes .wp-social-link a { padding: 0 !important; color: inherit !important; display: grid; place-items: center; }
.redes .wp-social-link svg { width: 20px; height: 20px; fill: currentColor; }

/* Prensa */
.prensa-grid .prensa-card[hidden] { display: none !important; }

/* Ajustes tras la primera revisión */
.site-header .nav-st .wp-block-navigation-item__content { color: #DCE7EC !important; }
.site-header .nav-st .wp-block-navigation-item__content:hover { color: #fff !important; }
.site-header .nav-st .current-menu-item > .wp-block-navigation-item__content { color: var(--coral) !important; }
.wp-block-group p.eyebrow { font-size: .78rem; max-width: none; }
.header-wrap > .nav-cta { margin-left: auto !important; }
.hero h1 .cursor { display: inline-block; }
.dato .v { overflow-wrap: anywhere; }
.blog-cats { margin-bottom: 24px; }
.en-redes.sin-link { display: none; }

/* Editor: las secciones ocupan todo el ancho, como en el sitio */
.editor-styles-wrapper .is-root-container > * { max-width: none !important; margin-inline: 0 !important; }
.editor-styles-wrapper .hero-visual figure.hero-foto { height: 100%; }
.editor-styles-wrapper .tw-palabras { display: block !important; font-size: .85rem; color: #8FA6B0; border: 1px dashed rgba(255,255,255,.25); border-radius: 8px; padding: 6px 10px; }
.editor-styles-wrapper .tw-palabras::before { content: "Palabras que se escriben solas (separadas por |): "; font-weight: 700; }

/* Tienda (WooCommerce) y campus (Tutor LMS) con el diseño de ST */
html body { --tutor-color-primary: #F15946; --tutor-color-primary-hover: #D9472F; --tutor-color-primary-rgb: 241, 89, 70; --wp--preset--color--contrast: var(--petroleo); }
.st-tienda { padding-block: clamp(32px, 5vw, 64px); }
.st-tienda h1 { margin: 0 0 24px; }
.st-tienda .woocommerce-breadcrumb { font-size: .85rem; color: #5B6B73; margin-bottom: 18px; }
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .tutor-btn-primary, .tutor-course-sidebar-card .tutor-btn { background: var(--coral) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; font: 600 1rem var(--font-titulo) !important; padding: 14px 26px !important; box-shadow: 0 8px 24px rgba(241,89,70,.3); text-decoration: none !important; }
.woocommerce .button:hover, .wc-block-components-button:not(.is-link):hover, .tutor-btn-primary:hover { background: var(--coral-hover) !important; }
.wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__input, .wc-blocks-components-select__select, .woocommerce form .input-text, .woocommerce-Input, .tutor-form-control { border-radius: 12px !important; border: 1px solid var(--linea) !important; font-family: var(--font-texto) !important; }
.wc-block-components-title, .wc-block-components-checkout-step__title, .woocommerce-loop-product__title, .product_title { font-family: var(--font-titulo) !important; color: var(--petroleo); }
.wc-block-components-notice-banner { border-radius: 14px; }
.woocommerce ul.products li.product { background: #fff; border: 1px solid var(--linea); border-radius: 20px; padding: 16px; }
.st-tienda .wp-block-woocommerce-checkout, .st-tienda .wp-block-woocommerce-cart { margin-top: 8px; }
.tutor-course-details-page, .tutor-dashboard { font-family: var(--font-texto); }
.tutor-course-details-title, .tutor-dashboard h1, .tutor-dashboard h2, .tutor-dashboard h3 { font-family: var(--font-titulo) !important; color: var(--petroleo); }
.tutor-login-wrap, .tutor-login-form-wrapper { border-radius: 20px; }
/* Mi cuenta y campus: páginas con shortcode, con el mismo margen que el resto */
body.woocommerce-account .st-main > .wp-block-post-content, body.tutor-frontend .st-main > .wp-block-post-content { max-width: var(--ancho); margin: 0 auto; padding: clamp(32px, 5vw, 64px) max(16px, env(safe-area-inset-right, 0px)); }
/* Íconos que WooCommerce agrega al menú (cuenta y carrito) */
.site-header .wp-block-woocommerce-customer-account a, .site-header .wp-block-woocommerce-customer-account svg, .site-header .wc-block-mini-cart__button, .site-header .wc-block-mini-cart__icon { color: #DCE7EC !important; fill: currentColor !important; }
.site-header .wp-block-woocommerce-customer-account a:hover, .site-header .wc-block-mini-cart__button:hover { color: #fff !important; }
.site-header .wc-block-mini-cart__badge { background: var(--coral) !important; color: #fff !important; }
/* Campus: ingreso con el diseño de ST */
.acc-error { margin: 0; background: #FDECEA; color: #8A2A1E; border-radius: 12px; padding: 10px 12px; font-size: .92rem; }
.acc-info { display: grid; gap: 12px; }
.acc-info p { margin: 0; }
.acceso .acc-form .btn { justify-content: center; }
/* Campus: tipografías de ST (los colores se configuran en Tutor desde functions.php) */
html body { --tutor-text-primary: var(--petroleo); --tutor-font-family-body: var(--font-texto); }
body.tutor-frontend h1, body.tutor-frontend h2, body.tutor-frontend h3, body.tutor-frontend h4 { font-family: var(--font-titulo); }
/* Tienda en modo Próximamente */
.tienda-pronto { display: grid; justify-items: center; text-align: center; gap: 18px; padding-block: clamp(56px, 9vw, 120px); }
.tienda-pronto p:not(.eyebrow) { max-width: 52ch; margin: 0 auto; }
/* El logo no se achica cuando aparecen los íconos de cuenta y carrito */
.site-header .wp-block-site-logo { flex: none; }
@media (max-width: 480px) { .site-header .wp-block-woocommerce-customer-account, .site-header .wc-block-mini-cart { transform: scale(.9); } }
@media (max-width: 600px) { .site-header .wc-block-mini-cart { display: none !important; } .header-wrap { gap: 10px; } .nav-cta .wp-block-button__link { padding: 9px 14px; font-size: .88rem; } }

/* ===== v1.8: correcciones de celular ===== */
/* Botones de texto: pastilla con flecha, del ancho del texto */
.link-flecha { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; justify-self: start; width: fit-content; font: 700 .92rem var(--font-titulo); color: var(--petroleo); text-decoration: none; border: 1.5px solid rgba(1,44,61,.25); border-radius: 999px; padding: 9px 16px; line-height: 1.2; transition: background .2s, color .2s, border-color .2s; }
.link-flecha::after { content: "→"; transition: transform .2s; }
a.link-flecha:hover, a:hover > .link-flecha, a:hover .link-flecha, .rl-card:hover .link-flecha { background: var(--coral); border-color: var(--coral); color: #fff; }
a.link-flecha:hover::after, a:hover .link-flecha::after { transform: translateX(3px); }
.rl-txt .link-flecha, .rv-txt .link-flecha, .gp-s .link-flecha, .gp-claude .link-flecha, .gp-oscura .link-flecha, .cap-card .link-flecha, .lp .link-flecha, body.en-lp .link-flecha { color: #fff; border-color: rgba(255,255,255,.35); }
.rl-txt .link-flecha { margin-top: 8px; }
p > .link-flecha:only-child { margin-top: 4px; }

/* Landing de Claude: íconos de "Pensado para quien…" en coral (antes tomaban el color de otra sección) */
.pq-card .pq-ic { width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(135deg, #D97757, #E8936F); color: #fff; box-shadow: 0 10px 24px rgba(217,119,87,.35); transform: none; }
.pq-card .pq-ic svg { width: 24px; height: 24px; }

/* Pestañas Chat · Cowork · Code · Design en una sola fila en el celular */
@media (max-width: 560px) {
	body.en-lp .tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; box-sizing: border-box; gap: 2px; padding: 5px; }
	body.en-lp .tab { padding: 11px 4px; font-size: .86rem; }
	.tab .barra-auto { left: 8px; right: 8px; }
}

/* Relab: el botón "Explorar Relab" con aire, sin pisar la tarjeta del video */
.relab-video + .wp-block-buttons, .relab-video + .btns, .carrusel + .wp-block-buttons, .carrusel + .btns { margin-top: 32px !important; }

/* Carruseles del celular: flechas a los costados */
.carrusel { position: relative; }
.carrusel-flecha { display: none; }
@media (max-width: 560px) {
	.carrusel.desliza .carrusel-flecha { display: grid; place-items: center; position: absolute; top: 38%; z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: var(--coral); color: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.35); cursor: pointer; transition: opacity .2s; }
	.carrusel .rl-grid { scroll-padding-inline: 16px; }
	.carrusel-flecha.ant { left: -6px; }
	.carrusel-flecha.sig { right: -6px; }
	.carrusel-flecha:disabled { opacity: 0; pointer-events: none; }
	.carrusel-flecha svg { width: 20px; height: 20px; }
}

/* Video de YouTube en ventana */
.yt-modal { border: 0; padding: 0; background: transparent; width: min(960px, calc(100vw - 32px)); max-width: none; overflow: visible; }
.yt-modal::backdrop { background: rgba(0, 20, 30, .82); backdrop-filter: blur(3px); }
.yt-caja { position: relative; display: grid; gap: 12px; justify-items: end; }
.yt-video { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: 16px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.5); }
.yt-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.yt-cerrar { width: 44px; height: 44px; border-radius: 50%; border: 0; background: #fff; color: var(--petroleo); font: 400 1.8rem/1 sans-serif; cursor: pointer; box-shadow: 0 8px 20px rgba(0,0,0,.3); }
.yt-cerrar:hover { background: var(--coral); color: #fff; }
.yt-ext { color: #DCE7EC; font: 600 .9rem var(--font-titulo); text-decoration: underline; justify-self: center; }

/* Cifras de la tarjeta de Dominando Claude: "Examen" entra en el celular */
.mini-cifra { min-width: 0; }
.mini-cifra p { overflow-wrap: anywhere; }
@media (max-width: 600px) {
	.mini-cifras { gap: 10px; }
	.mini-cifra { padding: 14px; }
	.mini-cifra p strong { font-size: clamp(1.3rem, 6vw, 1.9rem); }
	.mini-cifra p:not(:has(strong)) { font-size: .86rem; line-height: 1.4; }
}

/* ===== 1.9.4: notas escritas en el editor ===== */
.art-editor > .wp-block-post-content { display: grid; gap: 18px; }
.art-editor p:empty { display: none; }
.art-editor figure { margin: 0; }
.art-editor img { max-width: 100%; height: auto; border-radius: var(--radio); display: block; }
.art-editor .wp-block-image { margin: 8px 0; }
.art-editor .wp-block-image figcaption { font-size: .85rem; color: var(--texto-suave); text-align: center; margin-top: 8px; }
.art-editor h2, .art-editor h3 { line-height: 1.2; }
.art-editor h2 + p, .art-editor h3 + p { margin-top: -6px; }
.art-editor strong { color: var(--petroleo); }
.art-editor a { color: var(--petroleo); text-decoration-color: var(--coral); text-underline-offset: 3px; }
.art-editor .wp-block-quote, .art-editor blockquote { margin: 0; border-left: 4px solid var(--coral); background: var(--blanco); padding: 16px 20px; border-radius: 0 12px 12px 0; }
.art-editor .wp-block-quote p { margin: 0 0 6px; } .art-editor .wp-block-quote p:last-child { margin: 0; }
.art-foto { margin: 24px 0 0; } .art-foto img { width: 100%; height: auto; border-radius: var(--radio); display: block; }
.art-editor .wp-block-buttons { margin-top: 6px; }
/* Bloques de la plantilla que quedaron sin completar */
.art-editor h2:empty, .art-editor h3:empty, .art-editor li:empty, .art-editor ul:not(:has(li:not(:empty))), .art-editor blockquote:not(:has(p:not(:empty))), .art-editor hr:last-child, .art-editor hr:has(+ p:empty:last-child) { display: none; }
/* Tarjetas del blog con imagen destacada: la foto llena la portada */
.post-portada:has(> img) { padding: 0; display: block; background: var(--petroleo); }
.post-portada > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.post-portada.desde-nota > img { object-position: top center; }