@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html,body{
width:100%;
	height:100%;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100; background-color: #1f1f1f;  font-family: "Inter", sans-serif;

}
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
 *:focus { 
    outline: none; 
} 
 

#elhead{ width:100%; text-align:center; height:90px; top:10px; left:0; background-color: transparent; z-index:9999; position:absolute;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; z-index:9998;}



.infotexto{ display: inline-block; text-align: center; width: 90%; max-width: 860px;}
.infotexto2{ display: inline-block; text-align: center; width: 90%; max-width: 520px;}
.infotexto3{ display: inline-block; text-align: center; width: 90%; max-width: 620px;}


.texto1{ color:#e90a43; font-size:16px; font-weight:400; text-decoration:none; }


#arriba, #arriba1,#arriba2,#arriba3,#arriba4{display:inline-block;vertical-align:top;}
#arriba{ width: 95%; max-width:1300px;vertical-align:middle; text-align:center; margin-top: 40px;}
#arriba1{width:30%;margin-right:-4px; text-align:left;  margin-top:10px;}
#arriba2{width:70%;margin-right:-4px;text-align:right;  margin-top:10px;}



.elboton{width:27px; height:28px;   background:url("../imagenes/r1.png") no-repeat center center; background-size:cover; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.elboton:hover{  background:url("../imagenes/r1a.png") no-repeat center center; background-size:cover; }


.elboton2{width:20px; height:28px;   background:url("../imagenes/r2.png") no-repeat center center; background-size:cover; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.elboton2:hover{  background:url("../imagenes/r2a.png") no-repeat center center; background-size:cover; }


.elboton3{width:22px; height:28px;   background:url("../imagenes/r3.png") no-repeat center center; background-size:cover; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.elboton3:hover{  background:url("../imagenes/r3a.png") no-repeat center center; background-size:cover; }


.elboton4{width:31px; height:28px;   background:url("../imagenes/r4.png") no-repeat center center; background-size:cover; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.elboton4:hover{  background:url("../imagenes/r4a.png") no-repeat center center; background-size:cover; }


.elboton5{width:27px; height:28px;   background:url("../imagenes/r5.png") no-repeat center center; background-size:cover; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.elboton5:hover{  background:url("../imagenes/r5a.png") no-repeat center center; background-size:cover; }


.elboton6{width:39px; height:28px;   background:url("../imagenes/r6.png") no-repeat center center; background-size:cover; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.elboton6:hover{  background:url("../imagenes/r6a.png") no-repeat center center; background-size:cover; }


.iconos-redes {
  display: flex;
  gap: 35px;
  align-items: center;
  justify-content: center;
  padding: 20px;
    padding-left:50px ;
    padding-right: 50px;
}