@charset "UTF-8";

UTF-8;
  a {
    text-decoration:none;
  /* Elimina el subrayado del enlace */
    color:#ffc0cb;
  /* Color del texto del enlace */
    font-family:'Big Shoulders Display',sans-serif;
  /* Fuente personalizada */
    font-size:18px;
  /* Tamaño de la fuente */
  }

  a:hover {
    text-decoration:underline;
  /* Subrayado al pasar el mouse sobre el enlace */
  }  
}

/*FUENTES*/
@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cw9DuDJAM23AZ.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cwtDuDJAM23AZ.woff2) format("woff2");
  unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDuDJAM2w.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cw9DuDJAM23AZ.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cwtDuDJAM23AZ.woff2) format("woff2");
  unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDuDJAM2w.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cw9DuDJAM23AZ.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cwtDuDJAM23AZ.woff2) format("woff2");
  unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDuDJAM2w.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cw9DuDJAM23AZ.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cwtDuDJAM23AZ.woff2) format("woff2");
  unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:'Big Shoulders Display';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v19/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDuDJAM2w.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

#age_container,#automobile_container,#body_type_container,#cam_score_container,#city_container,#country_container,#drink_container,#drugs_container,#ethnicity_container,#eyes_container,#favorite_food_container,#gender_container,#hair_container,#height_container,#marital_status_container,#occupation_container,#pets_container,#school_container,#sexual_preference_container,#smoke_container,#username_container,#weight_container {
  display:none;
}

#footer_bar,#header_bar {
  display:none;
}

#about_me_label,#profile_about_me>div:nth-child(1) {
  display:none;
}

/* Estilo para el contenedor principal */
#tags_container {
  width:400px;
/* Establece el ancho del contenedor a 400px */
  margin:0 auto;
/* Centra el contenedor horizontalmente */
  text-align:center;
/* Centra el texto dentro del contenedor */
  margin-top:-10%;
  margin-bottom:7%;
  display:none;
}

/* Estilo para los elementos específicos dentro del contenedor */
#tags_label {
  display:none;
/* Oculta #tags_label */
}

#tags_value {
  display:block;
  width:400px;
/* Muestra #tags_value */
  text-align:center;
/* Asegura que el texto dentro de #tags_value esté centrado */
  vertical-align:top;
  font-family:'Big Shoulders Display',sans-serif;
/* Aplica la fuente Big Shoulders Display */
  font-size:22px;
/* Establece el tamaño de la fuente */
  color:#ffc0cb;
/* Establece el color de la fuente */
  font-weight:500;
/* Peso de la fuente más delgada */
  margin-top:0;
  margin-bottom:7%;
  display:none;
}

#avatar_holder,#profile_avatar,#profile_main_photo {
  display:none;
}

#blurb_container {
  display:none;
}

#profile_header_container {
  display:none;
}

.profile_section .heading {
  display:none;
}

#profile {
  width:1000px;
  margin:0 auto;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:fixed;
}

.profile_section {
  border-spacing:0;
}

.profile_section_content {
  z-index:auto;
  padding:0;
  margin:0;
}

#profile_schedule {
  display:none;
}

#profile_photo_galleries {
  display:none;
}

#profile_password_photo_galleries {
  display:none;
}

#profile_interests_content {
  display:none;
}

#profile_comments {
  display:;
}

#profile_friends > heading,#friends_container,#favorite_models_container {
  display:none;
}

#profile_friends > .heading, {
  margin:0 auto;
  text-align:center;
/* Centra el texto dentro del contenedor si es necesario */
  width:fit-content;
/* Ajusta el ancho al contenido si es necesario */
}

