/* Rayuela Escritura Creativa · hoja de estilo unica
   Papiro claro · Young Serif + Manrope · verde laurel */

:root{
  --paper:#FBF7F0; --paper-2:#F4EDE0; --paper-3:#EBE1D0;
  --ink:#2A2621; --ink-soft:#5C5449; --muted:#8E8477;
  --line:#E2D8C6; --line-soft:#EFE7D9;
  --laurel:#3F5A46; --laurel-deep:#2C4132; --laurel-wash:#E8EFE9;
  --danger:#9B3B33; --danger-wash:#F7E9E7;
  --on-dark:#FBF7F0;
  --shadow-s:0 1px 2px rgba(42,38,33,.05);
  --shadow-m:0 2px 6px rgba(42,38,33,.06),0 14px 34px rgba(42,38,33,.09);
  --photo:grayscale(.15) sepia(.10) contrast(1.02) brightness(1.02) saturate(.95);
  --photo-bw:grayscale(1) sepia(.16) contrast(1.04) brightness(1.03);
  --r:10px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Manrope","Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.62;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:"Young Serif",Georgia,"Times New Roman",serif;font-weight:400;margin:0;line-height:1.08;text-wrap:balance;letter-spacing:-.015em;}
h4,h5{font-family:"Manrope",sans-serif;font-weight:700;margin:0;}
p{margin:0;}
img{display:block;max-width:100%;}
a{color:var(--laurel);text-decoration:none;}
a:hover{text-decoration:underline;}
button{font:inherit;color:inherit;}
hr{border:0;border-top:1px solid var(--line);margin:0;}
:focus-visible{outline:2px solid var(--laurel);outline-offset:3px;border-radius:3px;}
.skip{position:absolute;left:-9999px;}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--paper);padding:10px 16px;border:1px solid var(--laurel);border-radius:6px;}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important;}}

/* ---------- estructura ---------- */
.wrap{width:100%;max-width:1140px;margin:0 auto;padding-inline:clamp(20px,4.5vw,52px);}
.wrap.narrow{max-width:820px;}
.site{display:flex;flex-direction:column;min-height:100vh;}
main{flex:1 0 auto;}
.sec{padding-block:clamp(44px,6vw,92px);}
.sec.tight{padding-block:clamp(28px,3.5vw,48px);}
.tinted{background:var(--paper-2);}
.sec-head{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(24px,3.2vw,40px);}
.sec-head h1{font-size:clamp(30px,4.4vw,50px);}
.sec-head h2{font-size:clamp(27px,3.7vw,44px);}
.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--laurel);}
.lede{font-size:clamp(16.5px,1.5vw,19px);line-height:1.62;color:var(--ink-soft);max-width:58ch;}
.prose{color:var(--ink-soft);max-width:66ch;}
.prose p + p{margin-top:1em;}
.stack{display:flex;flex-direction:column;}
.stack.g8{gap:8px}.stack.g12{gap:12px}.stack.g16{gap:16px}.stack.g24{gap:24px}.stack.g32{gap:32px}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.row.between{justify-content:space-between;}
.muted{color:var(--muted);}
.small{font-size:13.5px;}
.center{text-align:center;}

/* ---------- botones ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;
  border:1.5px solid var(--laurel);background:var(--laurel);color:var(--on-dark);
  padding:13px 26px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:-.01em;
  transition:background .2s,border-color .2s,color .2s,transform .2s;text-decoration:none;
}
.btn:hover{background:var(--laurel-deep);border-color:var(--laurel-deep);color:var(--on-dark);transform:translateY(-1px);text-decoration:none;}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.btn.ghost:hover{border-color:var(--ink);background:transparent;color:var(--ink);}
.btn.light{background:var(--paper);border-color:var(--paper);color:var(--laurel-deep);}
.btn.light:hover{background:#fff;border-color:#fff;color:var(--laurel-deep);}
.btn.danger{background:var(--danger);border-color:var(--danger);}
.btn.danger:hover{background:#7d2f28;border-color:#7d2f28;}
.btn.sm{padding:9px 18px;font-size:13.5px;}
.btn.wide{width:100%;}
.btn[disabled]{opacity:.5;cursor:not-allowed;}

/* ---------- avisos ---------- */
.note{padding:13px 17px;border-radius:var(--r);font-size:14.5px;border-left:3px solid;}
.note.ok{background:var(--laurel-wash);border-color:var(--laurel);color:var(--laurel-deep);}
.note.bad{background:var(--danger-wash);border-color:var(--danger);color:var(--danger);}
.note.info{background:var(--paper-2);border-color:var(--line);color:var(--ink-soft);}
.note ul{margin:6px 0 0;padding-left:18px;}

/* ---------- cabecera ---------- */
.topbar{background:var(--paper);border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:20;}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);}
.brand:hover{text-decoration:none;}
.brand svg{flex:none;width:26px;height:34px;color:var(--laurel);}
.brand .bn{font-family:"Young Serif",Georgia,serif;font-size:23px;line-height:1;display:block;}
.brand .bs{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin-top:5px;}
.nav{display:none;align-items:center;gap:2px;}
.nav a{padding:9px 11px;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--ink-soft);text-decoration:none;}
.nav a:hover{color:var(--ink);background:var(--paper-2);text-decoration:none;}
.nav a[aria-current="page"]{color:var(--laurel);font-weight:700;}
.nav a.cta{margin-left:10px;background:var(--laurel);color:var(--on-dark);padding:10px 20px;font-weight:700;}
.nav a.cta:hover{background:var(--laurel-deep);color:var(--on-dark);}
.burger{display:inline-flex;flex-direction:column;gap:4px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:11px;cursor:pointer;}
.burger span{display:block;width:16px;height:1.6px;background:var(--ink);border-radius:2px;}
.drawer{display:none;flex-direction:column;padding:6px 0 18px;}
.drawer a{padding:13px 0;font-size:16px;font-weight:500;color:var(--ink-soft);border-bottom:1px solid var(--line-soft);text-decoration:none;}
.drawer a:last-child{border-bottom:0;color:var(--laurel);font-weight:700;}
body.nav-open .drawer{display:flex;}
@media (min-width:1080px){ .nav{display:flex;} .burger{display:none;} body.nav-open .drawer{display:none;} }

