.btn-whatsapp{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  height: 44px;

  border: 1px solid #1D3557;
  border-radius: 12px; /* Igual que rounded-xl */

  background: #ffffff;
  color: #1D3557;

  font-weight: 700;
  font-size: 15px;
  text-decoration: none;

  transition: all .25s ease;
}

/* Icono */
.btn-whatsapp i{
  font-size: 22px;
  line-height: 1;
  transition: color .25s ease;
}

/* HOVER */
.btn-whatsapp:hover{
  background-color: #25D366 !important; /* Verde oficial */
  border-color: #15b852 !important;
  color: #ffffff !important;
}

/* Forzamos icono blanco en hover */
.btn-whatsapp:hover i{
  color: #ffffff !important;
}



/* =========================
   NOSOTROS - estilos
========================= */

.oa-about__pill{
  display:flex;
  align-items:flex-start;
  gap:12px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 14px 14px;
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease;
}
.oa-about__pill:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
}
.oa-about__icon{
  width:42px;
  height:42px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(250,219,76,.22); /* oa-yellow/22 */
  color: #232F58; /* oa-navy */
  flex: 0 0 auto;
}
.oa-about__icon i{ font-size: 16px; }

/* Panel grande derecha */
.oa-about__panel{
  border-radius: 24px;
  border: 1px solid rgba(0,0,0,.08);
  background:
    radial-gradient(700px 220px at 30% 0%, rgba(250,219,76,.20), transparent 60%),
    radial-gradient(550px 240px at 90% 10%, rgba(244,182,67,.16), transparent 60%),
    #ffffff;
  box-shadow: 0 24px 70px rgba(0,0,0,.10);
  overflow:hidden;
  position: relative;
}
.oa-about__accent{
  height: 6px;
  background: linear-gradient(90deg, #fadb4c, #f4b643, #232F58);
}

/* Badge 10+ años */
.oa-about__badge{
  width: 70px;
  height: 70px;
  border-radius: 20px;
  background: #f89d1f; /* oa-navy */
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: column;
  gap: 4px;
  box-shadow: 0 18px 40px rgba(35,47,88,.25);
}

/* Stats */
.oa-about__stat{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.9);
}
.oa-about__statNum{
  font-weight: 900;
  color:#232F58; /* oa-navy */
  letter-spacing: -0.2px;
}
.oa-about__statTxt{
  font-size: 13px;
  color: rgba(0,0,0,.6);
  margin-top: 4px;
}

/* Quote */
.oa-about__quote{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  border-radius: 18px;
  background: rgba(35,47,88,.06); /* navy suave */
  padding: 14px 14px;
  color: rgba(0,0,0,.65);
}
.oa-about__quote i{
  margin-top: 2px;
  color:#f89d1f; /* oa-orang */
}

/* Mini cards */
.oa-about__mini{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background:#fff;
  padding: 14px;
  transition: transform .18s ease, box-shadow .18s ease;
}
.oa-about__mini:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
}
.oa-about__miniIcon{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(244,182,67,.18); /* oa-amber */
  color:#232F58; /* oa-navy */
  flex: 0 0 auto;
}
.oa-about__miniIcon i{ font-size: 18px; }

/* Ajustes mobile */
@media (max-width: 640px){
  .oa-about__badge{
    width: 62px;
    height: 62px;
    border-radius: 18px;
  }
}


/* =========================
   CONTACTO - estilos (pegá al final de web.css)
========================= */

.oa-contact__card{
  border-radius: 24px;
  border: 1px solid rgba(0,0,0,.08);
  background:
    radial-gradient(700px 220px at 30% 0%, rgba(250,219,76,.18), transparent 60%),
    radial-gradient(550px 240px at 90% 10%, rgba(244,182,67,.14), transparent 60%),
    #ffffff;
  box-shadow: 0 24px 70px rgba(0,0,0,.10);
  overflow: hidden;
  position: relative;
}
.oa-contact__accent{
  height: 6px;
  background: linear-gradient(90deg, #fadb4c, #f4b643, #232F58);
}
.oa-contact__bottomBar{
  height: 1px;
  background: rgba(0,0,0,.08);
}

.oa-contact__row{
  display:flex;
  align-items:flex-start;
  gap: 12px;
  border-radius: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.75);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  cursor: pointer;
  text-decoration: none;
}
.oa-contact__row:hover{
  transform: translateY(-1px);
  background: #fff;
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
}
.oa-contact__icon{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(250,219,76,.22);
  color: #232F58;
  flex: 0 0 auto;
}
.oa-contact__icon i{ font-size: 16px; }
.oa-contact__text{
  color: rgba(0,0,0,.70);
  font-size: 14px;
  line-height: 1.35;
}
.oa-contact__text strong{
  color: #232F58;
  font-weight: 900;
}

.oa-contact__qr{
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.08);
  align-self: flex-start;
}

.oa-contact__side{
  border-radius: 24px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  box-shadow: 0 18px 60px rgba(0,0,0,.08);
  padding: 24px;
  height: 100%;
}

.oa-contact__chip{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(35,47,88,.04);
  color: rgba(0,0,0,.68);
  font-weight: 700;
  font-size: 14px;
}
.oa-contact__chipDot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #f89d1f;
  box-shadow: 0 0 0 5px rgba(248,157,31,.18);
}

/* Mobile tweaks */
@media (max-width: 640px){
  .oa-contact__qr{
    width: 100%;
    display:flex;
    flex-direction: column;
    align-items: center;
  }
}