@charset "UTF-8";

/* Estilo para enlaces: 
   - a:link: el estilo para enlaces no visitados.
   - a:active: el estilo para enlaces que están siendo activados (clickeados).
   - a:hover: el estilo para enlaces cuando el mouse pasa sobre ellos. 
   Todos estos estados de enlace tendrán un color verde (#008000). */
a:link,a:active,a:hover {
  color:#008000;
}

/* Estilo para enlaces visitados. 
estos estados de enlace tendrán un color gris (#D3D3D3).*/
a:visited {
  color:#D3D3D3;
}

body {
  cursor:url(http://www.rw-designer.com/cursor-extern.php?id=107616),auto;
  cursor:url(http://www.rw-designer.com/cursor-view/107616.png),auto;
/* Cursor personalizado */
  background-image:url(https://img.mfcimg.com/photos2/405/40522435/580-568-326-190-14498172.jpg);
  background-size:cover;
/* Ajusta la imagen para que cubra toda la pantalla */
  background-repeat:no-repeat;
/* Evita que la imagen se repita */
  background-attachment:fixed;
/* Fija la imagen de fondo */
  background-position:center;
/* Centra la imagen de fondo */
  color:#ffffff;
/* Asegura que el texto sea blanco */
/*overflow-x:hidden;*/
/* Evita el desplazamiento horizontal */
}

/**********************************************/
/* Sección de contenido del perfil:
   - Relleno de 28px y margen de 15px.
   - Bordes redondeados con radio de 9px.
   - Sombra de caja con desplazamiento y color gris (#777777). */
.profile_section_content {
  color:#ffffff;
/*Color del texto: blanco.*/
  border:0 none #fefefe;
/*sin borde.*/
  padding:15px;
/*Relleno de 15px*/
  margin:5px;
/*margen de 5px.*/
  -webkit-border-radius:5px;
/* Para navegadores WebKit */
  -moz-border-radius:5px;
/* Para navegadores Mozilla */
  border-radius:5px;
/* Estándar */
  -webkit-box-shadow:0 0 0 #1f25c4;
/* Sombra para WebKit */
  -moz-box-shadow:0 0 0 #1f25c4;
/* Sombra para Mozilla */
  box-shadow:0 0 0 #1f25c4;
/* Sombra estándar */
  width:100%;
/* Ajusta el ancho al 100% del contenedor */
  max-width:700px;
/* Establece un ancho máximo */
  margin:10px auto;
/* Centra el cuadro horizontalmente */
}

.profile_section_background {
  background-color:transparent;
  background-color:#FFFFFF;
/*Color del texto: blanco*/
  filter:alpha(opacity=10);
  opacity:.15;
  background-image:url(https://img.mfcimg.com/photos2/405/40522435/207-827-173-577-14307925.jpg);
  width:100%;
/* Ajusta el ancho al 100% del contenedor */
  max-width:700px;
/* Establece un ancho máximo */
  margin:10px auto;
/* Centra el cuadro horizontalmente */
  height:100%;
}

/* Estilo para imágenes con bordes redondeados y sombra:
   - Bordes redondeados de 6px.
   - Sombra de caja desplazada con color gris. */
.img_radius_shadow {
  margin:12px;
  -webkit-border-radius:6px;
/* Para WebKit */
  -moz-border-radius:6px;
/* Para Mozilla */
  border-radius:6px;
/* Estándar */
  -webkit-box-shadow:8px 9px 25px #4d4d4d;
/* Sombra para WebKit */
  -moz-box-shadow:8px 9px 25px #4d4d4d;
/* Sombra para Mozilla */
  box-shadow:8px 9px 25px #4d4d4d;
/* Sombra estándar */
/*width:100%;/* Ajusta el ancho al 100% del contenedor */
/*max-width:700px;/* Establece un ancho máximo */
/*margin:10px auto;/* Centra el cuadro horizontalmente */
}

/* Estilo para el encabezado dentro de la sección de contenido del perfil:
   - Relleno de 3px.
   - Fuente: Helvetica, tamaño de 14px.
   - Bordes redondeados y sombra de caja. */
.profile_section_content .heading {
/*padding:3px;/*Relleno de 3px,*/
  margin:12px;
  background-color:#ffffff;
/*fondo negro*/
  color:#ffb000;
/* texto naranja*/
  font-family:'Helvetica';
  font-weight:bold;
  font-style:normal;
  font-size:14px;
  -webkit-border-radius:2px;
/* Para WebKit */
  -moz-border-radius:2px;
/* Para Mozilla */
  border-radius:2px;
/* Estándar */
  -webkit-box-shadow:4px 4px 10px #4d4d4d;
/* Sombra para WebKit */
  -moz-box-shadow:4px 4px 10px #4d4d4d;
/* Sombra para Mozilla */
  box-shadow:4px 4px 10px #4d4d4d;
/* Sombra estándar */
  -webkit-text-shadow:0 0 0 #fabe38;
  -moz-text-shadow:0 0 0 #fabe38;
  text-shadow:0 0 0 #fabe38;
  background-image:url(https://img.mfcimg.com/photos2/405/40522435/207-827-173-577-14307925.jpg);
}

.content {
  padding:5px;
}

.my_mfc_news_feed {
  clip-path:inset(6% 5% 12% 3%);
/* Ajusta los valores según tus necesidades */
  width:100%;
/* Ajusta el ancho al 100% del contenedor */
  max-width:700px;
/* Establece un ancho máximo */
  margin:10px auto;
/* Centra el cuadro horizontalmente */
  height:185px;
  opacity:.95;
  padding:5px;
/* Espacio interno */
}

/* Media Queries para dispositivos móviles */
@media only screen and (max-width: 768px) {
  .profile_section_content,.profile_section_background,.img_radius_shadow,.profile_section_content .heading,.my_mfc_news_feed {
    width:100%;
  /* Ajusta el ancho al 100% del contenedor */
    max-width:none;
  /* Elimina el ancho máximo */
    margin:5px auto;
  /* Ajusta el margen */
  }

  body {
    font-size:14px;
  /* Ajusta el tamaño de la fuente para pantallas más pequeñas */
  }
}