
.rri-page{max-width:1100px;margin:0 auto;padding:36px 32px}.rri-masthead{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;color:#696155;font-size:13px}.rri-masthead img{width:240px;height:auto}.rri-section{background:#214f50;border-radius:26px;padding:36px;box-shadow:0 12px 28px #213b3810}.rri-heading{margin:0 0 26px;display:flex;align-items:flex-end;gap:32px;justify-content:space-between}.rri-heading h2{font:36px/1.12 Georgia,serif;letter-spacing:-.7px;margin:0;max-width:520px}.rri-heading p{max-width:390px;color:#e3ece3;font-size:16px;line-height:1.55;margin:0}.rri-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.rri-card{border:1px solid #9eb8ab55;border-radius:19px;overflow:hidden;background:#ffffff08;display:flex;flex-direction:column;min-width:0}.rri-visual{height:270px;position:relative;overflow:hidden;background:#f8f0e2}.rri-content{padding:23px 22px;display:flex;flex-direction:column;flex:1}.rri-content h3{font:26px/1.15 Georgia,serif;margin:0 0 12px;color:#fff9ee;letter-spacing:-.25px}.rri-content p{font-size:15px;line-height:1.5;color:#e2ebe2;margin:0 0 24px;flex:1}.rri-content button{align-self:flex-start;min-height:45px;max-width:100%;padding:10px 19px;border:0;border-radius:24px;background:#fff8eb;color:#214f50;font:600 15px/1.2 'Segoe UI',sans-serif;cursor:default}.rri-content button.rri-whatsapp{background:#ddf4df;color:#175a3b}.rri-photos-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}.rri-photos-visual:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff18}.rri-photos-label{position:absolute;left:15px;bottom:14px;background:#fffaf0ed;border-radius:8px;padding:7px 10px;color:#214f50;font-size:12px;font-weight:600;box-shadow:0 2px 8px #44291818}
.rri-install-visual{background:radial-gradient(ellipse at 50% 54%,#fffdf8,#e8deca);display:flex;align-items:flex-start;justify-content:center}.rri-phone{position:relative;width:143px;height:265px;margin:16px auto 0;border:5px solid #24292a;border-radius:27px;background:linear-gradient(155deg,#fff4df,#e0c9a2 85%);box-shadow:0 1px 0 2px #a5a9a2,5px 9px 15px #233d392e;overflow:hidden}.rri-camera{position:absolute;width:7px;height:7px;border-radius:50%;background:#111717;top:8px;left:calc(50% - 3px)}.rri-status{display:flex;justify-content:space-between;padding:11px 9px;font-size:7px;color:#fff}.rri-home-time{text-align:center;font-size:28px;letter-spacing:-1px;line-height:1.2;margin-top:14px;color:#fff9ee;font-weight:300}.rri-home-date{text-align:center;font-size:7px;color:#e6ece5;margin-top:3px}.rri-home-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 9px;margin:22px 12px 0;align-items:start}.rri-home-icons .rri-ghost{display:flex;flex-direction:column;align-items:center;gap:4px;color:#d9e4db;font-size:5px}.rri-ghost i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#ffffff18;color:#d3e1da;font-style:normal;font-size:13px}.rri-rr-home-icon{display:flex;flex-direction:column;align-items:center;font-size:6px;gap:4px;color:#fff}.rri-rr-home-icon img{width:32px;height:32px;border-radius:8px;box-shadow:0 2px 5px #061f2580}.rri-installed-label{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:20px;background:#f8fff1;color:#285b46;white-space:nowrap;font-size:11px;font-weight:600;box-shadow:0 2px 8px #153a341d}.rri-install-badge{position:absolute;left:calc(50% + 43px);top:107px;width:34px;height:34px;border-radius:50%;background:#e0f3d8;color:#245b46;border:3px solid #fff8ed;display:grid;place-items:center;font-size:19px;font-weight:700;box-shadow:0 2px 8px #153a3426}
.rri-share-visual{background:radial-gradient(ellipse at 40% 38%,#e7dcc7,#d3bea1)}.rri-handstage{position:absolute;width:244px;height:366px;left:50%;top:0;transform:translateX(-50%)}.rri-handstage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.rri-screen{position:absolute;left:28.7%;top:4.2%;width:42.8%;height:65.6%;border-radius:17px;background:#f7faf5;overflow:hidden;color:#20483f}.rri-screen .rri-wa-bar{height:33px;background:#0a6652;color:white;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;gap:4px}.rri-wa-small{width:13px;height:13px;color:white}.rri-share-logo{display:block;width:83%;height:auto;margin:13px auto 8px}.rri-share-caption{font:600 8px/1.25 'Segoe UI';margin:8px 10px 5px}.rri-link-card{margin:7px 8px;background:#e4f0df;border:1px solid #ccdec4;border-radius:7px;padding:8px 6px;font-size:7px;line-height:1.4}.rri-link-card span{display:block;font-size:5px;color:#427d59;margin-top:4px}.rri-wa-send{position:absolute;left:6%;right:6%;bottom:13%;border-radius:11px;background:#178747;color:white;padding:9px 3px;font-size:6.4px;text-align:center;font-weight:700}.rri-screen:after{content:'';position:absolute;left:calc(50% - 3px);top:5px;width:6px;height:6px;background:#172725;border-radius:50%}.rri-finger{filter:url(#rri-skin);clip-path:path('M 151.8 206.1 C 147.7 205.2 145.1 209 146.1 214.5 C 147.7 223.8 154.9 233.8 163.9 245 L 183.5 258.5 L 193 245.4 C 185.4 237.1 177.8 229.5 170.4 221.4 C 164.7 214.7 158.7 208 154.9 206.6 C 153.9 206.1 152.7 205.9 151.8 206.1 Z');pointer-events:none}.rri-wa-badge{position:absolute;right:22px;top:25px;width:53px;height:53px;border:4px solid #fff9ee;border-radius:50%;background:#20a75b;box-shadow:0 4px 13px #153a3424;padding:9px;color:white}.rri-wa-badge svg{width:100%;height:100%}.rri-preview-note{font-size:12px;color:#70665a;margin:20px 4px 0;line-height:1.5}.image-note{font-size:10px;color:#b9cdc0;text-align:right;margin-top:14px}
@media(max-width:760px){.rri-page{padding:22px 16px}.rri-masthead{margin-bottom:18px}.rri-masthead img{width:194px}.rri-masthead span{display:none}.rri-section{padding:25px 18px;border-radius:22px}.rri-heading{display:block;margin-bottom:24px}.rri-heading h2{font-size:30px}.rri-heading p{font-size:15px;margin-top:16px}.rri-cards{grid-template-columns:1fr;gap:22px}.rri-visual{height:270px}.rri-content{padding:23px 21px}.rri-content h3{font-size:26px}.rri-content p{font-size:15px}.rri-handstage{width:244px;height:366px}.image-note{text-align:left;line-height:1.5}}
.rri-share-visual .rri-handstage{left:0;transform:none}.rri-phone .rri-status,.rri-phone .rri-home-time{color:#424943}.rri-phone .rri-home-date,.rri-phone .rri-rr-home-icon{color:#5c6258}.rri-phone .rri-home-icons .rri-ghost{color:#746a5b}.rri-phone .rri-ghost i{background:#ffffff75;color:#7a705e}.rri-phone .rri-rr-home-icon img{box-shadow:0 2px 5px #7d67452b}/* Version de maqueta */
/* Version visible generada desde VERSION-RECUERDOS.json. */
.rr-version{display:inline-flex;align-items:center;white-space:nowrap;font:600 12px/1.2 'Segoe UI',Arial,sans-serif;padding:4px 7px;border:1px solid #c7bda9;border-radius:9px;background:#fff8eb;color:#34584c;vertical-align:middle;letter-spacing:0}
.brand,.app-brand .wordmark{position:relative}.brand>.rr-version,.app-brand .wordmark>.rr-version{position:absolute;left:100%;top:2px;margin-left:5px}.rr-access-dialog h2 .rr-version{margin-left:5px}.rr-standalone .app-brand .wordmark>.rr-version{top:0}
.rri-rr-brand-group{display:flex;align-items:center;gap:8px}.rri-heading .rr-version{background:#fff8eb;color:#214f50;font-size:13px;padding:5px 9px;margin-left:7px}.rri-heading h2{max-width:560px}/* Notebook: franja horizontal de menor altura, tres opciones en una sola fila. */
@media(min-width:761px){.rri-page{max-width:1100px;padding:28px 32px}.rri-section{padding:22px;border-radius:22px}.rri-heading{align-items:center;gap:24px;margin-bottom:18px}.rri-heading h2{font-size:27px;max-width:460px;line-height:1.1}.rri-heading h2 br{display:block}.rri-heading p{font-size:14px;line-height:1.4;max-width:390px}.rri-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rri-card{display:grid;grid-template-columns:108px minmax(0,1fr);border-radius:14px}.rri-visual{height:222px}.rri-content{padding:16px 12px}.rri-content h3{font-size:22px;line-height:1.08;margin-bottom:10px}.rri-content p{font-size:13px;line-height:1.4;margin-bottom:14px}.rri-content button{font-size:12px;min-height:37px;padding:9px 11px}.rri-photos-label{display:none}.rri-photos-visual img{object-position:48% 60%}.rri-install-visual .rri-phone{position:absolute;width:143px;height:265px;left:11px;top:30px;margin:0;transform:scale(.60);transform-origin:top left}.rri-install-badge{width:25px;height:25px;left:auto;right:5px;top:100px;font-size:14px;border-width:2px}.rri-installed-label{display:none}.rri-share-visual .rri-handstage{left:0;top:34px;transform:scale(.445);transform-origin:top left}.rri-wa-badge{width:30px;height:30px;right:5px;top:12px;border-width:2px;padding:4px}.rri-heading .rr-version{font-size:12px;padding:4px 7px;margin-left:4px}}

/* Integracion: estilos limitados al bloque ilustrado. */
.rr-app-access.rri-section{display:block;width:calc(100% - 64px);max-width:1160px;margin:48px auto 64px;box-sizing:border-box;line-height:normal;font-family:Source,Arial,sans-serif;color:#fff9ee;gap:0}.rr-app-access *, .rr-app-access *::before,.rr-app-access *::after{box-sizing:border-box}.rr-app-access .rri-heading{position:static;height:auto;background:transparent;border:0;padding:0;box-shadow:none;z-index:auto}.rr-app-access .rri-heading h2{font-family:Georgia,serif;letter-spacing:-.7px;color:#fff9ee;margin:0}.rr-app-access .rri-heading p{color:#e3ece3;margin:0}.rr-app-access .rri-content p{margin:0 0 14px;color:#e2ebe2}.rr-app-access .rri-content button{cursor:pointer;box-shadow:none;letter-spacing:0;text-transform:none}.rr-app-access .rri-content button:focus-visible{outline:3px solid white;outline-offset:3px}.rr-app-access .rri-card{margin:0}.rr-app-access .rri-photos-visual img{display:block}.rr-app-access .rri-status span{font-size:7px}.rr-app-access .rri-link-card span{font-size:5px}.rr-app-access .rri-heading .rr-version{position:static;display:inline-flex;margin-left:7px}
@media(max-width:800px){.rr-app-access.rri-section{width:calc(100% - 36px);margin:36px 18px 44px}.rr-app-access .rri-heading p{margin-top:16px}}
@media(min-width:761px){.rr-app-access .rri-heading{margin-bottom:18px}.rr-app-access .rri-heading h2{font-size:27px;line-height:1.1}.rr-app-access .rri-heading p{font-size:14px;line-height:1.4}}
