/* TU MESA DE DISEÑO
   Empezá cambiando los colores de este bloque.
   style.css contiene la estructura base; este archivo le da el estilo de cuaderno. */
:root {
  --ink: #294235;
  --muted: #6e7966;
  --nav: #294837;
  --nav-2: #3e6049;
  --blue: #294837; /* Color de los botones principales; se conserva el nombre interno. */
  --teal: #60784a;
  --line: #dedfcf;
  --bg: #f6f4ec;
  --soft: #e9eddd;
  --radius: 8px;
  --shadow: 0 14px 42px #31412a12;
  font-family: "Segoe UI", Arial, sans-serif;
}
body { background: var(--bg); }
h1,h2,h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.btn { border-radius: 5px; min-height: 42px; }
.btn.primary:hover,.btn.dark:hover { background: #1b3628; }
.btn.small { min-height: 34px; }
.card { box-shadow: none; background: #fffef9; }
.field input,.field select,.field textarea { background: #fffef9; border-color: #cbd1bf; }
.field label { font-size: 13px; }
input[type=checkbox] { accent-color: var(--nav); }
.notice { background: #eff2e7; color: #55624e; border-color: #d9dfcb; }
.notice.warn { background: #fbf5e6; color: #806331; border-color: #e9dcbd; }
.tag { background: #edefe3; color: #677457; }
.badge.green { background: #e9efdf; color: #476435; }
.badge.blue { background: #e9eff1; color: #3a6573; }
.link-btn { color: #385d45; }
.notebook-landing { background: var(--bg); }

/* Portada */
.field-nav { max-width: 1220px; margin: auto; padding: 20px 22px; display: flex; align-items: center; gap: 26px; border-bottom: 1px solid var(--line); }
.field-nav>a { display: block; flex: none; }
.field-nav img { width: 150px; height: 96px; object-fit: contain; mix-blend-mode: multiply; }
.field-university { border-left: 1px solid #d3d9c8; padding-left: 23px; font-size: 12px; color: var(--muted); line-height: 1.8; }
.field-nav nav { margin-left: auto; display: flex; gap: 20px; align-items: center; }
.field-nav nav>button:not(.btn) { border: 0; background: transparent; font-size: 13px; padding: 12px; }
.field-nav .btn { padding: 13px 20px; }
.field-hero { max-width: 1160px; margin: auto; padding: 67px 20px 76px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 65px; }
.field-copy .eyebrow { color: #677d5b; margin-bottom: 31px; font-size: 11px; }
.field-copy h1 { font-size: clamp(42px,5.3vw,72px); line-height: 1.12; letter-spacing: -.05em; margin: 0 0 26px; }
.field-copy h1 em { color: #74814b; font-weight: 400; }
.field-copy>p { font-size: 16px; line-height: 1.85; max-width: 420px; color: #707968; }
.hero-buttons { margin-top: 30px; }
.hero-buttons .btn { font-size: 13px; padding: 13px 19px; min-height: 49px; }
.hero-foot { font-size: 12px; color: #778069; margin-top: 20px; }
/* El papel cuadriculado es CSS. El logo original se usa sin deformarlo. */
.field-art { position: relative; padding: 12px 0 25px; }
.field-notebook { transform: rotate(1.3deg); background: #edefdc; border: 1px solid #d7dbbf; padding: 24px; position: relative; }
.paper-back { position: absolute; inset: 24px -10px 11px 10px; background: #e4e7d4; transform: rotate(1.3deg); }
.notebook-label,.notebook-bottom { display: flex; justify-content: space-between; font-family: ui-monospace,Consolas,monospace; letter-spacing: .10em; font-size: 9px; color: #7a805d; }
.notebook-label { padding-bottom: 17px; border-bottom: 1px solid #c9cfae; }
.notebook-grid { min-height: 330px; position: relative; background-image: linear-gradient(#8294480b 1px,transparent 1px),linear-gradient(90deg,#8294480b 1px,transparent 1px); background-size: 26px 26px; overflow: hidden; }
.specimen-circle { position: absolute; width: 290px; height: 290px; left: 50%; top: 24px; transform: translateX(-50%); border: 1px solid #ccd3a7; border-radius: 50%; box-shadow: 0 0 0 14px #dfe5ba44,0 0 0 15px #ccd3a75a; }
.notebook-grid>img { position: relative; width: 100%; height: 255px; margin-top: 25px; object-fit: contain; mix-blend-mode: multiply; opacity: .83; }
.field-caption { position: relative; display: flex; flex-direction: column; padding: 5px 0 10px; }
.field-caption em { font: italic 24px Georgia,serif; color: #526b43; }
.field-caption span { font-size: 11px; margin-top: 4px; color: #77825d; }
.notebook-bottom { border-top: 1px solid #c9cfae; padding-top: 14px; }
.field-note { position: absolute; right: -21px; bottom: 7px; width: 189px; transform: rotate(-6deg); padding: 25px 23px 22px; background: #fffdf0; border: 1px solid #e3ddba; box-shadow: 0 7px 10px #4853260c; }
.field-note:before { content: ''; width: 58px; height: 23px; background: #c9cfaa70; position: absolute; left: 61px; top: -10px; transform: rotate(3deg); }
.field-note small { font-size: 8px; letter-spacing: .08em; color: #a48942; }
.field-note p { margin: 15px 0 0; font: italic 25px/1.4 Georgia,serif; color: #697049; border-bottom: 1px solid #e2d7b4; padding-bottom: 15px; }
.field-features { max-width: 1120px; margin: auto; padding: 31px 0 43px; border-top: 1px solid #d3d9c6; display: grid; grid-template-columns: repeat(3,1fr); gap: 44px; }
.field-features article { display: flex; gap: 20px; }
.field-features article>span { font: italic 23px Georgia,serif; color: #8b9a62; padding-top: 3px; }
.field-features h2 { font-size: 21px; letter-spacing: -.035em; margin-bottom: 8px; }
.field-features p { font-size: 13px; color: #77806c; }
.field-mobile { margin: 0 auto 28px; max-width: 1120px; padding: 31px; background: #e9eddd; border: 1px solid #d6dec7; display: flex; gap: 25px; align-items: center; }
.field-mobile h2 { font-size: 31px; margin: 12px 0 8px; }
.field-mobile p { color: #748066; font-size: 13px; }
.field-mobile .eyebrow { color: #6b7f5a; }
.field-mobile>.btn { margin-left: auto; }
.mobile-drawing { width: 61px; height: 81px; border: 1px solid #b8c699; background: #f5f7ea; border-radius: 12px; display: grid; place-items: center; transform: rotate(-7deg); flex: none; }
.mobile-drawing .icon { width: 35px; height: 43px; }
.field-footer { max-width: 1120px; margin: auto; padding: 24px 0 35px; border-top: 1px solid #d3d9c6; display: flex; gap: 15px; align-items: center; color: #778065; font-size: 11px; }
.field-footer img { width: 49px; height: 49px; }
.field-footer b { letter-spacing: .15em; }
.field-footer em { margin-left: auto; font: italic 16px Georgia,serif; }
/* El cuaderno por dentro */
.sidebar { background: #294837; }
.side-brand .logo-tile { background: #f6f5ec; border-radius: 5px; }
.side-brand img { mix-blend-mode: multiply; }
.side-brand small,.side-section { color: #acb89b; }
.nav-item { color: #d5ddc9; }
.nav-item:hover { background: #365942; }
.nav-item.active { background: #486447; }
.side-install { background: #ffffff06; }
.side-install p,.side-ceu { color: #b1bda4; }
.topbar { background: #fdfcf7; }
.content { padding-top: 30px; }
.welcome { background: #e9eddc; border: 1px solid #d9e0c7; box-shadow: none; border-radius: 7px; }
.welcome h2 { color: var(--ink); font-size: 29px; }
.welcome p { color: #6e7a60; }
.welcome .eyebrow { color: #788862; }
.welcome::before,.welcome::after { display: none; }
.welcome .btn { background: #fffdf3; color: var(--ink); border-color: #cad4b8; }
.stat-value { font: 39px Georgia,serif; }
.stat-top { font-size: 12px; }
.stat-note { font-size: 11px; }
.card-heading h2 { font-size: 19px; }
.page-heading h1 { font-size: 36px; }
.page-heading p { font-size: 14px; }
.table-footer { font-size: 11px; }
.table-wrap table td { font-size: 12px; }
.mini-alert { background: #eef0e1; border-color: #d7dfc6; }
.mini-alert h3 { font-size: 19px; }
.dialog-top { background: #f3f3e7; }
dialog { background: #fffef9; border-color: #d4dcc6; border-radius: 12px; }
.dialog-top h2 { font-size: 29px; }
.login-box { padding: 25px 28px 28px; }
.login-intro { font-size: 14px; margin-bottom: 22px; color: var(--muted); }
.login-box>.btn { width: 100%; padding: 14px; }
.login-box .field { margin-bottom: 18px; }
.login-box .field input { min-height: 46px; }
.remember-option { display: flex; gap: 12px; align-items: flex-start; margin: 20px 0 17px; cursor: pointer; }
.remember-option input { width: 18px; height: 18px; margin: 3px 0 0; flex: none; }
.remember-option strong { display: block; font-size: 13px; font-weight: 600; }
.remember-option small { display: block; font-size: 12px; line-height: 1.6; color: var(--muted); margin-top: 3px; }
.password-note { font-size: 12px; color: #737b66; }
.login-help { font-size: 12px; margin: 20px 0 0; color: #727b64; }
.dialog-actions { flex-wrap: wrap; }
@media(max-width:1200px){.field-hero{gap:40px;padding-left:35px;padding-right:45px}.field-features,.field-mobile,.field-footer{margin-left:35px;margin-right:35px}}
@media(max-width:850px){.field-nav{margin:0 22px;padding:17px 0}.field-nav img{width:126px;height:77px}.field-university{font-size:10px;padding-left:15px}.field-nav{gap:16px}.field-nav nav>button:not(.btn){display:none}.field-copy h1{font-size:54px}.field-hero{padding-top:48px;gap:30px}.field-copy>p{font-size:14px}.field-note{width:155px;padding:24px 19px;right:-15px}.field-note p{font-size:22px}.notebook-grid{min-height:285px}.notebook-grid>img{height:230px}.specimen-circle{width:215px;height:215px}.field-features{gap:22px}.field-features article{gap:12px}.field-features h2{font-size:19px}.field-features p{font-size:12px}.field-mobile{padding:25px;gap:18px}.field-mobile>.btn{font-size:11px}.field-mobile h2{font-size:26px}}
@media(max-width:650px){
 .field-nav{margin:0 20px;gap:15px}.field-nav img{width:105px;height:69px}.field-university{font-size:9px;line-height:1.7;padding-left:13px}.field-nav .btn{padding:10px 12px;min-height:40px}.field-nav .btn .icon{display:none}
 .field-hero{grid-template-columns:1fr;padding:41px 25px 47px;gap:40px}.field-copy .eyebrow{font-size:10px;margin-bottom:23px}.field-copy h1{font-size:51px}.field-copy>p{font-size:15px;line-height:1.8}.hero-buttons{gap:10px}.hero-buttons .btn{padding:12px 14px;font-size:12px}.hero-foot{font-size:11px}
 .field-art{max-width:410px;width:100%;margin:auto;padding:0 11px 17px 0}.field-notebook{padding:20px}.notebook-grid{min-height:276px}.notebook-grid>img{height:217px}.specimen-circle{width:230px;height:230px}.field-note{bottom:0;right:-4px;width:150px}.field-caption em{font-size:23px}
 .field-features{grid-template-columns:1fr;margin:0 25px;gap:27px;padding:30px 0}.field-features article{gap:18px}.field-features h2{font-size:24px;margin-bottom:6px}.field-features p{font-size:13px}
 .field-mobile{margin:5px 25px 26px;padding:23px;display:grid;grid-template-columns:1fr;gap:16px}.mobile-drawing{display:none}.field-mobile h2{font-size:29px}.field-mobile .eyebrow{font-size:9px}.field-mobile>.btn{margin:0;justify-self:start;font-size:12px}
 .field-footer{margin:0 25px;font-size:10px;gap:12px;padding-bottom:24px}.field-footer img{width:43px;height:43px}.field-footer em{display:none}.field-footer p{line-height:1.5;margin-top:4px}
 .page-heading h1{font-size:30px}.page-heading p{font-size:13px}.welcome h2{font-size:25px}.card-heading h2{font-size:18px}.login-box{padding:22px}.dialog-top h2{font-size:26px}.dialog-actions>.section-gap{margin-top:0}.field label{font-size:12px}.field input,.field select,.field textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Texto pequeño con más contraste para leer fichas y tablas. */
.stat-top,.stat-note,.breadcrumb,.page-footer,.table-footer,.secondary { color: #66725e; }

/* Identidad: una cabecera compartida y marcas con espacio propio.
   El archivo CEU se conserva íntegro; el marco encuadra su margen azul. */
.field-nav{padding:20px 28px;gap:24px;min-height:148px}
.brand-pair{display:flex;align-items:center;gap:28px;flex:none}
.saigas-wordmark{display:flex;align-items:center;flex:none}
.field-nav .saigas-wordmark img{width:174px;height:124px;object-fit:contain;mix-blend-mode:multiply}
.brand-affiliation{border-left:1px solid var(--line);padding-left:28px;display:grid;gap:9px}
.brand-affiliation>span{font-size:10px;color:var(--muted);letter-spacing:.08em}
.ceu-lockup{display:block;position:relative;flex:none;width:154px;height:80px;overflow:hidden;border-radius:2px}
.ceu-lockup.ceu-original img{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:auto;max-width:none;mix-blend-mode:normal;object-fit:contain}
.ceu-lockup.ceu-custom img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
.field-footer{gap:24px;padding-top:26px;padding-bottom:30px}
.field-footer .ceu-lockup{width:144px;height:76px}.field-footer>div{max-width:340px;line-height:1.7}
.sidebar{background:var(--nav);padding-top:0;overflow-y:auto}
.side-brand{margin:0 -17px 8px;padding:18px 20px 20px;background:var(--bg);border-bottom:1px solid var(--line)}
.side-brand .logo-tile{background:transparent;height:auto;border-radius:0}
.side-brand img{width:172px;height:122px;object-fit:contain;mix-blend-mode:multiply}
.side-brand small{color:var(--muted);font-size:9px;letter-spacing:.18em;margin-top:10px}
.side-ceu{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0 0;padding-top:17px;border-top:1px solid #ffffff20}
.side-ceu>span:first-child{font-size:9px;text-align:center;color:#dce3d3}
.side-ceu .ceu-lockup{width:152px;height:78px}.side-ceu .ceu-lockup img{width:100%;height:auto}
@media(max-width:850px){.field-nav{margin:0 20px;padding:16px 0;gap:15px;min-height:124px}.brand-pair{gap:18px}.brand-affiliation{padding-left:18px}.field-nav .saigas-wordmark img{width:143px;height:102px}.brand-affiliation .ceu-lockup{width:126px;height:66px}.brand-affiliation>span{font-size:9px}.field-nav nav{gap:0}.field-nav nav>button:not(.btn){display:none}}
@media(max-width:540px){.field-nav{margin:0 16px;gap:12px;min-height:112px}.brand-pair{gap:12px}.brand-affiliation{padding-left:12px;gap:6px}.field-nav .saigas-wordmark img{width:112px;height:84px}.brand-affiliation .ceu-lockup{width:108px;height:56px}.brand-affiliation>span{font-size:8px;letter-spacing:.03em}.field-nav .btn{padding:10px 12px}.field-footer{align-items:flex-start;gap:18px}.field-footer .ceu-lockup{width:112px;height:62px}.field-footer>div{flex:1}.field-footer p{font-size:10px}}
@media(max-width:370px){.field-nav{flex-wrap:wrap}.brand-pair{flex:1}.field-nav nav{margin-left:auto}.field-nav .saigas-wordmark img{width:98px;height:72px}.brand-affiliation .ceu-lockup{width:92px;height:52px}.brand-pair{gap:8px}.brand-affiliation{padding-left:8px}.field-nav .btn{font-size:10px;padding:8px}.field-footer{flex-direction:column}}

/* Marcas originales en el pie de página. */
.field-footer .footer-saigas{display:flex;align-items:center;gap:18px;max-width:450px}
.field-footer .footer-saigas-logo{display:block;width:128px;height:96px;object-fit:contain;flex-shrink:0}
.field-footer .footer-saigas p{max-width:245px}
@media(max-width:740px){.field-footer .footer-saigas{flex-direction:column;align-items:flex-start;gap:8px}.field-footer .footer-saigas-logo{width:112px;height:84px}}