/*comentario en css*/

@font-face{
	font-family: Textos;
	src: url('https://zonaautoestrena.com/css/fonts/GandhiSans-Bold.otf') format("opentype");
}
@font-face{
	font-family: SubTitulos;
	src:url(fonts/Montserrat-SemiBold.otf) format("opentype");
}
@font-face{
    font-family: Titulos;
    src:url(https://zonaautoestrena.com/css/fonts/Montserrat-SemiBold.otf) format("opentype");
}
@font-face{
    font-family: CTAS;
    src:url(https://zonaautoestrena.com/css/fonts/Montserrat-Regular.ttf) format("truetype");
}

@font-face{
    font-family: Firma;
    src:url(https://zonaautoestrena.com/css/fonts/Holligate-Signature-Demo.ttf) format("truetype");
}
.firmaLC{
    font-family: Firma;
    font-size: 40px;
    Line-height: 55px;
    margin: 30px 0 0;
}
a{
    text-decoration: none;
    color:#fff;
}
a:hover{
    color:#000;
}
div{
    width:100%;
    height:100%;
}
body{
    font-size: 16px;
    color:#383838;
    font-family: Textos;
}
img{
    max-width:100%;
    display:block;
}
h3, .subt-p{
    font-family: SubTitulos;
    font-size: 20px;
    color:#1F2762;
    text-transform:uppercase;
}

.mail{
    word-break: break-word;    
}

.subt-p{
    text-transform:none;
}
h2,h1{
    font-family:Titulos;
    font-size: 35px;
    color:#1F2762;
    text-transform:uppercase;
}
.vineta{
    list-style: none;
    padding:0;
}
.vineta li{
    margin:16px 0;
}
.vineta li:before{
    content: "\f649";
    font-family: "Font Awesome 6 Pro"; 
    color:#E60000;
    margin-right:15px;
    font-size:20px;
    float: left;
}
.rayas-rojas{
    margin:22px 0;
}
section{
    margin:25px 0;
}


/*MENU SUPER MENU*/
#nav{
    background:#383838;
}

#nav a{
    color:#1F2762;
}

#nav-superior a{
    color:#FFF;
}
#nav-superior{
    display:none;
}
#nav-principal{
    height:60px;
    background:#1F2762;
    position: absolute;
    top:0;
    -webkit-box-shadow: 1px 1px 2px rgb(0 0 0 / 20%);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgb(0 0 0 / 20%);
    z-index: 90;
}
#nav-principal div{
    display:inline-block;
}
#nav-principal .logos{
    position:relative;
    height:120.0980392%;
    top: -20.0980392%;
    max-width:358.475px;
    min-width:250px;
    width:40%;
    background-image: url(../../img/fondo-logo.png);
    background-position:right;
    background-size:cover;
}
#nav-principal .logos img{
    position:absolute;
    height:100%;
    right:95px;
    padding-top:13px;
}
header input {	
	display: none;
}
header label{
	border: 1px solid #FFF;
	border-radius: 3px;
	z-index:99;
    padding: 8px 10px;
    cursor: pointer;
	display: inline-block;
	font-size: 20px;
	transition: all .15s ease;
	position:absolute;
	right:10px;
	color: #FFF;
    margin-top: 10px;
    top: 0;
	}
header ul { 
	border:none;
}

header input:checked + label:before{	
	content:"X"!important;
}

nav {
	max-height: 0;
	overflow: hidden;
	transition: all .15s ease;
    -webkit-box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}
header input:checked ~ nav {
	max-height:100%;
	max-width:100%;
	width:100%;
	position:fixed;
	top:60px;
	right:0px;
	padding:0;
	z-index:90;
	background: linear-gradient(90.09deg, #F4F4F4 0%, #FCFCFC 47.29%, #F2F2F3 94.59%);
	overflow:scroll;
}
nav a{
    font-family: SubTitulos;
	font-size: 14px;
    line-height: 20px;
	display: block;
 	margin: 20px 0;
	text-transform: uppercase;
	transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    letter-spacing: 0;
    white-space: nowrap;
}
	
nav ul {
	list-style: none;
	margin:0;
    padding: 30px 40px 30px;
	
}
nav li {
	border-bottom: 1px solid #1F2762;
	background: transparent;
	text-align:center;
}
nav li:last-child{
	border-bottom: 0;
}
.sticky {
    position: fixed!important;
    top: 0!important;
  }
.sticky .logos img {
    padding-top: 13px!important;
}
.sticky + nav {
    top: 60px!important;
} 
main{
    margin-top:60px;
    background:#F5F5F5;
}



@media screen and (min-width: 768px){
    #nav-principal{
        top:34px;
    }
    #nav-superior{
    display:block;
    padding: 5px 10px;
    text-align: right;
    line-height: 24px;
    font-size: 14px;
    }
    #nav-superior a{
        padding:0 8px;
    }
    #nav-superior a i{
        margin-right:4px;
    }
    #nav-principal .logos img{
        padding-top:0;
    }

    header input:checked ~ nav {
        top:94px;
    }
    nav ul {
        padding: 30px 100px 30px;
    }	
    nav a{
        font-size: 14px;
        margin: 24px 0;
        letter-spacing: 0.15em;
    }
    
    
}

@media screen and (min-width: 1024px){
    #nav nav a{
        position:relative;
        color:#fff;
    }
    #nav-superior{
        font-size: 16px;
        }
 
 header input, header label {
		display:none!important;
	}
	nav, header input:checked ~ nav{
        box-shadow: none;
        z-index: 99;
        top: 0;
        color: #fff;
		position:absolute;
		right:10px;
		overflow:visible;
		transition:none;
		max-height:80px;
		height:80px;
		background: transparent;
   		z-index:90;
		text-align:right;
		}
	nav ul{
		width: 100%;
		height:80px;
		border: none;
		padding:10px 0;
			}
	nav li{
		display:inline-block;
		border:none;
		width:auto;
		height:60px;
        padding:10px 0;
	}
	nav li a{
		padding:0 8px;
		font-size:15px;
		white-space:normal;
        line-height:40px;
        letter-spacing: 0;
        margin:0;
	}
	
    #nav-superior a{
        padding:0 25px;
    }
    #nav-principal{
        height:80px;
    }
    #nav-principal .logos img {
        right: 135px;
    }
    #nav-principal .logos{
        max-width: 508px;
        top: -15%;
        height: 115%;
        width: 37%;
    }
    .sticky + nav {
        top: 0px!important;
    } 
    main {
        margin-top:80px;
    }
    nav li:hover a{
        border-bottom:solid 1px #fff;
        line-height: 22px;
        margin: 0 12px;
        padding: 0;
     }
     nav li .active, nav li:hover .active{
        background:#fff;
        color:#1F2762!important;
        border-radius: 3px;
        padding: 0 12px;
        margin:0;
        line-height:40px;
        border:none;
    }
    
}

@media screen and (min-width: 1200px){
    nav, header input:checked ~ nav{
        right:5vw;
    }
    #nav-principal .logos img {
        left: 5vw;
        right: unset;
    }
    #nav-superior{
        padding-right: calc(5vw - 15px);
    }
    nav li a{
		padding:0 12px;
    }
}

/*TERMINA EL SUPER MENU MENU*/





/*INICIA SLIDER*/
.owl-carousel{
    max-width:100vw;
}

#banner-index{
    height: 118.2089552vw;
}
.banner{
    overflow:hidden;
    transition:none;
    margin:0;
    padding:0;
}
.c-slider {
    margin:0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
    height:100%;
}
.slider {
    display:flex;
    width: 500%;
    transition:none;
    height:100%;
}
.slider section {
    width: 100vw;
    overflow:hidden; 
    padding:0;
    margin:0;
    transition:none;
    position:relative;

}
.slider .fondo{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    filter:brightness(.95);
    width:100%;
    height: 118.2089552vw; 
}
.slider section .elementos{
    text-align: center;
    transition: none;
    width: 100%;
    position: absolute;
    bottom: 50px;
    padding: 0 50px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.slider section .elementos a{
    padding: 0px;
    border: solid 1px #fff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: 0 10px;
}
.slider section .elementos img{
    width: 50px;
    position: absolute;
    bottom: -50px;
    right: 5%;
}

#a{background-image:url(../../img/BANNERINDEX_01.jpg);}
#b{background-image:url(../../img/BANNERINDEX_02.jpg);}
#c{background-image:url(../../img/BANNERINDEX_03.jpg);}
#d{background-image:url(../../img/BANNERINDEX_04.jpg);}
#e{background-image:url(../../img/BANNERINDEX_05.jpg);}
#e{background-image:url(../../img/BANNERINDEX_06.jpg);}
#e{background-image:url(../../img/BANNERINDEX_07.jpg);}
#e{background-image:url(../../img/BANNERINDEX_08.jpg);}
#e{background-image:url(../../img/BANNERINDEX_09.jpg);}
#e{background-image:url(../../img/BANNERINDEX_10.jpg);}

.owl-dots{
    position: absolute;
    width:100%;
    height:auto;
    bottom:15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.owl-carousel button.owl-dot{
    width:15px;
    height:15px;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 50%;
    margin:0 5px;
}

.owl-carousel .owl-dot.active{
    background: rgba(255, 255, 255, 0.9);
    display:flex;
    align-items: center;
    justify-content: center;
}
.owl-carousel .owl-dot.active span{
    background:rgb(31 39 98 / 80%);
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
}

@media screen and (min-width:568px){
    #a{background-image:url(../../img/Banner_index_01.jpg);}
    #b{background-image:url(../../img/Banner_index_02.jpg);}
    #c{background-image:url(../../img/Banner_index_03.jpg);}
    #d{background-image:url(../../img/Banner_index_04.jpg);}
    #e{background-image:url(../../img/Banner_index_05.jpg);}
	#e{background-image:url(../../img/Banner_index_06.jpg);}
	#e{background-image:url(../../img/Banner_index_07.jpg);}
	#e{background-image:url(../../img/Banner_index_08.jpg);}
	#e{background-image:url(../../img/Banner_index_09.jpg);}
	#e{background-image:url(../../img/Banner_index_10.jpg);}

    
    #banner-index .slider section .fondo, #banner-index{
        height: 46.01156069vw;
    }
    .slider section .elementos {
        padding: 0 5%;
        bottom: 10px;
        justify-content: flex-start;
    }
    .owl-dots{
        justify-content: flex-end;
        padding-right: 5%;
    }
    .slider section .elementos img {
        bottom: -10px;
        right: 200px;
    }
    
}
@media screen and (min-width:1024px){
    .slider section .elementos {
        bottom: 2.89%;
    }
    #banner-index .slider section .fondo, #banner-index{
        max-height: calc(100vh - 114px);
    }
    .slider .fondo{
        background-position: top;
    }
    .slider section .elementos img {
        bottom: -2.89%;
        right: 300px;
        width: 70px;
    }
}
@media screen and (min-width:1200px){
    .slider section .elementos {
        padding: 0 5%;
    }
    .owl-dots{
        padding-right: 5%;
    }
    .owl-carousel button.owl-dot{
        width:15px;
        height:15px;
    }
    .slider section .elementos img {
        width: 90px;
    }
}   