/* ---------- portada ---------- */
.hero{padding-block:clamp(40px,5vw,80px);}
.hero-grid{display:grid;grid-template-columns:1fr;gap:clamp(30px,4vw,60px);align-items:center;}
@media (min-width:900px){.hero-grid{grid-template-columns:1.05fr .95fr;}}
.hero h1{font-size:clamp(38px,5.6vw,68px);}
.hero h1 i{font-style:normal;color:var(--laurel);}
.hero-photo{position:relative;padding:12px;background:var(--paper-2);border:1px solid var(--line);}
.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:var(--photo);}
.proof{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--muted);}
.dots{display:flex;}
.dots span{width:30px;height:30px;border-radius:50%;border:2px solid var(--paper);background:var(--laurel-wash);
  color:var(--laurel);display:grid;place-items:center;font-size:11px;font-weight:800;margin-left:-9px;}
.dots span:first-child{margin-left:0;}

.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
@media (min-width:800px){.facts{grid-template-columns:repeat(4,1fr);}}
.fact{background:var(--paper);padding:24px clamp(16px,2vw,26px);display:flex;flex-direction:column;gap:4px;}
.fact b{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:clamp(28px,3vw,36px);line-height:1;color:var(--laurel);font-variant-numeric:tabular-nums;}
.fact span{font-size:13px;color:var(--muted);line-height:1.4;}

/* ---------- rejilla de talleres ---------- */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;}
.chip{border:1.5px solid var(--line);background:transparent;color:var(--ink-soft);padding:8px 17px;border-radius:999px;
  font-size:13.5px;font-weight:600;text-decoration:none;display:inline-block;}
.chip:hover{border-color:var(--ink);color:var(--ink);text-decoration:none;}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper);}

.grid{display:grid;grid-template-columns:1fr;gap:clamp(20px,2.4vw,30px);}
@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1000px){.grid.g3{grid-template-columns:repeat(3,1fr);}}

.card{display:flex;flex-direction:column;gap:16px;text-decoration:none;color:inherit;}
.card:hover{text-decoration:none;}
.card-photo{position:relative;overflow:hidden;background:var(--paper-3);aspect-ratio:5/4;}
.card-photo img{width:100%;height:100%;object-fit:cover;filter:var(--photo);transition:transform .55s cubic-bezier(.22,.8,.3,1);}
.card:hover .card-photo img{transform:scale(1.045);}
.card-photo.empty{display:grid;place-items:center;color:var(--muted);font-size:13px;}
.badge{position:absolute;left:12px;top:12px;background:var(--paper);color:var(--laurel);font-size:11px;font-weight:800;
  letter-spacing:.09em;text-transform:uppercase;padding:6px 12px;border-radius:999px;}
.badge.few{background:var(--laurel);color:var(--on-dark);}
.card h3{font-size:clamp(20px,2vw,25px);}
.card:hover h3{color:var(--laurel);}
.card p{font-size:14.5px;color:var(--ink-soft);}
.meta{display:flex;flex-wrap:wrap;gap:6px 10px;}
.meta span{font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--paper-2);padding:5px 11px;border-radius:999px;}
.meta span.price{background:var(--laurel-wash);color:var(--laurel-deep);font-weight:800;}

/* ---------- cita con foto ---------- */
.band{background:var(--paper-2);border-block:1px solid var(--line);}
.band-in{display:grid;grid-template-columns:1fr;}
@media (min-width:860px){.band-in{grid-template-columns:1.05fr .95fr;}}
.band-txt{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(38px,5vw,72px) clamp(20px,4.5vw,64px);}
.band blockquote{margin:0;font-family:"Young Serif",Georgia,serif;font-size:clamp(24px,3vw,40px);line-height:1.16;max-width:17ch;}
.band cite{font-style:normal;font-size:13.5px;font-weight:700;color:var(--laurel);}
.band-photo{overflow:hidden;min-height:240px;}
.band-photo img{width:100%;height:100%;min-height:240px;object-fit:cover;filter:var(--photo);}

/* ---------- pasos ---------- */
.steps{display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,40px);}
@media (min-width:800px){.steps{grid-template-columns:repeat(3,1fr);}}
.step{display:flex;flex-direction:column;gap:11px;padding-top:20px;border-top:2px solid var(--laurel);}
.step b{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--laurel);}
.step h3{font-size:22px;}
.step p{font-size:14.5px;color:var(--ink-soft);}

/* ---------- ficha de taller ---------- */
.detail{display:grid;grid-template-columns:1fr;gap:clamp(28px,3vw,48px);align-items:start;}
@media (min-width:900px){.detail{grid-template-columns:1fr 320px;}}
.detail-main{display:flex;flex-direction:column;gap:30px;}
.detail h1{font-size:clamp(30px,4.2vw,50px);}
.detail-hero{overflow:hidden;background:var(--paper-3);}
.detail-hero img{width:100%;aspect-ratio:21/9;object-fit:cover;filter:var(--photo);}
.aside{border:1px solid var(--line);background:var(--paper-2);padding:26px 24px;display:flex;flex-direction:column;gap:18px;
  position:sticky;top:92px;border-radius:var(--r);}
