/* ---------- COMÚN ---------- */
/* Variables con colores */
:root {
  --color1: #CC0033;
  --color1dark: #AC0831;
}
* {
	box-sizing:border-box;
}
@font-face {
    font-family: 'Dax bold';
		/*font-size:20px;*/
    src: url('fonts/Dax-Bold.otf') format("opentype");
}
body{
	font-size:17px;
	font-family: 'roboto regular';
	z-index:0;
}
.font1 {
	font-family: 'Dax bold';
}
.bg-custom {
	background-color: var(--color1) !important;
}
.bg-customdark {
	background-color: var(--color1dark) !important;
}
.border-custom {
	border-color: var(--color1) !important;
}
.border-customdark {
	border-color: var(--color1dark) !important;
}
.text-custom {
	color: var(--color1) !important;
}
.text-customdark {
	color: var(--color1dark) !important;
}
.link-custom {
	color: var(--color1) !important;
}
.link-custom:hover {
	color: var(--color1dark) !important;
}
.btn-danger {
	background-color: var(--color1) !important;
}
.btn-danger:hover {
	background-color: var(--color1dark) !important;
}
.card-shadow {
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.75); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.75);
}

/* animación de rotación
[data-aos="rotate-c"] {
  transform: rotate(-360deg);
  transition-property: transform;
}
[data-aos="rotate-c"].aos-animate {
  transform: rotate(0deg);
}*/

/* tamaño máximo de contenedores a 1080px */
.container-size {
	max-width:1080px !important;
	margin: 0 0 0 5rem;/*cambio para centrar en el display*/
}

/* ---------- SEARCHBAR ---------- */

#buscador:focus {
	border-color: var(--color1) !important;	
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0), 0px 0px 0px 0px rgba(0,0,0,0); 
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0), 0px 0px 0px 0px rgba(0,0,0,0);
	outline: 0 none;
}

#buscador:focus + #icono-buscador {
	border-color: var(--color1) !important;
	background-color: var(--color1) !important;
	color: #FFF !important;
	
}

@media screen and (max-width: 650px){
	#contenedor-buscador {
		width:100%;
	}
	#buscador {
		font-size:15px;
	}
	#button-addon2 {
		width:100%;
		margin-top:1em;
	}
}

/* ---------- HEADER ---------- */

.nav1 {
	z-index:99;
	padding-top: 32px;
	padding-bottom: 32px;
}
.nav1 .nav .nav-link:hover img {
	border-color:rgba(0,0,0,0.4) !important;
}
.nav1 .nav .nav-link.active img {
	border-color:rgba(0,0,0,0.4) !important;
}
/* ---------- INDEX1 ---------- */
.card-1 .card-img-overlay{
	transition: all .2s;
	transform: scale(0.95);
}
.card-1:hover .card-img-overlay{
	transform: scale(1);
}
/* ---------- INDEX2 ---------- */
.card-2 .card-body a:hover i{
	transition: all .4s;
	transform: rotate(360deg);
	background-color: var(--color1dark) !important;
}
.card-2 .card-body a:hover{
	transition: all .4s;
	background-color: var(--color1dark) !important;
}

/* ---------- INDEX3 ---------- */

/* posición del nav2 para que no cubra el nav1 al hacer scroll*/
.nav2 {
	top:80px;
}
/* margin y padding top para arreglar scroll de index3.php*/
#about,#visit,#contact {
	padding-top:220px;
	margin-top:-175px;
}
/* botones qr */
.nav-pills .nav-item .active {
	background-color: var(--color1) !important;
	color:white !important;
}
/* ocultar logo del navegador en móviles */
@media screen and (max-width: 750px){
	.logo_empresa {
		display:none !important;
	}
}
/* texto alineado a la izquierda en dispositivos pequeños  y carousel ocupa 100%*/
@media screen and (max-width: 767px){
	#about p {
		text-align:left !important;
	}
	.carousel{
		width:100% !important;
	}
	.empresa-img {
		padding:0 !important;
	}
	
}
/* estilo de los títulos de index 3 */
h1.titulo {
	color: transparent;
	background: #666666;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 3px 3px rgba(255,255,255,0.5);
}