/*TERMINA SLIDER*/

.flex{
    display:Flex;
    flex-flow: column wrap;
    align-items:center;
}

@media screen and (min-width:768px){
    .flex{
        flex-direction: row;
        flex-wrap: nowrap;
    }
}

/*INICIA INTRO INDEX*/
#intro-index{
    padding:45px 5% 57px;
    background-image: url(../../img/index-intro-fondo.jpg);
    background-size:cover;
    background-position: bottom;
    margin:0;
}
#intro-index h2{
    margin:45px 5% 16px;
    text-align:center;
}
#intro-index div:last-child img{
    margin: 0 auto 16px;
    display: block;
}
#intro-index div:last-child img.left{
    display:none;
}

.caja4{ 
    background: #fff;
    margin: 10px 0;
    padding: 15px;
    border:1px solid #eaeaea;
    
}
.caja4 div{
    height:100%;

}
i.c-red{
    color:#E60000;
    font-size:30px;
    margin: 15px 0;
    
}
#cochecito{
    background-image:url(../../img/carro.png);
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    }
#istar{
        background-image:url(../../img/estrellas.png);
        color: transparent;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
}



@media screen and (min-width:768px){
    #intro-index{
        padding:45px 0% 57px;
    }
    .intro1 div{
        width:50%;
    }
    
    .intro1 div.info{
        padding:0 0 0 5vw;
        box-sizing: content-box;
        width:50%;
    }
    div.img{
        overflow:hidden;
    }
    div.img img{
        max-width: unset;
        width: 150%;
    }
    .intro1 div.info img{
     width:70%;
     max-width: 300px;
    }
    .caja4{
        margin: 0 7.5px 15px;
        width: calc((100% / 3) - 15px);
    }
    div.caja4:nth-child(4){
        width: calc((100% / 2) - 15px);
    }
    div.caja4:last-child{
        width: calc((100% / 2) - 15px);
    }
    .intro2{
        margin-top: 25px;
        padding:0 5%;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: baseline;
    }
    i.c-red{
        font-size:20px;        
    }
    
  
}

@media screen and (min-width:1024px){
    div.img img {
        max-width: 100%;
    }
    #intro-index{
        padding:45px 5% 57px;
    }
    div.info, .intro2 {
        padding:0;
    }
    .intro1 div.info{
        padding:0 0 0 0;
    }
    
    .caja4 {
        width: calc((100% / 5) - 15px)!important;
    }
    
}
@media screen and (min-width:1200px){
    div.info{
        box-sizing: border-box;
        padding-right:20px;
    }
    .caja4{
        min-height: unset;
    }
    i.c-red {
        font-size: 30px;
    }
    #intro-index{
        padding:45px 10% 57px;
    }
    
    #intro-index div:last-child img.left{
        display:block;
        margin-left: 0;
    }
    #intro-index div:last-child img.cent{
        display:none;
    }
    #intro-index h2 {
        margin: 45px 0 16px;
        text-align: left;
    }
    
}


/*TERMINA INTRO INDEX*/


.sec-der .info{
    padding:0 5%;
    box-sizing: border-box;
}

/*INICIA CONOCENOS*/

#conocenos-index{
    background:#fff;
    padding-bottom:0;
}
#conocenos-index .info{
    background-image: url(../../img/mapa-conocenos.jpg);
    background-position-x:left;
    background-position-y:bottom;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom:40px;
    padding-top:40px;
}
#conocenos-index .imagotipo{
    height:150px;
    margin:0 auto 0;
    text-align:Center;
}
.imagotipo img{
    height:100%;
}
#conocenos-index .fondos{
    background-image:url(../../img/index-fondo-conocenos.jpg);
    height:270px;
    background-size:cover;
    background-position:top left;
}



@media screen and (min-width:667px){
    #conocenos-index .fondos{
        height:300px;
    }
    .vin-map{
        display:flex;
        align-items:flex-start;
        justify-content: space-between;
    }
    #conocenos-index .imagotipo{
        margin:0;
        width: auto;
    }
    .imagotipo img{
    height: auto;
    width: 150px;
    margin-top: -40px;
    }
    .vin-map p{
        padding-right: 30px;
    }
    .vin-map p:last-child{
        margin-bottom:40px;
    }
    #conocenos-index .info {
        padding-bottom:0;
    }
}
@media screen and (min-width:768px){
    #conocenos-index{
        display:flex;
        justify-content: flex-end;
        align-items: flex-end;
    }
    #conocenos-index .info{
        width:60%;
        padding-left:0;
        padding-top:80px;
    }
    #conocenos-index .fondos{
        display:block;
        overflow:hidden;
        height:650px;
        padding-top:20px;
        width:40%;
        background-position:right top;
        margin-left: 0.4px;
    }
    .fondos img{
        max-width: unset;
        float:right;
    }
    
    #conocenos-index .imagotipo{
        width:30%;
        height:auto;
        max-width: 150px;
        margin-top:40px;
    }
    .imagotipo img{
        height:auto;
        width:100%;
        margin-top: 40px;
    }
    .vineta {
        margin-bottom:30px;
    }
    .vin-map{
        padding-bottom:40px;
    }
}

@media screen and (min-width:1024px){
    .vin-map{
        flex-direction: row;
    }
    .imagotipo img, #conocenos-index .imagotipo{
        margin-top:0;
    }

}
@media screen and (min-width:1200px){
    #conocenos-index .info{
        padding-right: 10%;
        padding-top: 60px;

    }
    .vin-map{
        margin-bottom:50px;
    }
    .imagotipo img{
        margin-bottom: -40px;
    }
    #conocenos-index .fondos{
        width:50%;
        height: 670px;
    }

}

/*TERMINA CONOCENOS*/


.sec{
    padding: 45px 5vw 57px;
}
@media screen and (min-width: 768px){
    .sec{
        padding: 100px 5vw 100px;
    }
}
@media screen and (min-width: 1200px){
    .sec{
        padding: 100px 10vw 100px;
    }
}


/*INICIA GALERIA INDEX*/
#galeria-index{
    background:#FFF;
    text-align:Center;
    
}
#galeria-index .fondo-diana{
    background-image:url(../../img/index-diana-gale.png);
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
}
h2 span, h3 span, .strong span{
    color:#E60000;
}

#GaleInd * {
  margin: 0;
  padding: 0;
}
#GaleInd{
    overflow: hidden;
    margin:50px 0 0;
}

#GaleInd *, #GaleInd *:after, #GaleInd *:before {
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

#GaleInd ul li {
    list-style-type: none;
  }


#GaleInd .slider--teams {
  position: relative;
  top: 50%;
  left: 50%;
  max-width: 750px;
  opacity: 0;
  transform: translate(-50%, -50%);
  }
#GaleInd .slider--teams .slider--teams__team {
    position: relative;
    overflow: hidden;
  }


#GaleInd #list {
  position: relative;
  backface-visibility: hidden;
  transform: translate3d(0,0,0);
}
#GaleInd #list li {
    position: relative;
    float: left;
    text-align: center;
}
#GaleInd #list li figure {
      cursor: pointer;
      backface-visibility: hidden;
      transition: transform 450ms, opacity 450ms ease-in-out;
      transform: scale(0.75) translateZ(0px);
      position:relative;
      width:50vw;
      max-width:835px;
      z-index:20;
}


#GaleInd #list figure:active {
        opacity: 1;
        transform: scale(0.7) translateZ(0px);
        
      }
#GaleInd #list figure > div {
        position: relative;
        margin: 0 auto 10px;
        width: 50vw;
        height: 50vw;
        max-width:835px;
        max-height:524px;
        overflow: hidden;
        background:#FFF;

}
#GaleInd #list figure > div > div {
          background-size: cover;
          background-position: center; 
          position: absolute;
          width:50vw;
          height: 50vw;
          max-width:835px;
          max-height:524px;
          opacity: 0.3;
          transition: opacity .5s ease-in-out;
          
        }
          
#GaleInd #list li:nth-child(1) figure > div > div {
    background-image: url(../../img/index-gale1.jpg);  }
#GaleInd #list li:nth-child(2) figure > div > div {
    background-image: url(../../img/index-gale2.jpg);  }
#GaleInd #list li:nth-child(3) figure > div > div {
    background-image: url(../../img/index-gale3.jpg);  }
#GaleInd #list li:nth-child(4) figure > div > div {
    background-image: url(../../img/index-gale4.jpg);  }
#GaleInd #list li:nth-child(5) figure > div > div {
    background-image: url(../../img/index-gale5.jpg);  }
#GaleInd #list li:nth-child(6) figure > div > div {
    background-image: url(../../img/index-gale6.jpg);  }
#GaleInd #list li:nth-child(7) figure > div > div {
    background-image: url(../../img/index-gale7.jpg);  }
#GaleInd #list li:nth-child(8) figure > div > div {
    background-image: url(../../img/index-gale8.jpg);  }
#GaleInd #list li:nth-child(9) figure > div > div {
    background-image: url(../../img/index-gale9.jpg);  }
#GaleInd #list li:nth-child(10) figure > div > div {
    background-image: url(../../img/index-gale10.jpg);  }

#GaleInd #list li figure figcaption{
    visibility:hidden;
}
#GaleInd figure:hover > div > div{
    opacity: .5!important;
}

#GaleInd .active {
  transform: scale(1) translateZ(0px) !important;
  z-index:80!important;
}
#GaleInd .active > div > div, #GaleInd .active:hover > div > div{
    opacity: 1 !important;
}
#GaleInd #list li figure.active figcaption{
    visibility:visible;
}

#GaleInd .cf:before,
#GaleInd .cf:after {
    content: " ";
    display: table;
}

