
:root{
  --papel:#f7f4ec;
  --papel2:#efe9db;
  --card:#fffdf7;
  --tinta:#1c1a16;
  --gris:#5e594e;
  --tenue:#8a8377;
  --borde:#e2dacb;
  --borde2:#d3c9b5;
  --naranja:#cf5518;
  --naranja-cl:#e97a3c;
  --naranja-tenue:#f7e3d5;
  --lapiz:#3f4f6b;
  --sombra:0 1px 2px rgba(28,26,22,.05), 0 10px 30px rgba(28,26,22,.06);
  --r:10px;
  --lat:clamp(1.15rem,4.5vw,2rem);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --papel:#15130f;
    --papel2:#1c1915;
    --card:#1e1b16;
    --tinta:#efe9de;
    --gris:#a49c8e;
    --tenue:#7d7566;
    --borde:#302c24;
    --borde2:#413b30;
    --naranja:#f07a3e;
    --naranja-cl:#f2946b;
    --naranja-tenue:#3a2216;
    --lapiz:#8fa6c4;
    --sombra:0 1px 2px rgba(0,0,0,.5), 0 10px 30px rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"]{
  --papel:#15130f;
  --papel2:#1c1915;
  --card:#1e1b16;
  --tinta:#efe9de;
  --gris:#a49c8e;
  --tenue:#7d7566;
  --borde:#302c24;
  --borde2:#413b30;
  --naranja:#f07a3e;
  --naranja-cl:#f2946b;
  --naranja-tenue:#3a2216;
  --lapiz:#8fa6c4;
  --sombra:0 1px 2px rgba(0,0,0,.5), 0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--papel);
  color:var(--tinta);
  font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1060px;margin:0 auto;padding:0 var(--lat)}
.narrow{max-width:660px}
a{color:inherit}

/* ── franja de control de documento ── */
.control{
  background:var(--tinta);
  color:var(--papel);
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:600;
}
.control .wrap{
  display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;
  align-items:center;justify-content:space-between;
  padding-top:.55rem;padding-bottom:.55rem;
}
.control .campos{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;opacity:.72}
.control .estado{color:var(--naranja-cl);opacity:1}

/* ── cabecera ── */
header.top .wrap{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding-top:1.35rem;padding-bottom:1.35rem;
}
.marca{display:flex;align-items:baseline;gap:.5rem;text-decoration:none}
.marca .n{font-family:"Newsreader",Georgia,serif;font-weight:700;font-size:1.18rem;letter-spacing:-.01em}
.marca .sub{font-size:11.5px;color:var(--tenue);letter-spacing:.04em}
.btn{
  display:inline-block;border:0;cursor:pointer;text-decoration:none;
  background:var(--naranja);color:#fff;
  font-family:inherit;font-size:.94rem;font-weight:600;letter-spacing:.005em;
  padding:.72rem 1.35rem;border-radius:var(--r);
  transition:background .15s ease, transform .15s ease;
}
.btn:hover{background:var(--naranja-cl)}
.btn:active{transform:translateY(1px)}
.btn.sm{padding:.5rem 1rem;font-size:.85rem}
.btn:focus-visible,input:focus-visible,a:focus-visible{outline:2.5px solid var(--naranja);outline-offset:2px}

/* ── barra ISO 9001 (la firma naranja) ── */
.barra-iso{
  display:inline-flex;align-items:stretch;
  border-radius:6px;overflow:hidden;
  font-weight:700;letter-spacing:.02em;
  box-shadow:0 1px 0 rgba(28,26,22,.08);
}
.barra-iso .a{background:var(--naranja);color:#fff;padding:.3rem .62rem;font-size:.94rem}
.barra-iso .b{background:var(--tinta);color:var(--papel);padding:.3rem .62rem;font-size:.94rem}

/* ── hero ── */
.hero{padding:.5rem 0 clamp(2.4rem,5vw,3.8rem)}
.hero .grid{
  display:grid;gap:clamp(1.8rem,4vw,3.2rem);
  grid-template-columns:minmax(0,1.06fr) minmax(0,.8fr);
  align-items:start;
}
/* la foto arranca a la altura del titular, no del sello */
.retrato{margin-top:2.9rem}
@media (max-width:860px){
  .hero .grid{grid-template-columns:1fr}
  .retrato{margin-top:0;max-width:420px}
}

.sello{
  display:inline-flex;align-items:center;gap:.5rem;
  border:1px solid var(--borde2);background:var(--card);
  border-radius:999px;padding:.34rem .8rem .34rem .62rem;
  font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gris);margin-bottom:1.15rem;
}
.sello .punto{width:7px;height:7px;border-radius:50%;background:var(--naranja);flex:none}

