/* Público editorial. Marca compartida por variables; layout aislado del aula. */
:root { --ancho-pagina:min(100% - 48px,1200px); }
html { scroll-padding-top:90px; }
body { font-size:16px; }
.contenedor { width:var(--ancho-pagina); padding-inline:0; }
.cabecera { background:rgba(247,248,245,.94); border-bottom:1px solid var(--baremo-border); }
.cabecera-fila { width:var(--ancho-pagina); max-width:none; padding:12px 0; min-height:80px; gap:24px; }
.cabecera .marca { gap:10px; font-size:23px; letter-spacing:-.035em; font-weight:650; color:var(--baremo-ink); }
.marca img { border-radius:0; width:38px; height:38px; flex-basis:38px; }
.nav-principal { display:block; }
.nav-principal a { display:inline-flex; align-items:center; min-height:44px; opacity:1; font-weight:500; font-size:14px; color:var(--baremo-muted); }
.nav-principal ul { gap:0; }
.cabecera-cta { display:inline-flex; min-height:42px; padding:9px 19px; font-size:14px; }
.boton { border-width:1px; box-shadow:none; transform:none; border-radius:14px; transition:background-color 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1); }
.boton:active:not(:disabled) { transform:scale(.98); box-shadow:none; }
.boton-ocre:hover { background:var(--baremo-primary); filter:none; }
.boton-borde { color:var(--baremo-ink); }
.boton:focus-visible { outline:3px solid var(--baremo-primary); outline-offset:4px; }
.salto-contenido { position:fixed; left:24px; top:8px; z-index:40; padding:12px 18px; background:white; color:var(--baremo-ink); border:1px solid var(--baremo-primary); border-radius:12px; transform:translateY(-160%); }
.salto-contenido:focus { transform:none; }
.lp-contenedor { width:var(--ancho-pagina); margin-inline:auto; }
.lp-hero { padding:68px 0 0; text-align:center; }
.lp-eyebrow { color:var(--baremo-primary); font-size:13px; font-weight:600; letter-spacing:.03em; margin:0 0 18px; }
.lp-hero h1 { font-size:clamp(42px,6vw,80px); line-height:1.03; letter-spacing:-.058em; font-weight:600; text-wrap:balance; margin:0 auto; }
.lp-hero h1 span { color:var(--baremo-primary); }
.lp-lead { color:var(--baremo-muted); font-size:19px; line-height:1.6; max-width:660px; margin:26px auto 28px; text-wrap:pretty; }
.lp-cta { min-height:54px; padding:16px 24px; font-size:15px; gap:22px; }
.lp-pago { color:var(--baremo-muted); font-size:14px; margin:15px auto 18px; }
.lp-enlace { display:inline-flex; align-items:center; gap:10px; min-height:44px; text-decoration:none; font-size:14px; font-weight:600; color:var(--baremo-primary); }
.lp-enlace span { transition:transform 160ms cubic-bezier(.23,1,.32,1); }
.lp-visual { margin-top:42px; }
.lp-producto { margin:0; }
.lp-producto-marco { display:block; overflow:hidden; border:1px solid var(--baremo-border); border-radius:26px; background:var(--baremo-background); box-shadow:0 20px 60px rgba(32,41,35,.07),0 3px 12px rgba(32,41,35,.04); }
.lp-producto-marco img { display:block; width:100%; height:auto; }
.lp-producto figcaption { color:var(--baremo-muted); font-size:12px; padding:18px 16px 0; }
.lp-seccion { padding:110px 0; }
.lp-cabecera-seccion { max-width:780px; }
.lp-seccion h2,.lp-cierre h2 { font-size:clamp(32px,4vw,50px); line-height:1.12; font-weight:600; letter-spacing:-.045em; text-wrap:balance; }
.lp-pasos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:50px; margin-top:56px; }
.lp-paso-numero { color:var(--baremo-primary); font-size:14px; font-variant-numeric:tabular-nums; }
.lp-pasos article { border-top:1px solid var(--baremo-border); padding-top:24px; }
.lp-pasos h3 { font-size:22px; font-weight:600; letter-spacing:-.03em; margin:24px 0 14px; }
.lp-pasos p { font-size:15px; color:var(--baremo-muted); line-height:1.7; margin-bottom:12px; }
.lp-catalogo { background:white; border-top:1px solid var(--baremo-border); border-bottom:1px solid var(--baremo-border); }
.lp-cabecera-catalogo { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:45px; }
.lp-cabecera-catalogo > p { max-width:340px; color:var(--baremo-muted); font-size:15px; line-height:1.7; }
.lp-areas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.lp-area { display:flex; align-items:flex-start; gap:20px; padding:30px; border:1px solid var(--baremo-border); border-radius:20px; color:var(--baremo-ink); background:var(--baremo-background); text-decoration:none; }
.lp-area-numero { display:grid; place-items:center; flex:0 0 38px; height:38px; border:1px solid var(--baremo-border); border-radius:12px; font-size:12px; color:var(--baremo-primary); }
.lp-area h3 { font-size:23px; letter-spacing:-.03em; margin:8px 0 12px; }
.lp-area-total { font-size:12px; font-weight:600; color:var(--baremo-primary); }
.lp-area p:last-child { font-size:14px; color:var(--baremo-muted); line-height:1.6; }
.lp-flecha { margin-left:auto; font-size:23px; color:var(--baremo-primary); }
.lp-todos-cursos { margin-top:24px; }
.lp-faq-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:80px; }
.lp-preguntas details { border-top:1px solid var(--baremo-border); }
.lp-preguntas details:last-child { border-bottom:1px solid var(--baremo-border); }
.lp-preguntas summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 0; font-size:16px; font-weight:550; cursor:pointer; list-style:none; }
.lp-preguntas summary::-webkit-details-marker { display:none; }
.lp-preguntas summary > span { font-size:23px; font-weight:400; color:var(--baremo-primary); }
.lp-preguntas details[open] summary > span { transform:rotate(45deg); }
.lp-preguntas p { color:var(--baremo-muted); font-size:15px; line-height:1.7; padding:0 35px 24px 0; }
.lp-cierre { text-align:center; padding:76px 0 84px; background:var(--baremo-soft); }
.lp-cierre h2 { margin-bottom:28px; }
.lp-cierre > div > p:last-child { font-size:13px; color:var(--baremo-muted); margin:17px auto 0; }
.pie { padding:40px 0; margin-top:0; border-top:1px solid var(--baremo-border); }
.pie-fila { width:var(--ancho-pagina); max-width:none; margin-inline:auto; align-items:flex-start; gap:24px; }
.pie-marca > a { display:flex; align-items:center; gap:9px; font-size:19px; font-weight:600; text-decoration:none; color:var(--baremo-ink); }
.pie-marca p { font-size:11px; color:var(--baremo-muted); margin-top:12px; }
.pie nav ul { max-width:550px; gap:16px 22px; font-size:12px; }
.curso-cabecera { padding:70px 0 44px; }
.curso-cabecera h1 { max-width:900px; font-size:clamp(32px,4.4vw,56px); letter-spacing:-.045em; line-height:1.1; font-weight:600; text-wrap:balance; }
.curso-cabecera .lead { margin-top:22px; font-size:18px; line-height:1.65; max-width:700px; }
.curso-cabecera .migas { color:var(--baremo-muted); margin-bottom:24px; }
.tarjeta { padding:28px; border-radius:20px; background:white; gap:14px; box-shadow:none; border:1px solid var(--baremo-border); }
.tarjeta h2,.tarjeta h3 { font-size:21px; font-weight:600; letter-spacing:-.025em; line-height:1.3; }
.tarjeta p { color:var(--baremo-muted); font-size:14px; line-height:1.6; }
.tarjeta .rama-etiqueta { color:var(--baremo-primary); font-size:11px; text-transform:none; letter-spacing:0; }
.tarjeta:hover { transform:none; }
.tarjeta:active { transform:none; box-shadow:none; }
.tarjeta .meta { color:var(--baremo-muted); font-size:12px; gap:8px 14px; }
.curso-tarjeta .meta { margin-top:4px; }
.curso-tarjeta-pie { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--baremo-border); padding-top:18px; margin-top:10px; font-size:13px; color:var(--baremo-primary); font-weight:600; }
.compra-panel { padding:28px; gap:14px; border-radius:22px; top:104px; }
.compra-panel h2 { font-size:24px; letter-spacing:-.035em; }
.compra-panel h3 { font-size:17px; margin-top:5px; }
.compra-panel p { font-size:14px; line-height:1.65; }
.compra-panel .boton { display:flex; min-height:48px; font-size:14px; }
.compra-panel hr { border-color:var(--baremo-border); margin:10px 0; }
.curso-modelo-gratis { font-size:13px; font-weight:600; color:var(--baremo-primary); }
.curso-datos b { color:var(--baremo-ink); }
.curso-layout ol.temario-lista { padding-inline-start:28px; }
.curso-layout ol.temario-lista li { padding-inline-start:6px; }
.curso-layout ol.temario-lista li::before { content:none; }
.curso-layout > div > h2:not(:first-child) { margin-top:32px; }
@media(hover:hover) and (pointer:fine) { .lp-enlace:hover span { transform:translateX(3px); }.lp-area:hover,.tarjeta:hover { border-color:var(--baremo-primary); }.boton:hover { filter:brightness(.96); } }
@media(max-width:1000px) { .lp-faq-grid { gap:45px; } }
@media(max-width:760px) { :root { --ancho-pagina:calc(100% - 40px); }.cabecera-fila { min-height:72px; gap:18px; }.cabecera .marca { font-size:21px; }.lp-hero { padding-top:44px; }.lp-hero h1 { font-size:clamp(36px,8.8vw,56px); letter-spacing:-.05em; }.lp-lead { font-size:17px; margin:22px auto 24px; max-width:460px; }.lp-salto-desktop { display:none; }.lp-cta { min-height:54px; padding-inline:21px; font-size:14px; gap:14px; }.lp-visual { margin-top:32px; }.lp-pasos { gap:28px; margin-top:36px; }.lp-seccion { padding:72px 0; }.lp-seccion h2,.lp-cierre h2 { font-size:36px; }.lp-cabecera-catalogo { display:block; }.lp-cabecera-catalogo > p { margin-top:24px; max-width:470px; }.lp-areas { grid-template-columns:1fr; }.lp-faq-grid { grid-template-columns:1fr; gap:34px; }.lp-area { padding:26px; }.lp-cierre { padding:65px 0; }.curso-cabecera { padding-top:48px; } }
@media(max-width:480px) { .cabecera-fila { gap:14px; }.cabecera .marca { font-size:20px; gap:8px; }.marca img { width:34px; height:34px; flex-basis:34px; }.cabecera-cta { padding:9px 15px; font-size:13px; }.nav-principal a { font-size:13px; }.lp-hero h1 { font-size:clamp(32px,9.2vw,44px); }.lp-hero .lp-eyebrow { font-size:12px; margin-bottom:18px; }.lp-lead { font-size:16px; line-height:1.65; }.lp-pago { font-size:13px; margin-top:14px; }.lp-producto figcaption { font-size:11px; line-height:1.6; }.lp-seccion { padding:64px 0; }.lp-seccion h2,.lp-cierre h2 { font-size:32px; }.lp-pasos { grid-template-columns:1fr; gap:30px; }.lp-pasos article { padding-top:20px; }.lp-pasos h3 { margin-top:16px; }.lp-area { gap:15px; padding:24px 20px; }.lp-area h3 { font-size:21px; }.lp-area-numero { flex-basis:32px; height:32px; border-radius:10px; }.lp-area p:last-child { font-size:13px; }.lp-cabecera-catalogo { margin-bottom:30px; }.lp-preguntas summary { font-size:15px; padding:21px 0; }.lp-cierre .lp-cta { width:100%; max-width:350px; }.pie-fila { align-items:flex-start; }.curso-cabecera .lead { font-size:16px; }.curso-datos { gap:15px; font-size:14px; }.tarjeta { padding:25px; }.rejilla { gap:14px; } }
@media(max-width:350px) { :root { --ancho-pagina:calc(100% - 32px); }.cabecera-fila { gap:10px; }.cabecera .marca { font-size:18px; }.marca img { width:30px; height:30px; flex-basis:30px; }.cabecera-cta { padding-inline:12px; }.lp-cta { font-size:13px; padding-inline:16px; gap:10px; }.lp-hero h1 { font-size:32px; } }
@media(prefers-reduced-motion:reduce) { .boton,.lp-enlace span { transition:none; }.boton:active:not(:disabled) { transform:none; } }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) { .cabecera { background:var(--baremo-background); backdrop-filter:none; -webkit-backdrop-filter:none; } }

@media(max-width:600px) { .lp-producto { max-width:390px; margin-inline:auto; }.lp-producto-marco { border-radius:24px; } }