#GaleInd .cf:after {
    clear: both;
}

#GaleInd .cf::after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (min-width: 768px){
    
    #galeria-index .fondo-diana{
        background-size:contain;
    }
    #GaleInd #list figure > div, #GaleInd #list figure > div > div  {
        height:32.1942446vw;
    }

}

/*TERMINA GALERIA INDEX*/



/*INICIA TESTIMONIOS*/
#contacto{
    position:relative;
}
.slider-wrap{
    height: 550px;
    width: 100%;
    position:relative;
}
.slider-wrap .slider{
        width: 100%;
}   

.slider-item{
    width: 80%;
    padding: 20px 0 25px 0;
    border-radius: 10px;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-start;
    position: absolute;
    opacity: 0;
    z-index: 0;
    box-shadow: 0 4px 9px #f1f1f4;
    position: absolute;
    left: 0;
    top: 0;
    height:unset;
    max-width:550px;
}
.slider-item .animation-card_image{
        width:auto;
    }
.slider-item .animation-card_image i{ 
        font-size: 24px;
        color: #E00000;
        padding:0 10px;
}
.slider-item .animation-card_content{
    width: 100%;
    max-width: 550px;
    margin-left: 10px;
}
.slider-item .animation-card_content .animation-card_content_title{
            color: #4a4545;
            font-size: 16px;
            font-weight: 400;
            letter-spacing: -.18px;
            line-height: 24px;
            margin: 0;
}
.slider-item .animation-card_content .animation-card_content_description{
            color: #696d74;
            font-size: 15px;
            font-weight: 300;
            letter-spacing: normal;
            line-height: 24px;
            margin: 0px 15px 0 0;
            text-align: right;
            padding-top:0!important;
}
.slider-item .animation-card_content .animation-card_content_city{
    margin: 10px 15px 0 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #002966;
    font-family: 'SubTitulos';
    text-align: right;
    padding-right: 0.5rem;
}
.slider-item .animation-card_content .animation-card_content_city span{
    color: #E60000;
    font-weight: bold;
    font-size: 20px;
    line-height: 14px;

}

/*TERMINA SLIDER TESTIMONIOS*/
#contacto div.sec:first-of-type{
    background-image:url(../../img/index-fondo-testimonios.jpg);
    background-position: -200px;
    background-size: cover;
}

 .link{
    color: #fff;
    font-size: 16px;
    background: rgb(0 41 102 / 70%);
    padding: 15px 40px;
    border-radius: 2px;
    display: inline-block;
}
 .link:hover{
    background: #002966;
}
 .link i{
    margin-left:10px;
}

@media screen and (min-width: 667px){
    #contacto .sec{
        background-position: 0;
    }
    

}



/*INICIA FORMA*/
.oculto {
    display: none !important;
}
.form-field{
    line-height:60px;
	height:60px;
	width:calc(100% - 30px);
	font-size:16px;
	font-family: Textos;
    -apple-system-font-family: Textos;
	background-color:#ffffff;
	border: 1px solid #D5D5D5;
	color:#002966;
	box-sizing:border-box;
	padding:10px;
	margin: 0;
	border-radius:0;
    border-left:none;
    padding-left: 5px;
}
.i-form{
    color:#E60000;
    background-color:#ffffff;
	border: 1px solid #D5D5D5;
    height:60px;
    line-height:60px;
    width:30px;
    text-align:center;
    box-sizing: border-box;
    float:left;
    border-right:none;
}
.i-form.fa-messages{
    height:100px;
}
.form-field::placeholder{
    color:#002966;
}
.form-field:focus{
	border: 2px solid #002966;
	color:#101010;
}


textarea.form-field {
    min-height: 100px;
    line-height:20px;
    padding-top:20px;
}

.forma label{
    display:block; 
    width:100%;
    margin:16px 0 ;
}

.truco{
	clear:both;
	border: rgba(0,0,0,0);
	margin:0;
}

/*TERMINA FORMA*/

#formulario.afuera{
    background-image: url(../../img/index-fondo-testimonios.jpg);
    background-position: right;
    background-size: cover;
}
#formulario  .color{
    background: rgb(0 41 102 / 80%);
}
/*
#formulario form.sec{
    background:rgb(0 41 102 / 80%);
}
*/
#formulario p, #formulario h2, #formulario h3{
    color:#fff;
}
#formulario p:first-of-type{
    margin:0;
}
#formulario h2{
    margin-top:15px;
}


.cta{
    color: #fff;
    font-size: 16px;
    background: #E60000;
    padding: 15px 40px;
    border-radius: 2px;
    text-transform: uppercase;
    font-family: Textos;
    letter-spacing: 2px;
    border:none;
    margin:30px 0;
    display: inline-block;
}
#contacto .cta{
    margin:0;
}

/*SECCION DE TESTIMONIALES Y FORMA */

@media screen and (min-width: 768px){
    #contacto{
        display:flex;
        background-image: url(../../img/index-fondo-testimonios.jpg);
        background-position: -320px;
        background-size: cover;
        height: 832px;
    }
    #testimonios, #formulario{
        background:none!important;
        width:50%;
    }
    #testimonios, .forma{
        padding-top:60px;
        padding-bottom:60px;
    }
    #contacto .link{
        position: absolute;
        bottom: 60px;
    }  
    
}

@media screen and (min-width: 1200px){
    #contacto {
       background-position: center;
    }
    #testimonios{
      width:60%;
    }
    #contacto .sec{
        padding-right: 5vw; 
        padding-left:5vw;
    }
    #formulario{
        width:40%;
    }

}

/*TERMINA SECCION DE TESTIMONIOS Y CONTACTO*/





/*INICIA FAQS DEL INDEX*/
#FAQS .last{
    text-align:center;
    display:block!important;
    margin:0!important;
}
#accordion .btn, #accordion2 .btn, #accordion3 .btn{
    text-align:left!important;
    font-size: 15px;
    text-transform:uppercase;
}
.card-header{
    background:#fff;
}
.card{
    margin:3px 0;
    border:2px solid rgba(0,0,0,.125);
}
#accordion .btn i, #accordion2 .btn i, #accordion3 .btn i{
    margin-right:10px;
    color:#E60000;
    font-size:20px;
}
#FAQS p{
    margin-top:35px;
    margin-bottom:35px;
}
#FAQS h2, #FAQS img{
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#FAQS div:first-of-type img{
margin-bottom:30px;
}
#accordion{
    margin:35px 0 0;
}

#FAQS{
    background:#fff;
}
.card-header{
    border-bottom: 2px solid rgba(0,0,0,.125);
    padding:0;
}
.card-header a{
    padding:14px 10px 14px 12px;
}
.card-header a{
    display: block;
    border-left: #002966 solid 7px;
}
.btn-check:focus+.btn, .btn:focus{
    box-shadow:none;
}
.card-header a.collapsed{
    background:#fff;
    color:#002966;
    border:none;
}
.btn:hover {
    color: #002966;
}
#FAQS a:focus{
    box-shadow:none;
}
#FAQS div.second{
    display:none;
}
.link2{
    background:#002966;
    margin-right:15px;
}
/*TERMINA FAQS*/



/*INICIA CTA INDEX*/
#index-CTA{
    background-image:url(../img/‌index_cta_responsive.jpg);
    background-position: center;
    padding-top: 100px;
    padding-bottom: 0;
    text-align: center;
    overflow:visible;
    background-repeat: no-repeat;
}
#index-CTA h1{
    color:#fff;
    font-family: CTAS;
}
#index-CTA .cta{
    margin-bottom:50px;
}
#index-CTA .carro{
    margin-bottom: -10px;
}
#index-CTA .etiqueta{
    display:none;
}

@media screen and (min-width: 768px){
    #index-CTA{
        background-image:url(../../img/index-cta.png);
        background-size: cover;
        background-position: center;
        text-align: left;
        padding: 45px 5vw;
        position:relative;
    }
    #index-CTA h1, #index-CTA .cta {
        margin-left: 20px;
    }
    #index-CTA .carro{
        display:none;
    }
    #index-CTA .cta {
        margin-bottom: 0px;
    }
    #index-CTA div{
        padding-left:55%;
    }
    
    
}
@media screen and (min-width: 1024px){
    #index-CTA{
        padding: 80px 5vw;
    }
   
}

@media screen and (min-width: 1200px){


    #index-CTA .etiqueta{
        display:block;
        position:absolute;
        bottom:0;
        right:5vw;
        width:80px;
    }

}

/*TERMINA CTA INDEX*/





/*INICIA FOOTER*/

footer{
    padding-top:38px!important;
    padding-bottom:0!important;
    background-image:url(../../img/footer-fondo.jpg);
    text-align:center;
    color:#fff;
    background-size: cover;
}
footer .logo{
    margin: 0px auto 38px;
    display:block;
}
footer .p{
    margin-bottom:30px;
}
footer .caja4{
    background-color: transparent;
    border:none!important;
}
footer span{
    text-transform: uppercase;
}
footer .intro2{
    padding:0!important;
}
footer div:nth-child(3) a p{
    word-break: break-word;
}
.footer2.sec{
    padding-top:16px;
    padding-bottom:16px;
    background-image:url(../../img/footer-fondo2.jpg);
    color:#fff;
    text-align:center;
}
.footer2 p{
    margin:0;
}
.footer2 a{
    display:block;
    line-height:20px;
    margin:20px 0 ;
}

.footer3.sec{
    padding-top:10px;
    padding-bottom:10px;
    background-image:url(../../img/footer-fondo3.jpg);
    color:#fff;
    text-align:center;
    font-size:13px;
}

@media screen and (min-width: 768px){
   
    .footer2 a{
        padding:0 30px;
        border-left:1px #fff solid;
        display:inline;
    }
    .footer2 p{
        margin-top:16px;
    }
    .footer2 a:first-child{
        padding-left:0;
        border:none;
    }
}

@media screen and (min-width: 1024px){
    
    .footer2.sec div, .footer2.sec p{
        display:inline-block;
        width:unset;
    }
    .footer2.sec p{
        float:right;
        margin:0;
    }
    .footer2.sec{
        text-align:left;
    }
}

/*TERMINA FOOTER*/

/*Inicia COnocenos*/
#C-intro{
    background-color: #fff;
}
#C-intro img.logo{
    max-width:350px;
    width:80%;
    margin-bottom: 20px;
}
.link.link2.cta{
    margin-bottom:0;
}
.auto-lat{
    margin:20px 0;
}

