/* =====================================================
   ANIMA HOME – ESTILO GLOBAL PREMIUM
===================================================== */

:root{
  --aa-accent:#C87914;
  --aa-bg-light:#F6F7F9;
  --aa-bg-soft:#F2F2F5;
  --aa-dark:#0f1116;
}

/* ===========================
   CONTAINER BASE
=========================== */

.aa-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}


/* ===========================
   VIDEO SECTION
=========================== */

.aa-video-section{
  padding:80px 20px;
  background:var(--aa-bg-light);
}

.aa-video-container{
  position:relative;
  max-width:1000px;
  margin:40px auto 0;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  border-radius:18px;
  box-shadow:0 22px 60px rgba(0,0,0,.12);
}

.aa-video-container iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}

/* Forzar Lyte responsive */
.lyte-wrapper,
.lyte-wrapper > div,
.lyte-wrapper iframe{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
}

.lyte-wrapper{
  margin:0 auto !important;
}


/* ================================
   SECTION TITLE
================================ */

.aa-section-title{
  text-align:center;
  margin:60px auto 30px;
  max-width:900px;
}

.aa-section-title h2{
  font:800 28px/1.2 "Montserrat",sans-serif;
  color:#111;
  margin-bottom:10px;
}

.aa-section-title p{
  font:500 15px/1.6 "Roboto",sans-serif;
  color:#666;
}


/* ================================
   VENTAJAS SECTION
================================ */

.aa-ventajas-section{
  padding:80px 0;
  background:#fff;
}

.ventajas-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  margin-top:40px;
}

.ventaja-card{
  background:#fff;
  border:1px solid #e9ecf0;
  border-radius:18px;
  padding:2rem;
  text-align:center;
  transition:.3s ease;
  box-shadow:0 12px 30px rgba(0,0,0,.04);
}

.ventaja-card img{
  width:60px;
  margin-bottom:1rem;
}

.ventaja-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.ventaja-card h3{
  margin-bottom:12px;
  font:800 18px/1.2 "Montserrat",sans-serif;
  color:#111;
}

.ventaja-card p{
  font:500 14px/1.6 "Roboto",sans-serif;
  color:#555;
}

.aa-ventajas-cta{
  margin-top:60px;
  text-align:center;
}

.aa-ventajas-cta p{
  font:500 16px/1.6 "Roboto",sans-serif;
  color:#333;
  margin-bottom:20px;
}


/* ================================
   PROCESO SECTION
================================ */

.aa-proceso-section{
  padding:80px 0;
  background:var(--aa-bg-light);
}

.aa-proceso-intro{
  text-align:center;
  max-width:800px;
  margin:0 auto 40px;
  font:500 15px/1.6 "Roboto",sans-serif;
  color:#555;
}

.proceso-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}

.proceso-card{
  background:#fff;
  border:1px solid #e9ecf0;
  border-radius:18px;
  padding:2rem;
  text-align:center;
  transition:.3s ease;
  box-shadow:0 12px 30px rgba(0,0,0,.04);
}

.proceso-card img{
  width:50px;
  margin-bottom:1rem;
}

.proceso-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.proceso-card h3{
  margin-bottom:12px;
  font:800 17px/1.2 "Montserrat",sans-serif;
  color:#111;
}

.proceso-card p{
  font:500 14px/1.6 "Roboto",sans-serif;
  color:#555;
}

.aa-proceso-cta{
  margin-top:60px;
  text-align:center;
}

.aa-proceso-cta p{
  margin-bottom:20px;
  font:500 15px/1.6 "Roboto",sans-serif;
}


/* ================================
   VALOR SECTION
================================ */

.aa-valor-section{
  padding:100px 0;
  background:#000;
  color:#fff;
}

.aa-valor-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:60px;
  align-items:center;
}

.aa-valor-media img{
  width:100%;
  border-radius:18px;
}

.aa-valor-badge{
  display:inline-block;
  padding:8px 14px;
  background:var(--aa-accent);
  border-radius:999px;
  font:700 12px/1 "Montserrat",sans-serif;
  margin-bottom:18px;
}

.aa-valor-content h2{
  font:800 32px/1.2 "Montserrat",sans-serif;
  margin-bottom:18px;
}

.aa-valor-content p{
  font:500 16px/1.6 "Roboto",sans-serif;
  margin-bottom:20px;
  opacity:.9;
}

.aa-valor-list{
  list-style:none;
  padding:0;
  margin:0 0 30px;
}

.aa-valor-list li{
  margin-bottom:10px;
  position:relative;
  padding-left:18px;
}

.aa-valor-list li::before{
  content:"•";
  position:absolute;
  left:0;
  color:var(--aa-accent);
  font-weight:bold;
}


/* ================================
   FAQ SECTION
================================ */

.aa-faq-section{
  padding:80px 0;
  background:#fff;
}

.aa-faq-list{
  max-width:900px;
  margin:40px auto 0;
  display:grid;
  gap:1rem;
}

.aa-faq-item{
  border:1px solid #e9ecf0;
  border-radius:14px;
  background:#fafafa;
  overflow:hidden;
}

.aa-faq-item summary{
  cursor:pointer;
  padding:16px;
  font:700 15px/1.4 "Montserrat",sans-serif;
  color:#111;
}

.aa-faq-answer{
  padding:0 16px 16px;
  font:500 14px/1.6 "Roboto",sans-serif;
  color:#444;
}
/* ================================
   RESPONSIVE
================================ */

@media (min-width:768px){
  .ventajas-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .proceso-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .aa-valor-grid{
    grid-template-columns:1fr 1fr;
  }
  .aa-contact-grid{
    grid-template-columns:1.2fr 1fr;
  }
}

@media (min-width:1024px){
  .ventajas-grid{
    grid-template-columns:repeat(4,1fr);
  }
  .proceso-grid{
    grid-template-columns:repeat(3,1fr);
  }
}