:root{--papel:#fbf8f0;--papel-barra:#fffdf8;--tinta:#17212b;--tinta-2:#26343a;--tinta-3:#485258;--filete:#dfd9cc;--filete-fuerte:#ddd6c9;--marca:#1f4e79;--marca-suave:#e9eef3;--sobre-marca:#fff;--ok:#1e6b3a;--error:#a3262b;color:var(--tinta);background:var(--papel);font-family:"Source Sans 3",system-ui,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0 0 .5em;font-family:Crimson Pro,Georgia,serif;font-weight:600}h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}a{color:var(--marca)}.marco{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.marco nav{background:var(--papel-barra);border-inline-end:1px solid var(--filete-fuerte);flex-direction:column;gap:2px;padding:20px 14px;display:flex}.marco nav a{color:var(--tinta-2);border-radius:8px;min-height:44px;padding:10px 12px;font-weight:600;text-decoration:none;display:block}.marco nav a.activa{background:var(--marca-suave);color:var(--marca)}.marco main{max-width:980px;padding:28px 32px}.cabecera{border-block-end:1px solid var(--filete-fuerte);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-end:20px;padding-block-end:14px;display:flex}.campo{flex-direction:column;gap:4px;margin-block-end:14px;display:flex}.campo>span{font-size:15px;font-weight:600}input,select,textarea{font:inherit;border:1.5px solid var(--filete-fuerte);min-height:44px;color:var(--tinta);background:#fff;border-radius:8px;padding:8px 12px}textarea{min-height:110px}input[type=checkbox]{width:20px;height:20px;min-height:auto}input[type=color]{width:64px;padding:2px}.boton{font:inherit;cursor:pointer;border:1.5px solid var(--marca);border-radius:8px;min-height:44px;padding:8px 18px;font-weight:700}.boton.lleno{background:var(--marca);color:var(--sobre-marca)}.boton.borde{color:var(--marca);background:0 0}.boton.peligro{color:var(--error);border-color:var(--error);background:0 0}.boton:disabled{opacity:.5;cursor:not-allowed}.fila{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lista{margin:0 0 20px;padding:0;list-style:none}.lista>li{border-block-start:1px solid var(--filete);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.secundario{color:var(--tinta-3);font-size:14px}.mensaje{border-inline-start:4px solid;border-radius:8px;margin-block:10px;padding:10px 14px}.mensaje.ok{border-color:var(--ok);background:#eef6f0}.mensaje.error{border-color:var(--error);background:#fbeeee}.mensaje.aviso{border-color:var(--marca);background:var(--marca-suave)}.formulario{border:1px solid var(--filete-fuerte);background:var(--papel-barra);border-radius:10px;margin-block:14px;padding:18px}.dos-columnas{grid-template-columns:1fr 360px;align-items:start;gap:28px;display:grid}@media (width<=820px){.marco,.dos-columnas{grid-template-columns:1fr}}