/* Reset */
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
}

body {
  background:#141414;
  color:#FFFFFF;
  font-family:'Open Sans', sans-serif;
  max-width:900px;
  margin:auto;
  padding:40px 24px 60px;
  text-align:center;
  line-height:1.6;
}

/* Logo */
.logo-img {
  width:220px;
  max-width:80%;
  display:block;
  margin:0 auto 28px;
}

/* Taglines */
.tagline {
  font-size:1.15rem;
  font-weight:300;
  margin-bottom:12px;
}
.tagline strong { font-weight:700; }

/* Animación fade-in */
.fade-in {
  opacity:0;
  transform:translateY(20px);
  animation:fadeInUp 0.8s ease forwards;
}
@keyframes fadeInUp {
  to { opacity:1; transform:translateY(0); }
}

/* Servicios como lista centrada sin viñetas */
.servicios-titulo {
  color:#F51F3B;
  font-size:1.55rem;
  font-weight:700;
  margin-bottom:20px;
}

.servicios-lista {
  list-style:none;        /* elimina los puntos */
  padding:0;
  margin:0 auto 60px;     /* espacio extra antes de botones */
  max-width:400px;
  text-align:center;      /* centra el texto */
}

.servicios-lista li {
  color:#FFF;
  margin:10px 0;
  font-size:1rem;
  font-weight:600;
  border-bottom:1px solid rgba(255,255,255,.15); /* línea divisoria elegante */
  padding-bottom:6px;
}

.servicios-lista li:last-child {
  border-bottom:none; /* quita la línea al último */
}

/* Botones sociales */
.botones {
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-bottom:55px;
}
.btn {
  background:#F51F3B;
  color:#FFF;
  text-decoration:none;
  padding:16px 20px;
  border-radius:12px;
  font-weight:700;
  transition:.35s ease;
  box-shadow:0 10px 24px rgba(245,31,59,.18);
}
.btn:hover {
  transform:translateY(-4px) scale(1.05);
  background:#FF3352;
  box-shadow:0 18px 35px rgba(245,31,59,.30);
}

/* Contacto */
.contacto-titulo {
  color:#F51F3B;
  font-size:1.35rem;
  margin-bottom:18px;
  font-weight:700;
}
.contacto-info p {
  color:#CFCFCF;
  margin:8px 0;
  font-size:.98rem;
}

/* Footer */
footer {
  margin-top:70px;
  padding-top:30px;
  border-top:1px solid rgba(255,255,255,.08);
}
footer p {
  color:#777;
  font-size:.85rem;
}

/* Responsive */
@media (min-width:768px) {
  .botones {
    flex-direction:row;
    justify-content:center;
    flex-wrap:wrap;
  }
  .btn { min-width:180px; }
}
@media (max-width:767px) {
  body { padding:35px 22px 50px; }
  .logo-img { width:190px; }
  .btn { width:100%; }
}