/* Portal de Inducción ADN — paleta MOCA (#f37321 naranja / #1c345d azul). */
:root { --naranja:#f37321; --azul:#1c345d; --gris:#5a6b86; --verde:#1f7a4d; }
* { box-sizing:border-box; }
body { margin:0; font-family:"DejaVu Sans","Helvetica Neue",Arial,sans-serif;
       color:var(--azul); background:#f7f8fa; }
body.simple { display:flex; min-height:100vh; align-items:center;
              justify-content:center; padding:1em; }
.tarjeta { background:#fff; border:1px solid #e0e4ec; border-radius:8px;
           padding:2em; max-width:30em; width:100%; box-shadow:0 2px 10px #0001; }
.tarjeta h1 { color:var(--naranja); font-size:1.35em; margin:0 0 1em; }
label { display:block; margin-bottom:.8em; font-size:.95em; }
input[type=text], select { width:100%; padding:.55em; border:1px solid #ccd3e0;
                           border-radius:4px; font-size:1em; }
.fecha select { width:31%; margin-right:2%; }
.fecha { border:1px solid #e0e4ec; border-radius:6px; margin-bottom:1em; }
.ley81 { font-size:.9em; }
button { background:var(--naranja); color:#fff; border:0; border-radius:6px;
         padding:.7em 1.6em; font-size:1em; cursor:pointer; margin-top:.8em; }
button:hover { filter:brightness(1.05); }
.errores { color:#b3261e; font-size:.88em; margin:.4em 0; padding-left:1em; }
.aviso { background:#fdf3f2; border-left:4px solid #b3261e; padding:.6em .9em;
         font-size:.9em; border-radius:3px; }
.nota { font-size:.8em; color:var(--gris); margin-top:1.4em; }

/* Curso y evaluación */
.cab { background:var(--azul); color:#fff; padding:1.2em 2em; }
.cab h1 { margin:0; font-size:1.25em; color:#fff; }
.cab .sub { margin:.2em 0 0; color:#c9d4e8; font-size:.9em; }
.contenido { max-width:42em; margin:0 auto; padding:1.5em 1em 3em; }
.modulos { padding-left:1.2em; }
.modulo { margin-bottom:.6em; }
.boton { display:inline-block; background:var(--naranja); color:#fff;
         text-decoration:none; border-radius:6px; padding:.7em 1.6em;
         margin-top:.6em; }
.aviso.ok { background:#f2f9f5; border-left:4px solid var(--verde); }
.aviso { background:#fff8f0; border-left:4px solid var(--naranja);
         padding:.7em 1em; border-radius:3px; margin:.8em 0; }
.pregunta { border:1px solid #e0e4ec; border-radius:6px; padding:1em 1.2em;
            margin-bottom:1em; }
.pregunta legend { color:var(--azul); font-weight:700; padding:0 .4em; }
.opcion { display:block; margin:.35em 0; }
.fallos li { margin-bottom:.5em; }

/* Tarjetas de video (landing y curso) */
.video-card { background:#fff; border:1px solid #e0e4ec; border-radius:8px;
              padding:1em 1.2em; margin-bottom:1em; list-style:none; }
.video-card-titulo { margin:0 0 .5em; font-size:1.02em; color:var(--azul); }
.video-card-duracion { color:var(--gris); font-size:.8em; font-weight:400; }
.video-card-boton { display:inline-block; margin-top:2px; }