.price{font-family:"Young Serif",Georgia,serif;font-size:42px;line-height:1;color:var(--laurel-deep);}
.price small{display:block;font-family:"Manrope",sans-serif;font-size:13px;color:var(--muted);margin-top:8px;font-weight:500;}
.aside dl{margin:0;display:flex;flex-direction:column;}
.aside dl > div{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:10px 0;border-top:1px solid var(--line);}
.aside dt{color:var(--muted);font-weight:500;}
.aside dd{margin:0;text-align:right;font-weight:600;}
.left{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--laurel);}
.left i{width:8px;height:8px;border-radius:50%;background:var(--laurel);display:block;}

.syl{display:flex;flex-direction:column;}
.syl-i{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--line-soft);}
.syl-i:first-child{border-top:1px solid var(--line);}
.syl-i b{font-size:13px;font-weight:800;color:var(--laurel);flex:none;width:2.2em;padding-top:2px;font-variant-numeric:tabular-nums;}
.syl-i strong{display:block;font-weight:700;font-size:16px;margin-bottom:2px;}
.syl-i span{font-size:14.5px;color:var(--ink-soft);}

/* ---------- personas ---------- */
.people{display:grid;grid-template-columns:1fr;gap:clamp(26px,3.4vw,50px);}
@media (min-width:720px){.people{grid-template-columns:repeat(2,1fr);}}
.person{display:flex;flex-direction:column;gap:13px;}
.person .ph{overflow:hidden;background:var(--paper-3);aspect-ratio:1;}
.person .ph img{width:100%;height:100%;object-fit:cover;filter:var(--photo-bw);transition:filter .4s;}
.person:hover .ph img{filter:var(--photo-bw);}
.person .ph.empty{display:grid;place-items:center;font-family:"Young Serif",serif;font-size:40px;color:var(--muted);}
.person h3{font-size:clamp(22px,2.4vw,29px);}
.person .role{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--laurel);}
.person p{font-size:14.5px;color:var(--ink-soft);line-height:1.62;}
.person .bio p+p{margin-top:.85em;}
.person .bio{max-width:52ch;}
.person.row-l{flex-direction:row;gap:20px;align-items:flex-start;}
.person.row-l .ph{width:112px;flex:none;}

/* ---------- llamada final ---------- */
.cta{background:var(--laurel);color:var(--on-dark);}
.cta .wrap{padding-block:clamp(44px,5.5vw,80px);display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
.cta h2{font-size:clamp(28px,3.8vw,46px);color:var(--on-dark);max-width:17ch;}
.cta p{color:rgba(251,247,240,.8);max-width:48ch;font-size:16.5px;}
.cta .eyebrow{color:rgba(251,247,240,.7);}

/* ---------- formularios ---------- */
.form{display:grid;grid-template-columns:1fr;gap:16px;max-width:560px;}
.form.wide{max-width:none;}
@media (min-width:660px){.form.two{grid-template-columns:1fr 1fr;} .form .full{grid-column:1/-1;}}
.field{display:flex;flex-direction:column;gap:7px;}
label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],select,textarea{
  font:inherit;font-size:15.5px;color:var(--ink);background:var(--paper);
  border:1.5px solid var(--line);border-radius:8px;padding:12px 14px;width:100%;
}
input::placeholder,textarea::placeholder{color:#B4A996;}
input:focus,select:focus,textarea:focus{border-color:var(--laurel);outline:none;box-shadow:0 0 0 3px var(--laurel-wash);}
textarea{resize:vertical;min-height:120px;line-height:1.6;}
.check{display:flex;align-items:center;gap:9px;font-size:14.5px;color:var(--ink-soft);cursor:pointer;text-transform:none;letter-spacing:0;font-weight:500;}
.check input{width:auto;}
.hp{position:absolute;left:-9999px;}
.hint{font-size:12.5px;color:var(--muted);}

/* ================= AULA ================= */
.aula-bar{background:var(--paper-2);border-bottom:1px solid var(--line);}
.aula-bar-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:14px;}
.who{display:flex;align-items:center;gap:11px;font-size:14px;}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--laurel);color:var(--on-dark);display:grid;place-items:center;
  font-size:12.5px;font-weight:800;flex:none;font-style:normal;}
.avatar.sm{width:24px;height:24px;font-size:10px;}
.avatar.soft{background:var(--laurel-wash);color:var(--laurel);}
.aula-nav{display:flex;flex-wrap:wrap;gap:4px;}
.aula-nav a{padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink-soft);}
.aula-nav a:hover{background:var(--paper-3);text-decoration:none;}
.aula-nav a[aria-current="page"]{background:var(--laurel);color:var(--on-dark);}

.aula-grid{display:grid;grid-template-columns:1fr;gap:clamp(26px,3vw,44px);align-items:start;}
@media (min-width:960px){.aula-grid{grid-template-columns:1fr 310px;}}

