/* Empleo en autoescuelas (01/11/2026). La cabecera, el pie y los colores (--acento, --sup...) los pone la piel */
.em *,.em *::before,.em *::after{box-sizing:border-box}
.em{max-width:1040px;margin:0 auto;padding:56px 20px 88px}
.em-cat{color:var(--acento);font-size:14.5px;font-weight:600;margin:0 0 10px}
.em-cat a{color:inherit;text-decoration:none}.em-cat a:hover{text-decoration:underline}
.em h1{font-family:Newsreader,"Newsreader Fallback",Georgia,serif;font-weight:500;font-size:clamp(36px,6vw,54px);line-height:1.06;margin:0 0 14px;color:var(--txt);letter-spacing:-.015em;text-wrap:balance}
.em h1 em{font-style:normal;color:var(--acento)}
.em h2{font-family:Newsreader,"Newsreader Fallback",Georgia,serif;font-weight:500;font-size:clamp(24px,3.4vw,30px);line-height:1.2;margin:0 0 14px;color:var(--txt);letter-spacing:-.01em}
.em-entrada{font-size:clamp(17px,2.2vw,20px);line-height:1.55;color:var(--suave);margin:0 0 26px;max-width:40em}
.em-acciones{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 34px}
.em-boton{display:inline-flex;align-items:center;gap:8px;font:600 15.5px/1 Inter,system-ui,sans-serif;padding:15px 24px;border-radius:999px;border:0;background:var(--acento-f);color:#fff;text-decoration:none;cursor:pointer}
.em-boton:hover{background:var(--acento-f2)}
.em-boton[disabled]{opacity:.6;cursor:default}
.em-boton-sec{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 Inter,system-ui,sans-serif;padding:14px 20px;border-radius:999px;border:1px solid var(--linea2);background:transparent;color:var(--txt);text-decoration:none;cursor:pointer}
.em-boton-sec:hover{border-color:var(--acento)}
.em-nota{font-size:14px;color:var(--tenue);line-height:1.55}
.em-rejilla{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
@media (max-width:860px){.em-rejilla{grid-template-columns:1fr}}
.em-filtros{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px;padding:14px;border:1px solid var(--linea);border-radius:16px;background:var(--sup)}
.em-filtros label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--suave);flex:1 1 160px;min-width:0}
.em select,.em input[type=text],.em input[type=email],.em input[type=tel],.em input[type=number],.em textarea{font:16px/1.4 Inter,system-ui,sans-serif;padding:12px 14px;border-radius:12px;border:1px solid var(--linea2);background:var(--bg);color:var(--txt);width:100%;min-width:0}
.em textarea{min-height:170px;resize:vertical}
.em select:focus,.em input:focus,.em textarea:focus{outline:2px solid var(--acento);outline-offset:1px}
.em-filtros button{align-self:flex-end}
.em-cuenta{font-size:14.5px;color:var(--suave);margin:0 0 14px}
.em-lista{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.em-oferta{display:block;padding:20px 22px;border:1px solid var(--linea);border-radius:16px;background:var(--sup);text-decoration:none;color:var(--txt);transition:border-color .15s}
.em-oferta:hover{border-color:var(--acento)}
.em-oferta h3{font-family:Newsreader,"Newsreader Fallback",Georgia,serif;font-weight:500;font-size:22px;line-height:1.25;margin:0 0 6px;color:var(--txt)}
.em-donde{font-size:14.5px;color:var(--suave);margin:0 0 12px}
.em-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0}
.em-chip{font-size:13px;line-height:1;padding:7px 10px;border-radius:999px;border:1px solid var(--linea2);color:var(--suave);white-space:nowrap}
.em-chip.sueldo{border-color:var(--acento);color:var(--acento)}
.em-cuando{font-size:13px;color:var(--tenue);margin:12px 0 0}
.em-vacio{padding:30px 26px;border:1px dashed var(--linea2);border-radius:16px;text-align:left}
.em-vacio p{margin:0 0 14px;color:var(--suave);font-size:16px;line-height:1.6}
.em-lado{display:grid;gap:16px}
.em-caja{padding:22px;border:1px solid var(--linea2);border-radius:16px;background:var(--sup)}
.em-caja h2{font-size:22px;margin:0 0 10px}
.em-caja ul{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:10px}
.em-caja li{position:relative;padding-left:22px;font-size:15px;line-height:1.55;color:var(--suave)}
.em-caja li::before{content:"";position:absolute;left:0;top:.66em;width:10px;height:2px;background:var(--acento)}
.em-paginas{display:flex;gap:10px;justify-content:space-between;margin:20px 0 0}
.em-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:16px;overflow:hidden;margin:0 0 28px}
.em-dato{background:var(--sup);padding:16px 18px}
.em-dato span{display:block;font-size:12.5px;color:var(--tenue);margin:0 0 4px}
.em-dato b{font-weight:600;font-size:16px;color:var(--txt)}
.em-texto{font-size:17px;line-height:1.7;color:var(--txt);white-space:pre-line;margin:0 0 30px;overflow-wrap:anywhere}
.em-contacto{display:grid;gap:10px}
.em-contacto .em-boton,.em-contacto .em-boton-sec{justify-content:center;width:100%}
.em-avisar{margin-top:30px;font-size:14px;color:var(--tenue)}
.em-avisar summary{cursor:pointer;color:var(--suave)}
.em-avisar form{display:grid;gap:10px;margin-top:12px;max-width:520px}
.em-form{display:grid;gap:22px;max-width:760px}
.em-legal,.em-form-pagina{max-width:800px}
.em-grupo{display:grid;gap:14px;padding:22px;border:1px solid var(--linea);border-radius:16px;background:var(--sup)}
.em-grupo h2{font-size:21px;margin:0}
.em-campo{display:grid;gap:6px;font-size:14px;color:var(--suave)}
.em-campo small{color:var(--tenue);font-size:13px}
.em-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.em-marcas{display:flex;flex-wrap:wrap;gap:8px}
.em-marcas label{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--linea2);border-radius:999px;font-size:14.5px;color:var(--txt);cursor:pointer}
.em-marcas input{accent-color:var(--acento-f);width:16px;height:16px}
.em-acepto{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--suave)}
.em-acepto input{margin-top:3px;width:18px;height:18px;accent-color:var(--acento-f);flex:none}
.em-acepto a,.em-nota a,.em-texto a{color:var(--acento)}
.em-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.em-aviso{font-size:15px;line-height:1.55;min-height:1em;margin:0}
.em-aviso.bien{color:var(--ok-txt)}.em-aviso.mal{color:var(--mal-txt)}
.em-alerta{padding:14px 16px;border-radius:12px;border:1px solid var(--aviso-borde);background:var(--aviso-bg);color:var(--aviso-txt);font-size:14.5px;line-height:1.55}
.em-legal{max-width:760px}
.em-legal h2{margin-top:34px}
.em-legal p,.em-legal li{font-size:16px;line-height:1.7;color:var(--suave)}
.em-legal ul{padding-left:20px;display:grid;gap:8px}