/*=======Diseño Zona Oriental Express Shipping =========*/

.text-pe {
font-size: 18px;
color: #011840;
}

.text-pe2 {
font-size: 26px;
color: #011840;
font-weight: bold;
}

nav{
background-color: #f3f3f3;
} 

.bg-pe {
background-color: #011840;
}    

.btn-primary {
background-color: #011840;
border-color: #011840;
color: #FFF; 
}

.btn-primary:active, 
.btn-primary:visited, 
.btn-primary:active:focus, 
.btn-primary:active:hover {
background-color: #011840;
border-color: #011840;
color: #FFFFFF; 
}


.btn-primary:focus {
background-color: #f3f3f3 !important; 
color: #011840;
}


.btn.btn-primary:hover {
background-color: #f3f3f3;
border-color: #011840;
color: #011840;
font-weight: bold;
}

.border-pe {
--bs-border-opacity: 1;
border-color: rgba(1,24,64, var(--bs-border-opacity)) !important;
}



/*========WhatsApp=======*/

.float-wa{
position:fixed;
width:60px;
height:60px;
bottom:30px;
right:30px;
background-color:#25d366;
opacity: 0.8;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 0px 0px 3px 3px #BBB;
z-index:100;
}

.my-float{
margin-top:16px;
} 




/*===================MENU==========================*/

#menu a, button{
font-size: 18px !important;
font-weight: 600;

}

#menu a{
color:#011840;

}
/*===================SLIDER DE IMAGENES==========================*/

.carousel-inner {
max-height:39rem !important;
}

/*===================SECCION NUESTRO EQUIPO IMAGEN==========================*/



#img-equipo{
max-height:30rem !important;
width:50%;
}


/*===================SECCION NUESTRO EQUIPO MAPA==========================*/
#local {
margin-top:50px;
background-color: #f3f3f3;
display:flex;
justify-content: center; 
padding-bottom: 300px; 
}



.wrapper-local {
width:50%;
margin-left:100px;
padding-top:150px;
}


/*===========================SECCION EQUIPO MIAMI==================================*/
#numeros-local{
margin:0 !important;
padding:0 !important;
}
#numeros-local div {
padding: 0 20px 0 0;   
text-align:left;
height:48px;
}

#numeros-local div:not(:last-child) {
border-right: 2px solid #3f3f3f;
}
#numeros-local div:not(:first-child) {
padding-left:20px;
}

#numeros-local p{
margin:0;
}

/*=========================CONTACTOS BACKGROUND================================*/

#bg-contactos{
position:relative;
top: -130px;
} 

#seccion-reserva{
background-color: #011840;
min-height:500px;
position:relative;
}

/*=========================CONTACTOS FORMULARIO================================*/

#contenedor-formulario{
position:absolute;
top:30%;
left:50%;
transform: translate(-50%, -50%);
background: #fbfafa;
border-radius:5px;

}

#titulo-formulario {
color: #3f3f3f;
}




/*=========================FOOTER================================*/

footer {
background: #011840;
min-height: 100px;;
}
footer p{
color:#f3f3f3;
text-align:center;
}
#iconos  i {
font-size: 26px;
padding: 0 8px;
color:#f3f3f3;
}

/*=========================MEDIA QUERIES PANTALLA ANCHA================================*/

@media (max-width:1200px){
#intro, #equipo {
width:90% !important;
margin:auto;
}

#local {
flex-wrap: wrap;
padding-top:30px;
}
.wrapper-local {
width:90%;
margin:auto;
padding-top:50px;    
}

}
/*=========================MEDIA QUERIES PANTALLA SM================================*/


@media (max-width:768px) {

#intro, #equipo{
width:90% !important;
margin:auto;
}


#img-equipo{
max-height:20rem !important;
width:90%;
}
.wrapper-local {
width:90%;
margin:auto;
padding-top:50px;    
}
#local {
flex-wrap: wrap;
}
.mapa img {
width:100%;
height:auto;
}
#bg-contactos{
top: -120px;
}


}
/*=========================MEDIA QUERIES PANTALLA EXTRA-SM================================*/

@media (max-width: 576px) {
#servicios-fila-2 {
width:100% !important;
}
#servicios-fila-1 {
width:100% !important;
}

.icono-wrap{
flex-wrap:wrap !important;
justify-content: center !important;
text-align: center;
}
}