h1{
  font-family:"Newsreader",Georgia,"Times New Roman",serif;
  font-size:clamp(2.5rem,1.55rem + 3.9vw,4.15rem);
  line-height:1.05;
  letter-spacing:-.021em;
  font-weight:600;
  margin:0 0 1.1rem;
}
h1 .it{font-style:italic;font-weight:400}
h1 .rom{font-style:normal;font-weight:600;white-space:nowrap}
h1 .fecha{
  font-weight:700;color:var(--naranja);
  white-space:nowrap;
  background-image:linear-gradient(to top, var(--naranja-tenue) 0, var(--naranja-tenue) .34em, transparent .34em);
  padding:0 .06em;
}
.deck{
  font-size:clamp(1.04rem,.97rem + .35vw,1.22rem);
  color:var(--gris);line-height:1.5;
  margin:0 0 1.6rem;max-width:34ch;
}

/* ── nota manuscrita ── */
.manuscrita{
  font-family:"Caveat","Bradley Hand",cursive;
  color:var(--lapiz);
  font-size:clamp(1.25rem,1.1rem + .5vw,1.55rem);
  line-height:1.28;
}
.nota-margen{
  margin:0 0 1.9rem;padding-left:1.35rem;
  font-size:clamp(1.45rem,1.2rem + .75vw,1.85rem);
  border-left:2px solid var(--lapiz);
  border-left-style:solid;
  opacity:.92;
}

/* ── formulario ── */
form.captura{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 .85rem;max-width:520px}
input[type=email]{
  flex:1 1 15rem;min-width:0;
  font-family:inherit;font-size:1rem;color:var(--tinta);
  background:var(--card);border:1px solid var(--borde2);border-radius:var(--r);
  padding:.72rem .95rem;
}
input[type=email]::placeholder{color:var(--tenue)}
.legal{font-size:13.5px;color:var(--gris);line-height:1.55;max-width:46ch;margin:0}
.legal a{color:var(--tinta);text-decoration-color:var(--borde2);text-underline-offset:2px}

/* ── tarjeta "al instante" ── */
.instante{
  background:var(--card);border:1px solid var(--borde);
  border-radius:var(--r);box-shadow:var(--sombra);
  padding:clamp(1.1rem,2.4vw,1.5rem);
  margin-top:1.9rem;max-width:520px;
}
.instante h3{
  margin:0 0 .85rem;font-family:inherit;
  font-size:12px;letter-spacing:.11em;text-transform:uppercase;
  font-weight:700;color:var(--tenue);
}
.instante ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.62rem}
.instante li{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;line-height:1.45}
.instante li .n{
  flex:none;width:1.35rem;height:1.35rem;border-radius:5px;margin-top:.08rem;
  background:var(--naranja-tenue);color:var(--naranja);
  display:grid;place-items:center;font-size:11.5px;font-weight:700;
  font-variant-numeric:tabular-nums;
}

/* ── foto ── */
.marco{
  position:relative;border-radius:14px;overflow:hidden;
  background:linear-gradient(168deg,var(--papel2),var(--naranja-tenue));
  border:1px solid var(--borde);
  aspect-ratio:4/5;
  display:grid;place-items:center;
  box-shadow:var(--sombra);
}
.marco img{width:100%;height:100%;object-fit:cover;display:block}
.marco img[hidden]{display:none}
.slot{
  text-align:center;color:var(--tenue);padding:1.5rem;
  font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;line-height:1.8;
}
.slot span{display:block;font-size:11px;letter-spacing:.04em;text-transform:none;font-weight:400;color:var(--tenue);margin-top:.5rem;max-width:26ch;margin-inline:auto}
.pie-foto{
  display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;
  margin-top:.85rem;font-size:12.5px;color:var(--gris);
}
.pie-foto b{font-weight:600;color:var(--tinta)}
.pie-foto .sep{color:var(--borde2)}

h2{
  font-family:"Newsreader",Georgia,serif;
  font-size:clamp(1.65rem,1.35rem + 1.35vw,2.4rem);
  line-height:1.14;letter-spacing:-.016em;font-weight:600;
  margin:0 0 .7rem;text-wrap:balance;
}

