/* CEDVA MotoPro V4 — sin azul, beige ni fondos deslavados. Este archivo va al final. */
:root{--v4-black:#111214;--v4-paper:#f7f7f7;--v4-white:#fff;--v4-red:#e22f46;--v4-ink:#202125;--v4-gray:#656971;--v4-border:#e5e6e8;--v4-max:1190px}
html,body,#app{background:var(--v4-paper)!important;color:var(--v4-ink)!important}
body{overflow-x:hidden}
#app *{box-sizing:border-box}
#app a:focus-visible,#app button:focus-visible,.campus-header a:focus-visible,.campus-header button:focus-visible{outline:2px solid var(--v4-red)!important;outline-offset:3px}
.minimal-wrap{width:min(var(--v4-max),calc(100% - 48px))!important;margin-inline:auto!important}
.campus-header.minimal-header,.minimal-header{background:var(--v4-black)!important;border:0!important;box-shadow:none!important;position:sticky!important;top:0!important;z-index:150!important;backdrop-filter:none!important}
.minimal-header .minimal-header-inner{height:86px!important;min-height:86px!important;gap:24px!important}
.minimal-header .minimal-brand{max-height:82px!important;height:auto!important;overflow:visible!important}
.minimal-header .minimal-brand img{width:218px!important;height:auto!important;max-width:100%!important;filter:none!important}
.campus-header .minimal-nav a{color:#d2d3d7!important;font-weight:650!important;font-size:13px!important}
.campus-header .minimal-nav a:hover,.campus-header .minimal-nav a[aria-current="page"]{color:white!important}
.minimal-header-cta{background:#e22f46!important;color:#fff!important;border-radius:10px!important;font-weight:750!important;box-shadow:none!important;padding:13px 17px!important}
.minimal-header-cta:hover{background:#c92238!important}
#app .minimal-button,#app .button,#app .px-btn{border-radius:10px!important;letter-spacing:0!important}
#app .minimal-button.minimal-button-red,#app .button.red,#app .px-btn-primary{background:var(--v4-red)!important;color:#fff!important;border-color:var(--v4-red)!important}
#app .minimal-button.minimal-button-light{color:#1a1b20!important;background:#fff!important;border:1px solid var(--v4-border)!important}

/* INICIO: oscuro premium y el único reproductor del sitio */
#app .cedva-elegant-home{background:var(--v4-black)!important;color:#fff!important;padding:56px 0 66px!important}
#app .cedva-elegant-hero{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;align-items:center!important;gap:clamp(28px,5vw,72px)!important;min-width:0}
#app .cedva-elegant-copy{padding:0!important;min-width:0}
#app .cedva-kicker{color:#b2b3b7!important;font-size:11px!important;letter-spacing:.13em!important;white-space:normal}
#app .cedva-brand-row{margin:24px 0 30px!important;display:flex!important;align-items:center!important;gap:22px!important;flex-wrap:wrap}
#app .cedva-brand-full{width:245px!important;max-width:80%!important;height:auto!important}
#app .cedva-brand-iso{width:55px!important;height:55px!important;object-fit:contain}
#app .cedva-elegant-copy h1{color:#fff!important;font-size:clamp(42px,4.9vw,70px)!important;line-height:1.025!important;letter-spacing:-.068em!important;margin:0 0 22px!important;max-width:580px}
#app .cedva-elegant-copy h1 em{color:#ff4055!important;font-style:normal}
#app .cedva-elegant-copy p{color:#c0c2c7!important;line-height:1.85!important;font-size:15px!important;max-width:530px!important;margin:0 0 30px!important}
#app .cedva-home-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center}
#app .cedva-home-actions .minimal-button{font-size:13px!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;gap:12px!important;justify-content:center!important}
#app .cedva-home-points{margin-top:32px!important;display:flex!important;gap:9px!important;flex-wrap:wrap}
#app .cedva-home-points span{background:#242527!important;border:1px solid #36373b!important;color:#d8d8dc!important;font-size:11px!important;border-radius:100px!important;padding:9px 12px!important}
#app .cedva-home-video{background:#1c1d21!important;border:1px solid #333438!important;box-shadow:none!important;border-radius:18px!important;padding:16px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0}
#app .cedva-video-card-head{width:100%;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:#c8c9cf!important;padding:3px 1px 13px!important;margin:0!important}
#app .cedva-video-card-head a{color:#ff7584!important;text-decoration:none!important;letter-spacing:0;font-weight:700}
#app .cedva-video-card-head i{background:var(--v4-red)!important}
#app .cedva-home-video [data-cedva-video-host]{width:100%;display:flex;flex-direction:column;align-items:center}
#app .cedva-home-video .cedva-video-stage{position:relative!important;display:block!important;background:#09090b!important;overflow:hidden!important;width:min(100%,405px)!important;height:auto!important;min-height:0!important;aspect-ratio:9/16!important;border-radius:12px!important;border:1px solid #383a3e!important;box-shadow:none!important}
#app .cedva-home-video .cedva-video-stage iframe{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:1!important;border:0!important;background:#101013!important}
#app .cedva-video-help{margin:12px 0 0!important;font-size:12px!important;color:#afb1b9!important;text-align:center!important}
#app .cedva-video-help a{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px}
#app .cedva-video-card-foot{width:100%!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-top:14px!important;color:#a7aab3!important;font-size:12px!important}
#app .cedva-video-card-foot strong{color:white!important;font-size:12px!important}

/* Beneficios ultra simples */
#app .cedva-elegant-summary{background:#fff!important;padding:32px 0!important}
#app .cedva-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
#app .cedva-summary-grid article{background:transparent!important;box-shadow:none!important;border:0!important;border-right:1px solid var(--v4-border)!important;border-radius:0!important;padding:16px 25px!important}
#app .cedva-summary-grid article:first-child{padding-left:0!important}
#app .cedva-summary-grid article:last-child{border-right:0!important}
#app .cedva-summary-grid h3{color:var(--v4-ink)!important;margin:7px 0!important;font-size:21px!important}
#app .cedva-summary-grid p{color:var(--v4-gray)!important;font-size:13px!important}
#app .cedva-elegant-course{background:var(--v4-paper)!important;border:0!important;padding:66px 0!important}
#app .cedva-course-grid{grid-template-columns:minmax(0,1fr) minmax(0,410px)!important;gap:56px!important}
#app .cedva-course-copy h2{color:var(--v4-ink)!important}
#app .cedva-course-copy p{color:var(--v4-gray)!important}
#app .cedva-course-card{background:#fff!important;border:1px solid var(--v4-border)!important;box-shadow:none!important;border-radius:14px!important}
#app .cedva-inline-logos{gap:12px!important}
#app .cedva-inline-logos img{height:40px!important}
#app .launch-social{background:#fff!important;border-top:1px solid var(--v4-border)!important}
#app .launch-social h2,#app .launch-social b{color:#202125!important}
#app .launch-social-links a{background:#fff!important;color:#202125!important}

/* Registro y acceso: una sola tarjeta y un solo mensaje */
#app .px-registration-area.cedva-register-shell,#app .cedva-gate-shell{background:var(--v4-paper)!important;min-height:75vh!important;padding:64px 24px 82px!important}
#app .cedva-register-grid,#app .cedva-gate-grid{width:min(100%,560px)!important;max-width:560px!important;margin-inline:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
#app .cedva-register-copy,#app .cedva-gate-copy{padding:0!important;margin:0 0 16px!important}
#app .cedva-register-copy .minimal-section-tag,#app .cedva-gate-copy .minimal-section-tag{color:var(--v4-red)!important}
#app .cedva-register-copy h1,#app .cedva-gate-copy h1{font-size:clamp(30px,5vw,43px)!important;line-height:1.05!important;letter-spacing:-.055em!important;margin:10px 0 10px!important;color:var(--v4-ink)!important}
#app .cedva-register-copy p,#app .cedva-gate-copy p{font-size:14px!important;line-height:1.6!important;color:var(--v4-gray)!important;max-width:500px!important;margin:0 0 18px!important}
#app .cedva-register-brand,#app .cedva-register-mini,#app .cedva-gate-tags{display:none!important}
#app .px-form-shell.cedva-clean-form,#app .minimal-gate-panel.cedva-gate-panel{width:100%!important;margin:0!important;padding:0!important;border:1px solid var(--v4-border)!important;background:#fff!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden!important}
#app .cedva-clean-form .panel,#app .cedva-gate-panel .panel{margin:0!important;border:0!important;background:#fff!important;box-shadow:none!important;border-radius:0!important;padding:28px!important}
#app .cedva-clean-form .campus-brand,#app .cedva-gate-panel .campus-brand{display:none!important}
#app .cedva-clean-form h2,#app .cedva-gate-panel h2{color:var(--v4-ink)!important;font-size:26px!important;line-height:1.1!important;margin:0 0 12px!important;letter-spacing:-.04em!important}
#app .cedva-clean-form .panel>p,#app .cedva-gate-panel .panel>p{font-size:14px!important;color:var(--v4-gray)!important}
#app .cedva-clean-form input:not([type=checkbox]),#app .cedva-clean-form select,#app .cedva-gate-panel input:not([type=checkbox]){width:100%!important;max-width:100%!important;border:1px solid #d8d9de!important;color:#17181c!important;background:#fff!important;border-radius:9px!important;font-size:16px!important;padding:13px!important;min-height:47px!important}
#app .cedva-clean-form label,#app .cedva-gate-panel label{font-size:12px!important;color:#22242a!important}
#app .px-back-link{display:none!important}
#app .cedva-clean-form .button.red,#app .cedva-gate-panel .button.red{background:var(--v4-red)!important;color:#fff!important}
#app .cedva-gate-panel .auth-panel hr{border-color:#e3e4e6!important}
#app .cedva-register-copy .minimal-section-tag,#app .cedva-gate-copy .minimal-section-tag{letter-spacing:.15em}

/* Campus: legible y neutro */
#app .minimal-campus{background:var(--v4-paper)!important}
#app .minimal-campus h1,#app .minimal-campus h2,#app .minimal-campus h3{color:var(--v4-ink)!important}
#app .minimal-campus-course,#app .minimal-campus-resource,#app .minimal-campus-account,#app .minimal-community{background:#fff!important;border:1px solid var(--v4-border)!important;border-radius:14px!important;box-shadow:none!important}
#app .minimal-campus-resource p,#app .minimal-campus-course p,#app .minimal-campus-account span{color:#646973!important}
#app .minimal-enrolled{color:#23252a!important;border-color:var(--v4-border)!important}

/* Asistente IA: sin respuestas prefabricadas */
.cedva-chat-toggle{position:fixed!important;right:18px!important;bottom:18px!important;border-radius:999px!important;z-index:9500!important;background:#18191c!important;color:#fff!important;border:1px solid #3d3e43!important;box-shadow:0 12px 36px #0002!important;font-size:13px!important}
.cedva-chat-panel{position:fixed!important;right:18px!important;bottom:82px!important;z-index:9501!important;width:min(410px,calc(100vw - 28px))!important;border-radius:16px!important;box-shadow:0 24px 70px #0003!important}
.cedva-chat-head{background:#191a1d!important}
.cedva-chat-body{background:#f7f7f7!important;max-height:min(50vh,480px)!important}
.cedva-chat-form input{width:0;min-width:0;flex:1}

@media(max-width:960px){
  #app .cedva-elegant-hero{grid-template-columns:1fr!important;gap:32px!important}
  #app .cedva-elegant-copy{max-width:740px!important}
  #app .cedva-home-video{width:100%;max-width:600px;margin-inline:auto}
  #app .cedva-summary-grid{grid-template-columns:1fr!important}
  #app .cedva-summary-grid article{border:0!important;border-bottom:1px solid var(--v4-border)!important;padding:18px 0!important}
  #app .cedva-summary-grid article:last-child{border:0!important}
  #app .cedva-course-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .minimal-wrap{width:calc(100% - 30px)!important}
  .minimal-header .minimal-header-inner{height:68px!important;min-height:68px!important;gap:8px!important}
  .minimal-header .minimal-brand img{width:148px!important;max-width:47vw!important}
  .campus-header .minimal-nav{background:#18191d!important;border-color:#313238!important;box-shadow:0 12px 24px #0004!important}
  .campus-header .minimal-nav a{color:#f7f7f7!important;border-bottom-color:#2e3035!important}
  .minimal-header-cta{padding:10px 11px!important;font-size:10px!important}
  .minimal-menu{display:flex!important;flex-shrink:0!important}
  .minimal-menu span{background:#fff!important}
  #app .cedva-elegant-home{padding:36px 0 48px!important}
  #app .cedva-brand-full{width:195px!important}
  #app .cedva-elegant-copy h1{font-size:clamp(36px,10.4vw,56px)!important;letter-spacing:-.07em!important}
  #app .cedva-elegant-copy p{font-size:14px!important}
  #app .cedva-home-video .cedva-video-stage{width:min(100%,390px)!important}
  #app .cedva-elegant-summary{padding:15px 0 22px!important}
  #app .cedva-elegant-course{padding:44px 0!important}
  #app .px-registration-area.cedva-register-shell,#app .cedva-gate-shell{padding:32px 15px 55px!important}
  #app .cedva-clean-form .panel,#app .cedva-gate-panel .panel{padding:23px!important}
  .cedva-chat-toggle{right:10px!important;bottom:10px!important}
  .cedva-chat-panel{right:8px!important;bottom:72px!important;width:calc(100vw - 16px)!important;max-height:78vh!important}
}
@media(max-width:390px){
  .minimal-header .minimal-brand img{width:120px!important}
  .minimal-header-cta{font-size:9px!important}
  .minimal-menu{width:35px!important}
  #app .cedva-home-actions{flex-direction:column!important;align-items:stretch!important}
  #app .cedva-home-actions .minimal-button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Fallback visual para bloqueos del reproductor externo (Brave Shields). */
#app .cedva-video-stage .cedva-video-poster{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:linear-gradient(0deg,rgba(9,10,12,.92),rgba(10,11,14,.48)),url('assets/academia-taller-optimizada.webp') center/cover no-repeat!important;color:white!important}
#app .cedva-video-stage.cedva-video-ready .cedva-video-poster{display:none!important}
#app .cedva-video-poster-copy{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:310px}
#app .cedva-video-poster-copy>span{font:800 10px system-ui,sans-serif;letter-spacing:.15em;color:#f4b6c0}
#app .cedva-video-poster-copy img{width:210px;max-width:80%;height:auto;object-fit:contain}
#app .cedva-video-poster-copy h3{font:800 clamp(26px,3vw,37px)/1.05 system-ui,sans-serif;color:#fff!important;letter-spacing:-.06em;margin:4px 0 0}
#app .cedva-video-poster-copy p{font:400 14px/1.65 system-ui,sans-serif;color:#e5e6ea!important;margin:0 0 7px}
#app .cedva-video-poster-copy button{background:#e22f46;color:#fff;border:0;border-radius:9px;padding:15px 18px;font:750 13px system-ui,sans-serif;cursor:pointer}
#app .cedva-video-poster-copy button:hover{background:#c9253b}
/* En móvil el video aparece inmediatamente después del titular, no escondido al final. */
@media(max-width:700px){
 #app .cedva-elegant-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:15px!important}
 #app .cedva-elegant-copy{display:contents!important}
 #app .cedva-kicker{order:1}
 #app .cedva-brand-row{display:none!important}
 #app .cedva-elegant-copy h1{order:2;margin:0 0 4px!important}
 #app .cedva-home-video{order:3;max-width:100%;margin:2px 0 0!important}
 #app .cedva-elegant-copy>p{order:4;max-width:100%;margin:10px 0 0!important}
 #app .cedva-home-actions{order:5;margin:4px 0}
 #app .cedva-home-points{order:6;margin:8px 0 0!important}
 #app .cedva-home-video .cedva-video-stage{width:min(100%,342px)!important}
}
.cedva-chat-privacy{background:#fff;margin:0!important;padding:8px 16px 14px!important;font:400 11px/1.6 system-ui,sans-serif;color:#747982!important}
.cedva-chat-privacy a{color:#b62338!important;text-decoration:underline}