.carac-conoc{
    padding: 20px 0 0;
    text-align: center;
}
.carac-conoc img{
    margin:0 auto;
}
.c-red{
    color:#E60000;
}
strong, .strong{
    font-size:1.2em;
    font-weight: bolder;
}
@media screen and (min-width: 568px){
   
    .auto-lat img:first-child{
            display:none;
            }
    .c-intro-medio{
    display:flex;
   } 
   .c-intro-medio .auto-lat{
    background-image: url(../../img/conocenos-auto2.png);
    height:500px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
   }
   .carac-conoc {
    text-align: left;
    }
    .carac-conoc img {
        margin: 0 ;
    }

}
@media screen and (min-width: 768px){
    #C-intro{
        display:flex;
        align-items: flex-end;
    }
    .auto-lat {
        margin: 0px 20px;
    }
    .c-intro-medio {
        align-items:flex-end;
    }
    .c-intro-medio .auto-lat{
       background-position: bottom;
    }
    #C-intro a.cta:last-of-type{
        margin-top:10px;
        margin-bottom:0;
    }
    #C-intro h2{
        width: 200%;
        margin-bottom: 30px;
    }
    .c-intro-medio .auto-lat{
        width:33%;
    }
    .c-intro-medio .c-intro-carac{
        width:67%;
    }

}
@media screen and (min-width: 1024px){
    .c-intro-medio .auto-lat{
        width:39%;
    }
    .c-intro-medio .c-intro-carac{
        width:61%;
    }
    .c-intro-info{
        width:60%;

    }
    .c-intro-medio{
        width:40%;
    }
    #C-intro h2{
        width: 150%;
    }


}

@media screen and (min-width: 1200px){
    .c-intro-medio .auto-lat{
        width:46%;
        margin-left:50px;
    }
    .c-intro-medio .c-intro-carac{
        width:54%;
        
    }
    .c-intro-info{
        width:550px;

    }
    .c-intro-medio{
        width:calc(100% - 550px)
    }
    #C-intro h2{
        width: 100%;
    }


}
@media screen and (min-width: 1300px){
    .c-intro-medio .auto-lat{
        width:calc(100% - 240px);
        margin:0;
        background-position:bottom right;
        
    }
    .c-intro-medio .c-intro-carac{
        width:240px;
        padding-left:40px;
        
    }
    
    #C-intro h2{
        width: 150%;
    }
}
@media screen and (min-width: 1300px){
    .c-intro-info{
        width:650px;

    }
    .c-intro-medio{
        width:calc(100% - 650px)
    }
    
    #C-intro h2{
        width: 100%;
    }
}

/*TERMINA CONOCENOS PRIMERA PARTE*/



/*INICIA MISION VISION*/
#misvis{
    position:relative;
    padding: 0 5vw;
}
.misvis{
    display:flex;
    flex-direction: column;
    background-position:top center;
    background-size:cover;
    
}
div.misvis.mision{
    background-image:url(../../img/mision.png);
    
}
div.misvis.vision{
    background-image:url(../../img/vision.png);
    margin-top:25px;
}
.misvis .linea-roja{
    height:100px;
    background:rgb(230 0 0 / 75%);
    margin-bottom:200px;
}
.misvis .texto{
    background:rgb(230 0 0 / 75%);
    color:#fff;
    padding: 30px 5vw;
    text-align:Center;
}
.misvis .texto h2{
    color:#fff;
}
.misvis.vision .texto, .misvis.vision .linea-roja{
    background:rgb(0 41 102 / 75%);
}

@media screen and (min-width: 667px){
    #misvis{
        display:flex;
    }
    div.misvis.vision{
        margin-top:0px;
        margin-left:25px;
    }

}


@media screen and (min-width: 1024px){
    #misvis{
        height:400px;
        margin-left:0;
        margin-right:0;
    }
    .misvis{
        position:absolute;
        width:52%;
        top:0;
        flex-direction:row;
        align-items: center;
    }
    div.misvis.mision{
        left:0;
        margin:25px 0;
        z-index: 1;
        height:calc(100% - 50px);
        -webkit-clip-path: polygon(0 0, 100% 0, 96.06% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 96.06% 100%, 0 100%);
    }
    div.misvis.vision{
        right:0;
        height:calc(100%);
        -webkit-clip-path: polygon(3.93442623% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(3.93442623% 0, 100% 0, 100% 100%, 0 100%);
        background-image:url(../../img/vision2.png);

    }
    .misvis .linea-roja{
        width:35px;
        height:100%;
        margin-bottom:0;
        margin-right:35%;
    }
    .misvis.mision .texto, .misvis.vision .texto {
        -webkit-clip-path: polygon(7.128877047% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(7.128877047% 0, 100% 0, 100% 100%, 0 100%);
        display:flex;
        align-items: center;
    }
    .misvis .texto div{
        height:auto;
    }
    .misvis .texto p{
        text-align: left;
    }
    

}

@media screen and (min-width: 1200px){
    .misvis.vision .texto  {
        padding-right: 10vw;
    }
    .misvis.mision .texto  {
        padding-right: 7vw;
    }
    .misvis.vision .linea-roja{
        visibility:hidden;
    }  

}

/*TERMINA MISION VISION*/






/*INICIA VALORES*/
#valores{
    background-image: url(../../img/index-intro-fondo.jpg);
    background-size: cover;
    background-position: bottom;
    text-align: center;
}
#valores h2{
    text-align:center;
}

#valores img{
    margin: 0 auto 20px;
}
#valores .caja4{
    width:100%!important;
}


@media screen and (min-width: 768px){
    #valores .intro2{
        padding:0;
    }
    #valores .intro2{
        flex-wrap: nowrap;
    }
    #valores .val1{
        align-items: flex-end;
    }
    
}

/*TERMINA VALORES*/



/*INICIA CTA CONOCENOS*/

#con-CTA, #con-CTA h2{
    color:#fff;
}
#con-CTA strong{
    display:block;
}
#con-CTA a{
    margin-bottom:0;
}
#con-CTA .sec{
    padding-top:60px;
    padding-bottom:60px;
    -webkit-clip-path: polygon(0 0, 100% 19%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 19%, 100% 100%, 0 100%);
    background:#002966;
    margin-top:-120px;
}
#con-CTA > div:first-child{
    padding:0 13%;
    position:relative;
    z-index:1;
    top:0;
}
#con-CTA h2{
    margin-top:70px;
}
#con-CTA{
    text-align:center;
    padding-top:45px;
}

@media screen and (min-width: 667px){
    #con-CTA > div:first-child{
        padding:0;
    }
    #con-CTA > div:first-child img{
        width:300px;
        margin:0 auto;
    }

    
    #con-CTA div.sec .flex{
       flex-direction: row;
       align-items: center;
       justify-content: space-between;
       margin-top:40px;
    }
    #con-CTA div.sec .flex div{
        width:auto;
    }
    #con-CTA div.sec .flex div .strong{
       display:inline-block;
       margin:0;
    }
    #con-CTA a{
        margin:0;
    }

}

@media screen and (min-width: 768px){

    #con-CTA > div:first-child img {
        width: 350px;
    }
}

@media screen and (min-width: 1024px){
    #con-CTA{
        display:flex;
        align-items:flex-end;
        position:relative;
        overflow: visible;
        padding-top:0;
    }
    #con-CTA > div:first-child{
        order:2;
        padding:0;
        width: 45%;
        position: absolute;
        right: 5vw;
        display: flex;
        align-items: flex-end;
    }
    #con-CTA > div:first-child img{
        width:100%;
        margin-bottom:30px;
    }
    #con-CTA h2{
        margin-top:16px;
    }
    #con-CTA .sec{
        margin-top:0px;
        padding-right: 50%;
    }
      
    #con-CTA div.sec .flex{
        flex-direction: column;
     }

     #con-CTA a{
        margin-top: 30px;
     }
    
}


@media screen and (min-width: 1200px){
    #con-CTA .sec{
        width: 79%;
        padding-right: 17%;
    }
    
    #con-CTA h2{
        margin-top: 16px;
        text-align:left;
    }
    
    #con-CTA div.sec .flex{
       flex-direction: row;
       align-items: center;
       justify-content: space-between;
       margin-top:40px;
       max-width:675px;
    }
    #con-CTA div.sec .flex div{
        width:auto;
        margin-right: 100px;
    }
    #con-CTA div.sec .flex div .strong{
       display:inline-block;
       margin:0;
       text-align: left;
    }
    #con-CTA a{
        margin:0;
    }
    #con-CTA > div:first-child{
        width: 33%;
        right: 2vw;
    align-items: flex-end;
    padding:30px 0;
    }
    
    #con-CTA > div:first-child img {
        width:100%;
        height:auto;
        margin-bottom:7px;
    }
    #con-CTA{
        padding:30px 0;
    }


}

@media screen and (min-width: 1300px){
    #con-CTA > div:first-child{
        right:4vw;
    }
    #con-CTA > div:first-child img {
        margin-bottom: -30px;
    }

}

    
@media screen and (min-width: 1400px){
    #con-CTA > div:first-child{
        width: 37%;
    }
    #con-CTA > div:first-child img {
        margin-bottom: -60px;
    }
    #con-CTA{
        margin-bottom:60px;
    }
    
}


/*TERMINA CTA Y PAGINA DE CONOCENOS*/



/*INICIA PAGINA DE AUTOESTRENA*/




/*INTRO AUTOESTRENA */
#AE-intro .fondo{
    background-image: url(../../img/bannerautof2.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom:130px;
}
#AE-intro .AE-info > p{
    margin-top:16px;
}
#AE-intro{
    background:#fff;
}

#AE-intro form fieldset div.opcion:first-child{
    margin-top:16px;
}

#AE-intro form input[type="radio"] {
    opacity: 0;
    
  }
  #AE-intro form .opcion{
    display: flex;
    align-items: center;
  }
  #AE-intro form .opcion label{
    cursor:pointer;
  }

  #AE-intro form .checkbox {
    width:16px;
    height:16px;
    background-color: #fff;
    border: 1px solid #696d74;
    border-radius: 50%;
    display:inline-block;
    margin-right:10px;
}
#AE-intro form .checkbox i{
   visibility:hidden;
   color:#E60000;
   font-size:20px;
   
}