.topic{border:1px solid var(--line);background:var(--paper);margin-bottom:12px;border-radius:var(--r);overflow:hidden;}
.topic.on{border-color:var(--laurel);box-shadow:var(--shadow-s);}
.topic-head{display:flex;align-items:center;gap:15px;padding:17px 19px;}
.topic-n{font-size:12.5px;font-weight:800;color:var(--muted);flex:none;font-variant-numeric:tabular-nums;}
.topic-t{flex:1;min-width:0;}
.topic-t strong{display:block;font-size:16px;font-weight:700;}
.topic-t span{font-size:13px;color:var(--muted);}
.topic-t a{color:inherit;}
.state{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;padding:6px 12px;border-radius:999px;}
.state.open{background:var(--laurel-wash);color:var(--laurel-deep);}
.state.locked{background:var(--paper-3);color:var(--ink-soft);}
.state.soon{background:var(--paper-2);color:var(--muted);}
.unlock{border-top:1px solid var(--line-soft);padding:18px 19px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;}
.unlock .field{flex:1;min-width:170px;}

.mats{display:flex;flex-wrap:wrap;gap:9px;}
.mat{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--paper-2);
  padding:9px 14px;font-size:13.5px;border-radius:8px;font-weight:500;color:var(--ink);}
.mat:hover{border-color:var(--laurel);text-decoration:none;}
.mat em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--laurel);text-transform:uppercase;}
.brief{background:var(--laurel-wash);padding:16px 18px;font-size:14.5px;color:var(--ink-soft);border-radius:var(--r);}
.brief b{display:block;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--laurel-deep);margin-bottom:6px;}

.work{border:1px solid var(--line);background:var(--paper);padding:19px 21px;display:flex;flex-direction:column;gap:12px;
  margin-bottom:14px;border-radius:var(--r);scroll-margin-top:90px;}
.work-head{display:flex;align-items:center;gap:11px;}
.work-head b{font-size:14.5px;font-weight:700;}
.work-head time{font-size:12px;color:var(--muted);margin-left:auto;font-weight:600;}
.work .ex{font-family:"Young Serif",Georgia,serif;font-size:17px;line-height:1.45;color:var(--ink);
  border-left:3px solid var(--paper-3);padding-left:16px;white-space:pre-wrap;}
.replies{display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--line-soft);padding-top:13px;}
.reply{display:flex;gap:10px;font-size:14px;color:var(--ink-soft);}
.reply b{color:var(--ink);font-weight:700;}
.reply.teacher .avatar{background:var(--laurel);color:var(--on-dark);}
.reply-form{display:flex;gap:9px;align-items:flex-end;padding-top:4px;}
.reply-form input{flex:1;}
.prog{height:7px;background:var(--paper-3);border-radius:99px;overflow:hidden;}
.prog i{display:block;height:100%;background:var(--laurel);}

/* ================= PANEL ================= */
.panel{display:grid;grid-template-columns:1fr;min-height:100vh;}
@media (min-width:900px){.panel{grid-template-columns:250px 1fr;}}
.side{background:var(--paper-2);border-right:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;gap:22px;}
.side nav{display:flex;flex-direction:column;gap:2px;}
.side nav a{padding:10px 14px;border-radius:8px;font-size:14.5px;font-weight:600;color:var(--ink-soft);}
.side nav a:hover{background:var(--paper-3);text-decoration:none;}
.side nav a[aria-current="page"]{background:var(--laurel);color:var(--on-dark);}
.side .sep{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:10px 0 2px 14px;}
.panel-main{padding:clamp(22px,3vw,42px) clamp(20px,3.5vw,46px);min-width:0;}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;}
.tile{border:1px solid var(--line);background:var(--paper-2);border-radius:var(--r);padding:18px 20px;display:flex;flex-direction:column;gap:4px;}
.tile b{font-family:"Young Serif",serif;font-size:32px;line-height:1;color:var(--laurel);font-variant-numeric:tabular-nums;}
.tile span{font-size:13px;color:var(--muted);}

.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);}
table{width:100%;border-collapse:collapse;min-width:560px;}
th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  padding:13px 16px;border-bottom:1px solid var(--line);background:var(--paper-2);white-space:nowrap;}
td{padding:13px 16px;border-bottom:1px solid var(--line-soft);font-size:14.5px;vertical-align:middle;}
tr:last-child td{border-bottom:0;}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;}
td .tiny{font-size:12.5px;color:var(--muted);display:block;}

.pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;background:var(--paper-3);color:var(--ink-soft);}
.pill.on{background:var(--laurel-wash);color:var(--laurel-deep);}
.pill.off{background:var(--danger-wash);color:var(--danger);}

.box{border:1px solid var(--line);background:var(--paper-2);border-radius:var(--r);padding:22px 24px;}
.inline-form{display:inline;}
.actions{display:flex;flex-wrap:wrap;gap:8px;}

/* ================= entrar ================= */
.bare{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;gap:24px;background:var(--paper);}
.bare-box{width:100%;max-width:420px;border:1px solid var(--line);background:var(--paper-2);border-radius:var(--r);padding:28px 26px;display:flex;flex-direction:column;gap:16px;}

/* ---------- medidor de contraseña ---------- */
.pwmeter{display:flex;flex-direction:column;gap:6px;margin-top:8px;}
.pwbar{height:5px;background:var(--paper-3);border-radius:99px;overflow:hidden;}
.pwbar i{display:block;height:100%;width:0;background:var(--muted);border-radius:99px;
  transition:width .25s ease,background .25s ease;}
