@font-face{
  font-family: 'corleone';
  src:url(fonts/corleone-due-regular.otf);
}

.fondo {background-color: #000;}
.modal-content {background-color: #1a1a1a;}
.modal-header .btn-close {background: transparent url(x-modal.svg) center / 1em auto no-repeat !important;}
.modal-title{color: #fff}
.modal-footer{border-top: 1px solid #ffe5b64a;}
.modal-header{border-bottom: 1px solid #ffe5b64a;}

.container{max-width: 918px;}

p {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #ffe5b6;
}

h1{
  font-family: 'corleone';
  font-size: 60px;
  line-height: 60px;
  padding-left: 15%;
  padding-right: 15%;
  text-align: center;
  color: #f2b12f;
}

.intertitulo{
  font-family: 'corleone';
  font-weight: 300;
  font-size: 50px;
  line-height: 50px;
  color: #eec865;
  padding-top: 20px;
  text-align: center;
}

.intertitulo-grafico{
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 40px;
  color: #eec865;
  padding-top: 20px;
  text-align: center;
}

.footer{font-size: 16px;}


.destacado {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #eec865;
  padding-left: 10%;
  padding-right: 10%;
  text-align: center;
}

.titulo-footer{
  font-family: 'corleone';
  font-weight: 300;
  font-size: 30px;
  color: #f2b12f;
  margin-bottom: -4px;
}

.video-text{color: #eec865; font-size: 14px; padding-top: 10px;}
.credito-foto{text-align: right; font-size: 14px; padding-top: 5px;}
.pie-foto{font-size: 14px; color: #eec865; margin-top: -10px;}

.titulo-modal{color: #ffe5b6; text-align: center; padding-top: 20px;}


b {color: #eec865}

.containerdiv { float: left; position: relative; }
.nofloat{float: none!important;}
.btn-img img:last-child {display: none;}
.btn-img:hover img:last-child {display: block;}
.btn-img:hover img:first-child {display: none;}

.popover-body {background-color: #1a1a1a; color: #fff;}
.popover-header {background-color: #e0a522; color: #1a1a1a;}

.dropdownimage .dropdown-toggle::after{display:none;}
.dropdownimage{position: absolute;top:77.5%;width:5.5%;left:9%;}
.btn-compartir{position: absolute; width: 100%; height: auto; left: 0; top: 31.5%;}
.dropdownimage-2 .dropdown-toggle::after{display:none;}
.dropdownimage-2{position: absolute;top:67.4%;width:5.3%;left:8.7%;}
.btn-compartir-2{position: absolute; width: 100%; height: auto; left: 0; top: 31.5%;}
.dropdown-menu {background-color: #000;}
.dropdown-item {color: #fff;}
.dropdown-item:hover {background-color: #e0a522;}
.amarillo{color: #eec865!important;}

.display-item{display: none}

.popoverout.ver-mas-pc{position: absolute; width: 11%; height: auto; right: 87%; top: 1.8%;}
.ver-mas-pc{width:auto; right:0;}
.popoverout.ver-mas-pc-2{position: absolute; width: 11%; height: auto; right: 87%; top: 1.8%;}
.ver-mas-pc-2{width:auto; right:0;}
.popoverout.ver-mas-movil{position: absolute; width: 29%; height: auto; right: 2%; top: 1%;}
.ver-mas-pc{width:auto; right:0;}
.popoverout.ver-mas-movil-2{position: absolute; width: 29%; height: auto; right: 2%; top: 1%;}
.ver-mas-pc-2{width:auto; right:0;}

.btn-compartir{ position: absolute; width: 100%; height: auto; top: 27%;}
.popoverout.item-1{position: absolute; width: 5%; height: auto; right: 30.6%; top: 5.9%;}
.item-1{width:auto; right:0;}
.popoverout.item-2{position: absolute; width: 5%; height: auto; right: 20.5%; top: 31.2%;}
.item-2{width:auto; right:0;}
.popoverout.item-3{position: absolute; width: 5%; height: auto; right: 21.3%; top: 52.2%;}
.item-3{width:auto; right:0;}
.popoverout.item-4{position: absolute; width: 5%; height: auto; right: 20.8%; top: 78%;}
.item-4{width:auto; right:0;}
.popoverout.item-5{position: absolute; width: 5%; height: auto; right: 40%; top: 90.9%;}
.item-5{width:auto; right:0;}
.popoverout.item-6{position: absolute; width: 5%; height: auto; right: 54.6%; top: 80.3%;}
.item-6{width:auto; right:0;}
.popoverout.item-7{position: absolute; width: 5%; height: auto; right: 62.3%; top: 64%;}
.item-7{width:auto; right:0;}
.popoverout.item-8{position: absolute; width: 5%; height: auto; right: 75%; top: 56%;}
.item-8{width:auto; right:0;}
.popoverout.item-8-2{position: absolute; width: 5%; height: auto; right: 52.3%; top: 5%;}
.item-8{width:auto; right:0;}

.popoverout.ver-mas-art-pc{position: absolute; width: 20%; height: auto; right: 2%; top: 5.8%;}
.ver-mas-pc{width:auto; right:0;}
.popoverout.ver-mas-art-pc-2{position: absolute; width: 20%; height: auto; right: 2%; top: 5.8%;}
.ver-mas-pc-2{width:auto; right:0;}
.popoverout.ver-mas-art-movil{position: absolute; width: 38%; height: auto; right: -2%; top: 3%;}
.ver-mas-movil{width:auto; right:0;}
.popoverout.ver-mas-art-movil-2{position: absolute; width: 38%; height: auto; right: -2%; top: 3%;}
.ver-mas-movil-2{width:auto; right:0;}

.articulo-1{position: absolute; width: 6%; height: auto; right: 42%; top: 35.4%;}
.articulo-1-text{position: absolute; width: 28%; height: auto; right: 29%; top: 38%;}
.articulo-1-text-2{position: absolute; width: 30%; height: auto; right: 29%; top: 38%;}
.articulo-2{position: absolute; width: 7%; height: auto; right: 63%; top: 42.4%;}
.articulo-2-text{position: absolute; width: 37%; height: auto; right: 58%; top: 43.8%;}
.articulo-2-text-2{position: absolute; width: 39%; height: auto; right: 58%; top: 43.8%;}
.articulo-3{position: absolute; width: 7%; height: auto; right: 31%; top: 59.4%;}
.articulo-3-text{position: absolute; width: 41%; height: auto; right: 6%; top: 62.7%;}
.articulo-3-text-2{position: absolute; width: 43%; height: auto; right: 6%; top: 62.7%;}
.articulo-4{position: absolute; width: 6%; height: auto; right: 55%; top: 67%;}
.articulo-4-text{position: absolute; width: 41%; height: auto; right: 43.7%; top: 70%;}
.articulo-4-text-2{position: absolute; width: 43%; height: auto; right: 43.7%; top: 70%;}

@media only screen and (max-width: 767px) {
p{font-size: 19px; padding-left: 2px; padding-right: 2px;}
.footer{font-size: 16px;}
h1{padding-left: 5%; padding-right: 5%; font-size: 45px; line-height: 45px;}
.display-item{display: block;}
.display-item2{display: none}

.dropdownimage{top:31.5%;width:14%;left:68%;}

.popoverout.item-1{width: 12%; right: 32%; top: 51.6%;}
.popoverout.item-2{width: 12%; right: 8.5%; top: 58.5%;}
.popoverout.item-3{width: 12%; right: 6%; top: 75.5%;}
.popoverout.item-4{width: 12%; right: 8%; top: 87.5%;}
.popoverout.item-5{width: 12%; right: 44%; top: 92.5%;}
.popoverout.item-6{width: 12%; right: 81%; top: 84.5%;}
.popoverout.item-7{width: 12%; right: 79%; top: 72.5%;}
.popoverout.item-8{width: 12%; right: 75%; top: 56%;}

.articulo-1{position: absolute; width: 13%; height: auto; right: 38.5%; top: 31.4%;}
.articulo-1-text{position: absolute; width: 37%; height: auto; right: 18.5%; top: 37.7%;}
.articulo-1-text-2{position: absolute; width: 37%; height: auto; right: 18.5%; top: 37.7%;}
.articulo-2{position: absolute; width: 13%; height: auto; right: 60%; top: 40.4%;}
.articulo-2-text{position: absolute; width: 47%; height: auto; right: 52.5%; top: 44.5%;}
.articulo-2-text-2{position: absolute; width: 47%; height: auto; right: 52.5%; top: 44.5%;}
.articulo-3{position: absolute; width: 13%; height: auto; right: 28%; top: 56.4%;}
.articulo-3-text{position: absolute; width: 51%; height: auto; right: 0.2%; top: 62.7%;}
.articulo-3-text-2{position: absolute; width: 51%; height: auto; right: 0.2%; top: 62.7%;}
.articulo-4{position: absolute; width: 13%; height: auto; right: 51.5%; top: 65.8%;}
.articulo-4-text{position: absolute; width: 51%; height: auto; right: 46.2%; top: 73%;}
.articulo-4-text-2{position: absolute; width: 51%; height: auto; right: 46.2%; top: 73%;}
}