/* Estilo general */
body,html {
  margin:0;
  padding:0;
  height:100%;
  background-color:#ffc0cb;
  font-family:'Big Shoulders Display',sans-serif;
  background-image:url(https://i.ibb.co/rvGn5hr/M-5.png);
  font-size:16px;
/* Establece el tamaño de la fuente en las celdas a 18px */
  color:#ffc0cb;
/* Establece el color de la fuente en las celdas a rosado claro */
  font-weight:300;
/* Peso de la fuente más delgada (puede ajustarse entre 100 y 400) */
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  background-repeat:no-repeat;
  opacity:0;
  animation:fadeIn 5s forwards;
}

/* Animación de desvanecimiento */
@keyframes fadeIn {
  from {
    opacity:0;
  /* Comienza invisible */
  }

  to {
    opacity:1;
  /* Termina visible */
  }
}

/*IMAGENES*/
/* Contenedor de la imagen */
.imagen-completa {
  position:relative;
  width:100vw;
/* Ancho completo de la ventana */
  height:100vh;
/* Alto completo de la ventana */
  overflow:hidden;
/* Ocultar cualquier desbordamiento */
  display:flex;
  justify-content:center;
  align-items:center;
}

/* Imagen ajustada */
.imagen-completa img {
  width:100%;
  padding:0;
  margin-top:-10%;
  z-index:1;
  opacity:.8;
/* Adds transparency to the iframe */
}

/* Contenedor de iconos */
.contenedoriconos {
  position:fixed;
/* Fija el contenedor en la ventana del navegador */
  right:0;
/* Alinea el contenedor al borde derecho */
  top:50%;
/* Posiciona el contenedor a mitad de altura de la ventana */
  transform:translateY(-50%);
/* Ajusta para centrar verticalmente en el medio de la ventana */
  background-color:transparent;
/* Fondo transparente */
  display:flex;
/* Usa flexbox para alinear los iconos */
  flex-direction:column;
/* Apila los iconos verticalmente */
  align-items:center;
/* Centra los iconos horizontalmente dentro del contenedor */
  gap:10px;
/* Espacio entre los iconos */
  z-index:9999;
/* Asegura que el contenedor esté por encima de otros elementos */
}

/* Estilo para las imágenes dentro de los enlaces */
.contenedoriconos img {
  width:40px;
/* Ajusta el tamaño de las imágenes según sea necesario */
  height:auto;
/* Mantiene la proporción de las imágenes */
  margin:5px;
/* Espacio alrededor de cada icono */
}

/* Efecto al pasar el mouse sobre los iconos */
.contenedoriconos img:hover {
  transform:scale(1.5);
/* Aumenta el tamaño en un 10% */
  filter:brightness(0) invert(1) sepia(1) saturate(500%) hue-rotate(-50deg);
/* Cambia el color a rosa */
}

#profile {
  max-width:1600px;
  min-width:1000px;
  margin:0 auto;
}

/* Estilo para las imágenes dentro de los enlaces */
.contenedoriconos img {
  width:40px;
/* Ajusta el tamaño de las imágenes según sea necesario */
  height:auto;
/* Mantiene la proporción de las imágenes */
  margin:5px;
/* Espacio entre los iconos */
}

/* Media queries para ajustar en dispositivos móviles */
@media (max-width: 768px) {
  /* Ajustar el tamaño de los iconos */
  .contenedoriconos img {
    width:70px;
  }

  /* Ajustar el margen superior de la imagen completa */
  .imagen-completa img {
    margin-top:0;
  /* Ajustar o eliminar el margen superior según sea necesario */
  }

  /* Ajustar el tamaño de la imagen completa en dispositivos móviles */
  .imagen-completa {
    width:100%;
    height:auto;
  }
}

/*/*/
*/*/*/*/*//*/***//*/*/*/*/*/*/*/* CARTAS /*/*/*/*/*/*/*/*/*//*/*/*/*/*/*/*/*
/* Contenedor de íconos */
.contenedoriconos {
  text-align:center;
  margin:20px 0;
}

.contenedoriconos a {
  display:inline-block;
  margin:0 10px;
}

.contenedoriconos img {
  width:50px;
/* Ajusta el tamaño según sea necesario */
  height:auto;
}

/* Imagen completa */
.imagen-completa img {
  width:100%;
  height:auto;
  display:block;
  margin:0 auto;
  background-color:transparent;
}

/* Contenedores para los iframes */
.iframe-container {
  display:flex;
  flex-direction:row;
  align-items:flex-start;
/* Alinea los elementos en la parte superior */
  justify-content:center;
  border-radius:10px;
  overflow:visible;
  background-color:transparent;
  margin:0 auto;
  width:300px;
  height:200px;
  position:relative;
  margin-bottom:5%;
}

/* Estilo para los iframes dentro del contenedor */
.iframe-container iframe {
  width:100%;
/* Ajusta el iframe al 100% del ancho del contenedor */
  height:80%;
/* Ajusta la altura del iframe al 100% del contenedor */
  border:none;
/* Elimina el borde del iframe */
  border-radius:10px;
/* Bordes redondeados para el iframe */
  margin:0;
  margin-bottom:-5%;
/* Elimina el margen del iframe */
  overflow:visible;
/* Asegura que el contenido girado no se oculte */
  display:block;
/* Eliminar espacio en blanco */
  background-color:transparent;
/* Contenedor principal para las tres columnas */
  .table-rowdisplay:flex;
  flex-wrap:wrap;
/* Permite que los elementos se distribuyan en varias filas */
  justify-content:space-around;
/* Distribuye uniformemente las columnas */
  gap:20px;
/* Espacio entre columnas */
  width:100%;
/* Asegura que use todo el ancho disponible */
}