.pwtext{font-size:12.5px;color:var(--muted);min-height:1.3em;line-height:1.35;}
.pwmeter.n0 .pwbar i{background:var(--danger);}
.pwmeter.n0 .pwtext{color:var(--danger);}
.pwmeter.n1 .pwbar i,.pwmeter.n2 .pwbar i,.pwmeter.n3 .pwbar i{background:var(--laurel);}
.pwmeter.n1 .pwtext,.pwmeter.n2 .pwtext,.pwmeter.n3 .pwtext{color:var(--laurel);font-weight:600;}
.pwrules{font-size:12.5px;color:var(--muted);line-height:1.5;}

/* ================= PIE ================= */
.foot{border-top:1px solid var(--line);background:var(--paper-2);margin-top:auto;}
.foot-top{display:flex;flex-direction:column;gap:16px;align-items:flex-start;
  padding-block:clamp(34px,4vw,52px);border-bottom:1px solid var(--line);}
@media (min-width:840px){
  .foot-top{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;}
  .foot-claim{max-width:38ch;}
}
.foot-brand{display:flex;align-items:center;gap:14px;}
.foot-mark{flex:none;width:34px;height:44px;color:var(--laurel);display:block;}
.foot-mark svg{width:100%;height:100%;}
.foot-name{font-family:"Young Serif",Georgia,serif;font-size:27px;line-height:1;display:block;}
.foot-sub{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin-top:6px;}
.foot-claim{font-size:15px;color:var(--ink-soft);margin:0;}

.foot-cols{display:grid;grid-template-columns:1fr;gap:28px;padding-block:clamp(30px,3.5vw,44px);}
@media (min-width:620px){.foot-cols{grid-template-columns:repeat(3,1fr);}}
.fcol{display:flex;flex-direction:column;gap:11px;}
.fcol h4{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.fcol a{font-size:14.5px;color:var(--ink-soft);text-decoration:none;width:fit-content;
  transition:color .18s ease,transform .18s ease;}
.fcol a:hover{color:var(--laurel);transform:translateX(3px);text-decoration:none;}

.foot-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;flex-wrap:wrap;gap:10px 20px;
  justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);}
.foot-bottom strong{font-weight:700;color:var(--ink-soft);}
.foot-by a{color:var(--laurel);font-weight:700;text-decoration:none;
  box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--laurel) 35%,transparent);transition:box-shadow .2s ease;}
.foot-by a:hover{box-shadow:inset 0 -2px 0 var(--laurel);text-decoration:none;}

/* ================= VOLVER ARRIBA ================= */
.totop{
  position:fixed;right:clamp(16px,3vw,30px);bottom:clamp(16px,3vw,30px);z-index:40;
  width:46px;height:46px;border-radius:50%;cursor:pointer;
  border:1px solid var(--line);background:var(--paper);color:var(--laurel);
  display:grid;place-items:center;box-shadow:var(--shadow-m);
  opacity:0;transform:translateY(10px) scale(.9);pointer-events:none;
  transition:opacity .28s ease,transform .28s cubic-bezier(.22,.8,.3,1),background .2s,color .2s;
}
.totop svg{width:19px;height:19px;}
.totop.show{opacity:1;transform:none;pointer-events:auto;}
.totop:hover{background:var(--laurel);color:var(--on-dark);border-color:var(--laurel);transform:translateY(-2px);}
.totop:active{transform:translateY(0);}
@media (max-width:520px){.totop{width:42px;height:42px;}}

/* ================= MOVIMIENTO ================= */
/* La cabecera se despega con una sombra al hacer scroll */
.topbar{transition:box-shadow .25s ease,border-color .25s ease;}
body.scrolled .topbar{box-shadow:0 1px 0 var(--line),0 6px 22px rgba(42,38,33,.07);border-bottom-color:transparent;}

/* Aparición al entrar en pantalla */
.reveal{opacity:0;transform:translateY(18px);}
.reveal.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.22,.8,.3,1);}
.reveal.d1.in{transition-delay:.07s} .reveal.d2.in{transition-delay:.14s} .reveal.d3.in{transition-delay:.21s}

/* Las tarjetas de taller se levantan */
.card{transition:transform .3s cubic-bezier(.22,.8,.3,1);}
.card:hover{transform:translateY(-4px);}
.card-photo{transition:box-shadow .3s ease;}
.card:hover .card-photo{box-shadow:var(--shadow-m);}
.tcard,.box,.topic,.work{transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;}
.tcard:hover,.work:hover{box-shadow:var(--shadow-m);}
.hero-photo{transition:box-shadow .4s ease;}
.hero-photo:hover{box-shadow:var(--shadow-m);}
.btn:active{transform:translateY(1px);}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;}
  .card:hover,.btn:hover,.totop:hover,.fcol a:hover{transform:none;}
}

/* ================= PROFESOR EN LA TARJETA ================= */
.by{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted);}
.by strong{color:var(--ink);font-weight:700;}
.by-ph{flex:none;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--laurel-wash);
  display:grid;place-items:center;color:var(--laurel);font-weight:800;font-size:12px;}
.by-ph img{width:100%;height:100%;object-fit:cover;filter:var(--photo-bw);}
.by.big{font-size:15px;gap:12px;}
.by.big .by-ph{width:44px;height:44px;font-size:16px;}

/* ================= EL MÁSTER DESTACADO ================= */
.feat{
  display:grid;grid-template-columns:1fr;gap:0;text-decoration:none;color:inherit;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);
  transition:box-shadow .3s ease,transform .3s cubic-bezier(.22,.8,.3,1),border-color .3s;
}
@media (min-width:860px){.feat{grid-template-columns:1.02fr 1fr;}}
.feat:hover{box-shadow:var(--shadow-m);transform:translateY(-3px);border-color:var(--laurel);text-decoration:none;}
.feat-photo{overflow:hidden;background:var(--paper-3);min-height:260px;}
.feat-photo img{width:100%;height:100%;min-height:260px;object-fit:cover;filter:var(--photo);
  transition:transform .6s cubic-bezier(.22,.8,.3,1);}
