/* Pop-up de registro de los recursos gratis (js/recursos-gratis.js). Va FUERA del marco .mq (se añade al <body>), por eso se vale por sí solo. */
html.cp-abierto,html.cp-abierto body{overflow:hidden}
.cp[hidden]{display:none}
.cp{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.6);display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.cp-caja{position:relative;background:#fff;color:#3F3F3F;width:100%;max-width:440px;margin:auto;border-radius:8px;padding:34px 24px 24px;box-shadow:0 14px 48px rgba(0,0,0,.3);font-family:"Comfortaa","Trebuchet MS",sans-serif;font-size:15px;line-height:1.6}
.cp-x{position:absolute;right:6px;top:4px;width:44px;height:44px;border:0;background:none;font-size:32px;line-height:1;cursor:pointer;color:#0A0A0A;font-family:inherit;font-weight:300}
.cp-titulo{font-family:"Fraunces",Georgia,serif;font-weight:600;color:#0A0A0A;font-size:26px;line-height:1.2;margin:0 28px 20px 0;text-align:left}
.cp form{display:grid;gap:14px}
.cp-fila{display:grid;gap:5px;min-width:0}
.cp-fila>label{font-size:14px;color:#0A0A0A}
.cp-fila input[type=text],.cp-fila input[type=email]{font:inherit;font-size:16px;padding:12px 14px;border:1px solid #E7DECB;border-radius:4px;background:#fff;color:#0A0A0A;width:100%}
.cp-fila input[aria-invalid=true]{border-color:#8a1c1c}
.cp input:focus-visible,.cp button:focus-visible,.cp a:focus-visible{outline:2px solid #B8922A;outline-offset:2px}
.cp-check-lab{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:#3F3F3F;cursor:pointer}
.cp-check-lab input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:#0A0A0A}
.cp-check-lab a{color:#B8922A;text-decoration:underline}
.cp-error{margin:0;color:#8a1c1c;font-size:13px}
.cp-error:empty{display:none}
.cp-boton{display:block;width:100%;background:#0A0A0A;color:#F4EDE2;font-family:inherit;font-weight:600;font-size:15px;letter-spacing:.04em;padding:16px;border:1px solid #D3AF37;border-radius:2px;cursor:pointer;margin-top:4px}
.cp-boton[aria-disabled=true]{opacity:.45}
.cp-boton:disabled{opacity:.6;cursor:wait}
.cp-pie{margin:16px 0 0;font-size:12.5px;color:#3F3F3F;text-align:center}
.cp .trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:420px){.cp{padding:0}.cp-caja{max-width:none;min-height:100%;border-radius:0;margin:0;padding-top:42px}}
/* Orden 29: el mismo pop-up sirve también para «Quiero entrar en Otra Mirada». Letra como la de la web (nada por debajo de 15 px) y a pantalla completa en móvil. */
.cp-caja{max-width:540px;padding:40px 32px 30px}
.cp-titulo{font-size:30px;margin-bottom:12px}
.cp-linea{margin:0 0 22px;font-size:18px;line-height:1.5;color:#3F3F3F}
.cp-fila>label{font-size:18px}
.cp-fila input[type=text],.cp-fila input[type=email]{font-size:18px;padding:14px 16px}
.cp-check-lab{font-size:16px}
.cp-error{font-size:16px}
.cp-boton{font-size:16px;padding:18px}
.cp-pie{font-size:15px}
.cp-pie[hidden],.cp-linea[hidden]{display:none}
@media(max-width:600px){.cp{padding:0}.cp-caja{max-width:none;min-height:100%;border-radius:0;margin:0;padding:52px 22px 28px}.cp-titulo{font-size:26px}}