#AE-intro form input[type="radio"]:checked + div i {
    /*to any label that immediately follows a checked radio button*/
    visibility: visible;
}
#AE-intro form input[type="radio"]:checked + div{
    border:none;
    background-image: url(https://zonaautoestrena.com/img/vineta.png);
    background-size: cover;
}

#AE-intro form .resultado{
    height: 0;
    border:none;
    overflow: hidden;
    padding:0;
    transition: height 2s, padding .1s, border.1s ease-in-out;
    margin-bottom:30px;
    max-width: 500px;
    margin-right:auto;
    margin-left:auto;
    
}
#AE-intro form input[type="button"]:active + div, #AE-intro form input[type="button"]:focus + div{
    height:auto;
    padding: 16px 16px 0;
    border: dashed 1px #E60000;

}
#AE-intro img.cent{
display:none;
}

#AE-intro .AE-estrena{
    margin-top:60px;
    max-width:500px;
    margin-left:auto;
    margin-right: auto;;
}
#AE-intro .AE-estrena .strong{
    text-align: center;
    border-bottom: solid 1px #002966;
    padding-bottom: 5px;
    margin:0 20px 0;
}
#AE-intro .AE-estrena .matriz{
    display:flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top:15px;


}

#AE-intro .AE-estrena .matriz .estrena{
    width:50%; 
    padding:10px 20px;  
}
#AE-intro .AE-estrena .matriz div.estrena:first-child{
    text-align: right;
    border-right:solid 1px #002966;
}
#AE-intro .AE-estrena .matriz div.estrena:nth-child(2){
    text-align: left;
}

#AE-intro .AE-estrena .matriz div.estrena:last-child{
    text-align:center;
    width:100%;
}
#AE-intro .AE-estrena .matriz .estrena p{
    margin-bottom:0;
}


@media screen and (min-width: 667px){
    #AE-intro form fieldset{
        display:flex;
    }
    #AE-intro form fieldset div.opcion{
        margin-top:16px;
    }
    #AE-intro{
        text-align: center;
    }
    #AE-intro img{
        margin-left: auto;
        margin-right: auto;
    }
    #AE-intro img.cent{
        display:block;
        }
    #AE-intro img.left{
        display:none;
    }
    #AE-intro .AE-estrena .matriz .estrena{
        display: flex;
        align-items: flex-start;
    }
    #AE-intro .AE-estrena .matriz .estrena i{
        margin-top:0;
    }
    #AE-intro .AE-estrena .matriz div.estrena:first-child i{
        order:2;
        margin-left:20px;
    }
    #AE-intro .AE-estrena .matriz div.estrena:nth-child(2) i{
        margin-right:20px;
    }
    
    #AE-intro .AE-estrena .matriz div.estrena:last-child{
        flex-direction: column;
    }
    #AE-intro .AE-estrena .matriz div.estrena:last-child i{
        margin:15px auto;
        
    }
    #AE-intro .fondo{
    padding-bottom:200px;
    }


}

@media screen and (min-width: 1024px){
    #AE-intro .fondo{
        display:flex;
        align-items: flex-start;
    }
    #AE-intro form .resultado{
        max-width:unset;
        margin-right:auto;
        margin-left:auto;
    }
    #AE-intro .AE-estrena{
        margin-top:0;
        
    }
    #AE-intro .AE-estrena .matriz{
        flex-direction: column;
    }
    #AE-intro .AE-estrena .matriz .estrena{
        width:100%;
        text-align: left!important;
        margin-bottom:20px;
    }
    #AE-intro .AE-estrena .matriz div.estrena:first-child i{
        order:0;
        margin-right:20px;
        margin-left:0;
    }
    #AE-intro .AE-estrena .matriz div.estrena:first-child{
        border:none;
    }
        
    #AE-intro .AE-estrena .matriz div.estrena:last-child{
        flex-direction: row;
    }
    #AE-intro .AE-estrena .matriz div.estrena:last-child i{
        margin:0px 20px 15px 0px;
        
    }
    #AE-intro .AE-info{
        width:65%;
        max-width: 600px;
    }
    #AE-intro .AE-estrena{
        width:35%;
        padding-left:15px;
        margin-left:35px;
        border-left:dashed 1px #696d74;
        max-width:311px;
    }
    #AE-intro{
        text-align: left;
    }
    #AE-intro form fieldset div.opcion{
        margin:0!important;
    }
    #AE-intro img.cent{
        display:none;
    }
    #AE-intro img.left{
        display:block;
        margin-left:0;
    }


}

@media screen and (min-width: 1300px){

    #AE-intro .AE-estrena {
        min-width:400px;
        max-width:500px;
        margin-left:auto;
        margin-right:0;

    }

    #AE-intro .AE-estrena .matriz{
        display:flex;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top:15px;
    
    
    
    }
    
    #AE-intro .AE-estrena .matriz .estrena{
        width:50%; 
        padding:10px 20px; 
        flex-direction: column;
 
    }
    #AE-intro .AE-estrena .matriz div.estrena:first-child{
        text-align: right!important;
        border-right:solid 1px #002966;
    }
    #AE-intro .AE-estrena .matriz div.estrena:nth-child(2){
        text-align: left;
    }
    
    #AE-intro .AE-estrena .matriz div.estrena:last-child{
        text-align:center!important;
        width:100%;
    }
    #AE-intro .AE-estrena .matriz div.estrena:last-child {
        flex-direction: column;
    }
    #AE-intro .AE-estrena .matriz div.estrena:last-child i{
        margin: 0 auto 15px
    }
    #AE-intro .AE-estrena .matriz div.estrena:first-child i{
        margin-right:0;
        margin-left:auto;
    }
    


}

@media screen and (min-width: 1400px){

    #AE-intro .AE-estrena{
        border:none;
    }
    #AE-intro .AE-estrena .matriz .estrena{
        flex-direction: row;
        margin-bottom:0;
    }
    #AE-intro .AE-estrena .matriz .estrena i{
        margin-top:0;
    }
    #AE-intro .AE-estrena .matriz div.estrena:first-child i{
        order:2;
        margin-left:20px;
    }
    #AE-intro .AE-estrena .matriz div.estrena:nth-child(2) i{
        margin-right:20px;
    }
    
    #AE-intro .AE-estrena .matriz div.estrena:last-child{
        flex-direction: column;
    }
    #AE-intro .AE-estrena .matriz div.estrena:last-child i{
        margin:0 auto 15px;
        
    }
    #AE-intro .fondo{
    padding-bottom:300px;
    }
    
}

/*TERMINA PARTE DE INTRO*/

/* 1 2 3 4 y 5 de AUTOESTRENA*/

#AE123{
    text-align:center;
    background-color: #fff;
}
#AE123 .sec{
    background-image: url(../../img/fondo123.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
#AE123 h2{
    margin-bottom:50px;
}
.contenedor .num{
    font-size: 80px;
    color: #002966;
    margin: 0;
    line-height: 100px;
    font-family: Titulos;
    padding: 0 20px;

}
.contenedor .inferior .strong{
    color:#E60000;
}
.contenedor .numero{
    margin:0 20px 0;
    padding:20px 0px 30px;
    border-bottom: dashed 1px #696d74;
    width:calc(100% - 40px);
}
.contenedor div.numero:last-child{
    border:none;
    padding-bottom: 0;
}

@media screen and (min-width: 768px){
    #AE123 .contenedor{
        display:flex;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    #AE123 .contenedor .numero{
        width:30%;
        margin:0;
        border:none;
        padding:0px;
    }
    #AE123 .contenedor .numero .superior{
        display:flex;
        align-items: center;

    }
    #AE123 .contenedor .numero .inferior{
        padding:20px 20px 0;
    }
    #AE123 .superior .puntos{
        background-image: url(../../img/123punteada.png);
        background-position:center;
        background-repeat: no-repeat;
        background-size:cover;
        height:1px;
        opacity:.8;
    }
    #AE123 .contenedor div.numero:first-child .superior div.puntos:first-child, #AE123 .contenedor div.numero:last-child .superior div.puntos:last-child{
        background:none;

    }


}
@media screen and (min-width: 1024px){
    #AE123 .contenedor .numero{
        width:20%;
    }
}

/* TERMINA 123*/

/* INICIA DIFERENCIADORES*/

#diferenciador{
    background-image:url(../../img/fondo-diferenciador.png);
}
#diferenciador .img{
    display:none;
}
#diferenciador{
    text-align:center;
    
}
#diferenciador .contenedor .contenedor > div{
    background-size: cover;
    padding:30px 20px;
    color:#fff;
    display:flex;
    align-items:Center;
    min-height:250px;
    margin:20px 0;
    
}
#diferenciador h3{
    color:#fff;
}
#diferenciador .rojo{
    background-image:url(../../img/monito-rojo.png);
    background-position: right;
}
#diferenciador .azul{
    background-image:url(../../img/monito-azul.png);
    background-position: left;
}

@media screen and (min-width: 667px){
    #diferenciador .arriba, #diferenciador .abajo{
        display:flex;
    }

    #diferenciador .arriba .img{
        width:33.3%;
    }
    #diferenciador .arriba{
        justify-content: center;
    }
    #diferenciador .img{
        display:block;
        overflow:visible;
        position:Relative;


    }
    #diferenciador .img img{
        width:135%;
        max-width:unset;
        margin-left:-18%;
        position:absolute;
        z-index:10;
    }
    #diferenciador .img img:last-child{
        margin-left:0;
        position:unset;
        visibility:hidden;
    }
    
    #diferenciador h2{
        opacity:.7;
    }
    #diferenciador h2:first-of-type{
        text-align: right;
        margin-top:10px;
        width:auto;
    }
    #diferenciador h2:last-of-type{
        align-self: flex-end;
        margin-bottom:50px;
        width:auto;
    }
    #diferenciador .contenedor .contenedor{
        height:300px;
    }
    #diferenciador .contenedor .contenedor > div{
        margin:0;
        padding-top:50px;
    }
    #diferenciador .rojo{
        margin-right: 10px!important;
        height:100%;
        border-radius:0 0 0 90px ;

    }
    #diferenciador .azul{
        height:100%;
        border-radius:0 90px 0 0 ;
    }
    #diferenciador .abajo{
        margin-top:-40px;
    }
    
}
@media screen and (min-width: 768px){
    #diferenciador .contenedor .contenedor > div{
        padding-top:40px;
    }
    #diferenciador .contenedor .contenedor{
        height:230px;

    }

}
@media screen and (min-width: 1024px){
    #diferenciador .img{
        width: 40%;
    }
    #diferenciador h2:first-of-type{
        margin-top:30px;
    }
    #diferenciador h2:last-of-type{
        margin-bottom:90px;
        padding-left:1%;
    }
    #diferenciador .abajo{
        margin-top: -70px;

    }
    #diferenciador .contenedor .contenedor > div{
        padding:60px 5% 20px;
    }

}

