@font-face{font-family:Titular;src:url('assets/titulares.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--paper:#f6efe3;--ink:#28162a;--plum:#241126;--accent:#7f0475;--gold:#ffb510;--muted:#71616c;--line:#37213926}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{width:225px;height:auto;display:block}.header nav{display:flex;gap:32px;font-size:13px}.header nav a{text-decoration:none}.header nav a:hover{color:var(--accent)}.header nav span{color:var(--accent);margin-left:8px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:740px;align-items:center;gap:30px;position:relative}.hero-copy{padding:50px 0 65px;z-index:2}.eyebrow{font-family:Arial,sans-serif;font-size:10px;line-height:1.5;letter-spacing:2.3px;font-weight:700;margin:0 0 22px;color:var(--accent)}h1,h2{font-family:Titular,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-weight:800;line-height:1.01;letter-spacing:-1.8px;margin:0 0 25px}h1{font-size:clamp(55px,6.3vw,91px)}h1 span{color:var(--accent)}h2{font-size:clamp(35px,3.9vw,55px);line-height:1.08}h2 em{font-style:normal;color:var(--accent)}p{margin:0 0 20px}.lead{font-family:Georgia,serif;font-size:22px;line-height:1.5;max-width:520px}.hero-copy>p:not(.eyebrow):not(.lead){font-size:16px;color:var(--muted);margin-bottom:27px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:18px 23px;background:var(--gold);color:#26142a;text-decoration:none;font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.45px;min-height:57px;transition:background .2s,transform .2s}.cta:hover{background:#ffc83f;transform:translateY(-2px)}.cta span{font-size:22px;line-height:1}.availability{display:block;margin:9px 0 0;font-size:11px;color:var(--muted)}.hero-art{position:relative;height:690px;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-book{width:90%;height:600px;object-fit:contain;position:relative;filter:drop-shadow(22px 24px 12px #29122935);transform:rotate(4deg);z-index:1}.light{position:absolute;inset:0 -25px;background:radial-gradient(ellipse at 55% 45%,#e1b77959,transparent 65%);transform:rotate(-15deg)}.table{position:absolute;bottom:25px;height:210px;left:-30px;right:-35px;transform:perspective(600px) rotateX(50deg);background:repeating-linear-gradient(2deg,#7c542d0a 0 2px,transparent 3px 9px),linear-gradient(105deg,#a77b4933,#e9c78f80,#98724344);box-shadow:0 30px 60px #4b2a1710;z-index:-1}.case-label{position:absolute;bottom:55px;right:-6px;background:var(--paper);padding:15px 22px;box-shadow:4px 12px 25px #20122326;transform:rotate(-6deg);z-index:2;border-left:3px solid var(--gold)}.case-label span{display:block;font-size:9px;letter-spacing:1.4px}.case-label strong{font:italic 25px Georgia,serif}.thin-band{background:var(--plum);padding:20px;display:flex;justify-content:center;gap:12px;font:20px Georgia,serif}.thin-band span:first-child{color:var(--paper)}.gold{color:var(--gold)}.section{padding-block:95px}.differential{display:grid;grid-template-columns:1.15fr 1fr;gap:85px}.differential h2{max-width:620px}.differential-copy{padding-top:35px}.statement{font-family:Georgia,serif;font-size:23px;line-height:1.4}.dark{color:var(--paper);background:radial-gradient(ellipse at 90% 20%,#54173b60,transparent 65%),var(--plum)}.dark .eyebrow{color:#e5b86f}.process{padding:70px 0}.process-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.process-image{position:relative;margin-left:-50px;align-self:stretch;min-height:580px}.process-image img{width:100%;height:100%;object-fit:cover;object-position:45% 50%;display:block;filter:brightness(.9)}.image-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#241126e6);padding:70px 25px 25px;font-size:9px;letter-spacing:2px}.process-copy h2{font-size:48px}.trail{list-style:none;counter-reset:step;padding:0 0 0 28px;margin:27px 0 22px;position:relative}.trail:before{content:'';position:absolute;left:4px;top:15px;bottom:15px;width:1px;background:var(--gold)}.trail li{counter-increment:step;font-size:16px;padding:9px 0 9px 10px;position:relative}.trail li:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--gold);position:absolute;left:-27px;top:19px}.trail li:after{content:'0' counter(step);color:#c7acbe;position:absolute;left:-63px;font-size:10px;top:14px}.trail{margin-left:25px}.quiet{font-size:13px;color:#c3afbf;max-width:280px}.experience{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}.experience-copy h2{font-size:46px}.experience-copy p{max-width:510px}.experience-foot{padding-top:20px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.5px}.evidence{margin:0;position:relative}.evidence img{display:block;width:100%;height:540px;object-fit:cover;box-shadow:15px 20px 40px #30162721}.evidence figcaption{position:absolute;left:-25px;bottom:25px;background:var(--paper);font:italic 16px Georgia,serif;padding:16px 21px;box-shadow:4px 9px 20px #0002;transform:rotate(-4deg)}.gina{padding:90px 0}.gina-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.gina h2{font-size:47px}.gina p{max-width:430px;color:#e4d5de}.gina-secret{font-family:Georgia,serif;font-style:italic;border-top:1px solid #f6efe32e;padding-top:25px;margin-top:25px}.note{margin:0;background:linear-gradient(120deg,#ffe397,#fbc33b);color:#322028;box-shadow:15px 22px 28px #0005;transform:rotate(3deg);padding:45px 42px 30px;position:relative}.note:after{content:'';position:absolute;right:0;bottom:0;width:30px;height:30px;background:linear-gradient(135deg,#f8d977 50%,#bd8c2a 51%);clip-path:polygon(100% 0,100% 100%,0 100%)}blockquote{font:italic 25px/1.5 Georgia,serif;margin:0 0 27px}blockquote strong{font-weight:normal}.note img{display:block;margin-left:auto;width:190px;height:auto;mix-blend-mode:multiply}.section-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-bottom:36px}.section-intro h2{margin-bottom:0}.section-intro>p{font-size:16px;margin-bottom:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail{padding:0;text-align:left;appearance:none;background:none;border:0;cursor:pointer;color:inherit;min-width:0}.detail-scene{height:300px;overflow:hidden;position:relative;background:repeating-linear-gradient(3deg,#885b3610 0 1px,transparent 2px 7px),#c9a47a;isolation:isolate}.detail-scene>img{position:absolute;width:105%;height:110%;object-fit:cover;top:15px;left:15px;transform:rotate(-7deg);filter:sepia(.14);box-shadow:0 5px 15px #0006}.objects>img{transform:rotate(5deg);top:25px;left:-10px}.cover-slip{position:absolute;background:linear-gradient(160deg,#dfc497,#ac8a60);width:115%;height:100px;bottom:-45px;left:0;transform:rotate(-15deg);box-shadow:-3px -5px 12px #0003;z-index:2}.pencil{position:absolute;z-index:3;width:125%;height:12px;background:linear-gradient(#d6ac4a,#292024 28%,#161218 72%,#65503c);top:52%;left:-10%;transform:rotate(29deg);box-shadow:5px 10px 8px #0005}.second{transform:rotate(-38deg);top:60%}.lens{position:absolute;width:170px;height:170px;border:9px solid #946927;border-radius:50%;top:38%;left:35%;box-shadow:inset 1px 2px 8px #fff8,3px 9px 10px #0005;background:linear-gradient(140deg,#fff3,transparent 60%)}.lens:after{content:'';position:absolute;width:115px;height:18px;top:145px;left:122px;transform:rotate(42deg);transform-origin:left;background:linear-gradient(#79562b,#211921,#634228);box-shadow:4px 5px 9px #0005}.zoom{position:absolute;top:14px;right:14px;background:var(--paper);width:32px;height:32px;text-align:center;line-height:32px;z-index:4}.detail:hover .zoom{background:var(--gold)}.detail-label{display:block;font:18px Georgia,serif;padding-top:15px}.detail-label b{font:10px Arial,sans-serif;color:var(--accent);letter-spacing:1px;padding-right:12px}.gallery-note{font-size:12px;color:var(--muted);margin:23px 0 30px;text-align:center}.center{text-align:center}.faq-section{background:#eae2d6;padding:80px 0}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq-grid>div>p{max-width:370px}.faqs{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:19px 35px 19px 0;cursor:pointer;list-style:none;font-size:16px;position:relative}summary:after{content:'+';position:absolute;right:0;font-size:24px;color:var(--accent);top:12px}summary::-webkit-details-marker{display:none}details[open] summary:after{content:'−'}details p{font-size:15px;color:#5e4d59;padding:0 25px 7px 0}.closing{padding:65px 0}.closing-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:center;max-width:1050px}.closing-book{max-width:260px;width:100%;height:390px;object-fit:contain;transform:rotate(-6deg);filter:drop-shadow(12px 16px 15px #0005)}.closing h2{font-size:50px}.closing p{font-size:17px}.dark .availability{color:#c9b6c5}.purchase-status{font-size:13px!important;max-width:450px;color:#e8d1e3;margin:12px 0 0;min-height:0}.purchase-status:empty{display:none}.footer{background:#170d1b;color:#d6c3d1;padding:35px 0}.footer-row{display:flex;align-items:center;gap:60px;justify-content:space-between}.footer img{width:205px;height:auto}.footer p{font-size:12px;margin:0}.footer small{font-size:10px;color:#ac94a5}.skip{position:absolute;left:20px;top:-80px;z-index:99;background:var(--gold);padding:10px}.skip:focus{top:10px}:focus-visible{outline:3px solid #b552a9;outline-offset:5px}dialog{padding:22px;background:var(--paper);color:var(--ink);border:0;width:min(750px,90vw);max-height:90svh;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#130b19d9}dialog .detail-scene{height:min(58vh,520px);margin-top:20px}dialog .detail-scene>img{object-fit:cover}dialog p{font-size:12px;margin:15px 0 0}.dialog-close{display:block;margin-left:auto;border:0;background:none;cursor:pointer;padding:8px}.dialog-close:hover{color:var(--accent)}
@media(min-width:1600px){.hero{min-height:790px}.hero-art{height:740px}.hero-book{height:660px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:0;min-height:650px}.hero-art{height:580px}.hero-book{height:490px}.hero h1{font-size:65px}.lead{font-size:20px}.header nav{gap:20px}.differential,.experience{gap:45px}.process-grid{gap:40px}.process-image{margin-left:-32px}.gina-grid{gap:55px}.note{padding:32px}.note blockquote{font-size:22px}.section-intro{gap:40px}.faq-grid{gap:55px}.closing-grid{gap:40px}.gallery{gap:15px}.detail-scene{height:250px}}
@media(max-width:700px){body{font-size:16px;line-height:1.6}.wrap{width:calc(100% - 40px)}.header{height:77px}.brand{width:185px}.header nav a{display:none}.header nav a:last-child{display:block;font-size:12px}.hero{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{padding:40px 0 0;width:100%}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:18px}.hero h1{font-size:clamp(53px,13.5vw,78px);letter-spacing:-1.8px;margin-bottom:20px}.lead{font-size:20px;max-width:370px}.hero-copy>p:not(.eyebrow):not(.lead){font-size:15px;max-width:350px}.desktop{display:none}.cta{font-size:11px;padding:16px 17px;gap:22px;min-height:54px}.availability{font-size:10px}.hero-art{height:350px;width:100%;margin-top:8px}.hero-book{height:325px;width:75%;transform:rotate(5deg)}.table{bottom:0;left:0;right:0;height:130px}.case-label{bottom:35px;right:0;padding:12px 15px}.case-label strong{font-size:21px}.case-label span{font-size:8px}.thin-band{font-size:16px;gap:6px;padding:18px 10px}.section{padding-block:55px}h2{font-size:36px;letter-spacing:-1.1px}.differential{display:block}.differential-copy{padding-top:0}.differential p{margin-bottom:17px}.statement{font-size:22px}.process{padding:0 0 45px}.process-grid{display:flex;flex-direction:column;gap:30px}.process-image{min-height:0;height:280px;width:calc(100% + 40px);margin-left:0;align-self:center}.process-image img{object-position:50% 47%}.image-caption{font-size:8px;padding:60px 20px 17px}.process-copy{width:100%}.process-copy h2{font-size:37px}.trail{margin-top:24px;margin-bottom:20px}.trail li{font-size:16px;padding-block:8px}.trail li:before{top:17px}.trail li:after{top:12px}.quiet{max-width:100%;margin-bottom:0}.experience{display:flex;flex-direction:column;gap:30px}.experience-copy h2{font-size:35px}.experience-copy{width:100%}.experience-foot{font-size:11px}.evidence{width:100%}.evidence img{height:330px;object-position:50% 55%}.evidence figcaption{left:10px;bottom:18px;font-size:15px;padding:12px 16px}.gina{padding:50px 0 60px}.gina-grid{display:flex;flex-direction:column;gap:24px}.gina h2{font-size:36px}.gina-secret{margin-bottom:10px}.note{width:calc(100% - 12px);padding:29px 27px 25px;transform:rotate(2deg)}.note blockquote{font-size:22px;line-height:1.5}.note img{width:165px}.section-intro{display:block;margin-bottom:25px}.section-intro h2{margin-bottom:20px}.section-intro>p{font-size:15px}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:14px}.detail{flex:0 0 83%;scroll-snap-align:start}.detail-scene{height:270px}.detail-label{font-size:17px}.gallery-note{font-size:11px;text-align:left;margin-top:10px}.inside .center{text-align:left}.faq-section{padding:50px 0}.faq-grid{display:block}.faq-grid .statement{display:none}.faqs{margin-top:28px}summary{font-size:15px;padding-block:17px}.closing{padding:45px 0}.closing-grid{display:flex;flex-direction:column-reverse;gap:20px}.closing-grid>div{width:100%}.closing h2{font-size:37px}.closing-book{height:250px;width:180px}.footer-row{flex-wrap:wrap;gap:22px}.footer img{width:190px}.footer p{font-size:11px;max-width:210px}.footer small{width:100%}.footer{padding:30px 0}dialog{padding:16px}dialog .detail-scene{height:420px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Contener las sombras decorativas para evitar desplazamiento lateral. */
.hero{overflow:clip}


@font-face{font-family:Nota;src:url('assets/nota.ttf') format('truetype');font-display:swap}.note blockquote{font-family:Nota,'Segoe Print',cursive;font-size:22px;font-style:normal;line-height:1.55}@media(max-width:700px){.note blockquote{font-size:20px}}

/* Revisión 02: jerarquía estable y composiciones simplificadas. */
@font-face{font-family:Nota;src:url('assets/nota-negrita.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--body-size:18px}body{font-size:var(--body-size)}
.hero-copy>p:not(.eyebrow):not(.lead),.quiet,.section-intro>p,.closing p,.gina p,.faqs p,summary,.footer p{font-size:var(--body-size);line-height:1.65}
.hero-copy>p:not(.eyebrow):not(.lead){color:var(--ink)}
.hero-tagline{max-width:440px;margin-bottom:22px!important}.hero .lead{font-size:22px}.hero-art{height:680px}.hero-book{height:610px}
.transformation{padding:42px 0;text-align:center}.transformation h2{font-size:clamp(38px,4.6vw,66px);line-height:1.12;margin:0}.differential-copy{padding-top:0}
.quiet{color:var(--paper);max-width:100%}.trail li{font-size:var(--body-size)}.experience-copy h2{font-size:43px}.experience-copy p{font-size:var(--body-size)}.experience-copy p:nth-last-child(3){color:var(--accent);font-weight:700}.experience-copy .statement{font-size:var(--body-size)}
.gina-grid{grid-template-columns:.85fr 1.25fr;gap:65px}.gina h2{font-size:52px}.gina p{color:var(--paper)}.surprise{display:flex;align-items:center;gap:20px;margin-top:25px;border-top:1px solid #f6efe32e;padding-top:25px}.gina-secret{border:0;padding:0;margin:0!important;font-family:inherit;font-style:normal;flex:1}.confidential{position:relative;flex:0 0 125px;height:85px;background:linear-gradient(135deg,#d8bd8c,#b6996c);transform:rotate(-8deg);box-shadow:5px 9px 15px #0005;display:grid;place-items:center;margin-top:13px}.confidential:before{content:'';position:absolute;left:0;top:-10px;width:48px;height:13px;background:#cfb383;border-radius:3px 8px 0 0}.confidential:after{content:'';position:absolute;inset:7px;border-top:1px solid #ffffff45}.confidential span{border:2px solid #64293b;font-size:10px;font-weight:700;color:#64293b;letter-spacing:1px;padding:3px 5px;transform:rotate(-5deg)}
.note{padding:40px 25px 26px;background-color:#f8cf56;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23836d21' opacity='.12' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(120deg,#ffe79c,#f5ca46);box-shadow:2px 4px 4px #0002,15px 22px 28px #0005;transform:rotate(2deg)}.note:before{content:'';position:absolute;top:0;left:0;right:0;height:34px;background:linear-gradient(#ac7e1625,transparent);pointer-events:none}.note blockquote{font-size:clamp(17px,1.65vw,22px);line-height:1.85;margin-bottom:25px}.note blockquote span,.note blockquote strong{display:block;white-space:nowrap}.note blockquote strong{font-weight:700;margin-top:16px}.note img{width:190px}
.inside h2{text-align:center;font-size:43px;max-width:950px;margin:0 auto 25px}.puzzle-types{font-size:22px;line-height:1.65;max-width:900px;text-align:center;margin:0 auto 35px}.puzzle-types strong{font-weight:600}.puzzles-art{margin:0 -25px 40px}.puzzles-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 13px 10px #28122922)}
.faq-grid>div>p{max-width:none}.faq-grid .statement{font-family:inherit;font-size:var(--body-size)}details p{color:var(--ink)}.closing{background:radial-gradient(ellipse at 19% 45%,#ead0ad80 0,#b4968770 14%,transparent 41%),#241126}.closing-book{max-width:300px;height:430px;filter:drop-shadow(0 0 25px #f6e0bd65) drop-shadow(12px 16px 15px #0006)}.footer p{max-width:490px}.footer-row{gap:35px;flex-wrap:wrap}.footer small{font-size:13px}.availability{font-size:13px}.evidence figcaption{font-size:var(--body-size)}
@media(max-width:1000px) and (min-width:701px){.gina-grid{grid-template-columns:1fr;gap:38px}.note{max-width:650px;justify-self:center;width:100%;padding:38px}.note blockquote{font-size:22px}.gina-grid>div{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.gina-grid .eyebrow,.gina-grid h2{grid-column:1}.gina-grid>div>p{grid-column:1}.surprise{grid-column:2;grid-row:2/4;margin-top:0;display:block}.confidential{margin-top:25px;width:125px}.hero-book{height:500px}}
@media(max-width:700px){:root{--body-size:18px}.hero-copy>p:not(.eyebrow):not(.lead){max-width:none}.hero .lead{font-size:20px}.hero-tagline{max-width:350px!important}.hero-art{height:330px}.hero-book{height:310px}.transformation{padding:33px 0}.transformation h2{font-size:clamp(30px,8vw,45px)}.differential h2{font-size:35px}.process-copy h2{font-size:37px}.trail li{font-size:18px;padding-block:9px}.trail li:before{top:19px}.trail li:after{top:14px}.quiet{font-size:18px;max-width:none}.experience-copy h2{font-size:34px}.gina-grid{display:flex;gap:38px}.gina h2{font-size:43px}.surprise{gap:16px}.confidential{flex-basis:100px;height:78px}.confidential span{font-size:8px;padding:4px}.note{width:calc(100% - 8px);padding:28px 22px 22px}.note blockquote{font-size:19px;line-height:1.65}.note blockquote span,.note blockquote strong{white-space:normal}.note blockquote strong{margin-top:18px}.note img{width:160px}.inside h2{font-size:34px;text-align:left}.puzzle-types{text-align:left;font-size:21px;margin-bottom:27px}.puzzles-art{margin:0 -6px 30px;overflow-x:auto;padding-bottom:14px}.puzzles-art img{width:650px;max-width:none}.faq-grid .statement{display:block}.closing-book{max-width:240px;width:240px;height:330px}.closing{background:radial-gradient(ellipse at 50% 85%,#e4cdb287,transparent 38%),#241126}.closing .closing-grid{flex-direction:column;gap:25px}.footer-row{gap:25px}.footer p{font-size:18px;max-width:none}.footer small{font-size:13px}.availability{font-size:13px}}

.gina .eyebrow,.closing .eyebrow{font-size:10px;line-height:1.5;letter-spacing:2.3px}.hero-tagline{font-weight:500}

/* Revisión 03: el recorrido empieza con el eslogan y los retos. */
.transformation{padding:60px 0 55px}.transformation h2{margin-bottom:30px}.transformation .puzzle-types{color:var(--paper);max-width:920px;margin-bottom:35px}.transformation .puzzles-art{margin-bottom:35px}.transformation .availability{color:#dac8d7}
.note{aspect-ratio:1;max-width:560px;width:100%;justify-self:center;padding:38px 35px 30px;display:flex;flex-direction:column;justify-content:center;transform:rotate(2deg)}.note blockquote{font-size:21px;line-height:1.65;margin:0 0 25px}.note blockquote span,.note blockquote strong{white-space:normal;margin-bottom:15px}.note blockquote strong{margin-top:23px;margin-bottom:0}.note img{align-self:flex-end;margin-left:0;width:185px}.note:after{width:24px;height:24px}
@media(max-width:1000px) and (min-width:701px){.note{width:560px;padding:42px}.note blockquote{font-size:21px}}
@media(max-width:700px){.transformation{padding:38px 0 42px}.transformation h2{margin-bottom:25px}.transformation .puzzle-types{font-size:21px;text-align:left}.transformation .puzzles-art{margin-bottom:27px}.transformation .center{text-align:left}.note{width:calc(100% - 8px);aspect-ratio:1;max-width:420px;padding:28px 24px 24px}.note blockquote{font-size:19px;line-height:1.6;margin-bottom:23px}.note blockquote span{margin-bottom:15px}.note blockquote strong{margin-top:22px}.note img{width:155px}}
/* Revisión 04: nota más compacta y bonus con más presencia. */
.note{aspect-ratio:auto;max-width:550px;padding:30px 32px 27px;justify-content:flex-start}.note blockquote{margin-bottom:16px}.note blockquote span{margin-bottom:11px}.note blockquote strong{margin-top:18px}.note img{align-self:flex-end;margin-right:32px;width:185px}
.confidential{flex-basis:165px;height:114px;margin-top:16px}.confidential:before{width:65px;height:16px;top:-13px}.confidential span{font-size:12px;letter-spacing:1.1px;padding:5px 7px}.surprise{gap:22px}
@media(max-width:1000px) and (min-width:701px){.note{width:550px;max-width:100%;padding:32px}.confidential{width:165px;height:114px}}
@media(max-width:700px){.note{aspect-ratio:auto;width:calc(100% - 8px);max-width:420px;padding:25px 24px 23px}.note blockquote{margin-bottom:15px}.note blockquote span{margin-bottom:11px}.note blockquote strong{margin-top:18px}.note img{width:155px;margin-right:22px}.confidential{flex:0 0 135px;height:100px}.confidential span{font-size:10px;padding:5px 6px}.surprise{gap:20px}}