/*FUENTES*/
  .shrikhand-regular {
    font-family: "Shrikhand", serif;
    font-weight: 400;
    font-style: normal;
  }

  .montserrat-font {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
  }

  /*ELEMENTOS*/
  body {
    background-color: #4E3314 !important;
    color: #EEE5BF !important;
    /*background-color: #EEE5BF !important;*/
  }
  
  a {
    color: #000000 !important;
    text-decoration: none;
  }
  a:hover {
    color: #2B2118 !important;
    cursor: pointer;
  }

  p {
    font-family: 'Roboto', sans-serif;
    font-size: medium;
  }

  footer {
    background-color: #D496A7;
    margin: 0 auto !important;
    width: 100% !important;
    position: absolute !important;
  }
  
  /*CLASES*/
  /*TÍTULO*/
  .titulo {
    margin: 0;
    text-align: center;
    font-size: 2.5rem;
    animation: scroll-title 2s ease-out;
    position: relative; /* Necesario para posicionar imágenes decorativas */
    padding: 2%;
  }

  .titulo-texto {
    font-size: 3rem;
    color: #EEE5BF !important;
    z-index: 1;
    position: relative; /* Asegura que el texto quede por encima de las imágenes */
  }

    /* Imágenes decorativas */
  .estrella {
    position: absolute;
    color: #000;
    width: 70px; /* Tamaño de las imágenes decorativas */
    height: auto;
    transition: transform 0.3s ease, opacity 0.3s ease; /* Animación para hover */
    filter: invert(85%) sepia(10%) saturate(500%) hue-rotate(10deg);
  }

    /* Imágenes específicas */
  .estrella-1 {
    top: -120px; /* Encima del título */
    left: -10px; /* A la izquierda del título */
    transform: rotate(-15deg); /* Levemente inclinada */
  }

  .estrella-2 {
    top: 5px; /* A la derecha del título */
    right: -10px;
    transform: rotate(10deg);
  }

  .estrella-3 {
    bottom: -5px; /* Debajo del título */
    left: 10px;
    transform: rotate(-10deg);
  }

  .estrella-4 {
    top: -135px; /* A la derecha del título */
    right: 15px;
    transform: rotate(10deg);
  }

  .estrella-5 {
    bottom: 65px; /* Debajo del título */
    left: 60px;
    transform: rotate(-10deg);
  }

  /*SUBTÍTULOS*/
  /* .subtitulo {
    color: #D496A7 !important;
  } */

  /*MARGEN*/
  .contenedor {
    margin: 0 20% 0 20%;
  }

  .carrera-puesto {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
  }

  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }  

  .content {
    margin-top: 220px; /* Espacio suficiente para evitar superposición */
    padding: 20px;
  }

  .anios {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    font-weight: bold;
    color: #D496A7;
  }

  /* Íconos */
  .bi {
    font-size: 40px;
    color: #EEE5BF !important;
  }
  .iconos {
    margin-left: 42%;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    text-align: center;
  }
  .icono-hover {
    cursor: pointer;
  }

  .bi:hover, .fa-brands:hover, .stack-img:hover, .icono-hover:hover{
    color: #EEE5BF !important;
    transform: scale(1.05);
  }

  .btn-outline-secondary:hover {
    color: #EEE5BF !important;
    transform: scale(1.05);
  }

  .stack, .stack .bi{
    font-size: 50px; /* Tamaño de las imágenes decorativas */
    text-align: center;
    justify-content: center;
    display: flex;
    gap: 15px;
  }
  .stack img {
    width: 50px;
    filter: invert(85%) sepia(10%) saturate(500%) hue-rotate(10deg);
  }
  
  /* Fotos proyectos */
  /* Center align the text within the three columns below the carousel */
  .proyectos { 
    padding-top: 3rem;
    padding-bottom: 3rem;
    box-sizing: border-box;
  }

  .proyectos .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  /* rtl:begin:ignore */
  .proyectos .col-lg-4 p {
    margin-top: 0;
    margin-right: .75rem;
    margin-left: .75rem;
  }
  .row {
    justify-content: space-evenly; /* Distribuye las columnas */
  }

  /* Botones */
  .btn-outline-secondary {
    --bs-btn-color: #D496A7 !important;
    --bs-btn-border-color: #D496A7 !important;
    --bs-btn-hover-color: #D496A7 !important;
    --bs-btn-hover-bg: #D496A7 !important;
    --bs-btn-hover-border-color: #D496A7 !important;
    color: #EEE5BF !important;
  }

  /* Slider certificados */
  .carousel-card {
    color: #EEE5BF;
    height: 300px;
    padding: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(238, 229, 191, 0.5);
  }

  .certificado-image {
    width: 325px;
    height: 100%;
    margin-bottom: 40px;
    border: 2px solid #EEE5BF;
    padding: 4px;
  }

  .finalizacion {
    font-size: 1.15rem;
    font-weight: 500;
  }

  /* Imagenes */
  .imagen {
    max-width: 180px !important;
    min-height: 180px !important;
  }

  .imagen-superpuesta {
    position: absolute;
    top: 50%; /* Ajusta la posición vertical */
    left: 50%; /* Ajusta la posición horizontal */
    transform: translate(-50%, -50%); /* Centrar la imagen */
    height: auto;
}
  .logo-1 {
    width: 135px; /* Ajustá el tamaño de la imagen superpuesta */
  }
  .logo-2 {
    width: 70px;
  }


  /* Animaciones */
  /* Título que se desplaza */
  @keyframes scroll-title {
    from {
      transform: translateY(-50px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }