/* Libreta de campo y detalles botánicos. La ilustración es decorativa; las fichas conservan legibilidad. */
:root{--ochre:#bd813a;--clay:#a15337;--leaf-light:#e4ead7;--paper:#fffef7}
.notebook-landing{background-color:var(--bg);background-image:radial-gradient(#4654370b .65px,transparent .65px);background-size:6px 6px}
.field-nav{max-width:1280px;border-bottom:1px solid #88946d50}
.field-nav nav>button:not(.btn){font-size:12px;color:var(--ink)}
.field-nav nav>.btn{border-radius:4px;padding-left:24px;padding-right:24px}
.field-hero{max-width:1280px;grid-template-columns:.92fr 1.08fr;gap:46px;padding:55px 32px 92px;min-height:640px}
.field-copy{position:relative;z-index:2;padding-bottom:25px}
.field-copy .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:28px;font-size:10px;letter-spacing:.16em;color:var(--ink)}
.field-copy .eyebrow:before{content:'';display:block;width:29px;height:1px;background:var(--clay)}
.field-copy h1{font-size:clamp(58px,6vw,84px);letter-spacing:-.055em;line-height:1.04;margin-bottom:29px}
.field-copy h1 em{color:var(--teal);position:relative}
.field-copy h1 em:after{content:'';height:2px;background:#b2864855;position:absolute;left:3px;right:10px;bottom:-7px;transform:rotate(-2deg)}
.field-copy>p{font-size:16px;line-height:1.85;max-width:440px;color:#55614f}
.hero-buttons{margin-top:30px;gap:12px}.hero-buttons .btn{padding:15px 22px;font-size:12px}
.hero-buttons .btn:not(.primary){background:transparent;border-color:#95a087;color:var(--ink)}
.hero-foot{color:#637254;font-size:11px;margin-top:22px;max-width:360px;align-items:flex-start}
.field-features{max-width:1216px;gap:35px;border-top:1px solid #98a38460;padding:28px 0 32px;margin-top:5px}
.field-features article{padding-right:18px}.field-features article+article{border-left:1px solid #99a58740;padding-left:28px}
.field-features article>span{font:italic 26px Georgia,serif;color:#9f783f;letter-spacing:-.04em}
.field-features h2{font-size:25px;color:var(--ink)}.field-features p{font-size:12px;line-height:1.85;color:#63725b}
.field-mobile{max-width:1216px;background:#e9eddd;border:1px solid #d5ddc3;border-radius:3px;margin-top:35px;margin-bottom:42px;padding:33px 38px;position:relative;overflow:hidden}
.field-mobile:after{content:'';width:170px;height:170px;border:1px solid #9eac7f40;border-radius:100% 0 100% 0;position:absolute;right:130px;bottom:-100px;transform:rotate(-25deg);pointer-events:none}
.field-mobile h2{font-size:31px}.field-mobile .eyebrow{font-size:9px;color:#6c7956}.mobile-drawing{background:#d9e2c6;border-radius:50% 50% 45% 50%;color:var(--nav)}
.field-footer{max-width:1216px;color:#657257}.field-footer em{color:#66794d}
.topbar{background:#fffef8ed;backdrop-filter:blur(12px)}
.content{background-image:radial-gradient(#58694108 .65px,transparent .65px);background-size:7px 7px}
.page-heading h1{font-size:31px;letter-spacing:-.025em}.page-heading .eyebrow{color:#8e764b;font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em}
.welcome{min-height:180px;border-radius:5px;border:1px solid #cad4b5;background-color:#e9eddf;background-image:linear-gradient(110deg,#e9efdc,#f2f4e8);background-size:auto;padding:28px 30px}
.welcome:after{display:block;content:'';position:absolute;right:28px;top:-45px;width:185px;height:245px;border:1px solid #8ea36855;border-radius:100% 0 100% 0;transform:rotate(25deg);background:transparent;box-shadow:22px 28px 0 -1px #e3eace,22px 28px 0 0 #9fb47e35,44px 56px 0 -1px #e7edd9;opacity:.65;pointer-events:none}.welcome h2{font-size:31px;line-height:1.15;color:var(--nav);max-width:410px}.welcome p{font-size:12px;line-height:1.7;max-width:370px;color:#596b4f}.welcome>.btn{background:#fffef5eb}
.welcome .eyebrow{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#6d7a57}
.stat{background:var(--paper);border-top:2px solid #9aab78;border-radius:4px}.stat:nth-child(2){border-top-color:#b69765}.stat:nth-child(3){border-top-color:#829e96}.stat:nth-child(4){border-top-color:#ba815c}
.stat-value{font-family:Georgia,serif;font-size:37px;color:var(--nav);font-weight:400}.stat-top{color:#5d6d52}.stat-note{color:#76816c}
.card{border-radius:5px}.card-heading h2{font-size:21px}.card-heading{border-bottom-color:#e0e4d5}.table-wrap th{background:#f2f3e9;color:#667752;letter-spacing:.06em}
.side-section{font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;letter-spacing:.17em}.side-nav{gap:3px}.nav-item{border-radius:4px;font-size:12px}
.nav-item.active{background:#e2ebcf;color:#2b4b36}.nav-item.active:before{background:#b2894a}.nav-count{background:#b1c09845}.side-install{border-radius:4px;background:#ffffff07}
.btn.primary:hover,.btn.dark:hover{background:var(--nav-2);filter:brightness(.94)}
@media(max-width:1100px){.field-hero{gap:25px;padding-left:32px;padding-right:40px}.field-copy h1{font-size:64px}.field-copy>p{font-size:14px}.field-features,.field-mobile,.field-footer{margin-left:32px;margin-right:32px}.welcome>.btn{display:none}}
@media(max-width:760px){.field-hero{grid-template-columns:1fr;gap:12px;padding:47px 30px 66px;min-height:0}.field-copy{padding-bottom:5px}.field-copy h1{font-size:64px}.field-copy>p{max-width:490px;font-size:15px}.field-copy .eyebrow{margin-bottom:25px}.field-features{gap:22px}.field-features article+article{padding-left:0;border-left:0}.field-features h2{font-size:23px}.field-features article>span{font-size:22px}.field-mobile{margin-top:28px;padding:27px}.field-mobile h2{font-size:27px}.page-heading h1{font-size:27px}}
@media(max-width:500px){.field-copy h1{font-size:60px}.field-hero{padding:37px 22px 66px}.hero-buttons .btn{padding:13px 16px;font-size:11px}.hero-foot{font-size:10px}.field-copy>p{font-size:14px}.field-features,.field-mobile,.field-footer{margin-left:22px;margin-right:22px}.field-features{padding-top:22px}.field-mobile{padding:23px 20px}.field-mobile h2{font-size:25px}.field-mobile p{font-size:12px}.field-footer{padding-top:24px}.welcome{min-height:190px;padding:24px;background-image:linear-gradient(110deg,#e9efdc,#f2f4e8)}.welcome h2{font-size:27px;max-width:255px}.welcome p{max-width:230px;font-size:11px}.stat-value{font-size:33px}.card-heading h2{font-size:19px}.page-heading h1{font-size:25px}}
@media(prefers-reduced-motion:no-preference){@keyframes field-arrive{from{opacity:0;transform:translateY(10px) rotate(.8deg)}to{opacity:1;transform:translateY(0) rotate(.8deg)}}}

/* La marca CEU blanca se integra en el papel sin un recuadro azul. */
.brand-affiliation .ceu-lockup{width:165px;height:98px;overflow:visible}
.ceu-lockup.ceu-custom img{mix-blend-mode:multiply;width:100%;height:100%;object-fit:contain}
.side-ceu .ceu-lockup{width:158px;height:94px;background:var(--bg);padding:8px;border-radius:3px}
.side-ceu .ceu-lockup.ceu-custom img{position:static;transform:none;width:100%;height:100%}
.field-footer .ceu-lockup{width:157px;height:96px}
.field-notebook{background:#f0f1e1;border-color:#cbd4b6;box-shadow:8px 14px 0 #d7dfc244,0 16px 30px #4250320a;transform:rotate(2deg)}
.paper-back{background:#dce4c9;transform:rotate(-5deg)}
.notebook-label{color:#75835e}.notebook-grid{background-image:linear-gradient(#8294480c 1px,transparent 1px),linear-gradient(90deg,#8294480c 1px,transparent 1px)}
.notebook-grid>img{opacity:.9}.field-note{background:#e1e8c9;color:#425334;border-color:#c9d3ad}
.field-caption em{color:#546b40}.notebook-bottom{color:#71845a}
@media(max-width:850px){.brand-affiliation .ceu-lockup{width:132px;height:82px}.field-nav .saigas-wordmark img{width:143px;height:102px}}
@media(max-width:760px){.field-art{width:100%;max-width:480px;margin:16px auto 0}}
@media(max-width:540px){.brand-affiliation .ceu-lockup{width:111px;height:69px}.field-footer .ceu-lockup{width:120px;height:80px}.field-nav .saigas-wordmark img{width:112px;height:84px}.welcome:after{right:-65px}}
@media(max-width:370px){.brand-affiliation .ceu-lockup{width:92px;height:60px}.field-nav .saigas-wordmark img{width:98px;height:72px}}

/* Logo completo, centrado y separado de la nota del cuaderno. */
.notebook-grid>img{display:block;width:100%;height:255px;margin:25px auto 12px;object-fit:contain;opacity:1}
.field-art{padding-bottom:0}
.field-note{position:relative;right:auto;bottom:auto;margin:6px 0 -24px auto;width:220px;transform:rotate(-3deg);padding:23px 24px 19px}
.field-note p{font-size:22px;line-height:1.25}
@media(max-width:760px){.field-note{right:auto;bottom:auto;margin:9px 0 0 auto;width:205px}.field-art{padding-bottom:0}.notebook-grid>img{height:245px}}
@media(max-width:500px){.field-note{right:auto;bottom:auto;width:190px;padding:21px;margin-top:9px}.field-note p{font-size:21px}.notebook-grid>img{height:210px;margin-top:20px}.notebook-grid{min-height:285px}}