:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f6f2ef;background:#101018}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f16b78;outline-offset:4px}[hidden]{display:none!important}.entrance{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(440px,1fr)}.story{position:relative;min-height:100svh;overflow:hidden;padding:44px 52px;display:flex;flex-direction:column}.photo-backdrop,.story-shade{position:absolute;inset:0;pointer-events:none}.photo-backdrop{background:url('/portada-recuerdos.png') center center/cover no-repeat}.story-shade{background:linear-gradient(180deg,#0a0d1799 0%,#0b0b1640 27%,#080b16a8 55%,#090c17f5 100%),linear-gradient(90deg,#090c1740,#090c1710)}.identity,.story-copy,.story-bottom{position:relative;z-index:1}.identity{display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:3px;width:fit-content}.identity img{height:76px;width:64px;object-fit:contain;filter:drop-shadow(0 3px 10px #0005)}.identity-small{display:block;font-weight:500;font-size:9px;letter-spacing:2.5px;margin-top:9px}.story-copy{margin-top:auto;padding-top:170px;padding-bottom:66px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.7px;display:flex;align-items:center;gap:11px;color:#f1ece8}.eyebrow>span{height:2px;width:28px;background:#ef4257}h1{font-family:Georgia,serif;font-size:clamp(43px,4.6vw,72px);line-height:1.05;letter-spacing:-2.6px;font-weight:400;margin:27px 0 25px;text-shadow:0 3px 20px #0005}h1 em{font-style:italic;color:#f4838b}.story-description{font-size:14px;line-height:1.9;color:#d1cfd5;margin-bottom:26px}.team-line{display:flex;align-items:center;gap:9px;font-size:11px;color:#d2d3db;letter-spacing:.3px}.team-dot{width:5px;height:5px;border-radius:50%;background:#f35a6a}.story-bottom{padding-top:21px;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:1.5px;color:#b6b9c4}.small-crest{font-family:Georgia,serif;font-size:19px;color:#fff;letter-spacing:1px}.access{position:relative;background:radial-gradient(ellipse at 85% 10%,#53202c20,transparent 60%),#11121a;display:flex;flex-direction:column;justify-content:center;padding:60px 12% 26px}.access-inner{max-width:370px;width:100%;margin:auto}.private-label{font-size:8px;letter-spacing:1.5px;color:#bfc2ce;display:flex;align-items:center;gap:8px;margin-bottom:53px}.private-label svg{width:13px;height:13px;stroke:#e5949c;fill:none;stroke-width:1.6}.welcome{font-size:10px;letter-spacing:2.8px;color:#f57f8b;font-weight:700;margin:0 0 16px}h2{font-family:Georgia,serif;font-weight:400;font-size:43px;line-height:1.12;letter-spacing:-1.4px;margin:0 0 20px}.access-description{font-size:13px;line-height:1.85;color:#9ca1b2;margin:0 0 32px}form>label{display:block;font-size:11px;font-weight:600;color:#dddde5;margin-bottom:10px}.password-field{position:relative}.password-field input{width:100%;height:52px;padding:15px 49px 15px 16px;border:1px solid #393b4a;background:#1b1c26;color:#fff;border-radius:9px;font-size:13px}.password-field input::placeholder{color:#73798b}.password-field button{border:0;position:absolute;right:6px;top:6px;width:40px;height:40px;color:#9196a8;background:transparent;border-radius:5px}.password-field svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none}.enter-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;background:#db263c;color:white;border:1px solid #f2475a;box-shadow:0 6px 28px #c81e351b;border-radius:9px;margin-top:14px;min-height:52px;padding:15px 19px;font-size:12px;font-weight:700}.enter-button:hover{background:#eb344b}.enter-button>span{font-size:20px;font-weight:400;line-height:1}.privacy-note{position:relative;font-size:10px;line-height:1.8;color:#d0d2db;padding:0 0 0 24px;margin:23px 0 30px}.privacy-note>span{color:#818798;font-size:10px}.privacy-note>svg{position:absolute;left:0;top:2px;width:14px;height:16px;stroke:#959aab;stroke-width:1.5;fill:none}.admin-access{border-top:1px solid #ffffff12;padding-top:20px}.admin-access button{background:none;padding:0;border:0;font-size:10px;color:#a1a6b6}.admin-access button>span{margin-left:7px;color:#d0d3dd}.admin-access p{color:#9ca1b2;font-size:11px;line-height:1.7;margin-bottom:0}.access-error{font-size:12px;line-height:1.6;color:#ffb3bd;margin:12px 0}.access footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#727888;font-size:9px;width:100%;margin-top:48px}.access footer a{color:#bfc1cc;text-decoration:none;white-space:nowrap}.access footer a:hover{color:white}.access footer a>span{margin-left:5px;color:#e8828d}@media(min-width:1600px){.story{padding:56px 70px}.access{padding-left:15%;padding-right:15%}}@media(max-width:1000px){.entrance{grid-template-columns:1fr 1fr}.story{padding:32px}.access{padding:44px 35px 24px}h1{font-size:52px}.private-label{font-size:7px;letter-spacing:1.2px}.story-bottom{font-size:7px;letter-spacing:1px}}@media(max-width:700px){.entrance{display:block}.story{min-height:430px;padding:24px}.photo-backdrop{background-position:center 34%}.story-shade{background:linear-gradient(180deg,#090c1780,#090c1755 30%,#090c17f0)}.identity{font-size:17px;gap:10px}.identity img{width:42px;height:52px}.identity-small{font-size:7px;letter-spacing:2px;margin-top:6px}.story-copy{padding-top:55px;padding-bottom:10px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:42px;letter-spacing:-1.7px;margin:18px 0 15px}h1 br:nth-child(2){display:none}h1 em:before{content:' '}.story-description{font-size:12px;line-height:1.7;margin:0 0 15px}.team-line{font-size:9px}.story-bottom{display:none}.access{padding:34px 28px 25px}.access-inner{max-width:400px}.private-label{margin-bottom:26px;font-size:7px}.welcome{font-size:9px}h2{font-size:35px}h2 br{display:none}h2 br:after{content:' '}.access-description{font-size:12px;margin-bottom:25px}.desktop-break{display:none}.access footer{max-width:400px;align-self:center;margin-top:36px;font-size:8px}.privacy-note{margin-bottom:24px}}