/*termina diferenciador*/


/* INICIA EXPLICACION DE METODOS DE ADJUDICACION*/
#adjudicaciones{
    padding-bottom:0;
    margin-bottom:0;
}
#adjudicaciones .caja .img{
    width:100%;
    height:200px;
    background-size: cover;
    background-position: center;
}
#adjudicaciones .caja .img .linea{
    width:30px;
    background: #002966;
    opacity: 0.75;
    
}
#adjudicaciones .caja:nth-child(2) .img .linea{
    background: #E60000;
    float:right;
}
#adjudicaciones .caja{
    background:#fff;
    margin-bottom:25px;
}
#adjudicaciones .caja .texto{
    padding:20px;
}
#adjudicaciones .caja:first-child .img{
    background-image:url(../../img/Adj1.jpg);
}
#adjudicaciones .caja:nth-child(2) .img{
    background-image:url(../../img/adj2.png);
    background-position:top;
}
#adjudicaciones .caja:nth-child(3) .img{
    background-image:url(../../img/Adj3.png);
}

@media screen and (min-width: 667px){
    #adjudicaciones{
        padding:0;
    }
    #adjudicaciones .caja{
        display:flex;
        padding:20px 5vw 20px;
        height: 400px;
        align-items: center;
    }
    #adjudicaciones .caja .img{
        height:100%;
    }
    #adjudicaciones .caja .texto{
        align-items:center;
        display:flex;
        height:auto;
    }
    #adjudicaciones .caja:nth-child(2) .img{
        order:1;
        background-position:top;
    }
}
@media screen and (min-width: 1200px) {
    #adjudicaciones .caja{
        padding:30px 10vw;
    }
}

/*TERMINAN ADJUDICACIONES*/



/*INICIAN FACS DE AUTOESTRENA*/
#FacsAE h2{
    text-align: center;
    margin-bottom:20px;
}
#FacsAE{
    background-image: url(../../img/fondo-blanco.png);
    background-position: right bottom;
}
#FacsAE .caja{
    height:100px;
    overflow:visible;
    position:relative;
}
#FacsAE .mascota {
    background:#F0F0F0;
    border-radius:20px;
    margin-top:170px;
    
}
#FacsAE .mascota .caja img{
    width:200px;
    margin:0 auto;
    position:absolute;
    bottom:0px;
    right:calc(50% - 100px);
    max-width: unset;
}
#FacsAE form{
    padding:20px 5% 0px;
    text-align: center;
}
#FacsAE .forma label{
    margin: 8px 0;
}
#FacsAE .forma h3{
    text-align:center;
}
#FacsAE .forma .rayas-rojas, #FacsAE .forma .cta{
    margin-left:auto;
    margin-right:auto; 
    margin-top:12px;
}


.fac .tab {
    overflow: hidden;
    border-bottom: 1px solid #002966;
    display:flex;
    justify-content: space-between;
  }
  /* Style the buttons inside the tab */
.fac .tab button {
    background-color: #002966;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 14px;
    text-transform: uppercase;
    color:#fff;
    min-width: 105px;
  }
  .fac .tab button.propietario{
    padding: 14px 12px;
  }
  
  /* Change background color of buttons on hover */
  .fac .tab button:hover {
    background-color: #5488C7;
  }
  
  /* Create an active/current tablink class */
  .fac .tab button.active {
    background-color: #E60000;
  }
  
  /* Style the tab content */
  .fac .tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
  }
  
  /* Fade in tabs */
  @-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }

  #FacsAE .fac{
    margin-bottom:50px;
  }
  #FacsAE #accordion, #FacsAE #accordion2, #FacsAE #accordion3 {
    margin-top:16px;
}

@media screen and (min-width: 667px){
    .fac .tab{
        justify-content: flex-start;
    }
    .fac .tab button{
        margin-right:10px;
    }
} 


@media screen and (min-width: 768px){
    .fac{
        display:flex;
        align-items: flex-end;
        
    }
    .fac .tab{
        width:50px;
        justify-content: space-around;
        flex-direction: column;
        border:none;
        margin-right:10px;

    }
    .fac .tab button{
        width: 50px;
        height:100px;
        text-align: center;
        position:relative;
        margin:2.5px 0;
        padding:0;
        text-align:center;
        min-width: unset;
    }
    
    #FacsAE .fac .tab button span{
        position:absolute;
        transform:rotate(-90deg);
        top:calc(50% - 8px);
        left:-27px;
        width:100px;
    }
    #FacsAE .fac .tab button:first-child{
        height:130px;
    }  
    #FacsAE .fac .tab button:nth-child(2){
        height:95px;
    } 
    #FacsAE .fac .tab button:nth-child(3){
        height:110px;
    }
    #FacsAE .fac-sec{
        display: flex;
        align-items: flex-end;
        margin-top:-142px;
    } 
    #FacsAE .fac-sec > div:first-child{
        margin-left:20px;
        order:1;
    }
    #FacsAE .fac{
        margin-bottom:0;
    }
    #FacsAE h2{
        text-align: right;
        margin-bottom:0;
    }
    #FacsAE .mascota .caja img{
        width:150px;
        right: calc(50% - 75px);
    }
    #FacsAE .caja {
        height: 75px;
    }
    #FacsAE .mascota {
        margin-top: 125px;
    }

}

@media screen and (min-width: 1024px){

    #FacsAE .fac-sec > div:first-child{
        margin-left:100px;
    }
    #FacsAE h2{
        margin-right:60px;
    }
    #FAQS div.second{
        display:block;
        margin-left:30px;
    }

    #FAQS > div{
        display:flex;
        align-items: center;
        margin: 0;
    }
    #FAQS .second img{
        margin:35px 0 0;
    }


}

@media screen and (min-width: 1300px){
    #FAQS div.second {
        margin-left:60px;
    }
    #FacsAE .mascota {
        display:flex;
        align-items: center;
        margin-left: calc(10vw - 100px);
        width: 60%;
        max-width:570px;
    }
    #FacsAE .caja{
        height:200px;
        width:100px;
    }
    #FacsAE .mascota .caja img {
        width: 200px;
        right: unset;
        left: -100px;
    }
    #FacsAE form{
        width: calc(100% - 50px);
    }
    #FacsAE .fac-sec > div:first-child{
        margin-left:60px;
        width: 40%;
        max-width:380px;
    }
    #FacsAE .fac-sec{
        justify-content: space-between;
    }

    /*esta ultima parte del 1300px no la reconoce */ 
    #FacsAE form h3, #FacsAE .forma{
        text-align: left;
    }
    #FacsAE .forma .rayas-rojas, #FacsAE .forma .cta{
        margin-left:0;
    }
    #FacsAE h2{
        margin-bottom: 50px;
    }

    #FacsAE .forma .rayas-rojas{
        visibility:hidden;
        margin:0;
    }

}
/*TERMINA FAQS AE*/

/*INICIA CTA AE*/
    #AE-CTA{
        background:#fff;
    }

    #AE-CTA{
       
        padding: 100px 0 0;
        text-align: center;
        
    }
    #AE-CTA h1{
        color:#002966;
        font-family: CTAS;
    }
    #AE-CTA h1 span{
        color:#E60000;
        
    }
    #AE-CTA .cta{
        margin-bottom:50px;
    }
    

    @media screen and (min-width: 667px){
        #AE-CTA{
            display:flex;
            padding:0px 0 0 5vw;
            align-items: center;
            max-height: 300px;
            overflow: hidden;
            justify-content: space-between;
        }
        #AE-CTA div{
            width:50%;
        }
        #AE-CTA .auto-cta img{
            margin:0 0 0 50px;
            width:calc(100% - 50px);
        }
        #AE-CTA .cta{
            margin-bottom:0;
        }
        #AE-CTA div:first-child{
            max-width:480px;
        }
    }
    @media screen and (min-width: 1200px){
        #AE-CTA{
            max-height:400px;
        }
    }


    /*TERMINA AUTOESTRENA*/



     /*INICIA CONTACTO*/



#medios-contacto{
    background-image:url(../../img/index-intro-fondo.jpg);
    background-size: cover;
    text-align: center;
    padding-bottom:57px;
}
.rayas-rojas.cent1{
    margin: 22px auto;
}
#medios-contacto .caja4 p{
    color:#383838;
}
#medios-contacto .caja4 span{
        text-transform: uppercase;
}
#medios-contacto .caja4{
    padding-top:0;
    margin:20px 0;
   }
#medios-contacto .caja4 i{
    background: #E60000;
    padding: 15px;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    color:#fff;
}
#medios-contacto .caja4:nth-child(2) i{
    background:#002966;
}



@media screen and (min-width: 768px){
    #medios-contacto .caja4 {
        width: calc((100% / 3) - 15px)!important;
        flex-wrap: wrap;
    }
    #medios-contacto .caja4:last-child {
        width:100%!important;
    }
    
    #medios-contacto .caja4 i{
        
        height: 50px;
        width: 50px;
        
    }
}
@media screen and (min-width: 1024px){
    #medios-contacto .caja4 {
        width: calc(23% - 15px)!important;
        min-height:154px;
    }
    #medios-contacto .caja4:last-child {
        width:31%!important;
    }
    #medios-contacto .caja4:last-child i{
        background:#002966;
    }
}

@media screen and (min-width:1200px){
    #medios-contacto .caja4 i {
        height: 60px;
        width: 60px;
    }
    #contacto-map {
        padding: 50px 10vw 50px!important;
    }
}
@media screen and (min-width:1300px){
    #medios-contacto .caja4{
        width: calc(18% - 15px)!important;
    }
    #medios-contacto .caja4:nth-child(2)  {
        width: calc(22% - 15px)!important;
        min-height:154px;
    }
    #medios-contacto .caja4:last-child {
        width:42%!important;
    }
    #medios-contacto .caja4:nth-child(3) {
        order:2;
    }
    #medios-contacto .caja4:nth-child(3) i{
        background:#002966;
    }
    #medios-contacto .caja4:last-child i{
        background:#E60000;
    }

            
}



    /*INICIA MAPA*/

    #contacto-map{
        background:#fff;
        margin-bottom:0;
        
    }
    #guino {
        background-image: url(../../img/carro.png);
        color: transparent;
    background-size: 19px;
    background-repeat: no-repeat;
        background-position: center;
    }
    #contacto-map form .cta{
        margin-top:0;
    }
    #contacto-map .mapa{
        border-top:1px dashed #696d7466;
        padding-top:30px;

    }
    #contacto-map .mapa h2{
        text-align: center;
    }
    #contacto-map .mapa div{
        background-image: url(../../img/mapa.png);
        background-position: center;
        background-size:cover;
        height:300px;
    }

