@font-face {
    font-family: 'Klavika-Regular';
    src: url('Klavika-Light.otf') format('opentype');
}

* {
    font-family: 'Klavika-Regular', sans-serif;
	color:#eef3f4;
}

body {
    margin: 0;
    background-color: #282828; /* Cambia el color de fondo según tus preferencias */
}

#main_container {
    max-width: 1000px;
    width: 100%; /* O un valor específico según tus necesidades */
    background-color: #353f4b;
    padding: 20px 0; /* Añade relleno según tus preferencias */
    box-sizing: border-box; /* Asegura que el relleno no incremente el ancho total */
	margin: 0 auto; /* Centra horizontalmente con margen automático */
}
#main_banner {
    max-width: 1000px;
    width: 100%; /* O un valor específico según tus necesidades */
	
	
}

#logo{
	width:20vw;
	max-width:180px;
	margin: 0px 20px; /* Centra horizontalmente con margen automático */
}

#social_container{
	float:right;
	margin: 10px 20px; /* Centra horizontalmente con margen automático */
}

#social_container img{
	width:4vw;
	max-width:25px;
}


.info_bubble {
    border:1px solid #1f242d;
    color: #ffffff;
    border-radius: 10px;
    padding: 15px;
    width: 80%; /* Ajusta el ancho según sea necesario */
    margin: 20px auto;
    box-shadow: 0 5px 10px rgba(15, 15, 15, 0.3); /* Sombreado en la parte de abajo */
    text-align: center;
	font-size:1.8em;
}

.line_shadow{
	box-shadow: 1px 0 10px rgba(15, 15, 15, 0.3); /* Sombreado en la parte de arriba */
	height:2px;
}

.footer {
    text-align: right;
    padding: 10px;
    background-color: #353e4b;
    color: #ffffff;
}

hr{
	margin:30px auto;
}

.img_square{
	width:20%;
	max-width:200px;
	float:left;
	margin:0 10px;
}

.info{
	width:80%;
	margin:40px auto;
}
.info h1{
	font-size:20pt;
	margin-top: -4pt;
	padding:0;
	margin-bottom: 10px;
}
.info p{
	font-size:10pt;
	margin:0;
	padding-bottom:6pt;
	text-align:justify;
}

.button{
	max-width:180px;
	margin-top:-40px
}

.cookie{
	width:33%;
}

.cookies_text{
	font-size:24pt;
	font-weight:bold;
}