/* ── cierre ── */
.cierre{padding:clamp(2.6rem,5vw,4rem) 0}
.cierre-caja{
  background:var(--card);border:1px solid var(--borde);border-radius:14px;
  box-shadow:var(--sombra);
  padding:clamp(1.6rem,4vw,2.6rem);
  display:grid;gap:1.5rem;
  grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
  align-items:center;
}
@media (max-width:760px){.cierre-caja{grid-template-columns:1fr}}
.cierre-caja h2{margin-bottom:.55rem}
.cierre-caja p{color:var(--gris);margin:0 0 0}
.firma{margin-top:1.2rem}
.firma .nom{font-family:"Caveat",cursive;font-size:1.9rem;line-height:1;color:var(--tinta)}
.firma .rol{font-size:12px;color:var(--tenue);letter-spacing:.05em;margin-top:.3rem}

footer{
  border-top:1px solid var(--borde);
  padding:1.6rem 0 2.4rem;
  font-size:12.5px;color:var(--tenue);
}
footer .wrap{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;justify-content:space-between}
footer a{text-decoration-color:var(--borde2);text-underline-offset:2px}

@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}

/* ── estados del formulario ── */
.trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.aviso{margin:.55rem 0 0;font-size:.9rem;line-height:1.45;min-height:1px}
.aviso:empty{display:none}
.aviso.error{color:var(--naranja);font-weight:500}
.aviso.ok{color:var(--gris)}
.btn[disabled]{opacity:.6;cursor:progress}

/* ── página de confirmación ── */
.gracias{padding:clamp(2.2rem,6vw,4rem) 0 clamp(3rem,8vw,5.5rem)}
.gracias .wrap{max-width:660px}

.rechazo{
  text-align:center;
  font-size:clamp(1.75rem,1.25rem + 2.2vw,2.75rem);
  line-height:1.12;margin:0 0 .35rem;
}
.rechazo .alto{
  display:inline-block;transform:translateY(-.06em);
  font-size:.82em;margin:0 .12em;
}
.rechazo .grita{
  font-family:"Instrument Sans",sans-serif;
  font-weight:700;letter-spacing:.005em;color:var(--naranja);
  font-size:.94em;
}
.parentesis{
  text-align:center;font-family:"Caveat",cursive;
  font-size:clamp(2.1rem,1.75rem + 1.4vw,2.8rem);
  color:var(--lapiz);margin:.15rem 0 2.2rem;line-height:1;
}

.gracias p{color:var(--gris);font-size:1.06rem;line-height:1.6;margin:0 0 1.15rem;max-width:56ch}
.gracias p b{color:var(--tinta);font-weight:600}
.gracias p.primera{font-size:1.15rem;color:var(--tinta)}
/* estos dos llevan clase propia: la regla de arriba no los toca */
.gracias p.parentesis{
  color:var(--lapiz);max-width:none;
  font-size:clamp(2.1rem,1.75rem + 1.4vw,2.8rem);line-height:1;
}
.gracias p.manuscrita{
  color:var(--lapiz);
  font-size:clamp(1.35rem,1.15rem + .6vw,1.7rem);line-height:1.3;
}

.regla{border:0;height:1px;background:var(--borde);margin:2.4rem 0}