@media screen and (min-width:667px){

    #contacto-map{
        display:flex;
        padding:0 5vw 0 0;
        
    }
    #contacto-map .mapa{
        border:none;
        padding:0;
        order:-1;
        width: 30%;
    }
    #contacto-map .mapa h2{
        display:none;
    }
    #contacto-map .formulario-map{
        width:70%;
        margin-left:30px;
        padding:40px 0 0;

    }
    #contacto-map .mapa div{
        height:752px;
    }  
}
@media screen and (min-width:768px){
    #contacto-map .formulario-map{
        padding:0;
    }
    #contacto-map .formulario-map form .cta{
        margin-bottom:0;
    }
    #contacto-map{
        height:712px;
    }
    #contacto-map .mapa div {
        height: 712px;
    }

}


@media screen and (min-width:1024px){
    #contacto-map{
        padding:50px 5vw 50px;
        height:812px;
    }
    #contacto-map .formulario-map{
        padding:0;
    }
    
    #contacto-map form{
        padding:0;
    }
    #contacto-map .mapa div{
        height:712px;
    } 
    #contacto-map .formulario-map .junto{
        display: flex;
    align-items: center;
    justify-content: space-between;
    }
    #contacto-map .formulario-map .junto label:first-child{
        margin-right:20px;
    }
    #contacto-map .formulario-map .junto label{
        margin-bottom:0;
    }
    #contacto-map .mapa{
        width:48%;
    }
    #contacto-map .formulario-map{
        width:62%;
    }  

}

@media screen and (min-width:1200px){
    
    #contacto-map .formulario-map{
        margin-left:60px;
    }
}

/*TERMINA MAPA*/


/*INICIA REDES*/
#redes{
    margin:0;
    height:25px;
    background:transparent;
    overflow: visible;
    text-align:right;
    position:relative;
}
#redes .elementos{
    position:Absolute;
    top:-70%;
    right:5vw;
}
#redes i{
    font-size:20px;
    padding: 15px;
    border-radius: 50%;
    background: #002966;
    width: 50px;
    height: 50px;
    text-align: center;
}
#redes a{
    margin:  0 0 0 10px;
}

/*TERMINA REDES*/



/* INICIA ASESORES*/
#asesores{
    background:#fff;
    margin-top:0;
}
#asesores .fac button img{
    margin: 0 auto;
}
#asesores .fac .tab button{
    background:#fff!important;
}
#asesores .fac .tab button{
    opacity:.5;
}
#asesores .fac .tab button.active{
    opacity:1;
    border-bottom:2px solid #002966;
}
.tarjeta{
    background:#FAFAFA;
    border-radius: 30px;
    border: 1px solid rgba(179, 179, 179, 0.5);
    display:flex;
    align-items: center;
    height:250px;
    overflow: hidden;
    margin-top:30px;

}
.tarjeta .img{
    width:40%;
    background-position:center;
    background-repeat: no-repeat;
}
.tarjeta .info{
    width:60%;
    padding:15px;
}
.tarjeta .info .social{
    height:auto;
}
.tarjeta .info .social a i{
    font-size:20px;
    padding:10px;
    background:#002966;  
    color:#fff;
    border-radius: 4px;
    margin-right:5px;  
}
.tarjeta .info .arriba{
    padding:15px 0;
    height:auto;
    border-bottom: dotted 1px rgba(179, 179, 179, 0.8) ;

}
.tarjeta .info .arriba .strong{
    color:#002966;
    font-weight: bold;
}
.tarjeta .info p{
    margin:0;
}
.tarjeta .info .abajo{
    height:auto;
    padding:15px 0 0;
}
.tarjeta .info .abajo a{
    color:#101010;
}
.tarjeta .info .abajo a:first-child{
    color: #002966;
}
.tarjeta .mail{
    display:block;
}
div.tarjeta:nth-child(odd) .img:nth-child(odd){
    order:2;
}
footer.contacto-footer {
    padding-bottom: 10px!important;
}
#asesores h2{
    text-align:center;
    margin-bottom:30px;
}

@media screen and (min-width:768px){

    #asesores .fac{
        flex-direction: column;
    }
    #asesores .fac .tab{
        width:100%;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        margin:0;
        border-bottom: 1px solid #002966;

    }
    #asesores .fac .tab button{
        width:30%;
        height:auto;
        margin-bottom:0;
    }
    .tarjeta{
        flex-direction:column;
        height:450px;
        width:calc((100% / 3) - 20px);
        margin:30px 10px 0;
    }
    div.tarjeta .img{
        order:0!important;
        width:100%;
        
    }
    .tarjeta .info{
        width:100%;
        padding-top:0;
        margin-top:-20px;
    }
    #asesores .tabcontent .caja{
        display:flex;
        flex-wrap: wrap;
    }
}

@media screen and (min-width:1024px){

    .tarjeta{
        width:calc((100% / 4) - 20px);
    }
}


/*TERMINA TODO EL CONTACTO*/






/*INICIA BANNER DE PROPIETARIOS*/

#baner-ganadores{
    position:relative;
    padding:0;
    display:flex;
    height:280px;
    background:#002966;
    border-top: solid 25PX #f5f5f5;
}

#baner-ganadores .img{
    width:48%;
    background-size:cover;
    position:absolute;
    z-index:1;
    background-position: center;

}
#baner-ganadores .txt h1{
    color:#fff;
}
#baner-ganadores .txt{
    text-align: center;
    width:100%;
    color:#fff!important;
    padding:50px 10vw;
    position:absolute;
    background:rgb(0 41 102 / 75%);
    z-index:3;
    -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);
clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);

}
.ban-gan1{
    background-image:url(../../img/llaves1.jpg);
    left:0;
    -webkit-clip-path: polygon(0 0, 50% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 50% 0, 100% 100%, 0 100%);
-webkit-animation: baner1  10s ease;
    animation: baner1  10s ease;
    animation-delay: 2.5s;
    animation-iteration-count: infinite;
}
.ban-gan3{
    background-image:url(../../img/coche1.jpg);
    right:0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%);
-webkit-animation: baner3  10s ease;
    animation: baner3 10s ease;
    animation-iteration-count: infinite;
    animation-delay: 5s;
}
 
  /* Fade in tabs */
  @keyframes baner1 {
    0% {background-image:url(../img/llaves1.jpg);}
    5% {background-image:url(../img/coche2.jpg);}
    50% {background-image:url(../img/coche2.jpg);}
    55% {background-image:url(../img/llaves1.jpg);}
    100% {background-image:url(../img/llaves1.jpg);}

    
  }
  @keyframes baner3 {
    0% {background-image:url(../img/coche1.jpg);}
    5% {background-image:url(../img/llaves2.jpg);}
    50% {background-image:url(../img/llaves2.jpg);}
    55% {background-image:url(../img/coche1.jpg);}
    100% {background-image:url(../img/coche1.jpg);}
  }

  @media screen and (min-width:667px){
    #baner-ganadores .txt{
        width: 400px;
    right: calc(50% - 200px);
    }
    #baner-ganadores{
        height: 320px;
    }
    .ban-gan3{
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    }
    .ban-gan1{
        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    }
    #baner-ganadores .img{
        width:40%;
    }

  }
  @media screen and (min-width:768px){
    #baner-ganadores .txt{
        width: 500px;
        right: calc(50% - 250px);
    }
    #baner-ganadores{
        height: 290px;
    }
    .ban-gan3{
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
    }
    .ban-gan1{
        -webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
    }
    #baner-ganadores .img{
        width:33%;
    }

  }
  @media screen and (min-width:1024px){
    
    
    .ban-gan3{
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    }
    .ban-gan1{
        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    }
    #baner-ganadores .img{
        width:37%;
    }

  }
  @media screen and (min-width:1190px){
   
    #baner-ganadores .txt{
        width: 600px;
        right: calc(50% - 300px);
    }
   

  }

  @media screen and (min-width:1400px){
    
 
    #baner-ganadores .img{
        width:42%;
    }

  }







/*TERMINA MISION VISION*/












/*TERMINA BANNER PROPIETARIOS*/



/*INICIA GANADORES*/
#intro-index.ganadores, #sorteos{
    background:#fff;
    padding:0;
}
#intro-index.ganadores .sec{
    padding-bottom:20px;
}
#intro-index.ganadores h2{
    text-align: left;
    margin-left:0;
    margin-top:0;
}
#intro-index.ganadores .rayas-rojas, #sorteos .rayas-rojas{
    margin-left:0;
    width:auto;
}
#intro-index.ganadores .img  {
    margin: 0 auto;
    background-image: url(../../img/ESTRENA.png);
    background-position: left;
    background-size: cover;
    height: 200px;
}


@media screen and (min-width:667px){
   
    
    .ganadores .intro1 div{
        width:50%;
    }
    
    .ganadores .intro1 div.info.sec{
        padding:45px 0 45px 5vw!important;
        height:auto;
        
        box-sizing: border-box;
        width:50%;
    }
    .ganadores div.img{
        overflow:hidden;
        height:100%!important;
    }
    .ganadores div.img img{
        max-width: unset;
        width: 160%;
    }
   
    .ganadores .flex{
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        height: 330px;
    }
      
}
@media screen and (min-width: 1024px){
    .ganadores div.img img {
        width: 130%;
    }
    .ganadores .intro1 div.info {
        max-width: 500px;
        padding-right: 60px;
    }
    .ganadores div.img{
        width: calc(100% - 500px);
        max-width:600px;
        margin-right: 0!important;
    }
    .ganadores .flex {
        height: 400px;
    }
}


@media screen and (min-width: 1200px){
    .ganadores .intro1 div.info.sec{
        padding-left:10vw!important;
    }
}


/*TERMINA INTRO GANADORES*/




