/* ==========================================================
   AAM · Home (index.php)
   ========================================================== */

/* ---------- Hero ---------- */
.home-hero { padding: var(--esp-16) 0 var(--esp-12); background: var(--fondo); }
.home-hero__texto { display: flex; flex-direction: column; gap: var(--esp-4); max-width: 760px; margin-bottom: var(--esp-12); }
.home-hero__texto .aam-acciones { margin-top: var(--esp-4); }

/* ---------- Carrusel ---------- */
.aam-carrusel { position: relative; }
.aam-carrusel__ventana { overflow: hidden; border-radius: var(--radio-tarjeta); background: var(--marca-azul-tinte); box-shadow: var(--sombra-tarjeta); }
.aam-carrusel__pista { display: flex; transition: transform .5s ease; }
.aam-carrusel__item { flex: 0 0 100%; aspect-ratio: 1350 / 500; }
.aam-carrusel__item a, .aam-carrusel__item img { display: block; width: 100%; height: 100%; }
.aam-carrusel__item img { object-fit: cover; }
.aam-carrusel__controles { display: flex; align-items: center; justify-content: center; gap: var(--esp-4); margin-top: var(--esp-4); }
.aam-carrusel__flecha {
    width: 40px; height: 40px; display: grid; place-items: center; cursor: pointer;
    background: var(--superficie); color: var(--texto); border: 1px solid var(--borde-control); border-radius: var(--radio-control);
}
.aam-carrusel__flecha:hover { border-color: var(--texto); }
.aam-carrusel__puntos { display: flex; gap: var(--esp-2); }
.aam-carrusel__puntos button {
    width: 24px; height: 6px; padding: 0; border: 0; cursor: pointer;
    border-radius: var(--radio-pildora); background: var(--linea); transition: background-color .2s, width .2s;
}
.aam-carrusel__puntos button[aria-current="true"] { width: 40px; background: var(--marca-azul); }
.aam-carrusel--uno .aam-carrusel__controles { display: none; }
@media (prefers-reduced-motion: reduce) { .aam-carrusel__pista { transition: none; } }

/* ---------- Sobre la AAM ---------- */
.home-sobre { display: grid; grid-template-columns: 5fr 7fr; gap: var(--esp-12); align-items: start; margin-bottom: var(--esp-12); }
.home-sobre .aam-encabezado { margin-bottom: 0; }
.home-beneficios .aam-card__titulo { font-size: 20px; }
@media (max-width: 860px) { .home-sobre { grid-template-columns: 1fr; gap: var(--esp-6); } }
@media (max-width: 560px) { .home-beneficios { grid-template-columns: 1fr; } }

/* ---------- Premio Mercurio ---------- */
.home-mercurio { padding: var(--esp-24) 0; overflow: hidden; }
.home-mercurio__grilla { display: grid; grid-template-columns: 7fr 5fr; gap: var(--esp-12); align-items: center; }
.home-mercurio__texto { display: flex; flex-direction: column; gap: var(--esp-6); }
.home-mercurio__texto .aam-bajada { color: var(--texto); }
.home-mercurio__pasos { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--esp-4); }
.home-mercurio__pasos li {
    border-top: 2px solid var(--mercurio-lima); padding-top: var(--esp-3);
    font: 600 15px/20px var(--font-sans); color: var(--texto);
}
.home-mercurio__pasos span { display: block; font: 600 13px/16px var(--font-display); color: var(--mercurio-lima); letter-spacing: .1em; margin-bottom: var(--esp-1); }
.home-mercurio__fecha { display: flex; align-items: center; gap: var(--esp-2); font-size: 14px; color: var(--texto-suave); }
.home-mercurio__trofeo { display: flex; flex-direction: column; align-items: center; gap: var(--esp-6); }
.home-mercurio__trofeo img { width: min(220px, 50vw); height: auto; filter: drop-shadow(0 24px 48px rgba(202, 250, 0, .18)); }
.home-mercurio__trofeo .aam-logotipo-mercurio { font-size: 44px; text-align: left; }
@media (max-width: 860px) {
    .home-mercurio { padding: var(--esp-16) 0; }
    .home-mercurio__grilla { grid-template-columns: 1fr; }
    .home-mercurio__trofeo { order: -1; flex-direction: row; justify-content: flex-start; }
    .home-mercurio__trofeo img { width: 96px; }
    .home-mercurio__trofeo .aam-logotipo-mercurio { font-size: 32px; }
}
@media (max-width: 560px) { .home-mercurio__pasos { grid-template-columns: 1fr; } }

