@font-face{font-family:Source;src:url('../contenido/v3-r08/assets/SourceSans.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#f3e7d6;color:#4d4b46;font:18px/1.5 Source,Arial,sans-serif}h1,h2,h3,p,figure{margin:0}a{color:inherit}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px}.back{font-size:15px;text-decoration:none}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(42px,5vw,66px)}h2{font-size:clamp(30px,3.4vw,43px)}h3{font-size:28px}.eyebrow,.number{font-size:12px;font-weight:700;letter-spacing:1.7px;color:#9d412e;margin-bottom:15px}.intro{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center;padding-block:35px 50px}.intro p:not(.eyebrow){margin-top:22px;max-width:450px;font-size:21px}.intro figure img{width:100%;height:330px;object-fit:cover;border:10px solid #fffaf2;box-shadow:0 10px 25px #46301713}.intro figcaption{font-size:14px;margin-top:11px;text-align:center}.intro-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:27px}.button{display:inline-block;text-decoration:none;background:#244e4b;color:white;border-radius:9px;padding:12px 19px;font-size:16px;font-weight:650}.textlink{font-size:16px;text-underline-offset:5px}.scene-nav{position:sticky;top:0;z-index:4;background:#fffaf2f5;border-block:1px solid #d2bea4;backdrop-filter:blur(10px)}.scene-nav .wrap{display:flex;gap:12px 32px;padding-block:15px;flex-wrap:wrap}.scene-nav a{text-decoration:none;font-size:16px}.scene-nav a:hover{color:#9d412e}.lessons{padding-block:46px}.section-intro{margin-bottom:30px}.section-intro>p:last-child{margin-top:12px;color:#6c655c}.lesson{display:grid;grid-template-columns:1fr 1.1fr;gap:0;background:#fffaf2;margin:0 0 30px;border-radius:15px;overflow:hidden;border:1px solid #dfccb3}.lesson-photo{position:relative;background:#e1d6c6;align-self:stretch;min-height:380px;display:flex;flex-direction:column;justify-content:center}.lesson-photo>img{width:100%;height:100%;max-height:490px;object-fit:contain}.lesson-photo.portrait>img{height:490px}.lesson-photo figcaption{font-size:14px;text-align:center;padding:15px}.lesson-copy{padding:33px 35px}.lesson-copy>p:not(.number){margin-top:17px}.lesson-copy>p,.lesson-copy li{font-size:17px}.lesson-copy ol{padding-left:21px;margin:19px 0}.lesson-copy li{padding-left:3px;margin:0 0 9px}.try{color:#244e4b;border-left:3px solid #a3b3a0;padding-left:13px}.lesson-copy details{margin-top:22px;border-top:1px solid #dac6ab;padding-top:13px}.lesson-copy summary,.phone-compat summary{cursor:pointer;font-weight:650;color:#244e4b}.lesson-copy details p,.phone-compat p{font-size:16px;margin-top:13px;line-height:1.55}.reverse .lesson-photo{order:2}.reverse .lesson-copy{order:1}.photo-hint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#fffcf5ed;border:1px solid #c5b49d;border-radius:8px;color:#244e4b;padding:9px 12px;font-size:14px;white-space:nowrap;box-shadow:0 3px 10px #0002}.photo-hint[aria-pressed=true]{background:#244e4b;color:white}.focus-mark{display:none;position:absolute;top:28%;left:37%;width:24%;height:10%;border:2px solid #fff8bd;box-shadow:0 0 0 1px #2b3e39,0 2px 6px #0003}.show-hint .focus-mark{display:block}.composition-grid{display:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent 33.1%,#fff8 33.2%,#fff8 33.5%,transparent 33.6%,transparent 66.4%,#fff8 66.5%,#fff8 66.8%,transparent 66.9%),linear-gradient(0deg,transparent 33.1%,#fff8 33.2%,#fff8 33.5%,transparent 33.6%,transparent 66.4%,#fff8 66.5%,#fff8 66.8%,transparent 66.9%);pointer-events:none}.show-hint .composition-grid{display:block}.manual{background:#e2d7c5;border-block:1px solid #d0b99e;padding-block:52px}.manual-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:end;margin-bottom:28px}.manual-heading>p{max-width:420px}.control-explorer{background:#fffaf2;border:1px solid #cdb99b;border-radius:13px;overflow:hidden}.control-tabs{display:flex;border-bottom:1px solid #d9c5a8;flex-wrap:wrap}.control-tabs button{flex:1;min-width:140px;min-height:52px;border:0;border-right:1px solid #ddcbb2;background:transparent;color:#4d4b46;padding:12px;font-size:16px}.control-tabs button[aria-selected=true]{background:#244e4b;color:#fff}.control-explorer [role=tabpanel]{padding:25px 30px;min-height:260px}.control-value{float:right;max-width:40%;margin-left:25px;font:400 28px/1.1 Georgia,serif;color:#8a462f}.control-explorer h3{max-width:650px}.control-explorer [role=tabpanel]>p:not(.control-value){max-width:760px;margin-top:16px;font-size:18px}.control-explorer .control-practice{font-size:16px!important;color:#536459}.night-note{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:28px;padding:24px 0;border-block:1px solid #c8b396}.night-note p{font-size:17px}.phone-compat{padding:18px 0}.practice{max-width:750px;margin:30px auto;text-align:center;padding:25px}.practice h3{font-size:38px}.practice p:not(.eyebrow){margin-top:20px}.practice .quiet{font-size:13px;color:#6e685f}.sources{margin-top:30px;border-top:1px solid #c8b396;padding-top:24px}.sources h3{font-size:23px;margin-bottom:15px}.sources a{display:block;font-size:15px;margin:9px 0;text-underline-offset:4px}.print-next{text-align:center;padding-block:50px}.print-next p{max-width:650px;margin:20px auto}.print-next .button{margin-top:8px}footer{border-top:1px solid #d0b99e;padding-block:22px;font-size:14px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #8e4933;outline-offset:4px}
@media(max-width:800px){.wrap{width:calc(100% - 32px)}header img{width:190px}header .back{font-size:13px;max-width:100px;text-align:right}.intro{grid-template-columns:1fr;gap:27px;padding-block:20px 30px}.intro figure img{height:auto}.intro p:not(.eyebrow){font-size:19px}.scene-nav .wrap{gap:8px 20px;padding-block:10px}.scene-nav a{font-size:14px}.lessons{padding-block:30px}.lesson{grid-template-columns:1fr;margin-bottom:24px}.reverse .lesson-photo,.reverse .lesson-copy{order:initial}.lesson-photo{min-height:0}.lesson-photo>img{height:auto;max-height:none}.lesson-photo.portrait>img{height:360px}.lesson-copy{padding:25px 22px}.lesson-copy h2{font-size:31px}.lesson-copy>p,.lesson-copy li{font-size:16px}.lesson-copy details p{font-size:15px}.focus-mark{top:29%;left:36%;width:25%;height:10%}.landscape .composition-grid{inset:0}.manual{padding-block:32px}.manual-heading{grid-template-columns:1fr;gap:18px}.control-tabs button{min-width:50%;font-size:14px}.control-explorer [role=tabpanel]{padding:24px 20px;min-height:340px}.control-value{float:none;max-width:none;margin:0 0 18px}.control-explorer [role=tabpanel]>p:not(.control-value){font-size:17px}.night-note{grid-template-columns:1fr;gap:15px}.practice{padding:16px 0}.practice h3{font-size:33px}.sources a{overflow-wrap:anywhere}.manual-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Navegacion sin tapar los ejemplos al desplazarse. */
.scene-nav{position:static}html{scroll-padding-top:24px}.practice .quiet{color:#514c45}