/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.legal-consent-container {
  font-size: 14px;
}
.tt-heading {
  line-height: 90%;
  font-size: 80px;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-5-19 7:50:22
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

/* Estilos por defecto para pantallas grandes */
.texto-superior {
  text-transform: uppercase;
  font-size: 14px; /* Tamaño de fuente estándar para pantallas grandes */
  font-weight: bold;
  color: #000000;    
  margin-bottom: 8px; /* Espaciado antes del tt-parrafoh2 */
  display: block;
}

.tt-parrafoh2 {
  line-height: 120%;
  font-size: 44px; /* Tamaño de fuente inicial para pantallas grandes */
  color: #000000;    
  font-weight: bold;  
}

.tt-parrafoh3 {
  line-height: 120%;
  font-size: 28px; /* Tamaño de fuente inicial para pantallas grandes */
  color: #000000;    
  font-weight: bold;  
}

/* Para pantallas medianas, como tablets */
@media (max-width: 1024px) {
  .texto-superior {
    font-size: 12px; /* Tamaño de fuente reducido para pantallas medianas */
    margin-bottom: 6px;
  }
  .tt-parrafoh2 {
    font-size: 36px; /* Tamaño de fuente reducido para el título */
  }
  .tt-parrafoh3 {
    font-size: 24px; /* Tamaño de fuente reducido para subtítulos */
  }
}

/* Para pantallas pequeñas, como teléfonos móviles en orientación horizontal */
@media (max-width: 768px) {
  .texto-superior {
    font-size: 10px; /* Tamaño de fuente más pequeño para pantallas pequeñas */
    margin-bottom: 5px;
  }
  .tt-parrafoh2 {
    font-size: 30px; /* Tamaño de fuente más pequeño para el título */
  }
  .tt-parrafoh3 {
    font-size: 20px; /* Tamaño de fuente más pequeño para subtítulos */
  }
}

/* Para teléfonos móviles en orientación vertical */
@media (max-width: 480px) {
  .texto-superior {
    font-size: 9px; /* Tamaño de fuente mínimo para teléfonos en orientación vertical */
    margin-bottom: 4px;
  }
  .tt-parrafoh2 {
    font-size: 24px; /* Tamaño de fuente aún más pequeño para el título */
  }
  .tt-parrafoh3 {
    font-size: 18px; /* Tamaño de fuente mínimo para subtítulos */
  }
}

/* Fondo de rich-text blanco */
  .white-background {
    background-color: #ffffff;
}

/* Degradado texto */

.degradado-texto {
  /* Primero, definimos el degradado como fondo */
  background: linear-gradient(to right, #671F3E 0%, #D17137 100%);

  /* Aseguramos que el fondo solo se aplique al texto */
  -webkit-background-clip: text;
  background-clip: text;

  /* Hacemos el color del texto transparente para que se vea el fondo */
  -webkit-text-fill-color: transparent;

  /* Otras propiedades para un mejor efecto */
  font-size: 24px; /* o el tamaño que prefieras */
  font-weight: bold; /* para que el efecto sea más visible */