/* ══════════════════════════════════════════════════════════════
   TINTA — piel excalidraw para la botica (TALLER, ago/2026)
   Se carga DESPUÉS de botica.css y solo en páginas de prueba.
   Todo a mano: bordes irregulares, rotaciones leves, Caveat en
   los títulos, subrayado ondulado de tinta dorada bajo los h2.
   ══════════════════════════════════════════════════════════════ */

/* la letra del que escribe de noche */
h1, h2, h3, .quiz-kicker, .kicker, .reloj-organo, .carta-nome{
  font-family:"Caveat", cursive !important;
  letter-spacing:.01em;
}
h1{font-size:clamp(3rem,7vw,5rem);line-height:1.05}
h2{font-size:clamp(2.1rem,4.2vw,3.1rem)}
h3{font-size:clamp(1.5rem,2.4vw,1.9rem)}

/* subrayado ondulado bajo los h2 del artículo */
.articulo h2{
  display:inline-block;
  padding-bottom:.55rem;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2014%22%3E%3Cpath%20d%3D%22M-0.4%204.2%20C27.1%209.6%2C%2042.6%209.4%2C%2096.6%206.2%20M97.6%208.3%20C130.8%209.5%2C%20172.5%208.1%2C%20199.7%201.8%20M197.3%204.5%20C230.4%208.6%2C%20263.2%209.3%2C%20299.8%2012.2%22%20fill%3D%22none%22%20stroke%3D%22%23B8862D%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat left bottom / 100% 10px;
}

/* ── el trazo del marcador: bordes que respiran ──
   el truco excalidraw: radios asimétricos + tinta 2px */
.quiz-caja, .ficha, .oferta, .faq details, .reloj-panel,
.tinta, .captura-suave, .puente-chat, .testimonio,
.tabla-marco, .video-mapa, .cta-carta, .salida-caja, .quiz-gate{
  border:2px solid rgba(26,22,17,.75) !important;
  border-radius:255px 15px 225px 15px / 15px 225px 15px 255px !important;
  box-shadow:3px 4px 0 rgba(26,22,17,.16) !important;
}
body.noche .quiz-caja, body.noche .ficha, body.noche .oferta,
body.noche .faq details, body.noche .reloj-panel, body.noche .tinta,
body.noche .captura-suave, body.noche .puente-chat, body.noche .testimonio,
body.noche .tabla-marco, body.noche .video-mapa, body.noche .cta-carta,
body.noche .salida-caja, body.noche .quiz-gate{
  border-color:rgba(207,199,184,.6) !important;
  box-shadow:3px 4px 0 rgba(0,0,0,.4) !important;
}

/* cartas levemente giradas, como apoyadas en la mesa */
.ficha:nth-child(odd), .testimonio:nth-child(odd){transform:rotate(-.45deg)}
.ficha:nth-child(even), .testimonio:nth-child(even){transform:rotate(.4deg)}
.quiz-caja{transform:rotate(-.25deg)}
.oferta{transform:rotate(.2deg)}
.tinta-indigo{transform:rotate(-.35deg)}
.tinta-ouro{transform:rotate(.3deg)}

/* la barra de arriba de quiz/oferta pierde el degradé pulido */
.quiz-caja::before, .oferta::before{
  height:3px;
  background:repeating-linear-gradient(90deg, var(--ouro) 0 14px, transparent 14px 19px);
}

/* botones: tinta y pulso de marcador */
.btn{
  border:2.5px solid rgba(26,22,17,.85) !important;
  border-radius:225px 14px 255px 14px / 14px 255px 14px 225px !important;
  box-shadow:3px 3px 0 rgba(26,22,17,.35) !important;
  font-family:"Caveat", cursive !important;
  font-size:1.25rem !important;
  font-weight:700 !important;
  letter-spacing:.02em;
  transition:transform .12s ease, box-shadow .12s ease;
}
.btn:hover{transform:translate(1px,1px) rotate(-.4deg);box-shadow:2px 2px 0 rgba(26,22,17,.35) !important}
.sticky-cta .btn{font-size:1.15rem !important}

/* inputs como casilleros dibujados */
input[type=email], .quiz-campos input, .quiz-campos select{
  border:2px solid rgba(26,22,17,.6) !important;
  border-radius:12px 200px 12px 200px / 200px 12px 200px 12px !important;
  background:transparent;
}
body.noche input[type=email], body.noche .quiz-campos input{border-color:rgba(207,199,184,.5) !important}

/* opciones del quiz: fichas de papel giradas */
.quiz-opcion{
  border:2px solid rgba(26,22,17,.55) !important;
  border-radius:200px 12px 200px 14px / 12px 200px 14px 200px !important;
}
.quiz-opcion:nth-child(odd){transform:rotate(-.3deg)}
.quiz-opcion:nth-child(even){transform:rotate(.3deg)}
.quiz-opcion:hover{transform:translateY(-1px) rotate(0deg)}

/* tabla: renglones a lápiz */
table.botica th{border-bottom:2px solid rgba(26,22,17,.6)}
table.botica td{border-bottom:1px dashed rgba(26,22,17,.35)}

/* separadores del FAQ */
.faq details{margin-bottom:.9rem}
.faq summary{font-family:"Caveat", cursive;font-size:1.35rem;font-weight:700}

/* migas y notas al margen con la letra chica del cuaderno */
.migas, .fonte, .espera-nota, .disclaimer, .muestra-pie{font-family:"Caveat", cursive;font-size:1.02rem}

/* el progreso de lectura como trazo dorado */
.leyendo{height:4px;background:var(--ouro);border-radius:0 3px 3px 0}