@font-face {font-family: 'Miniver'; src: url('/recursos/font/Miniver.woff') format('woff');}
@font-face {font-family: 'Pacifico'; src: url('/recursos/font/Pacifico.woff') format('woff');}


* {margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; list-style: none;   scroll-behavior: smooth; }

/* Fuente principal */
.fontPrincipal {font-family: 'Miniver'; }
.fontTitulos {font-family: 'Pacifico'; }


.SizeTitulosGrandes{ font-size: xxx-large;}
.SizeTitulosGrande{ font-size: xx-large;}
.SizeTitulosMedio{ font-size: x-large;}
.SizeTitulosCard{ font-size: 20px;}
.SizeTitulosMedioGrade{ font-size: 35px;}
.SizeTitulosMedioMediano{ font-size: 30px;}
.SizeTitulosPeque{ font-size: 22px;}
.SizeCredito{ font-size: 15px;}

.VerdeClaro{color:#8fa252e3 }
.boton{color:#E1B866 }
.VerdeOscuro{color: #869449e8 }
.gris{color: #2b2b2b97 }
.naranja{color: #e3732ec3}



.bold{font-weight: bold;}
.sinbold{font-weight: 200;}


body{
   background-image: url(/recursos/img/fondoHome.png);
    background-repeat: repeat;
    background-size: auto;
}

.focus {
  animation: text-focus-in 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
  animation-delay: 1s;
}

.aparecer{
  opacity:0;
}

.focus2 {
  animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
  letter-spacing: 0.06em;
}


@keyframes text-focus-in {
  0% {
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}

.animate__animated {
    animation-duration: 3s;
    animation-fill-mode: both;
  }

@keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .fadeIn {
    animation-name: fadeIn;
  }

    .botonWhass{
  position:fixed; 
  z-index: 10;
  bottom:2px; 
  right:40px; 
  cursor:pointer;
}

.WhassImg{
  width: 40px;
  height: 40px;
}

.tooltip{
  position: absolute;
  bottom: 55px;
  right: -7.5em;
  transform: translateX(-50%);
  background:#e9ad87;
  color: rgba(63, 29, 29, 0.725);
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 16px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.botonWhass:hover .tooltip{
  opacity: 1;
}



  /* CSS */
.button-6 {
  align-items: center;
      background-color: #e2bd72d4;
  border: 1px solid #743c10;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #653d26;
 
  padding: 0.3em 0.8em 0.3em 0.8em;
  transition: all 250ms;
  width: auto;
  cursor: pointer;
  
}

.button-6:hover,
.button-6:focus {
  border-color: #421d00;
  box-shadow: rgba(0, 0, 0, 0.196) 0 4px 12px;
}

.button-6:hover {
  transform: translateY(-1px);
}

.button-6:active {
  background-color: #e2bd72bd;
  border-color: #743c10;
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  color: #7b3e28;
  transform: translateY(0);
}

.mobile {
  display: none;
}

.container_frasefinal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  opacity: 0; /* empieza oculta */
  padding:0em 0.5em 1.5em 0.5em;
  text-align: center;
  align-items: center;
      gap: 1em;
}

.container_frasefinal img {
  width: 60px;
  height: 90px;
}

.container_frasefinal.visible {
  opacity: 1;
}





@media (max-width: 768px) {
  .container_frasefinal h2{
        font-size: 25px !important;
    
  }

      .botonWhass{
         right: 26px;
}


.tooltip{
  right: -6em;
}
}

@media (max-width: 400px) {

  .container_frasefinal h2{
        font-size: 22px !important;
    
  }
}