@font-face {
  font-family: "Averta-regular";
  src: url("Averta-GR/Averta-Regular.otf");
}

/* Fuente fortnite */
@font-face {
  font-family: "Averta-extrabold";
  src: url("Averta-GR/Averta-Extrabold.otf");
}

:root {
  --warning: #ff6600;
  --secundario: red;
}

body {
  background-color: #ddd;
}

.promo {
  height: 40px;
  background-color: black;
  font-size: 14px;
}

.text-orange {
  color: var(--warning);
  font-family: "Averta-extrabold", serif;
}

.carousel-indicators .cind-item {
  background-color: var(--warning);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.carousel-control-next .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF6600' viewBox='-8 -6 32 32'%3E%3Cpath d='M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767L7.022 1.566z'/%3E%3C/svg%3E");
  transform: rotate(90deg);
}

.carousel-control-prev .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF6600' viewBox='-8 -6 32 32'%3E%3Cpath d='M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767L7.022 1.566z'/%3E%3C/svg%3E");
  transform: rotate(150deg);
}

a {
  text-decoration: none;
  list-style: none;
}

.servicio {
  position: relative;
  text-decoration: none;
  color: #474747;
  font-size: 22px;
  font-weight: bold;
  height: 80px;
  font-family: "Averta-regular", serif;
}

.itemdisp {
  text-decoration: none;
  color: #474747;
  border-radius: 5%;
  background-position: center;
  background-size: cover;
  filter: blur(2px);
  transition: 0.2s ease;
  height:100%;
  width: 100%;
}

.contlogo{
  /* border: 1px solid yellow;  */
  height:20%;
  position:relative;
  margin: -40px auto;

}

.itemdisp:hover{
  filter: blur(0px);
}


/* .itemdisp :before {
  filter: blur(2px);
  content: "";
  position: absolute;
  height: 20%; 
  width: 20%;
  background: url(http://lorempixel.com/420/255);
  background-size: cover;
  z-index: -1;
  -webkit-transform: scale(5);
  -webkit-transform-origin: top left;
} */

.imgdispo {}

.servicio:hover {
  color: var(--warning);
  transition: all 0.3s ease;
}

.servicio::before {
  content: "";
  width: 50%;
  height: 4px;
  background-color: var(--warning);
  position: absolute;
  left: 25%;
  bottom: 1px;
  transition: all 0.3s ease;
}

.servicio:hover::before {
  width: 100%;
  left: 0%;
}

.icono {
  transition: 0.3s;
  cursor: pointer;
  width: 110px;
  height: 110px;
}

.icono-correo {
  background-image: url(img/btnCorreo1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.icono-correo:hover,
.icono-correo:focus {
  background-image: url(img/btnCorreo2.png);
}

.icono-chat {
  background-image: url(img/btnChat1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.icono-chat:hover,
.icono-chat:focus {
  background-image: url(img/btnChat2.png);
}

.icono-fondo {
  background-image: url(img/btnFondo1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.icono-fondo:hover,
.icono-fondo:focus {
  background-image: url(img/btnFondo2.png);
}

.icono-calidad {
  background-image: url(img/btnSig1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.icono-calidad:hover,
.icono-calidad:focus {
  background-image: url(img/btnSig2.png);
}

.icono-red {
  background-image: url(img/btnRed1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.icono-red:hover,
.icono-red:focus {
  background-image: url(img/btnRed2.png);
}

.icono-aprendi {
  background-image: url(img/btnAprende1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.icono-aprendi:hover,
.icono-aprendi:focus {
  background-image: url(img/btnAprende2.png);
}

#result {
  top: 110px;
  right: 0;
  left: 400px;
  z-index: 10;
  background: #ccc;
  width: 100%;
}

li {
  list-style: none;
  color: black;
}