/* Portada elegida por la iglesia: referencia Espacio Pastoral-2. */
.access-screen{max-width:1536px;margin:auto;padding:34px 35px 24px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.access-grid{position:relative;display:block;min-height:0;aspect-ratio:1456/934;border-radius:27px;background:#f9f8f9 url('/portada-espacio-pastoral.png') center 48%/105.5% 109.65% no-repeat;box-shadow:0 26px 70px #0004;border:1px solid #ffffff50;overflow:hidden}.access-visual{position:absolute;inset:0 auto 0 0;width:59%;padding:0;background:none;display:block;min-height:0}.access-visual::before,.access-visual::after{display:none}.access-screen .access-form{position:absolute;left:59%;top:0;width:41%;height:100%;padding:4.6% 3% 4.2%;background:linear-gradient(125deg,#faf9fa,#f8f7f9);border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;box-shadow:none}.access-form .eyebrow{font-size:clamp(9px,1vw,15px);letter-spacing:4px;font-weight:550;color:#61616d;margin:0 0 20px;line-height:1.5}.access-form .eyebrow::after{content:'';display:block;width:85px;height:2px;background:#ea0010;margin-top:17px}.access-mini-brand{font-size:clamp(13px,1.7vw,25px);font-weight:800;letter-spacing:-.5px;margin-bottom:35px;color:#15191f}.access-mini-brand strong{color:#e0000d}.access-form h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(33px,4.1vw,65px);line-height:1.04;letter-spacing:-2px;margin:0 0 20px;color:#10151b;white-space:nowrap}.access-form h1 em{color:#d3070e;font-style:normal}.access-form>.muted{font-size:clamp(11px,1.45vw,21px);color:#707078;line-height:1.5;max-width:none;margin:0 0 30px}.access-form .field{margin-bottom:20px;gap:9px}.access-form .field>span{font-size:clamp(10px,1.05vw,16px);color:#171b21;font-weight:650}.cover-input{display:flex;align-items:center;border:1px solid #ceced4;border-radius:11px;background:#f7f6f8;min-height:59px;padding:0 17px;color:#777780;gap:13px}.cover-input:focus-within{outline:2px solid #e9a3aa;outline-offset:3px}.access-form .cover-input input{border:0;background:transparent;outline:none;width:100%;padding:15px 0;margin:0;font-size:clamp(13px,1.25vw,19px);border-radius:0;box-shadow:none;color:#292b33;min-width:0}.cover-input>svg{flex-shrink:0}.password-toggle{border:0;background:transparent;color:#777780;padding:8px;display:grid;place-items:center;flex-shrink:0;cursor:pointer}.access-form .primary{position:relative;width:100%;height:61px;margin-top:7px;border:0;border-radius:11px;background:linear-gradient(180deg,#f20818,#c6000a);color:white;font-size:clamp(13px,1.45vw,21px);font-weight:700;box-shadow:0 8px 24px #d5000e16}.access-form .primary>svg{position:absolute;right:20px}.access-form .footnote{font-size:clamp(9px,.93vw,14px);color:#74747e;line-height:1.6;margin-top:23px}.access-footer{display:none}.access-form .error{font-size:12px;margin:0 0 14px;padding:10px}.access-form:has(.error:not([hidden])){overflow:auto}.access-form form{margin:0}.access-form label{margin-top:0}.access-form h1 br{display:block}
@media(max-width:1100px) and (min-width:701px){.access-screen{padding:25px}.access-mini-brand{margin-bottom:22px}.access-form .eyebrow{margin-bottom:15px}.access-form h1{font-size:clamp(28px,4vw,44px);letter-spacing:-1.3px;margin-bottom:15px}.access-form>.muted{margin-bottom:22px}.access-form .field{margin-bottom:15px}.cover-input{min-height:47px;padding:0 12px;gap:9px}.access-form .cover-input input{padding:12px 0}.access-form .primary{height:48px}.access-form .footnote{margin-top:16px}}
@media(max-width:700px){.access-screen{display:block;padding:18px 14px;max-width:510px;min-height:100vh}.access-grid{aspect-ratio:auto;border-radius:20px;background:#faf9fb;box-shadow:0 12px 38px #0002}.access-visual{position:relative;inset:auto;width:100%;height:305px;min-height:0;background:#111 url('/portada-espacio-pastoral.png') 5% 2%/200% auto no-repeat}.access-screen .access-form{position:relative;inset:auto;width:100%;height:auto;padding:28px 25px 34px;background:#faf9fb}.access-form .eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:15px}.access-form .eyebrow::after{margin-top:10px;width:55px}.access-mini-brand{display:block;font-size:16px;margin-bottom:23px}.access-form h1{font-size:34px;letter-spacing:-1.3px;white-space:normal;line-height:1.05}.access-form>.muted{font-size:13px;margin-bottom:24px}.access-form .field>span{font-size:12px}.cover-input{min-height:51px;padding:0 13px;gap:10px}.access-form .cover-input input{font-size:16px;padding:13px 0}.access-form .primary{height:52px;font-size:15px}.access-form .footnote{font-size:10px;margin-top:19px}}
@media(max-width:360px){.access-form h1{font-size:29px}.access-visual{height:260px}.access-screen .access-form{padding:25px 20px}}

body{background:radial-gradient(ellipse at 75% 10%,#d3d2d3,#6a6b6d 65%,#292c30);margin:0;min-height:100vh;font-family:Arial,sans-serif;color:#20232b}.access-mini-brand{display:block}.access-form h1 em{display:inline}.access-form .primary{display:flex;align-items:center;justify-content:center;cursor:pointer}.connection-dashboard{max-width:820px;margin:45px auto;padding:24px;background:#f7f7f9;border-radius:18px}.connection-dashboard h1{font-size:30px}.connection-dashboard .metric strong{color:#ca0010}.connection-dashboard button{background:#d0000e}.connection-dashboard .secondary{background:#e7e7eb;color:#333}.connection-dashboard .note{font-size:12px}.access-screen .access-form .eyebrow{font-family:Arial,sans-serif}.access-form .field{display:flex;flex-direction:column;font-weight:600}.access-form .cover-input input{display:block;min-height:0}.access-form .footnote{font-weight:400}.cover-input svg{width:22px;height:22px}.password-toggle svg{width:21px;height:21px}

.access-form .cover-input .password-toggle{width:auto!important;margin:0!important;padding:8px!important;background:transparent!important;color:#6d6d76;border:0;box-shadow:none}.access-form .cover-input input{font-weight:400}