@font-face{
	src: url(../fontes/ShellBook.236e1a43695c8f88.ttf);
	font-family:"ShellBook bold" ;
}
*{
	font-family:"ShellBook bold" ;
}
.btn {
	height: 42px;
	line-height: 29px;
}
.logo{
	height: 42px;
}
.active{
	border-color: silver !important;
	color: silver !important;
}
.carousel-item:nth-of-type(1){
	background:url(../img/2024010520051600.jpg);
	height: 500px;
	width: 100%;
	background-size: scale-down;
}
.carousel-item:nth-of-type(2){
	background:url(../img/2023122618110917.jpg);
	height: 500px;
	width: 100%;
	background-size: scale-down;
}
.carousel-item:nth-of-type(3){
	background:url(../img/2023092717443965.jpg);
	height: 500px;
	width: 100%;
	background-size: scale-down;
}
.btn-danger{
	background: #dd1d21 !important;
}
.btn-outline-danger{
	border-color:#dd1d21 !important;
	color:#dd1d21 !important;
}
.text-danger{
	color: #dd1d21 !important;
}
.conversor{
	background:#fbce07 ;
	max-width: 1100px;
}
.gheader{
	z-index: 9999;
	top:0;
}
.oferta{
	height:585px;
}
.oferta{
	position: relative;
	background: radial-gradient(#912585,#833baf);
}
.contenedor {
    perspective: 1000px;
    perspective-origin: 50% 50%;
}

.cubo, .cubo .cara{
    height: 290px;
    width: 290px;
}

.cubo {
    transform-style: preserve-3d;
    transform: rotateX( 0deg ) rotateY( -30deg );
    margin: 200px auto;
}
.cubo .cara {
    position: absolute;
    border: 5px solid #FFF;
    opacity: 0.95;
}

/*Cara frontal*/

.cubo .cara:nth-child(1) {
    transform: translateZ(150px);
}
/*Cara posterior*/

.cubo .cara:nth-child(2) {
    transform: rotateY(180deg) translateZ(150px);
}
/*Cara izquierda*/

.cubo .cara:nth-child(3) {
    transform: rotateY(-90deg) translateZ(150px);
}
/*Cara derecha*/

.cubo .cara:nth-child(4) {
    transform: rotateY(90deg) translateZ(150px);
}
/*Cara superior*/

.cubo .cara:nth-child(5) {
    transform: rotateX(90deg) translateZ(150px);
}
/*Cara inferior*/

.cubo .cara:nth-child(6) {
    transform: rotateX(-90deg) translateZ(150px);
}
@media (max-width:580px){
	.logo{
		height: 40px;
	}
	.carousel-item:nth-of-type(1){
		background:url(../img/2024010520051595.jpg);
		height: 585px;
		background-size:cover;
	}
	.carousel-item:nth-of-type(2){
		background:url(../img/2023122618110912.jpg);
		height: 585px;
	}
	.carousel-item:nth-of-type(3){
		background:url(../img/2023122618110912.jpg);
		height: 585px;
	}
}