@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
	font-family: 'Roboto', sans-serif;
	background-image: linear-gradient(to bottom right,#d3151c, #fde2b7);
	text-align:justify
}
section{
	background-image: linear-gradient(to bottom right,#d3151c, #fde2b7);
}
header {
    background-image: linear-gradient(to bottom right,#d3151c, #fde2b7);
}

p, li{
	font-size:1.2em;
}

.facebook i.bx {
  font-size: 24px;
  color: #f7f7f7;
  border-radius: 50%;
  padding: 15px;
  background: #3b5998;
}

.facebook i.bx:hover{
  background: #f7f7f7;
  color: #3b5998;
}

.instagram i.bx {
  font-size: 24px;
  color: #e9531d;
  border-radius: 50%;
  padding: 15px;
  background: #3b5998;
}

.instagram i.bx:hover{
  background: #e9531d;
  color: #3b5998;
}

.whatsapp i.bx {
  font-size: 24px;
  color: #00ff00;
  border-radius: 50%;
  padding: 15px;
  background: #008000;
}

.whatsapp i.bx:hover{
  background: #00ff00;
  color: #008000;
}

.titulo{
	margin-top:30px;	
}

h2, th{
	color:#d3151c;
	text-align: center;
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #d3151c;
  color: #fde2b7;
  transition: all 0.4s;
}

.back-to-top i:hover {  
  background: #fde2b7;
  color: #d3151c;
}

/*--------------------------------------------------------------
# Contact Me
--------------------------------------------------------------*/

.contacto i.bx {
  font-size: 24px;
  color: #d3151c;
  border-radius: 50%;
  padding: 15px;
  background: #fde2b7;
}

.contacto i.bx:hover{
  background: #d3151c;
  color: #fde2b7;
}


.sinTabs {
    tab-size:     0;
}

.custom-indicators {
        bottom: -50px; /* Ajusta la distancia según sea necesario */
}