h2.fallos{
  font-family:"Newsreader",Georgia,serif;font-weight:600;
  font-size:clamp(1.5rem,1.25rem + 1.1vw,2.1rem);
  line-height:1.15;letter-spacing:-.015em;margin:0 0 1.3rem;
}
ol.fallos{
  list-style:none;counter-reset:f;margin:0;padding:0;
  background:var(--card);border:1px solid var(--borde);
  border-radius:var(--r);box-shadow:var(--sombra);overflow:hidden;
}
ol.fallos li{
  counter-increment:f;position:relative;
  display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.9rem;
  padding:1rem 1.2rem;border-top:1px solid var(--borde);
  font-size:.97rem;line-height:1.55;color:var(--gris);
}
ol.fallos li:first-child{border-top:0}
ol.fallos li::before{
  content:counter(f);
  width:1.6rem;height:1.6rem;border-radius:5px;
  background:var(--naranja-tenue);color:var(--naranja);
  display:grid;place-items:center;
  font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;
}
ol.fallos li b{color:var(--tinta);font-weight:600}
ol.fallos li.clave{background:var(--naranja-tenue)}
ol.fallos li.clave::before{background:var(--naranja);color:#fff}
.et-clave{
  display:inline-block;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;
  font-weight:700;color:var(--naranja);margin-bottom:.3rem;
}
.ficha{
  display:inline-flex;flex-wrap:wrap;gap:.15rem .7rem;
  background:var(--papel2);border:1px solid var(--borde2);border-radius:7px;
  padding:.4rem .7rem;margin-top:.5rem;font-size:.9rem;color:var(--tinta);
}
.ficha span{white-space:nowrap}
.ficha b{font-weight:600}
.pd{margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid var(--borde)}
.pd .manuscrita{margin:0}

/* documento legal */
.doc{padding:clamp(2.2rem,6vw,4rem) 0 clamp(3rem,8vw,5rem)}
.doc .wrap{max-width:660px}
.doc h1{font-size:clamp(1.9rem,1.4rem + 2vw,2.8rem);margin-bottom:.4rem}
.doc .fecha-doc{
  font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  font-weight:600;color:var(--tenue);margin:0 0 2.4rem;
}
.doc h2{
  font-size:clamp(1.15rem,1.05rem + .45vw,1.4rem);
  margin:2.4rem 0 .7rem;letter-spacing:-.01em;
}
.doc p,.doc li{color:var(--gris);font-size:1rem;line-height:1.65}
.doc p{margin:0 0 1rem}
.doc b{color:var(--tinta);font-weight:600}
.doc ul{margin:0 0 1rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem}
.doc a{color:var(--naranja);text-decoration-color:var(--borde2);text-underline-offset:2px}
.doc .caja{
  background:var(--card);border:1px solid var(--borde);border-radius:var(--r);
  padding:1.1rem 1.25rem;margin:0 0 1.2rem;box-shadow:var(--sombra);
}
.doc .caja p:last-child{margin-bottom:0}

/* ── quién soy (desplegable) ── */
.quien{
  margin-top:1.15rem;
  border:1px solid var(--borde);border-radius:var(--r);
  background:var(--card);
  overflow:hidden;
}
.quien summary{
  list-style:none;cursor:pointer;
  padding:.85rem 1rem;
  display:flex;flex-direction:column;gap:.15rem;
  position:relative;
}
.quien summary::-webkit-details-marker{display:none}
.quien summary::after{
  content:"";position:absolute;right:1rem;top:1.25rem;
  width:.5rem;height:.5rem;
  border-right:2px solid var(--tenue);border-bottom:2px solid var(--tenue);
  transform:rotate(45deg);transition:transform .18s ease;
}
.quien[open] summary::after{transform:rotate(-135deg);top:1.45rem}
.quien summary:hover .cred{color:var(--naranja)}
.quien .cred{
  font-size:15px;font-weight:700;color:var(--tinta);
  letter-spacing:.01em;padding-right:1.5rem;
}
.quien .mas{font-size:13.5px;color:var(--tenue)}
.quien .cuerpo{padding:0 1rem 1.05rem;border-top:1px solid var(--borde)}
.quien ul{margin:.9rem 0 0;padding-left:1.05rem;font-size:15px;color:var(--gris);line-height:1.55}
.quien li{margin-bottom:.3rem}
.quien li b{color:var(--tinta);font-weight:600}
.quien .viví{
  margin:.95rem 0 0;padding-left:.85rem;
  border-left:2px solid var(--naranja);
  font-size:15px;color:var(--tinta);line-height:1.5;
}
.quien .rotulo{
  margin:1.15rem 0 .55rem;font-size:11px;color:var(--tenue);
  text-transform:uppercase;letter-spacing:.11em;font-weight:600;
}
.quien .logos{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:.7rem 1rem;align-items:center;
}
.quien .logos img{
  width:100%;height:30px;object-fit:contain;
  opacity:.62;filter:grayscale(1);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .quien .logos img{filter:grayscale(1) invert(1) brightness(1.6);opacity:.5}
}
:root[data-theme="dark"] .quien .logos img{filter:grayscale(1) invert(1) brightness(1.6);opacity:.5}

/* En móvil la cabecera se apretaba y el botón se partía en dos líneas.
   Se le quita aire al botón y se oculta el «por Leonardo Rebeco», que
   ya está firmado más abajo. */
@media (max-width:600px){
  .btn.sm{padding:.45rem .8rem;font-size:.82rem;white-space:nowrap}
  .marca .sub{display:none}
  header.top .wrap{padding-top:1rem;padding-bottom:1rem}
}

/* ── calendario oficial de la transición ── */
.plazos{background:var(--papel2);border-top:1px solid var(--borde)}
.plazos .wrap{
  padding:clamp(2.2rem,5vw,3.2rem) var(--lat);
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(1.3rem,3.5vw,2.4rem);align-items:start;
}
@media (max-width:760px){.plazos .wrap{grid-template-columns:1fr}}
.calendario{
  background:var(--card);border:1px solid var(--borde);border-radius:var(--r);
  box-shadow:var(--sombra);padding:clamp(1.1rem,2.4vw,1.5rem);
}
.calendario .cab{
  font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;
  color:var(--tenue);padding-bottom:.75rem;border-bottom:1px solid var(--borde);
}
.calendario dl{
  margin:0;padding-top:.9rem;display:grid;
  grid-template-columns:auto minmax(0,1fr);gap:.55rem .95rem;
}
.calendario dt{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.calendario dd{margin:0;color:var(--gris);font-size:.93rem;line-height:1.45}
.calendario .tuyo{color:var(--naranja)}
.calendario .fuente{
  margin:1rem 0 0;padding-top:.8rem;border-top:1px solid var(--borde);
  font-size:12px;color:var(--tenue);line-height:1.45;
}
.aviso-plazo{
  margin:0;padding:1rem 1.2rem;font-size:1.02rem;line-height:1.55;
  background:var(--card);border:1px solid var(--borde);border-left:3px solid var(--naranja);
  border-radius:0 var(--r) var(--r) 0;color:var(--gris);
}
.aviso-plazo b{color:var(--tinta);font-weight:600}

/* ── barra del taller con cuenta regresiva ── */
.barra-taller{position:sticky;top:0;z-index:50;background:var(--papel2);color:var(--tinta);border-bottom:1px solid var(--borde2);font-family:"Instrument Sans",-apple-system,Helvetica,Arial,sans-serif}
.barra-taller .in{max-width:1080px;margin:0 auto;padding:.6rem clamp(1.15rem,4.5vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:.6rem 1.2rem;flex-wrap:wrap}
.barra-taller .que{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;min-width:0}
.barra-taller .rec{width:.6rem;height:.6rem;border-radius:50%;background:#FF2A2A;box-shadow:0 0 6px #FF2A2A;flex:none;animation:parpadeo 1.3s ease-in-out infinite}
@keyframes parpadeo{0%,55%{opacity:1}75%,100%{opacity:.2}}
@media (prefers-reduced-motion:reduce){.barra-taller .rec{animation:none}}
.barra-taller .que small{font-weight:500;letter-spacing:.04em;text-transform:none;color:var(--gris);font-size:.82rem}
.barra-taller .cuenta{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--gris)}
.barra-taller .cuenta a{text-decoration:none;border-bottom:1px solid transparent}
#captura{scroll-margin-top:5.5rem}
.barra-taller .cuenta a:hover{border-bottom-color:currentColor}
.barra-taller .cuenta .emp{letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.barra-taller .caja{display:flex;gap:.35rem}
.barra-taller .caja span{display:flex;flex-direction:column;align-items:center;min-width:2.7rem;background:var(--card);border:1px solid var(--borde2);border-radius:6px;padding:.28rem .3rem .22rem;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700;line-height:1;color:var(--tinta)}
.barra-taller .caja span i{font-style:normal;font-size:.56rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);margin-top:.22rem}
@media (max-width:640px){.barra-taller .que small{display:none}.barra-taller .que{font-size:.7rem}.barra-taller .in{justify-content:center;text-align:center}}
@media (max-width:430px){.barra-taller .in{gap:.4rem .6rem;padding-inline:.8rem}.barra-taller .cuenta{gap:.4rem;font-size:.68rem}.barra-taller .caja{gap:.25rem}.barra-taller .caja span{min-width:2.2rem;font-size:.95rem}.barra-taller .caja span i{font-size:.5rem}}

/* ── punto destacado de la lista ── */
.instante li.dest{background:var(--naranja-tenue);border-left:3px solid var(--naranja);border-radius:6px;padding:.6rem .7rem;margin-inline:-.3rem}
.instante li.dest b{color:var(--tinta)}

/* ── tarjeta del taller en «Ya estás dentro» ── */
.tarjeta-taller{margin-top:1.6rem;background:var(--card);border:1px solid var(--borde2);border-radius:var(--r);box-shadow:var(--sombra);padding:1.4rem 1.3rem 1.3rem;text-align:center}
.tarjeta-taller .etq{display:inline-block;font:700 .72rem/1 "Instrument Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja);margin-bottom:.7rem}
.tarjeta-taller h3{margin:0 0 .5rem;font-family:"Newsreader",Georgia,serif;font-size:clamp(1.35rem,1.1rem + 1.2vw,1.75rem);line-height:1.18;letter-spacing:-.01em}
.tarjeta-taller p{margin:.3rem auto .9rem;max-width:44ch;color:var(--gris);font-size:.98rem;line-height:1.5}
.tarjeta-taller .horas{font-size:.82rem;color:var(--tenue);margin:.2rem 0 1.1rem}
.tarjeta-taller .btn{display:inline-block;text-decoration:none}
.tarjeta-taller .nota{font-size:.82rem;color:var(--tenue);margin:.8rem 0 0}