/* Contenedores para los iframes */
.iframe-container {
  display:flex;
  flex-direction:column;
/* Alinea el iframe y el texto en columna */
  align-items:center;
/* Alinea el contenido al centro */
  justify-content:center;
  border-radius:10px;
  overflow:visible;
  background-color:transparent;
  width:300px;
/* Ajusta el ancho de cada columna */
  height:200px;
  position:relative;
  margin-bottom:5%;
}

/* Estilo para los iframes dentro del contenedor */
.iframe-container iframe {
  width:100%;
  height:80%;
  border:none;
  border-radius:10px;
  margin:0;
  overflow:visible;
  display:block;
  background-color:transparent;
  transform:rotate(-19deg);
/* Rotación del iframe */
  opacity:.5;
/* Adds transparency to the iframe */
}

/* Texto superpuesto sobre el iframe */
.text-overlay {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(-19deg);
/* Mismo ángulo de rotación que el iframe */
  font-size:18px;
  font-family:'Big Shoulders Display',sans-serif;
  color:#ffc0cb;
  z-index:10;
  pointer-events:none;
}

.table-row {
  width:900px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
/* Permite que los elementos se distribuyan en varias filas si es necesario */
  justify-content:space-around;
/* Centra los elementos horizontalmente */
  gap:-10%;
/* Espacio entre columnas */
}

.text-overlay {
  position:absolute;
  top:70%;
  left:50%;
  transform:translate(-50%,-50%) rotate(-19deg);
/* Mantén la rotación */
  font-size:18px;
  font-family:'Big Shoulders Display',sans-serif;
  color:#ffffff;
  font-weight:400;
  z-index:10;
/* Asegura que el texto esté sobre el iframe */
  pointer-events:none;
/* Permite interactuar con el iframe sin bloquear con el texto */
  text-align:center;
/* Asegura que el texto esté centrado horizontalmente */
}

/* Rotación específica para cada contenedor de iframe */
.iframe-1 {
  transform:rotate(-19deg);
}

.iframe-2 {
  transform:rotate(-19deg);
}

.iframe-3 {
  transform:rotate(-19deg);
}

.iframe-4 {
  transform:rotate(-19deg);
}

.iframe-5 {
  transform:rotate(-19deg);
}

.iframe-6 {
  transform:rotate(-19deg);
}

/* Estilo para la imagen central */
.center-image {
  width:300px;
/* Ancho fijo para la imagen */
  height:200px;
/* Altura fija para la imagen */
  object-fit:cover;
/* Ajusta la imagen para que cubra el contenedor sin deformarse */
  border-radius:0;
/* Bordes redondeados para la imagen */
  overflow:visible;
  background-color:#ffc0cv;
}

/* Estilos para la tabla descriptiva (describe) */
.table-container-describe {
  margin:0 auto;
/* Centrando la tabla descriptiva también */
  width:800px;
/* Ancho fijo para la tabla descriptiva */
  margin-top:-7%;
  margin-bottom:7%;
}

.describe {
  border-collapse:collapse;
  width:100%;
}

.describe td {
  padding:0;
  text-align:center;
  vertical-align:top;
  font-family:'Big Shoulders Display',sans-serif;
/* Aplica la fuente Big Shoulders Display a las celdas */
  font-size:22px;
/* Establece el tamaño de la fuente en las celdas a 18px */
  color:#ffc0cb;
/* Establece el color de la fuente en las celdas a rosado claro */
  font-weight:500;
/* Peso de la fuente más delgada (puede ajustarse entre 100 y 400) */
}

.column-left-describe,.column-right-describe {
  width:50%;
/* Cada columna de texto ocupa la mitad del ancho disponible */
}

.space-describe {
  width:1%;
/* Espacio entre las columnas de texto */
}

/* Responsivo */
@media (max-width: 768px) .icon-container {
  
}

.icon-row {
  display:flex;
  margin:0 auto;
/* Centra el contenedor */
  justify-content:space-between;
  align-items:center;
  width:900px;
  font-family:'Big Shoulders Display',sans-serif;
/* Aplica la fuente Big Shoulders Display a las celdas */
  font-size:26px;
/* Establece el tamaño de la fuente en las celdas a 18px */
  color:#ffc0cb;
/* Establece el color de la fuente en las celdas a rosado claro */
  margin-top:-5%;
  margin-bottom:3%;
  font-weight:500;
/* Peso de la fuente más delgada (puede ajustarse entre 100 y 400) */
}

