/* Acconto Consulting Services — estilos del sitio */
:root{
  --verde-oscuro:#142e26;
  --verde:#426a5a;
  --menta:#20c997;
  --menta-osc:#17a57b;
  --gris-claro:#f0f5f4;
  --texto:#1f2a27;
  --texto-suave:#55625e;
  --blanco:#fff;
  --radio:14px;
  --sombra:0 6px 24px rgba(20,46,38,.10);
  --ancho:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Source Sans 3","Source Sans Pro",system-ui,sans-serif;font-size:17px;line-height:1.6;color:var(--texto);background:var(--blanco)}
h1,h2,h3{font-family:"Assistant","Source Sans 3",sans-serif;line-height:1.15;margin:0 0 .5em;color:var(--verde-oscuro)}
h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800}
h3{font-size:1.35rem;font-weight:700}
p{margin:0 0 1em}
a{color:var(--menta-osc)}
img{max-width:100%;height:auto;display:block}
.contenedor{max-width:var(--ancho);margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:.5em;padding:.75em 1.4em;border-radius:6px;font-weight:600;text-decoration:none;border:2px solid transparent;transition:.2s;cursor:pointer;font-size:1rem}
.btn-menta{background:var(--menta);color:var(--verde-oscuro)}
.btn-menta:hover{background:var(--menta-osc);color:#fff}
.btn-blanco{background:#fff;color:var(--verde-oscuro)}
.btn-blanco:hover{background:var(--gris-claro)}
.btn-verde{background:var(--verde);color:#fff}
.btn-verde:hover{background:var(--verde-oscuro)}
.btn-borde{border-color:currentColor;color:#fff;background:transparent}
.btn-borde:hover{background:rgba(255,255,255,.12)}

/* Encabezado */
.cabecera{position:sticky;top:0;z-index:50;background:var(--gris-claro);border-bottom:1px solid #dfe7e5}
.cabecera .contenedor{display:flex;align-items:center;gap:24px;height:68px}
.logo img{height:42px;width:auto}
.menu{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex:1}
.menu a{display:block;padding:8px 12px;border-radius:6px;color:var(--texto);text-decoration:none;font-weight:500}
.menu a:hover,.menu a[aria-current=page]{background:#dfe9e6;color:var(--verde-oscuro)}
.menu .sub{position:relative}
.menu .sub>ul{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:var(--sombra);border-radius:10px;list-style:none;padding:8px;margin:0;min-width:240px}
.menu .sub:hover>ul,.menu .sub:focus-within>ul{display:block}
.cab-tel{color:var(--texto);text-decoration:none;font-size:.95rem;white-space:nowrap;display:flex;align-items:center;gap:6px}
.btn-menu{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--verde-oscuro)}

/* Héroes */
.hero{position:relative;color:#fff;background:var(--verde-oscuro) center/cover no-repeat;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,46,38,.85) 0%,rgba(20,46,38,.55) 55%,rgba(20,46,38,.1) 100%)}
.hero .contenedor{position:relative;padding:120px 20px 150px}
.hero h1{color:#fff;max-width:640px}
.hero ul{padding-left:1.1em;max-width:620px;font-size:1.1rem}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:110px;background:var(--gris-claro);clip-path:polygon(0 100%,100% 0,100% 100%)}
.banner{background:var(--verde-oscuro) center/cover no-repeat;color:#fff;padding:42px 0}
.banner h1{color:#fff;margin:0}

/* Secciones */
.seccion{padding:80px 0}
.seccion.gris{background:var(--gris-claro)}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.dos-col.inv>:first-child{order:2}
.redondeada{border-radius:var(--radio)}
.lista-check{list-style:none;padding:0}
.lista-check li{padding-left:1.6em;position:relative;margin-bottom:.45em}
.lista-check li::before{content:"";position:absolute;left:0;top:.45em;width:.85em;height:.85em;border-radius:50%;background:var(--menta)}

/* Cifras */
.cifras{background:var(--verde-oscuro);color:#fff;position:relative;overflow:hidden}
.cifras::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(32,201,151,.35),transparent 70%);top:-220px;left:-120px}
.grid-cifras{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cifra{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radio);padding:22px 26px}
.cifra span{display:block;font-size:.98rem;opacity:.85}
.cifra strong{display:block;font-size:2.6rem;font-weight:300;line-height:1.2}

/* Tarjetas */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tarjeta{background:#fff;border:1px solid #e1e8e6;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:.2s}
.tarjeta:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.tarjeta img{aspect-ratio:16/9;object-fit:cover;width:100%}
.tarjeta div{padding:18px 20px 22px}
.tarjeta h3{border-bottom:1px solid #e6ecea;padding-bottom:.55em}
.tarjeta p{color:var(--texto-suave);font-size:.98rem}
.tarjeta .mas{margin-top:auto;font-weight:600;color:var(--menta-osc)}

.bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.bento .img{grid-row:span 2;border-radius:var(--radio);overflow:hidden}
.bento .img img{width:100%;height:100%;object-fit:cover}
.caja{border-radius:var(--radio);padding:30px;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px;background:var(--gris-claro)}
.caja p{font-style:italic;font-size:.95rem;margin:0}
.caja.oscura{background:linear-gradient(135deg,#6a8b7d,#3f6658);color:#fff}
.caja.menta{background:linear-gradient(135deg,#4fd8ad,#20c997);color:#fff}
.caja.oscura h3,.caja.menta h3{color:#fff}

/* Misión/visión/valores */
.valores{display:grid;gap:16px;list-style:none;padding:0}
.valores li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.valores .ico{width:40px;height:40px;border-radius:8px;background:var(--gris-claro);display:grid;place-items:center;color:var(--verde-oscuro)}
.valores h3{font-size:1.15rem;margin:0}
.valores p{margin:0;font-size:.95rem}

.equipo{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.persona{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:start}
.persona img{border-radius:12px}
.persona small{display:block;color:var(--texto-suave);margin-bottom:.6em}

.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:28px 22px;align-items:center}
.logos img{max-height:80px;width:auto;margin:auto;filter:saturate(.95)}

.cta{background:var(--verde-oscuro);color:#fff;padding:56px 0}
.cta .contenedor{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta h2{color:#fff;margin-bottom:.2em}

/* Contacto */
.contactos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}
.contacto{display:flex;flex-direction:column;gap:8px;padding:26px;border-radius:var(--radio);background:var(--gris-claro);text-decoration:none;color:var(--texto);transition:.2s}
.contacto:hover{box-shadow:var(--sombra);transform:translateY(-2px)}
.contacto svg{width:30px;height:30px;color:var(--verde)}
.contacto strong{font-size:1.15rem;color:var(--verde-oscuro)}
.mapa{border:0;width:100%;height:380px;border-radius:var(--radio)}

.legal{max-width:820px}
.legal h2{font-size:1.5rem;margin-top:1.6em}

/* Pie */
.pie{background:var(--gris-claro);text-align:center;padding:44px 0 26px;font-size:.95rem}
.redes{display:flex;justify-content:center;gap:12px;margin-bottom:22px}
.redes a{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.06);color:var(--verde)}
.redes a:hover{color:var(--menta-osc)}
.redes svg{width:18px;height:18px}
.pie .logo-pie{width:130px;margin:28px auto}
.pie .legales{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--texto-suave);font-size:.9rem;border-top:1px solid #dde5e3;padding-top:18px;margin-top:10px}
.pie a{color:var(--verde)}

.whatsapp{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:.2s}
.whatsapp:hover{transform:scale(1.07)}
.whatsapp svg{width:30px;height:30px}

/* Móvil */
@media (max-width:960px){
  .cab-tel{display:none}
  .btn-menu{display:block;margin-left:auto}
  .cabecera .btn-menta{display:none}
  .menu{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:#fff;padding:12px 16px 18px;box-shadow:var(--sombra)}
  .menu.abierto{display:flex}
  .menu .sub>ul{display:block;position:static;box-shadow:none;padding:0 0 0 14px}
  .dos-col,.equipo,.contactos{grid-template-columns:1fr;gap:32px}
  .dos-col.inv>:first-child{order:0}
  .grid-3,.grid-cifras{grid-template-columns:1fr 1fr}
  .logos{grid-template-columns:repeat(3,1fr)}
  .bento{grid-template-columns:1fr 1fr}
  .bento .img{grid-column:span 2;grid-row:auto}
  .seccion{padding:56px 0}
  .hero .contenedor{padding:80px 20px 120px}
}
@media (max-width:600px){
  body{font-size:16px}
  .contenedor{padding:0 16px}
  .grid-3,.grid-cifras,.bento{grid-template-columns:1fr}
  .bento .img{grid-column:auto}
  .logos{grid-template-columns:repeat(2,1fr)}
  .persona{grid-template-columns:84px 1fr}
  .cifra strong{font-size:2.1rem}
}
.icono{max-width:320px;width:100%;margin:auto;mix-blend-mode:multiply}
.valores .ico{color:var(--menta-osc)}
@media (max-width:960px){.hero::before{background:rgba(20,46,38,.72)}.hero{background-position:70% center}}