/* Identidad Sharpey — naranja vivo + negro + crema, cálido y elegante.
   Fuente: @clinicaveterinariasharpey (revisado 19 oct 2026). */

:root {
  --fondo: #fff7e6;
  --fondo-alt: #ffffff;
  --tinta: #2a1b10;
  --suave: #7a5c3e;
  --linea: #f0deb8;
  --acento: #f7941d;
  --acento-hondo: #c96f0f;

  --fuente-titulo: "Fraunces", Georgia, serif;
  --fuente-wordmark: "Dancing Script", "Fraunces", cursive;
  --radio: 18px;
  --patron: radial-gradient(circle at 10% 15%, rgba(247,148,29,0.07) 0 3px, transparent 4px),
            radial-gradient(circle at 85% 25%, rgba(26,26,26,0.05) 0 3px, transparent 4px),
            radial-gradient(circle at 50% 85%, rgba(247,148,29,0.06) 0 3px, transparent 4px);

  /* Huesitos y patitas en naranja/negro muy suave, tileado sobre el crema. */
  --patron-cuerpo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E%3Cg fill='%23f7941d' fill-opacity='0.05'%3E%3Ccircle cx='20' cy='24' r='4'/%3E%3Ccircle cx='29' cy='19' r='3'/%3E%3Ccircle cx='11' cy='19' r='3'/%3E%3Ccircle cx='20' cy='13' r='3'/%3E%3C/g%3E%3Cg fill='%231a1310' fill-opacity='0.045' transform='rotate(18 80 70)'%3E%3Crect x='73' y='68' width='16' height='5' rx='2.5'/%3E%3Ccircle cx='74' cy='66' r='3.4'/%3E%3Ccircle cx='74' cy='74' r='3.4'/%3E%3Ccircle cx='88' cy='66' r='3.4'/%3E%3Ccircle cx='88' cy='74' r='3.4'/%3E%3C/g%3E%3C/svg%3E");
}

.cabeza__nombre { font-size: 1.15rem; }
.cabeza__logo { border: 2px solid var(--acento-hondo); }

.hero__titulo { font-style: italic; }

.urgencias { border-color: #8a2a12; background: #fffaf0; }

.servicio { border-color: var(--linea); box-shadow: 0 1px 0 rgba(42,27,16,0.03); }
.servicio__resumen { font-family: var(--fuente-titulo); font-weight: 600; }

.equipo__marco { border-color: #e7c585; background: #fffdf8; }

.sede, .urgencias, .bloque .servicio { border-radius: var(--radio); }

@media (min-width: 560px) {
  .cabeza__nombre { font: 700 1.5rem/1 var(--fuente-wordmark); }
}

/* Manchas cálidas suaves en los bordes de reseñas y ubicación. */
.resenas {
  background:
    radial-gradient(ellipse 60% 70% at 15% 0%, rgba(247,148,29,0.09), transparent 60%),
    radial-gradient(ellipse 60% 70% at 85% 100%, rgba(26,19,16,0.05), transparent 55%);
  border-radius: var(--radio);
}
#ubicacion-bloque {
  background: radial-gradient(ellipse 70% 60% at 100% 0%, rgba(247,148,29,0.06), transparent 60%);
}

/* Sección "Cómo funciona" en negro con detalle dorado. */
.pasos {
  background: #1a1310;
  color: #f3e9d8;
  border-top: none;
  border-radius: var(--radio);
  padding: 30px 22px;
  margin: 10px 0;
}
.pasos .bloque__titulo { color: #f3e9d8; }
.pasos__num { background: #d4a017; color: #1a1310; }
.pasos__lista strong { color: #f3e9d8; }
.pasos__lista p { color: #c9b393; }