.feat:hover .feat-photo img{transform:scale(1.04);}
.feat-body{display:flex;flex-direction:column;gap:16px;padding:clamp(28px,3.4vw,48px);justify-content:center;}
.feat-tag{display:inline-flex;align-items:center;width:fit-content;background:var(--laurel);color:var(--on-dark);
  font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:7px 14px;border-radius:999px;}
.feat-body h2{font-size:clamp(28px,3.6vw,44px);}
.feat:hover .feat-body h2{color:var(--laurel-deep);}
.feat-lede{font-size:clamp(15.5px,1.4vw,17.5px);color:var(--ink-soft);line-height:1.6;}
.feat .meta span.hot{background:var(--laurel);color:var(--on-dark);font-weight:800;}
.feat-cta{font-size:14.5px;font-weight:700;color:var(--laurel);margin-top:4px;}

/* ================= SERVICIOS ================= */
.sgrid{display:grid;grid-template-columns:1fr;gap:clamp(14px,1.8vw,20px);}
@media (min-width:640px){.sgrid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1000px){.sgrid{grid-template-columns:repeat(3,1fr);}}
.scard{
  display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;
  border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:24px 24px 22px;
  transition:box-shadow .25s ease,transform .25s ease,border-color .25s;
}
.scard:hover{box-shadow:var(--shadow-m);transform:translateY(-3px);border-color:var(--laurel);text-decoration:none;}
/* El precio va SIEMPRE bajo el título: si va al lado, uno largo como
   "Presupuesto según extensión" parte el titular en tres líneas. */
.scard-top{display:flex;flex-direction:column;align-items:flex-start;gap:9px;}
.scard h3{font-size:20px;line-height:1.15;}
.scard:hover h3{color:var(--laurel);}
.scard-price{font-size:11.5px;font-weight:800;color:var(--laurel-deep);background:var(--laurel-wash);
  padding:5px 11px;border-radius:999px;}
.scard p{font-size:14.5px;color:var(--ink-soft);}
.scard-cta{margin-top:auto;padding-top:6px;font-size:13.5px;font-weight:700;color:var(--laurel);}

/* ================= NOTICIAS ================= */
.ngrid{display:grid;grid-template-columns:1fr;gap:clamp(20px,2.4vw,30px);}
@media (min-width:640px){.ngrid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1000px){.ngrid{grid-template-columns:repeat(3,1fr);}}
.ncard{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit;}
.ncard:hover{text-decoration:none;}
.ncard-photo{overflow:hidden;background:var(--paper-3);aspect-ratio:3/2;border-radius:var(--r);}
.ncard-photo img{width:100%;height:100%;object-fit:cover;filter:var(--photo);
  transition:transform .55s cubic-bezier(.22,.8,.3,1);}
.ncard:hover .ncard-photo img{transform:scale(1.045);}
.ncard-photo.empty{background:linear-gradient(135deg,var(--paper-2),var(--paper-3));}
.ncard h3{font-size:20px;line-height:1.18;}
.ncard:hover h3{color:var(--laurel);}
.ncard p{font-size:14px;color:var(--ink-soft);}
.ndate{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--laurel);}

/* ================= QUIÉNES SOMOS ================= */
.about-grid{display:grid;grid-template-columns:1fr;gap:clamp(26px,3vw,48px);align-items:start;}
@media (min-width:880px){.about-grid{grid-template-columns:1.1fr .9fr;}}
.about-photo{overflow:hidden;border-radius:var(--r);background:var(--paper-3);}
.about-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:var(--photo);}

/* ================= MARCA EN LA PORTADA =================
   Carlos quiere el logo y "Rayuela Escritura Creativa" en grande:
   es la marca, y la frase corta deja sitio de sobra para ello. */
.hero-copy{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px);}
.brandmark{display:flex;align-items:center;gap:clamp(14px,1.8vw,24px);margin-bottom:clamp(6px,1vw,14px);}
.brandmark .bm-logo{flex:none;width:clamp(62px,7.5vw,104px);color:var(--laurel);display:block;}
.brandmark .bm-logo svg{width:100%;height:auto;display:block;}
.bm-name{display:block;font-family:"Young Serif",Georgia,serif;font-size:clamp(38px,5.6vw,68px);
  line-height:.92;letter-spacing:-.02em;color:var(--ink);}
.bm-sub{display:block;font-size:clamp(9.5px,1.05vw,13px);font-weight:800;letter-spacing:.3em;
  text-transform:uppercase;color:var(--muted);margin-top:clamp(7px,.9vw,11px);}

/* La frase manda como titular, pero sin comerse a la marca */
.hero h1{font-size:clamp(32px,4.6vw,56px);line-height:1.04;max-width:14ch;}

@media (max-width:560px){
  .brandmark{gap:13px;}
  .bm-sub{letter-spacing:.24em;}
}

/* La foto imponía su proporción 4/5 y quedaba mucho más alta que el texto,
   dejando un hueco muerto encima de la marca. A partir de dos columnas,
   la foto se ajusta a la altura del texto y recorta. */
@media (min-width:900px){
  .hero-grid{align-items:stretch;}
  .hero-copy{justify-content:center;}
  .hero-photo{display:flex;}
  .hero-photo img{aspect-ratio:auto;height:100%;min-height:440px;}
}

