@font-face {
    font-family: 'qatar2022';
    src: url('/assets/Fuentes/Qatar2022/Qatar2022-Medium.otf') format('woff'),
         url('/assets/Fuentes/Qatar2022/Qatar2022Arabic-Medium.otf') format('woff');
         src: url('/assets/Fuentes/octosquares/TT_Octosquares_Regular.ttf') format('truetype');

        font-weight: normal;
    font-style: normal;
}
 
 .body {
     background-color: #f2f2f2;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: TT_Octosquares_Regular, Arial, sans-serif;
    
  }
  
  .titulo{
       font-size: 1.8em;
       margin-top:1.8em;
    margin-bottom: 10px;
    text-align: center;
  }  
    #actualizacion{
       font-size: .8em;
    margin-bottom: 10px;
    text-align: left;
  
      
  }
 .aviso-privacidad p {
    font-size: 1em;
    margin-bottom: 15px; /* Espacio entre párrafos */
    line-height: 1.5;    /* Espaciado entre líneas del párrafo */
    text-align: justify;
    margin-left:.5em;
     margin-right:4em;
}

.aviso-privacidad subtitulo {
    font-size: 0.7em;
    margin-bottom: 15px; /* Espacio entre párrafos */
    line-height: 1.5;    /* Espaciado entre líneas del párrafo */
    text-align: justify;
    
}



h3 {
    font-size: 1em;
     margin-left:1em;
}


.anuncio{
    margin-top:10px;
width:100%;
height:100px;
border:1px solid #f2f2f2;
    color: #ff0000;
}


  @media (max-width: 768px){
      .body {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
   font-family:  Arial, sans-serif;
  }
  
   
 .titulo{
       font-size: .8em;
    margin-bottom: 10px;
    text-align: center;
  }
  
 #actualizacion{
       font-size: .5em;
    margin-bottom: 10px;
    text-align: left;
  }
  
 .aviso-privacidad p {
    font-size: .7em;
    margin-bottom: 15px; /* Espacio entre párrafos */
    line-height: 1.5;    /* Espaciado entre líneas del párrafo */
    text-align: justify;
    margin-left:1em;
     margin-right:1em;
}

.aviso-privacidad subtitulo {
    font-size: .9em;
    margin-bottom: 15px; /* Espacio entre párrafos */
    line-height: 1.5;    /* Espaciado entre líneas del párrafo */
    text-align: justify;
    
}



h3 {
    font-size: .8em;
     margin-left:3em;
     margin-bottom: 5px; /* Espacio entre párrafos */
}
  } 
  
  .anuncio{
    margin-top:2px;
width:100%;
height:40px;
border:1px solid #f2f2f2;
    color: #ff0000;
}
  
  @media (max-width: 1024px) {
    .image-item {
      width: calc(100% / 8); /* Distribuir 2 imágenes por fila en tablets */
  
    }
  }