/* ============================================================
   TUBUHO — Página "Para tu rubro" (presentación de terreno)
   Se carga DESPUÉS de tinta.css y tinta-componentes.css.
   Pensada para mostrarse en el celular durante la visita:
   tipografía grande, tarjetas por rubro que se leen como
   láminas y CTA al final de cada tarjeta.
   ============================================================ */

/* ---------- Portada ---------- */
.pitch-portada h1{font-size:clamp(32px,5vw,58px);letter-spacing:-1.6px}
.pitch-portada .sub-hero__inner{max-width:820px}

/* ---------- Dolores: rejilla de 4 ---------- */
.pitch-pains{gap:18px}
.pitch-pains .tarjeta{padding:22px}
.pitch-pains .titulo-s{font-size:18.5px}
.pitch-pains p{font-size:15px}

/* ---------- Tarjetas por rubro ---------- */
.rubros{display:grid;gap:26px;grid-template-columns:repeat(3,1fr);align-items:stretch}
.rubro{
  display:flex;flex-direction:column;
  background:var(--blanco-calido);border:2.5px solid var(--tinta);border-radius:22px;
  padding:28px 26px;box-shadow:7px 7px 0 rgba(14,47,82,.13);
  position:relative;
  transition:transform .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s, border-color .22s;
}
.rubro:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 rgba(242,179,27,.32);border-color:var(--bronce)}
/* El rubro del medio lleva el momento de valor: borde bronce y sombra oro */
.rubro--oro{border-color:var(--bronce);box-shadow:7px 7px 0 rgba(242,179,27,.3)}
.rubro--oro:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 rgba(242,179,27,.44)}
.rubro__cabeza{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.rubro__n{
  font-family:var(--sora);font-weight:800;font-size:15px;letter-spacing:.12em;
  color:var(--bronce);border:2px solid var(--tinta);border-radius:999px;
  padding:5px 13px;background:var(--papel-2);
}
.rubro--oro .rubro__n{background:#fff3cf;border-color:var(--bronce)}
.rubro__icono{
  width:58px;height:58px;border-radius:16px;display:grid;place-items:center;
  background:var(--papel-2);border:2px solid var(--tinta);
}
.rubro--oro .rubro__icono{background:#fff3cf;border-color:var(--bronce)}
.rubro__icono svg{width:36px;height:36px}
.rubro__titulo{
  font-family:var(--sora);font-weight:800;font-size:clamp(23px,1.9vw,27px);
  line-height:1.12;letter-spacing:-.6px;margin-bottom:8px;
}
.rubro__baja{color:var(--tinta-media);font-size:16px;margin-bottom:18px}
.rubro__lista{font-size:15px;gap:13px}
.rubro__lista li::before{margin-top:3px}
.rubro__lista strong{color:var(--tinta)}
.rubro__gancho{
  margin-top:auto;padding-top:18px;
  font-family:var(--sora);font-weight:700;font-size:15.5px;color:var(--bronce);
  display:flex;align-items:center;gap:9px;
}
.rubro__gancho::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--oro)}

/* ---------- De frente: sí / no ---------- */
.pitch-frente{gap:26px}
.pitch-si{border-color:var(--bronce);box-shadow:7px 7px 0 rgba(242,179,27,.26);background:#fffdf4}
.pitch-si .aviso__titulo{color:var(--tinta);font-size:18px}
.pitch-si .aviso__titulo svg{margin-bottom:-3px}
.pitch-no{background:var(--papel-2)}
.pitch-no .aviso__titulo{font-size:18px}
.pitch-no__frase{
  margin-top:16px;padding-top:16px;border-top:1.5px dashed var(--tinta-linea);
  color:var(--tinta-media);font-size:15px;font-style:italic;
}
.pitch-datos{margin-top:26px}

/* ---------- Móvil: cada rubro es una lámina ---------- */
@media (max-width:860px){
  .rubros{grid-template-columns:1fr}
  .rubro{padding:26px 22px;border-radius:20px}
  .rubro__titulo{font-size:26px}
  .rubro__lista{font-size:16.5px}
  .rubro__baja{font-size:17px}
  .pitch-pains .titulo-s{font-size:19px}
  .pitch-pains p{font-size:16px}
}
@media (max-width:430px){
  .pitch-portada h1{font-size:30px}
}