.icon-item {
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.icon {
  width:60px;
  height:60px;
  transition:transform .3s ease,filter .3s ease;
  filter:brightness(0) invert(1);
/* Iconos en blanco */
}

.icon:hover {
  transform:scale(1.5);
/* Aumenta el tamaño en un 10% */
  filter:brightness(0) invert(1) sepia(1) saturate(500%) hue-rotate(-50deg);
}

.description {
  margin-top:10px;
  font-size:18px;
}

.centered-title {
  text-align:center;
  font-family:'Big Shoulders Display',sans-serif;
/* Aplica la fuente Big Shoulders Display */
  font-size:34px;
/* Establece el tamaño de la fuente en 26px */
  color:#ffc0cb;
/* Establece el color de la fuente en rosado claro */
  margin-top:0;
/* Espacio superior */
  margin-bottom:10%;
/* Espacio inferior para separar del contenido siguiente */
  font-weight:500;
/* Peso de la fuente más delgada (puede ajustarse entre 100 y 400) */
}

.centered-title2 {
  text-align:center;
  font-family:'Big Shoulders Display',sans-serif;
/* Aplica la fuente Big Shoulders Display */
  font-size:34px;
/* Establece el tamaño de la fuente en 26px */
  color:#ffc0cb;
/* Establece el color de la fuente en rosado claro */
  margin-top:0;
/* Espacio superior */
  margin-bottom:4%;
/* Espacio inferior para separar del contenido siguiente */
  font-weight:500;
/* Peso de la fuente más delgada (puede ajustarse entre 100 y 400) */
}

.centered-titletags {
  text-align:center;
  font-family:'Big Shoulders Display',sans-serif;
/* Aplica la fuente Big Shoulders Display */
  font-size:34px;
/* Establece el tamaño de la fuente en 26px */
  color:#ffc0cb;
/* Establece el color de la fuente en rosado claro */
  margin-top:0;
/* Espacio superior */
  margin-bottom:3%;
/* Espacio inferior para separar del contenido siguiente */
  font-weight:500;
/* Peso de la fuente más delgada (puede ajustarse entre 100 y 400) */
}

.centered-skype {
  text-align:center;
  font-family:'Big Shoulders Display',sans-serif;
  font-size:34px;
  color:#ffc0cb;
  margin-top:0;
  margin-bottom:4%;
  font-weight:500;
}

.table-container-skype {
  margin:0 auto;
  width:800px;
  margin-top:-2%;
  margin-bottom:7%;
}

.skype {
  border-collapse:collapse;
  width:100%;
}

.skype td {
  padding:0;
  text-align:center;
  vertical-align:top;
  font-family:'Big Shoulders Display',sans-serif;
  font-size:22px;
  color:#ffc0cb;
  font-weight:500;
}

.column-left-skype,.column-right-skype {
  width:50%;
}

.space-skype {
  width:1%;
}

.iframe-containerskp {
  display:flex;
  justify-content:center;
  align-items:center;
  height:200px;
/* Ajusta la altura según sea necesario */
  overflow:visible;
/* Oculta cualquier contenido que se desborde del contenedor */
  margin-top:35%;
}

.iframe-containerskp iframe {
  border:3px solid #ffc0cb;
/* Marco rosa alrededor del iframe */
  border-radius:10px;
/* Opcional: bordes redondeados */
  width:100%;
/* Ajusta el ancho del iframe al 100% del contenedor */
  height:100%;
/* Ajusta la altura del iframe al 100% del contenedor */
  transform:rotate(22deg);
/* Rotar el iframe 22 grados */
  transform-origin:center;
/* El centro del iframe es el punto de rotación */
  object-fit:cover;
/* Asegura que el contenido del iframe cubra el área del contenedor */
  position:relative;
/* Establece el iframe como absoluto dentro del contenedor */
  left:6%;
/* Mueve el iframe 35% hacia la derecha desde el borde izquierdo del contenedor */
  opacity:.5;
/* Adds transparency to the iframe */
}

a {
  text-decoration:none;
/* Elimina el subrayado del enlace */
  color:#ffc0cb;
/* Color del texto del enlace */
  font-family:'Big Shoulders Display',sans-serif;
/* Fuente personalizada */
  font-size:18px;
/* Tamaño de la fuente */
}

ul {
  list-style-type:none;
/* Elimina los puntos predeterminados */
  padding:0;
/* Elimina el padding predeterminado */
}

a:hover {
  text-decoration:underline;
/* Subrayado al pasar el mouse sobre el enlace */
}