#inicio{--course-button:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23493832%22%20d%3D%22M13%208H227Q232%208%20232%2013V51Q232%2056%20227%2056H13Q8%2056%208%2051V13Q8%208%2013%208Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23493832%22%20stroke-width%3D%221%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M205%203H9Q3%203%203%209V55Q3%2061%209%2061H231Q237%2061%20237%2055V20%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23bc947b%22%20stroke-width%3D%221%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M197%209H13Q9%209%209%2013V51Q9%2055%2013%2055H227Q231%2055%20231%2051V26%22%2F%3E%3C%2Fsvg%3E");--course-button-hover:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23352823%22%20d%3D%22M13%208H227Q232%208%20232%2013V51Q232%2056%20227%2056H13Q8%2056%208%2051V13Q8%208%2013%208Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23493832%22%20stroke-width%3D%221%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M205%203H9Q3%203%203%209V55Q3%2061%209%2061H231Q237%2061%20237%2055V20%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23bc947b%22%20stroke-width%3D%221%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M197%209H13Q9%209%209%2013V51Q9%2055%2013%2055H227Q231%2055%20231%2051V26%22%2F%3E%3C%2Fsvg%3E");}
#inicio{--ink:#352e2b;--muted:#706762;--line:#e2d8ce;--paper:#fbf8f4;--bg:#fbf8f4;--cacao:#493832;--copper:#bc947b;--soft:#f6f0e9;--cream:#fffaf3;--course-font:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}
#inicio .brand-word{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:400;letter-spacing:.24em;line-height:1}
#inicio .brand-ring{position:relative;display:block;width:38px;height:38px;border:2px solid var(--cacao);border-top-color:transparent;border-radius:50%;transform:rotate(43deg);flex-shrink:0}
#inicio .brand-ring:after{content:'';position:absolute;inset:4px;border:1px solid #9d8474;border-top-color:transparent;border-radius:50%}
#inicio{--beige:var(--bg);--light:var(--cream);--font:var(--course-font)}
#inicio h1,#inicio h2,#inicio h3,#inicio p,#inicio figure{margin:0}
#inicio h1,#inicio h2,#inicio h3{font-weight:600}
#inicio h1{font-weight:650}
#inicio a{color:inherit;text-underline-offset:5px}
#inicio button,#inicio a{touch-action:manipulation}
#inicio button{font:inherit}
#inicio a:focus-visible,#inicio button:focus-visible{outline:2px solid var(--cacao);outline-offset:6px}
#inicio ::selection{background:#e1c8b6;color:var(--ink)}
#inicio .container{width:min(1160px,calc(100% - 100px));margin-inline:auto}
#inicio .skip{position:absolute;top:-120px;left:20px;padding:12px;background:var(--light);z-index:50}
#inicio .skip:focus{top:12px}
#inicio .header{border-bottom:1px solid var(--line);background:var(--beige)}
#inicio .header-inner{width:min(1320px,calc(100% - 100px));margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}
#inicio .brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:var(--cacao)}
#inicio #navigation{display:flex;gap:35px}
#inicio #navigation a{font-size:13px;text-decoration:none;color:var(--muted);padding:10px 0;border-bottom:1px solid transparent}
#inicio #navigation a:hover,#inicio #navigation a[aria-current]{border-color:var(--copper);color:var(--cacao)}
#inicio #menu-toggle{display:none}
#inicio .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--muted)}
#inicio .hero{padding-top:91px;padding-bottom:91px;min-height:520px}
#inicio .hero h1{font-size:clamp(44px,5.4vw,73px);line-height:1.04;letter-spacing:-.055em;margin:24px 0 27px;max-width:850px}
#inicio .hero-description{font-size:19px;line-height:1.75;max-width:535px;color:var(--muted)}
#inicio .cycle-button{display:inline-flex;align-items:center;justify-content:center;width:248px;max-width:100%;min-height:64px;margin-top:33px;padding:16px 25px;background:transparent var(--course-button) center / 100% 100% no-repeat;color:var(--cream);text-decoration:none;font-size:14px;font-weight:550;line-height:1.5;text-align:center}
#inicio .cycle-button:hover{background-image:var(--course-button-hover)}
#inicio .hero-note{margin-top:13px;font-size:11px;color:var(--muted)}
#inicio .approach{padding:73px 0 86px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:75px;align-items:center}
#inicio .teaching-figure{min-width:0}
#inicio .teaching-figure img{display:block;max-width:100%;width:100%;height:auto;background:white}
#inicio .teaching-figure figcaption{font-size:11px;color:var(--muted);margin-top:13px}
#inicio .approach-copy h2{font-size:clamp(28px,2.6vw,36px);line-height:1.22;letter-spacing:-.035em;margin:20px 0 24px}
#inicio .approach-copy p:not(.eyebrow){font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:19px}
#inicio .approach-copy .quiet-statement{border-left:2px solid var(--copper);padding:3px 0 3px 18px;margin-top:25px;color:var(--cacao)!important}
#inicio .guides{padding:78px 0 82px;border-top:1px solid var(--line);display:grid;grid-template-columns:.95fr 1.05fr;gap:100px}
#inicio .guides h2{font-size:36px;line-height:1.18;letter-spacing:-.04em;margin:20px 0 22px}
#inicio .guides-heading>p:last-child{font-size:15px;line-height:1.85;color:var(--muted);max-width:360px}
#inicio .guide-content{border-top:1px solid var(--cacao)}
#inicio .guide-row{padding:24px 0;border-bottom:1px solid var(--line)}
#inicio .guide-row h3{font-size:19px;line-height:1.4;font-weight:550;letter-spacing:-.025em}
#inicio .guide-row p{font-size:13px;color:var(--muted);margin-top:10px;max-width:450px;line-height:1.8}
#inicio .guide-meta{display:block;font-size:10px;color:var(--muted);margin-top:16px}
#inicio .plain-link{display:inline-flex;gap:17px;align-items:baseline;font-size:13px;font-weight:550;text-decoration:none;border-bottom:1px solid var(--copper);padding-bottom:5px;color:var(--cacao)}
#inicio .plain-link>span{font-size:18px;line-height:1}
#inicio .guide-content>.plain-link{margin-top:27px}
#inicio .access-note{font-size:10px;color:var(--muted);margin-top:12px}
#inicio .about{background:var(--cacao);color:var(--light)}
#inicio .about-inner{padding:64px 0 70px;display:grid;grid-template-columns:.95fr 1.05fr;gap:100px}
#inicio .about .eyebrow{color:#e0c4af}
#inicio .about h2{font-size:46px;letter-spacing:-.04em;line-height:1.15;margin-top:22px;font-weight:500}
#inicio .about-lead{font-size:23px;line-height:1.55;letter-spacing:-.025em;max-width:550px}
#inicio .about-copy>p:nth-child(2){font-size:14px;color:#e2d8d0;line-height:1.85;margin-top:24px;max-width:550px}
#inicio .about-link{display:inline-flex;align-items:baseline;gap:12px;font-size:12px;color:#f1d7c1;margin-top:28px;text-decoration:none;border-bottom:1px solid #ad8d76;padding-bottom:6px}
#inicio .tools{display:flex;align-items:center;justify-content:space-between;gap:70px;padding:65px 0 70px}
#inicio .tools h2{font-size:27px;font-weight:550;letter-spacing:-.03em;margin:17px 0 16px}
#inicio .tools p:last-child{max-width:590px;color:var(--muted);font-size:14px;line-height:1.85}
#inicio .tools .plain-link{white-space:nowrap;flex-shrink:0}
#inicio .footer{border-top:1px solid var(--line)}
#inicio .footer-inner{padding:27px 0 22px;display:flex;align-items:center;gap:22px}
#inicio .footer-name{font-size:14px;letter-spacing:.17em;margin-right:10px}
#inicio .footer-inner p{color:var(--muted);font-size:10px;margin-right:auto}
#inicio .footer-inner>a{font-size:10px;text-decoration:none;color:var(--muted)}
#inicio .preview-note{border-top:1px solid #e9e0d8;padding:17px 0 24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}
#inicio .preview-note a{color:var(--cacao);text-decoration:none;border-bottom:1px solid var(--copper)}
@media(min-width:1500px){#inicio .hero{padding-top:112px;padding-bottom:112px}
#inicio .hero h1{font-size:76px}
}
@media(max-width:1000px){#inicio .container,#inicio .header-inner{width:calc(100% - 64px)}
#inicio .approach{gap:40px}
#inicio .guides,#inicio .about-inner{gap:55px}
#inicio .hero{padding-block:72px}
#inicio .hero h1{font-size:62px}
#inicio .tools{gap:35px}
#inicio .about-lead{font-size:21px}
}
@media(max-width:700px){#inicio .container,#inicio .header-inner{width:calc(100% - 44px)}
#inicio .header-inner{min-height:84px;flex-wrap:wrap;gap:0}
#inicio .brand-ring{width:35px;height:35px}
#inicio .brand-word{font-size:18px}
#inicio .brand{gap:12px}
#inicio #menu-toggle{display:flex;gap:17px;align-items:center;background:transparent;border:0;padding:15px 0;color:var(--cacao);font-size:12px}
#inicio #navigation{display:none;width:100%;gap:0;flex-direction:column;padding:10px 0 22px}
#inicio #navigation.open{display:flex}
#inicio #navigation a{font-size:14px;padding:11px 0;width:max-content}
#inicio .hero{padding-top:57px;padding-bottom:61px;min-height:auto}
#inicio .hero .eyebrow{font-size:9px}
#inicio .hero h1{font-size:45px;line-height:1.08;margin:24px 0 23px;letter-spacing:-.05em}
#inicio .hero-description{font-size:16px;line-height:1.8;max-width:390px}
#inicio .cycle-button{margin-top:28px;width:240px}
#inicio .hero-note{font-size:10px;max-width:310px}
#inicio .approach{display:flex;flex-direction:column-reverse;align-items:stretch;padding:48px 0 48px;gap:28px}
#inicio .approach-copy h2{font-size:29px;margin-top:17px}
#inicio .approach-copy p:not(.eyebrow){font-size:15px}
#inicio .teaching-figure img{max-width:520px}
#inicio .guides{display:block;padding:46px 0 49px}
#inicio .guides h2{font-size:30px;margin-top:17px}
#inicio .guides-heading>p:last-child{max-width:420px}
#inicio .guide-content{margin-top:30px}
#inicio .guide-row h3{font-size:18px}
#inicio .guide-row p{font-size:13px}
#inicio .about-inner{display:block;padding:45px 0 51px}
#inicio .about h2{font-size:37px;margin:16px 0 29px}
#inicio .about-lead{font-size:21px}
#inicio .about-copy>p:nth-child(2){font-size:14px}
#inicio .tools{display:block;padding:46px 0 49px}
#inicio .tools h2{font-size:27px}
#inicio .tools .plain-link{margin-top:25px}
#inicio .footer-inner{flex-wrap:wrap;gap:16px}
#inicio .footer-inner p{flex-basis:100%;order:4}
#inicio .preview-note{flex-direction:column;gap:13px}
#inicio .preview-note a{align-self:start}
}
@media(max-width:360px){#inicio .hero h1{font-size:39px}
#inicio .brand-word{font-size:16px}
}
@media(prefers-reduced-motion:reduce){#inicio .cycle-button{transition:none}
}
#inicio .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding-top:82px;padding-bottom:84px;min-height:535px}
#inicio .hero-copy{min-width:0}
#inicio .hero h1{font-size:clamp(42px,4.4vw,61px);letter-spacing:-.05em;line-height:1.08;margin-top:22px}
#inicio .hero-description{font-size:17px;line-height:1.8;max-width:445px}
#inicio .hero-illustration{min-width:0;align-self:center;padding-top:14px}
#inicio .hero-illustration img{width:100%;height:auto;display:block;max-width:580px;background:#fff}
#inicio .approach{background:transparent;padding-top:76px;padding-bottom:80px}
#inicio .chart-example img{height:auto;width:100%;display:block}
#inicio .chart-example>a{display:block;outline-offset:5px}
#inicio .chart-example figcaption{font-size:11px;line-height:1.7;max-width:400px}
#inicio .guides{border-top-color:#bda08a}
#inicio .guide-content{border-top-width:2px}
#inicio .about{border-top:3px solid var(--copper)}
@media(min-width:1500px){#inicio .hero{padding-top:95px;padding-bottom:95px}
#inicio .hero h1{font-size:65px}
}
@media(max-width:1000px){#inicio .hero{gap:26px;padding-block:68px}
#inicio .hero h1{font-size:47px}
#inicio .hero-description{font-size:16px}
#inicio .hero-illustration{padding-top:0}
#inicio .approach{gap:35px}
}
@media(max-width:700px){#inicio .hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-top:49px;padding-bottom:46px;min-height:auto}
#inicio .hero h1{font-size:43px;max-width:440px}
#inicio .hero-description{font-size:16px}
#inicio .hero-illustration{width:100%;max-width:510px;align-self:center}
#inicio .hero-illustration img{width:100%}
#inicio .approach{padding-top:46px;padding-bottom:46px;gap:27px}
#inicio .chart-example figcaption{font-size:10px}
}
@media(max-width:360px){#inicio .hero h1{font-size:38px}
}
#inicio .about-portrait{width:128px;height:128px;margin:0 0 24px;overflow:hidden;background:#796f6b}
#inicio .about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;filter:none;transform:none;border-radius:0}
#inicio .about-intro .eyebrow{margin-top:0}
@media(max-width:700px){#inicio .about-portrait{width:112px;height:112px;margin-bottom:22px}
}
#inicio .guide-meta,#inicio .access-note,#inicio .footer-inner p,#inicio .footer-inner>a,#inicio .preview-note,#inicio .hero-note,#inicio .teaching-figure figcaption,#inicio .chart-example figcaption{font-size:12px;line-height:1.7}
#inicio #navigation a,#inicio .plain-link,#inicio .about-link,#inicio .footer-inner>a,#inicio .preview-note a{min-height:44px;display:inline-flex;align-items:center}
#inicio .about a:focus-visible{outline-color:var(--cream)}
@media(max-width:700px){#inicio .hero-note,#inicio .chart-example figcaption{font-size:12px}
#inicio .guide-content>.plain-link{max-width:100%}
#inicio .plain-link{line-height:1.6}
#inicio .tools .plain-link{white-space:normal}
#inicio .footer-inner{align-items:flex-start}
}
#inicio .guide-row .clocks-guide-title{color:#304bdc}
#inicio #navigation .clocks-nav{color:#304bdc}
#inicio #navigation .clocks-nav:hover{border-color:#304bdc}

