/*
Theme Name: CVS Web Local
Theme URI: https://cvscolima.com
Description: Plantilla base para webs locales econ¨®micas
Author: Tecnodinamica Digital
Author URI: https://cvscolima.com
Template: astra
Version: 1.0.0
Text Domain: cvs-web-local
*/

/* =====================================================
   Variables globales
===================================================== */
:root {
  --color-primary: #0a3d62;
  --color-secondary: #38ada9;
  --color-dark: #222222;
  --color-light: #f8f9fa;
  --radius: 6px;
}

/* =====================================================
   Tipograf¨ªa base
===================================================== */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--color-dark);
  line-height: 1.6;
}

/* =====================================================
   Botones
===================================================== */
.wp-block-button__link {
  background-color: var(--color-primary);
  border-radius: var(--radius);
  padding: 12px 22px;
  font-weight: 600;
  color: #ffffff;
}

.wp-block-button__link:hover {
  opacity: 0.9;
}

/* =====================================================
   Layout base
===================================================== */
section {
  padding: 60px 20px;
}

/* =====================================================
   T¨ªtulos
===================================================== */
h1,
h2,
h3 {
  font-weight: 700;
  color: var(--color-dark);
}

h1 {
  font-size: 2.4rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.4rem;
}

/* =====================================================
   Enlaces
===================================================== */
a {
  color: var(--color-primary);
  text-decoration: none;
}

a:hover {
  opacity: 0.85;
}

/* =====================================================
   Footer
===================================================== */
.site-footer {
  background-color: var(--color-dark);
  color: #ffffff;
  padding: 40px 20px;
  font-size: 0.9rem;
}

.site-footer a {
  color: #ffffff;
}

/* =====================================================
   Variantes por giro
===================================================== */
.theme-dental {
  --color-primary: #1e90ff;
}

.theme-medico {
  --color-primary: #2ecc71;
}

.theme-comercio {
  --color-primary: #e67e22;
}