/*INICIA GALERIA*/
#galeria-gan{
    text-align: center;
    background:#fff;
}
#galeria-gan h2{
    margin-bottom:20px;
}
.w3-black, .w3-hover-black:hover {
    background-color: rgb(0 41 102 / 60%)!important;
}
.w3-button:hover {
    color: #FFF!important;
    background-color: rgb(230 0 0 / 60%)!important;
}
#galeria-gan .mySlides div{
    width:auto;
    height:auto;
}
#galeria-gan .cent{
    margin:20px auto 40px;
}
#galeria-gan .mySlides div h2{
font-style: normal;
font-weight: 600;
font-size: 6vw;
color:#fff!important;
text-transform: uppercase;
margin:0;
text-shadow: 0px 4px 4px #002966;
}
#galeria-gan .mySlides div p{
    font-size:2vw;
    margin:0;
    color:#fff;
    text-transform: uppercase;
}
#galeria-gan .mySlides div{
    background-color: transparent;
}

@media screen and (min-width: 1024px){
    #galeria-gan .mySlides div h2{
    font-size: 66px;
    }
    #galeria-gan .mySlides div p{
        font-size:27px;
    }

}

/*TERMINA GALERIA*/




/*PUBLICACION DE RESULTADOS*/


/*SORTEOS*/

table{
    margin:50px 0 20px;
}
table, th, td {
    border-collapse: collapse;
	box-sizing:border-box;
}
tr{color:#999999;}
th {
    color: #101010;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
		}
td, th{padding:9px 16px;}
tr:first-of-type{border-bottom: solid 1px #002966; }

td:nth-child(4), td:nth-child(3){
	text-align:left;
}
td{vertical-align:top;}
th:nth-child(5){word-wrap: break-word;}


.X{color: #FFF;
    font-size: 18px;
	cursor:pointer;
	position: absolute;
    top: 0;
}
.modal-reposo{
	height:auto;
	overflow:hidden;
	cursor:pointer;
	color:#101010;
	
}

.modal-activo{
	position: fixed;
	left: 0;
	z-index: 2000;
	width: 100vw;
	overflow: hidden;
	background:rgba(16, 16, 16, .8);
	height:100vh;
	top:0;
}



.info-modal-reposo{
	display:none;
}


.info-modal-activo img{
	       width: auto;
    height: 96vh;
    max-width: 96vw;
    max-height: 90vh;}
	
.modal-activo td{display:none; padding-top: 30px;}

.info-modal-activo{
	margin:0;
    padding: 2vw;
	height: auto;
	position:fixed;
	display:block !important;
	width: 100vw;
    min-width: 100vw;
	background: rgba(10,10,10,.75);

}
#sorteos .etiqueta {
        display: block;
        position: absolute;
        bottom: 0;
        right: 5vw;
        width: 50px;
    }
#sorteos{
    position:relative;
}

@media screen and (min-width: 667px){
    #sorteos{
        height:550px;
        display:flex;
    }
    #sorteos .img{
        width:40%;
        background-image:url(../../img/ganadores_bannerfinal.png);
        background-position: center;
    }
    #sorteos .info{
        width:60%;
    }


}
@media screen and (min-width: 768px){
    #sorteos .sec {
        padding: 45px 5vw 57px;
    }

}

@media screen and (min-width: 1024px){
    #sorteos .img{
        width:calc(100% - 760px);
    }
    #sorteos .info{
        width:760px;
    }
    #sorteos{
        height:510px;
    }
    #sorteos .sec {
        padding: 45px 10vw 57px 5vw;
    }
    #sorteos .etiqueta {
        width: 80px;
    }
}

@media screen and (min-width:1300px){
    #sorteos .img {
        background-position: right;
    }
    #sorteos .img{
        width:calc(100% - 790px);
    }
    #sorteos .info{
        width:790px;
    }
}

/*TERMINA PUBLICACION*/




/*INICIA CTA GANADORES*/

#gan-cta{
    background-image: url(../../img/ganadores-cta.png);
    background-size: cover;
    background-position: top;
    text-align: center;
}
#gan-cta div{
    background: rgb(0 41 102 / 70%);


}
#gan-cta h2, #gan-cta p{
    color:#fff;
}
#gan-cta p{
    margin:30px 0;
}

@media screen and (min-width:667px){
    #gan-cta div{
        background: rgb(0 41 102 / 70%);
        -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    padding: 57px 5%!important;
    }
}
@media screen and (min-width:768px){
    #gan-cta div{
        width:600px;
        box-sizing: content-box;
        margin-left:auto;
    
    }
    #gan-cta p{
        padding:0 15%;
    }
}

/*TERMINA GANADORES*/




/*INICIA PROXIMAMENTE*/
.Proximamente{
    height:calc(100vh - 84px);
}
.Proximamente{
    background-image:url(../../img/proximamente.png);
    background-size: cover;
    background-position: left;
}
.Proximamente div{
    background-image:url(../../img/proximamente.png);
    background-size: contain;
    background-position: center;
    width:100%;
    background-repeat: no-repeat;
}


@media screen and (min-width:1024px){
    .Proximamente{
        padding:0 12vw;

        height:calc(100vh -114px);
    }
    .Proximamente > div{
        padding:0 12vw;
        background-position: center;

    
    }
    .Proximamente div{
        background-image:url(../../img/proximamente.png);
        background-size: contain;
        background-position: center;
    }
    .Proximamente div div{
        background-size: contain;
    }
    
}

/*TERMINA PROXIMAMENTE*/

/*INICIAN LEGALES*/
.legales h1{
    margin-bottom:40px;
}
.legales h3{
    margin-top:30px;
}
/*TERMINAN LEGALES*/


/*ÏNICIA ACCESO*/
#acceso{
    background:#fff;
}
#acceso .forma{
    padding:15px 0 0;
}
#acceso .form-field, #acceso .i-form{
    background: #F5F5F5;
}

@media screen and (min-width:768px){
    #acceso{
        display:flex;
    }
    #acceso .foto{
        height: 518px;
    background-image:url(../../img/acceso.png);
    background-position: center;
    background-size: cover;
    margin-left: 30px;
    }
}
@media screen and (min-width:1200px){
    #acceso .foto{
        margin-left: 60px;

    }
}

/*INICIA BARRITA CTA - ACCESO*/

#acc-cta .barra{
    background-image:url(../../img/barra.png);
    background-position: left ;
    background-size: cover;
    padding:30px 20% 30px 5vw;
    color:#fff;
    -webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 80% 0%, 100% 100%, 0 100%);
position:Absolute;
height:280px;
  

}
#acc-cta h2{
    color:#fff;
    font-size:30px;
}
#acc-cta .link{
    margin-top:0;
}
#acc-cta{
    position:relative;
    height:140px;
}
#acc-cta .caja{
    height:auto;
}
#acc-cta .caja a{
    margin-right:0;
}

.ingreso footer{
    padding-top:185px!important;
}
#acc-cta p{
    text-transform: uppercase;
}

@media screen and (min-width:667px){
    #acc-cta .barra{
height:260px;
clip-path: none;
background-position:right;
padding-right:290px;
    }
}
@media screen and (min-width:768px){
    #acc-cta .caja{
        display:flex;
        align-items: center;
    }
    #acc-cta .caja a{
        margin-left:auto;
    }
    #acc-cta h2{
        margin-bottom:30px;
    }
    #acc-cta .barra {
        height: 230px;
    }


}

@media screen and (min-width:1024px){
    #acc-cta .caja p{
        width:350px;
    }
    #acc-cta .barra{
        height:190px;
        max-width: 1000px;
    }
    #acc-cta {
        height: 95px;
    }
    .ingreso footer {
        padding-top: 155px!important;
    }

}
/*TERMINA SITIO WEB*/




/*INICIA ADAPTACIONES DE FORMULARIOS*/



/*IFRAME FORM*/

iframe{
    width: 100%;
    margin-bottom: -7px;
    overflow: hidden;
}

#formulario .color.sect{
    padding: 45px 5vw 57px;
}
#formulario iframe{
    height: 730px;
}
iframe.autoestrena{
    height:420px;
}
iframe.contactoForm{
    height:712px;
}







/*Termina forms*/




#noexiste{
    color:red;
}

/* ========================================================
   --- NUEVOS ESTILOS AGREGADOS (SECCION SUCURSALES) ---
   ======================================================== */

/* Fondo Azul Oscuro con patrón de Panal (Hexágonos) */
/* Usamos un degradado CSS para simular el panal sin cargar imágenes pesadas */
.bg-panal-azul {
    background-color: #001a33; /* Azul muy oscuro de fondo base */
    background-image: 
        radial-gradient(circle, transparent 20%, #001a33 20%, #001a33 80%, transparent 80%, transparent),
        radial-gradient(circle, transparent 20%, #001a33 20%, #001a33 80%, transparent 80%, transparent);
    background-size: 30px 30px; /* Tamaño del patrón */
    background-position: 0 0, 15px 15px;
    color: #aebfd6; /* Texto gris azulado claro para direcciones */
    padding: 60px 5vw; /* Mismo padding lateral que usas en .sec */
    text-align: center;
}

/* Títulos de las sucursales en Rojo Vibrante */
.titulo-sucursal {
    font-family: Titulos; /* Usamos tu fuente Montserrat Bold */
    color: #FF1E1E; /* Rojo más brillante que tu #E60000 habitual */
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: inline-block;
    border-bottom: 2px solid #FF1E1E;
    padding-bottom: 5px;
    letter-spacing: 1px;
}

/* Contenedor de cada bloque de información */
.info-sucursal-item {
    margin-bottom: 25px;
}

/* Iconos (Teléfono, Whatsapp, Ubicación) */
.info-sucursal-item i {
    color: #FF1E1E; /* El mismo rojo vibrante */
    font-size: 32px;
    margin-bottom: 10px;
    display: block;
}

/* Etiquetas pequeñas (TELÉFONO, HORARIO, etc.) */
.etiqueta-detalle {
    font-family: SubTitulos; /* Tu fuente Montserrat SemiBold */
    font-size: 14px;
    color: #58687d; /* Un gris más oscuro para que no compita */
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}

/* Texto de la información (El número, la dirección) */
.dato-detalle {
    font-family: Textos; /* Tu fuente GandhiSans */
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
}

/* Ajustes Responsive para que se acomoden en columnas */
@media screen and (min-width: 768px) {
    .contenedor-sucursales {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    
    .columna-sucursal {
        width: 30%; /* 3 columnas */
        margin-bottom: 0;
    }
}