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

body {background: linear-gradient(180deg, lightpink, #ffc0cb);
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      display: flex; flex-direction: column; align-items: center; text-align: center;}

header {display: flex; justify-content: center;}

.perfil {width: 95%; max-width: 420px; margin: 15px 0; border-radius: 18px; box-shadow: 0 12px 30px rgba(0,0,0,0.25); }

.botones {width: 95%; max-width: 420px; display: flex; flex-direction: column; gap: 14px; margin-top: 10px; }

.opcion {display: flex; align-items: center; justify-content: center; gap: 10px; }

/* BOTÓN SENSUAL */
.botonOpcion {flex: 1; padding: 14px 18px; border-radius: 30px; background: linear-gradient(135deg, #b5179e, #f72585); 
              color: white; text-decoration: none; font-weight: 600; letter-spacing: 0.5px; border: none; cursor: pointer;
              box-shadow: 0 8px 22px rgba(247,37,133,0.45); transition: all 0.3s ease; font-size: 15px; }

/* HOVER SEXY */
.botonOpcion:hover {transform: translateY(-3px) scale(1.03); box-shadow: 0 14px 35px rgba(247,37,133,0.7);
                    background: linear-gradient(135deg, #9d4edd, #ff4d6d);}

/* LOGOS */
.logos {width: 42px; height: 42px; border-radius: 50%; transition: transform 0.3s ease;}
.logos:hover {transform: scale(1.25) rotate(5deg);}

/* Letra pequeña Pie de Galería */
.pieGaleria {color:#b5179e; font-size: 13px; padding-top: 2px;}
.pieGaleria:hover {font-weight: 800;}
a {text-decoration: none;}

/* Letra Título Galería */
.tituloGaleria {color: blueviolet; font-size: 16px; font-weight: 800; margin-top: 30px;}

/* SLIDER */
.sliderGalPerfil {position: relative; width: 95%; max-width: 400px; aspect-ratio: 1 / 1;
                  margin-top: 30px; overflow: hidden; border-radius: 20px;
                  box-shadow: 0 15px 35px rgba(0,0,0,0.35);}
.sliderGalPerfil img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; animation: fadeImage 10s infinite;}

/* DELAYS */
.sliderGalPerfil img:nth-child(1) { animation-delay: 0s; }
.sliderGalPerfil img:nth-child(2) { animation-delay: 2s; }
.sliderGalPerfil img:nth-child(3) { animation-delay: 4s; }
.sliderGalPerfil img:nth-child(4) { animation-delay: 6s; }
.sliderGalPerfil img:nth-child(5) { animation-delay: 8s; }

/* ANIMACIÓN */
@keyframes fadeImage {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  30%  { opacity: 1; }
  40%  { opacity: 0; }
  100% { opacity: 0; }}

  .soonText {color: #b5179e; margin-top: 5px; margin-bottom: 20px; font-size: 17px; font-weight: 500;}