:root{
  --emerald: #0f9d58; /* verde esmeralda */
  --emerald-700: #0b7a45;
  --muted: #6c757d;
  --bg: #ffffff;
  --card-bg: #ffffff;
}

/* Reset ligero y base */
body{
  background: var(--bg);
  color: #222;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  line-height: 1.6;
}

.text-emerald{ color: var(--emerald) !important; }
.btn-emerald{
  background: var(--emerald);
  border-color: var(--emerald);
}
.btn-emerald:hover{ background: var(--emerald-700); border-color: var(--emerald-700); }
.btn-outline-emerald{
  color: var(--emerald);
  border-color: var(--emerald);
}
.btn-outline-emerald:hover{ background: rgba(15,157,88,0.06); }

/* Navbar small shadow */
.navbar{ background: var(--bg); }

/* Section paddings */
header, section{ padding-top: 100px; padding-bottom: 50px;}

/* Card hover */
.card:hover{ transform: translateY(-6px); transition: transform .25s ease; }

/* Testimonials card style */
#testimonials .card{ background: linear-gradient(180deg, #fff, #fbfbfb); }

/* Footer */
footer{ background: var(--bg); }

/* Utilities */
.shadow-sm{ box-shadow: 0 6px 18px rgba(20,20,20,0.06); }

/* Responsive tweaks */
@media (max-width: 600px){
  header{ padding-top: 100px; }
}

/* Accessibility focus outlines */
a:focus, button:focus, input:focus, textarea:focus{ outline: 3px solid rgba(15,157,88,0.12); outline-offset: 2px; }

/* Small helpers */
.text-muted{ color: var(--muted) !important; }

/* Smooth scroll behavior when using JS fallback */
html{ scroll-behavior: smooth; }

.fotoperfil
{
    height: 200px;
    width: 200px;
    border-radius: 50%;
}

/* Footer estilo esmeralda requerido */
.footer-emerald{
  background: var(--emerald);
  color: #fff;
}

/* Estilo para enlaces del footer si los hubiera */
.footer-emerald a{ color: rgba(255,255,255,0.9); }


.cliente
{
    height: 120px;
    width: 135px;
}


.pt-6
{
padding-top: 140px;    
}

.logo
{
    height: 120px;
    width: 350px;
}