/* Shared navigation; dashboard rules and semantic colours stay unchanged. */
body{background:#fbf8f4}
.nav{background:#fbf8f4;border-bottom:1px solid #e2d8ce}
.nav .nav-inner{height:88px}
.nav .brand{color:#493832;gap:13px}
.nav .brand-ring{width:38px;height:38px;border-color:#493832;border-top-color:transparent;filter:none}
.nav .brand-ring:after{border-color:#9d8474;border-top-color:transparent}
.nav .brand-word{color:#493832;font-size:20px}
.nav .nav-link{border-radius:0;background:transparent;color:#706762;border-bottom:1px solid transparent;min-height:44px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-size:13px;font-weight:500}
.nav .nav-link:hover,.nav .nav-link.active{background:transparent;color:#493832;border-bottom-color:#bc947b}
.nav .nav-link[data-view-link="relojes"]{color:#304bdc}
.nav .nav-link[data-view-link="relojes"].active{border-bottom-color:#304bdc}
.nav .step{display:none}
#inicio{font-family:var(--font);color:var(--ink);background:var(--beige);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
#inicio a:focus-visible,#inicio button:focus-visible,.nav button:focus-visible,.nav a:focus-visible{outline:2px solid #493832;outline-offset:5px}
#inicio .about a:focus-visible{outline-color:#fffaf3}
body>footer{background:#fbf8f4;border-top:1px solid #e2d8ce;color:#706762}
@media(max-width:500px){.nav .nav-inner{height:auto;min-height:84px;gap:12px;flex-wrap:wrap;padding-block:14px}.nav .nav-link{padding:10px}.nav .brand-word{font-size:18px}.nav .brand-ring{width:33px;height:33px}}