/* TEMA: CÁLIDO — negocio local con alma. Para: cafés, barberías, panaderías,
   clínicas, tiendas de barrio, veterinarias. Crema, terracota, redondeado, cercano. */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Nunito:wght@400;600;700&display=swap');

:root{
  --fondo:#fdf6ec; --tinta:#33261c; --tinta-suave:#7d6b5d;
  --acento:#c2410c; --acento2:#4d7c0f; --crema:#fff9f0; --linea:#eaddca;
}
body{background:var(--fondo);color:var(--tinta);font-family:Nunito,system-ui,sans-serif;
  font-size:1.05rem;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.display{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.05;
  letter-spacing:-0.02em}
.display{font-size:clamp(2.6rem,6.5vw,4.8rem)}
.display .acc{color:var(--acento)}
::selection{background:var(--acento2);color:#fff}

.etiqueta{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--acento2)}
.seccion{padding:clamp(3.5rem,8vw,6rem) 1.5rem}
.contenido{max-width:66rem;margin-inline:auto}

.btn-c{display:inline-block;padding:.9rem 2.2rem;background:var(--acento);color:#fff;
  font-weight:700;border-radius:999px;box-shadow:0 6px 20px rgb(194 65 12/.28);
  transition:transform .2s,box-shadow .2s}
.btn-c:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgb(194 65 12/.35)}
.btn-c.claro{background:var(--crema);color:var(--acento);box-shadow:none;
  border:2px solid var(--acento)}

.card-c{background:var(--crema);border:1px solid var(--linea);border-radius:1.4rem;
  padding:1.8rem;box-shadow:0 4px 18px rgb(51 38 28/.06)}
.media-marco{border-radius:1.4rem;overflow:hidden;background:var(--linea)}
.media-marco img,.media-marco video{width:100%;height:100%;object-fit:cover;display:block}
.chip{display:inline-block;background:#f0e6d6;border-radius:999px;padding:.3rem .9rem;
  font-size:.85rem;font-weight:700;color:var(--tinta-suave)}

input,textarea,select{background:var(--crema);border:2px solid var(--linea);border-radius:1rem;
  padding:.85rem 1.1rem;font-family:Nunito;width:100%;color:var(--tinta)}
input:focus,textarea:focus{outline:none;border-color:var(--acento)}