/*
GENERICOS
*/

section {
	overflow: hidden;
	padding: 6rem 0 6rem 0;
}

section .cabecera{
    padding-top: 20px;
    padding-bottom: 40px;

}

section .cabecera > p[class="subtitulo"]{
    padding-top: 2px;
    padding-bottom: 2px;

}

.pie {
    margin-top: 100px;
}

/*
===================
TIPOGRAFIA
===================
*/

h1,h2,h3,h4,h5,h6{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
h3{
    font-size: 1.25rem;
    padding-top: 1rem;
}

h2{
    font-size: 2rem;
}

small{
    font-weight: 400;
}

p{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
}

/*
===================
FONDOS
===================
*/

.bg-carretera{
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(/img/franquicia/portada.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.bg-garage{
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(/img/franquicia/comenzar-en-un-garaje.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 80% 80%;
    padding-top: 120px;
    padding-bottom: 120px;
}

.bg-blanca
{
    background-color: white;
}

.bg-amarillo-cbx{
    background-color: #ffd100;
}   

.bg-oscuro{
    background-color: #2E2A25;
}


/*
===================
SECCIONES
===================
*/

section{
    overflow: hidden;
    padding-top: 5.6rem;
    padding-bottom: 5.6rem;
}

section.seccion-portada{
    height: 911px;
}

section.seccion-portada .cuerpo >{
    margin-top: 13.1rem;
}

section.seccion-portada .cuerpo > h1{
    font-size: 3.75rem;
}

section.seccion-portada.bg-carretera .cuerpo{
    color: white;
}

section.seccion-dos-columnas .cuerpo > h2{
    padding-bottom: 1.8rem;
    padding-top: 1.8rem;
}

section.seccion-contenido-izquierda-imagen-fondo.bg-garage h2{
    color: white;
}

section .bg-garage.escritorio .contenido > p {
    color: white;
}
section .bg-garage.escritorio .contenido > h2 {
    color: white;
}

section .bg-garage.escritorio .contenido > small{
    color: #ffd100;
    font-size: 1.5rem;
}

section.seccion-contenido-izquierda-imagen-fondo.bg-garage small{
    color: #ffd100;
}

section.seccion-contenido-izquierda-imagen-fondo.bg-garage p{
    color: white;
}

section.seccion-con-cabecera .cabecera{
    text-align: center;
}

section.seccion-con-cabecera.bg-oscuro .cabecera{
    color: #ffd100;
    text-align: center;
}

section.seccion-con-cabecera.bg-oscuro .cuerpo{
    color: white;
}
/*
section.seccion-con-cabecera p[class="subtitulo"]{

}*/

section.seccion-icono-titulo-cuerpo .cabecera{
    text-align: center;
}


section.seccion-icono-titulo-cuerpo .cabecera img{
    height: 91px;
}




/*
===================
COMPONENTES
===================
*/

.panel-servicios .servicio{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3rem;
    text-align: center;
}

.panel-servicios .servicio>img{
    height: 70px;
}

.listado-vinetas-iconos img{
    height: 70px;
}

.fila-puntos-claves{
    text-align: center;
}

.fila-puntos-claves img{
    height: 70px;
}
.owl-carousel.owl-drag .owl-item {
   text-align: center;
}
.item{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
/*
OTROS
*/

.btn{
    border-radius: 0px;
    padding: 1rem;
    font-family: 'Montserrat', sans-serif;
}

.img-infografia{
    margin-bottom: 0.5rem;
}

/*
SECCIONES
*/


.text-amarillo-cbx{
    color: #ffd100;
}

/*Colores de fondo*/


 .btn-amarillo-cbx{
    background-color: #ffd100;
    border-color:  #ffd100;
 }

 #img-garaje-movil-container{
    width: 100%;
    height: 482px;
    overflow: hidden;
   
}


 /*Over ride*/
 
 .btn-amarillo-cbx:active{
    border-color:  #ffd100;
 }

 .btn-amarillo-cbx:focus{
    border-color:  #ffd100;
 }

 

 .version-movil{
    display:none;
}

.verion-escritorio{
    display:block;
}

.movil{
    display: none;
}

.escritorio{
    display: block;
}

@media (max-width: 900px){

    .movil{
        display: block;
    }
    .escritorio{
        display: none;
    }
}


@media (max-width: 750px){

}


@media (max-width: 580px){
/* inicio prototipo*/
section {
	overflow: hidden;
	padding: 4rem 0 4rem 0;
}

section .bg-garage.escritorio .contenido {
    color: white;
}

section.seccion-portada .cuerpo > p {
    margin-top: 3rem;
}

section.seccion-portada .cuerpo > h1{
    font-size: 3rem;
}
section.seccion-dos-columnas .col-md-6 {
    padding-left: 0;
    padding-right: 0%;
}
section.seccion-dos-columnas .cuerpo {
    padding-left: 15px;
    padding-right: 15px;
}
small{
    font-size: 1rem;
}

/*final prototipo*/
   
}

@media (max-width: 380px){
/*inicio prototipo*/
section.seccion-portada .cuerpo > h1{
    font-size: 2rem;
}

section h2{
    font-size: 1.75rem;
}

/*final prototipo*/
   
}

footer a{
    color: black;
    text-decoration: underline;
}

footer p{
    font-size: 1rem;
}


.pre-footer a{
    color: white;
    text-decoration: none;
    font-weight: normal;
}

.pre-footer a:visited{
    color: white;
    text-decoration: none;
    font-weight: normal;
}


.pre-footer a:hover{
    color: white;
    text-decoration: underline;
    font-weight: normal;
}


/*
===================
SOBRECARGA PLUGINS
===================
*/

/* _>Carousel */
.owl-theme .owl-dots .owl-dot span {
    width: 4px;
    height: 4px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #2E2A25
}

.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: rgba(46,42,37,0.1);
}