/* ---------- Marketing Day ---------- */
.home-mktday {
    display: grid; grid-template-columns: 5fr 7fr; gap: var(--esp-8); align-items: center;
    background: var(--superficie); border: 1px solid var(--linea); border-left: 6px solid var(--edicion-acento);
    border-radius: var(--radio-tarjeta); box-shadow: var(--sombra-tarjeta); padding: var(--esp-8);
}
.home-mktday__texto { display: flex; flex-direction: column; gap: var(--esp-4); }
.home-mktday__texto .aam-eyebrow { color: #4d6b03; } /* edicion-acento oscurecido: 6,1:1 sobre blanco */
.home-mktday__imagen { display: block; border-radius: var(--radio-control); overflow: hidden; }
.home-mktday__imagen img { width: 100%; height: auto; }
@media (max-width: 860px) { .home-mktday { grid-template-columns: 1fr; padding: var(--esp-6); } .home-mktday__imagen { order: -1; } }

/* ---------- Comisión Directiva ---------- */
.home-presidente {
    display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; margin-bottom: var(--esp-8);
    background: var(--fondo); border: 1px solid var(--linea); border-radius: var(--radio-tarjeta);
}
.home-presidente__foto img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.home-presidente__texto { padding: var(--esp-8); display: flex; flex-direction: column; align-items: flex-start; gap: var(--esp-4); justify-content: center; }
@media (max-width: 760px) { .home-presidente { grid-template-columns: 1fr; } .home-presidente__texto { padding: var(--esp-6); } }

.home-directivos { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--esp-6); }
.home-directivo {
    position: relative; display: flex; flex-direction: column; overflow: hidden;
    background: var(--superficie); border: 1px solid var(--linea); border-radius: var(--radio-tarjeta);
}
.home-directivo__foto { aspect-ratio: 4 / 3; background: var(--niebla); overflow: hidden; }
.home-directivo__foto img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; filter: grayscale(1); transition: filter .2s; }
.home-directivo:hover .home-directivo__foto img { filter: grayscale(0); }
.home-directivo__texto { padding: var(--esp-4) var(--esp-4) var(--esp-6); display: flex; flex-direction: column; gap: var(--esp-1); padding-right: 56px; }
.home-directivo__nombre { font: 600 18px/1.25 var(--font-display); }
.home-directivo__cargo { font: 600 13px/18px var(--font-sans); color: var(--acento); }
.home-directivo__empresa { font-size: 13px; line-height: 18px; color: var(--texto-suave); }
.home-directivo__linkedin {
    position: absolute; right: var(--esp-4); bottom: var(--esp-4);
    width: 36px; height: 36px; display: grid; place-items: center;
    color: var(--marca-azul); border: 1px solid var(--linea); border-radius: var(--radio-control);
}
.home-directivo__linkedin:hover { background: var(--marca-azul); color: #fff; border-color: var(--marca-azul); }
@media (max-width: 960px) { .home-directivos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 680px) {
    .home-directivos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esp-3); }
    .home-directivo__texto { padding: var(--esp-3) var(--esp-3) 52px; }
    .home-directivo__nombre { font-size: 16px; }
    .home-directivo__linkedin { left: var(--esp-3); right: auto; bottom: var(--esp-3); }
}

/* ---------- Cierre ---------- */
.home-cierre { background: var(--marca-azul); padding: var(--esp-12) 0; }
.home-cierre__caja { display: flex; align-items: center; justify-content: space-between; gap: var(--esp-6); flex-wrap: wrap; }
.home-cierre .aam-titulo { color: #fff; }
.home-cierre .aam-bajada { color: #dbe5f0; margin-top: var(--esp-2); }