/* ================= MIGAS DE PAN ================= */
.migas{padding-block:18px 0;}
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  font-size:13px;color:var(--muted);}
.migas li{display:flex;align-items:center;gap:6px;}
.migas li+li::before{content:"›";color:var(--chalk,#B9B7AE);font-size:14px;line-height:1;}
.migas a{color:var(--muted);text-decoration:none;}
.migas a:hover{color:var(--laurel);text-decoration:underline;}
.migas [aria-current="page"]{color:var(--ink-soft);font-weight:600;
  max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ================= FAQS ================= */
.faqs{display:flex;flex-direction:column;gap:2px;max-width:820px;}
.faq{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease;}
.faq[open]{border-color:var(--laurel);box-shadow:var(--shadow-s);}
.faq summary{
  cursor:pointer;list-style:none;padding:18px 54px 18px 22px;position:relative;
  font-family:"Young Serif",Georgia,serif;font-size:clamp(17px,1.7vw,20px);line-height:1.3;color:var(--ink);
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary:hover{color:var(--laurel);}
.faq summary::after{
  content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;
  border-right:2px solid var(--laurel);border-bottom:2px solid var(--laurel);
  transform:translateY(-70%) rotate(45deg);transition:transform .25s ease;
}
.faq[open] summary::after{transform:translateY(-25%) rotate(225deg);}
.faq-a{padding:0 22px 20px;color:var(--ink-soft);font-size:15px;}
.faq-a p+p{margin-top:.8em;}
@media (prefers-reduced-motion:reduce){.faq summary::after{transition:none;}}

/* ================= LOGO REAL =================
   Sustituye al dibujo + texto: el logo ya trae "Rayuela / Escritura creativa"
   con su tipografía, así que no hay que recomponerlo por partes. */
.brand img{display:block;height:clamp(52px,5vw,62px);width:auto;}
.foot-logo{height:clamp(66px,7vw,84px);width:auto;}
.brandmark-img{
  display:block;width:clamp(230px,29vw,400px);height:auto;
  margin-bottom:clamp(8px,1.4vw,18px);
}
@media (max-width:560px){ .brandmark-img{width:min(74vw,290px);} }

/* ================= TEXTO DE PRESENTACIÓN ================= */
.intro-larga{max-width:68ch;font-size:clamp(16px,1.45vw,17.5px);line-height:1.72;}
.intro-larga p+p{margin-top:1.1em;}
.intro-larga p:first-child{
  font-family:"Young Serif",Georgia,serif;font-size:clamp(19px,2.1vw,25px);
  line-height:1.4;color:var(--ink);margin-bottom:1.2em;
}

/* ================= NO SOLO NOVELA NEGRA ================= */
.nosolo{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px);max-width:70ch;}
.nosolo-cita{
  font-family:"Young Serif",Georgia,serif;
  font-size:clamp(21px,2.9vw,34px);line-height:1.22;color:var(--laurel-deep);
  border-left:3px solid var(--laurel);padding:4px 0 4px clamp(18px,2.4vw,28px);
  max-width:20ch;margin-top:clamp(6px,1vw,12px);
}

/* Dos caras juntas cuando un taller lo imparten dos */
.caras{display:flex;}
.caras .by-ph{border:2px solid var(--paper-2);margin-left:-12px;}
.caras .by-ph:first-child{margin-left:0;}
.person.row-l .ph img{filter:var(--photo-bw);}
.person.row-l:hover .ph img{filter:var(--photo-bw);}

/* ================= ÁREA DE TOQUE ================= */
/* Los enlaces del pie medían 23 px de alto: por debajo del mínimo que pide
   la WCAG (24×24) y difíciles de acertar con el dedo. En los anchos donde
   se usa el menú hamburguesa les damos 44 px, que es el tamaño cómodo. */
@media (max-width:1079px){
  .fcol{gap:2px;}
  .fcol a{min-height:44px;display:inline-flex;align-items:center;}
  .legal a,.foot-by a{min-height:44px;display:inline-flex;align-items:center;}
  .migas a,.migas [aria-current="page"]{min-height:32px;display:inline-flex;align-items:center;}
  .volver{min-height:44px;display:inline-flex;align-items:center;}
}

/* ================= HERO EN MÓVIL =================
   El problema: logo casi cuadrado (283 px) + foto vertical 4/5 (458 px)
   llenaban dos pantallas sin una sola frase de contenido. */
@media (max-width:700px){
  .hero{padding-block:24px 8px;}
  .hero-grid{gap:22px;}
  .hero-copy{gap:12px;}

  /* la versión apaisada: de 283 px de alto a 151 */
  .brandmark-img{width:min(64vw,230px);margin-bottom:2px;}

  /* la foto pasa de vertical a apaisada: de 458 px a 229 */
  .hero-photo{padding:8px;}
  /* height:auto es imprescindible: el atributo height="1075" del HTML actúa
     como altura fija y deja sin efecto el aspect-ratio si no se anula. */
  .hero-photo img{aspect-ratio:16/10;height:auto;}

  .hero h1{font-size:clamp(28px,8.5vw,36px);max-width:none;}
  .hero .row{gap:9px;}
  .btn{padding:12px 20px;}

  /* el texto de presentación empieza antes */
  .intro-larga p:first-child{font-size:19px;}
}

/* ================= VENTANITAS DE TALLERES =================
   Van bajo el máster para que se vea todo de un vistazo. */
.minis-cab{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  margin:clamp(30px,3.6vw,48px) 0 clamp(14px,1.6vw,20px);}
.minis-cab h3{font-size:clamp(20px,2.2vw,26px);}
.minis{display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:620px){.minis{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1000px){.minis{grid-template-columns:repeat(3,1fr);}}
.mini{
  display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;
  border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:11px 14px 11px 11px;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.mini:hover{border-color:var(--laurel);box-shadow:var(--shadow-s);transform:translateY(-2px);text-decoration:none;}
.mini-ph{flex:none;width:58px;height:58px;border-radius:8px;overflow:hidden;background:var(--paper-3);}
.mini-ph img{width:100%;height:100%;object-fit:cover;filter:var(--photo-bw);}
.mini-txt{display:flex;flex-direction:column;gap:2px;min-width:0;}
.mini-txt strong{font-size:15px;font-weight:700;line-height:1.25;}
.mini:hover .mini-txt strong{color:var(--laurel);}
.mini-meta{font-size:12.5px;color:var(--muted);font-weight:600;}
.mini-profe{font-size:12.5px;color:var(--ink-soft);}

/* ================= CITA SUELTA ================= */
.cita-suelta{margin:0;border-left:3px solid var(--laurel);padding-left:clamp(18px,2.4vw,28px);}
.cita-suelta blockquote{margin:0;font-family:"Young Serif",Georgia,serif;
  font-size:clamp(19px,2.2vw,26px);line-height:1.28;color:var(--ink);}
.cita-suelta figcaption{margin-top:12px;font-size:13.5px;font-weight:700;color:var(--laurel);}

/* La ventanita sin foto (profesor repetido) no debe quedar descolgada:
   se le da la misma sangría que ocupaba el retrato. */
.mini.sin-foto{padding-left:14px;}
.mini.sin-foto .mini-txt{padding-left:0;}
.mini-ph{border-radius:50%;}

/* ================= PORTADA DE TARJETA CON ROSTRO =================
   Los talleres sin imagen propia usan el retrato del profesor. El recorte
   va hacia arriba para que la cara no quede cortada, y una veladura
   inferior mantiene legible el nombre. */
/* Los retratos son cuadrados (700x700). Si los metemos en la caja 5/4 del
   resto de tarjetas, object-fit:cover les recorta un 20% entre frente y
   barbilla. Con la caja cuadrada encajan enteros, sin recorte ninguno. */
.card-photo.rostro{aspect-ratio:1/1;}
/* El equipo va siempre en blanco y negro, aqui tambien. */
.card-photo.rostro img{filter:var(--photo-bw);}
/* Y sin el zoom del hover, que volveria a comerse los bordes de la cara. */
.card:hover .card-photo.rostro img{transform:none;}
.card-photo.rostro::after{
  content:"";position:absolute;inset:auto 0 0 0;height:52%;
  background:linear-gradient(to top, rgba(20,17,14,.72), rgba(20,17,14,0));
  pointer-events:none;
}
.card-firma{
  position:absolute;left:14px;right:14px;bottom:12px;z-index:1;
  color:#FBF7F0;font-size:13px;font-weight:700;letter-spacing:.01em;
  text-shadow:0 1px 3px rgba(20,17,14,.5);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/* Sin imagen y sin retrato: inicial del taller, nunca un hueco vacío */
.card-photo.empty{display:grid;place-items:center;
  background:linear-gradient(140deg,var(--paper-2),var(--paper-3));}
.card-inicial{font-family:"Young Serif",Georgia,serif;font-size:clamp(46px,7vw,72px);
  color:var(--line);line-height:1;}

/* ===== SOLICITUDES DEL PANEL =====
   Antes era una tabla con el mensaje cortado a 200 caracteres, asi que no
   habia forma de leer lo que la persona habia escrito. Ahora cada solicitud
   es una ficha con el texto entero. */
.solicitudes{display:grid;gap:14px;}
.sol{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:var(--paper);
  display:grid;gap:10px;}
.sol.hecha{opacity:.62;}
.sol-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;}
.sol-quien{display:flex;flex-direction:column;gap:2px;min-width:0;}
.sol-quien strong{font-size:16px;}
.sol-quien a{word-break:break-all;}
.sol-estado{display:flex;align-items:center;gap:10px;flex:none;}
.sol-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--muted);font-weight:600;margin:0;}
.sol-texto{font-size:14.5px;color:var(--ink-soft);}
.sol-texto p{margin:0 0 8px;}
.sol-texto p:last-child{margin-bottom:0;}
.sol-acc{margin:0;}

/* Bloque de acceso bajo cada ficha de profesor */
.acceso{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:-14px;}

/* ===== CURRICULUM DEL PROFESORADO =====
   Eran bloques planos de texto corrido. Se les da jerarquia: la presentacion
   entra mas alta y en tono fuerte, el resto baja de peso, y lo destacado
   (negritas desde el panel) se pinta en verde laurel para que se vea. */
.bio .bio-lede{font-size:16px;line-height:1.55;color:var(--ink);}
.bio p:not(.bio-lede){font-size:14.5px;line-height:1.62;color:var(--ink-soft);}
.bio strong{font-weight:700;color:var(--laurel-deep,var(--laurel));}
.bio .bio-lede strong{font-weight:800;}
.bio em{font-style:italic;}
.bio a{color:var(--laurel);text-decoration:underline;text-underline-offset:2px;}
/* Un filete corto antes de los parrafos de meritos separa sin cargar */
.person .bio .bio-lede{padding-bottom:.6em;border-bottom:1px solid var(--line);margin-bottom:.85em;}