.clima-titule-h1{
   
    margin-top: 3rem;
    color: bisque;
    font-size: calc(2px + 4vw); /* Ajusta dinámicamente el tamaño */
    font-family: "lilita one";
    font-weight: lighter!important;

    
   
}

.centro-clima{
    transform: translateX(2.5%);
}

  .clima-titule-sun {
    width: calc(30px + 5.3vw) !important; /* Ajusta el ancho dinámicamente */
    height: calc(30px + 5.3vw) !important; /* Ajusta la altura dinámicamente */
   
  
  }


body.light-mode .clima-titule::after {
   background-color:midnightblue;
   height: 2px;
}

body.light-mode .clima-titule::before {
    background-color: midnightblue;
    height: 2px;
 }
 
  /* @media (max-width:482px){
    .clima-titule-sun{
        width: 40px;
        height: 40px;
    }
}

@media (min-width:483px) and (max-width:991px){
    .clima-titule-sun{
        width: 65px;
        height: 65px;
    }
} */

/* @media (min-width:400px) and (max-width:482px){
    .clima-titule{
        font-size: 1rem;
    }
}

@media (min-width:400px) and (max-width:482px){
    .clima-titule{
        font-size: 1rem;
    }
} */


.clima-titule {
  /* ... tus estilos actuales ... */
  position: relative;
}

.clima-titule::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: rgb(255,165,0);
    animation: subrayado-animado 1.5s infinite;
  }
  
  .clima-titule::before {
    content: "";
    position: absolute;
    bottom: 1;
    right: 0;
    width: 0;
    height: 2px;
    background-color: rgb(255,165,0);
    animation: subrayado-animado-inverso 1.5s infinite;
  }
  
  @keyframes subrayado-animado {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }
  
  @keyframes subrayado-animado-inverso {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }

body.light-mode .clima-titule{
    color: midnightblue;
   background: linear-gradient(
        to right,
        #ff7b00, /* Midnight blue oscuro en la parte superior */
        #ffffff, /* Royal blue para darle un poco de vida */
        #87CEFA /* Light sky blue para un toque más claro al final */
    );
}

.tomorrow{
    margin-top: 3rem;
  }