/*******borrar si necesario *****/
/*******borrar si necesario *****/
#carrusel-slide {

/*width:100%;
height:500px;*/

} /* estos de arriba lo puse y mejora el CSL luego en feb 8 de 2021 lo quite se repetia con otro en mainfile.css y dañaba como se veia en la web*/ 


.Vinilo-img{
    cursor:pointer;
}

.buttonContainer{

width:100%;
position:absolute;
   
}
    
.buttonContainer button {
        
width:49%;
height:40px;
align-items:center;
margin-bottom:2px;       
cursor:pointer;
border:none;
outline:none;
border-radius: 50px 15px;
font-size:16px;
background-color:rgba(255, 255, 255, 0.692);
}    
   
.textbannerprincipal{
   
width:100%;
height:120px;
background-color:rgba(0, 0, 0, 0.473);
top:470px;
  
}

.textotitulo {
width:100%;
position:absolute;
font-size:34px;
color:white;
letter-spacing:2px;
top:10%;
left:50%;
transform:translatex(-50%);
padding:0px;
margin:0px;
text-align:center;
}
    
.textosubtitulo{
width:100%; 
padding:50px;
position:absolute;
font-size:26px;
color:#FBA919;
letter-spacing:4px;
top:48%;
left:50%;
transform:translatex(-50%);
padding:0px;
margin:0px;
text-align:center;
}
   
.textbannersecundario{
display:none;
}

.mainlink{
position:absolute;
top:-50%;
left:75%;
background-color:#FBA919;
border-radius:10px;
padding:3px;
text-align:center;
width:35%;
height:40px;
line-height:32px;
color:white;
border-style:solid;
border-color:white;
cursor:pointer; 
}  

.textpostart{

text-align:center;
    
}

.postarticulos{

background-color:rgb(204, 183, 147);  
margin:center; 
}
    
.postarticulos img{

width:100px;
height:100px;
margin-left:50%;
transform: translateX(-50%)
    }

@media (min-width:720px){

.contacto-movil{
/*display:none;*/ 
visibility:hidden;
}   


.textbannerprincipal{
/*display:none;*/

}
   


.textbannerprincipal{
width:38%;
/*height:100px;*/
height:auto;
background-color:rgba(0, 0, 0, 0.473);
/*top:-400px;*/ 
top:280px      
}       
    
.textotitulo {
width:100%;
position:absolute;
font-size:38px;
color:white;
letter-spacing:4px;
top:8%;
left:50%;
transform:translatex(-50%);
padding:0px;
margin:0px;
text-align:center;
}
            
.textosubtitulo{
width:100%; 
padding:50px;
position:absolute;
font-size:26px;
color:#FBA919;
letter-spacing:4px;
top:55%;
left:50%;
transform:translatex(-50%);
padding:0px;
margin:0px;
text-align:center;
}
        
            
.textbannersecundario{
display:block;
margin-top:220px;
background:rgba(255, 255, 255, 0.7);
width:100%;

}

.mainlink{
position:absolute;
top:140%;
left:50%;
background-color:#FBA919;
border-radius:10px;
padding:3px;
text-align:center;
width:60%;
height:40px;
line-height:32px;
color:white;
border-style:solid;
border-color:white;
cursor:pointer;                  

} 
           

}  


@media (min-width:1020px){

  
.buttonContainer{
    display:flex;
    flex-direction: column;
    position:absolute;
    z-index:10;
    top:50%;
    left:10%;
    transform:translatey(-50%);    
}

.buttonContainer button {
    width:200px;
    margin-bottom:2px;
    height:45px;
    cursor:pointer;
    border:none;
    outline:none;
    border-radius: 50px 15px;
    font-size:16px;
    background-color:#FBA919;
    margin-top:10px;
    }


.postext{
display:flex;
flex-flow: column;
width:33%;

}

.postarticulos{
display:flex;
justify-content:space-evenly;
}

       



.textbannerprincipal{
    width:35%;
    /*height:100px;*/
    height:auto;
    background-color:rgba(0, 0, 0, 0.473);
    /*top:-400px;*/ 
    top:300px      
    }       
    
.textosubtitulo{
     top:100px;
    
}
    .textbannersecundario{
        display:block;
        margin-top:-5px;
        background:rgba(255, 255, 255, 0.7);
        width:400px;
        color:black;
        margin-left:-1%;
        height:70px;
        top:300px;
        }

    .mainlink{
        
        top:110%;
        left:50%;        
        width:40%;
        height:40px;
             
        
        } 

} 


@media (min-width:1400px){

    .textbannerprincipal{
        width:35%;
  height:80px;
} 
    .textbannersecundario{
     margin-left:50px;
     margin-top:5px;
    } 
        .mainlink{
        
            top:250%;      
                 
    } 


}