@charset "UTF-8";

/* ???? Estilo kawaii personalizado por ChatGPT para Antonella_28_ */
/* Elimina cualquier imagen rara o que cause errores en álbumes */
/* FONDO SUAVE ROSA CON PATRÓN DE ANIME PEQUEÑO */
body {
  background-color:#ffe4f0;
  background-image:url(https://i.imgur.com/NShAvuQ.png);
/* patrón kawaii limpio */
  background-repeat:repeat;
  background-size:100px 100px;
  font-family:'Comic Sans MS',cursive,sans-serif;
  color:#d81b60;
  margin:0;
  padding:0;
}

/* CONTENEDORES DEL PERFIL: BIO, INFO, ETC. */
#profile-header,#profile-content,#profile-footer {
  background:rgba(255,255,255,0.85);
  border-radius:20px;
  max-width:900px;
  margin:30px auto;
  padding:40px 50px;
  box-shadow:0 12px 30px rgba(216,27,96,0.25);
  position:relative;
  z-index:10;
}

/* IMÁGENES DE PERFIL Y GALERÍA REDUCIDAS Y REDONDEADAS */
#profile-pic,.gallery img {
  max-width:160px!important;
  border-radius:50%;
  border:4px solid #f48fb1;
  box-shadow:0 8px 18px rgba(194,24,91,0.3);
  display:block;
  margin:20px auto;
  transition:transform .3s ease;
}

#profile-pic:hover,.gallery img:hover {
  transform:scale(1.1);
}

/* TÍTULOS ENORMES Y HERMOSOS */
h1,h2,h3 {
  font-size:3rem!important;
  font-weight:bold;
  color:#c2185b;
  text-align:center;
  text-shadow:2px 2px 5px #ffc1e3;
  margin-bottom:20px;
  letter-spacing:1.5px;
}

/* TEXTOS CON LETRA GRANDE Y ROSA OSCURO */
p,span,li {
  font-size:1.4rem!important;
  color:#880e4f;
  line-height:1.5;
  text-align:center;
  margin:10px 0;
}

/* BOTONES BONITOS Y LLAMATIVOS */
button,.btn {
  background:#f06292;
  border:none;
  border-radius:25px;
  padding:12px 30px;
  color:white;
  font-size:1.4rem;
  font-weight:bold;
  cursor:pointer;
  box-shadow:0 10px 20px rgba(240,98,146,0.4);
  margin:25px auto;
  display:block;
}

button:hover,.btn:hover {
  background:#ad1457;
}

/* ENLACES CON EFECTO DE SUBRAYADO */
a,a:visited {
  color:#d81b60;
  font-weight:bold;
  text-decoration:none;
  position:relative;
}

a::after {
  content:'';
  position:absolute;
  width:100%;
  height:2px;
  background:#f8bbd0;
  bottom:-4px;
  left:0;
  transform:scaleX(0);
  transition:transform .3s ease;
}

a:hover::after {
  transform:scaleX(1);
}

/* ADAPTADO A MÓVILES */
@media screen and (max-width: 600px) {
  h1,h2,h3 {
    font-size:2rem!important;
  }

  p,span,li {
    font-size:1.2rem!important;
  }

  #profile-pic,.gallery img {
    max-width:120px!important;
  }

  button,.btn {
    font-size:1.1rem;
    padding:10px 20px;
  }
}