*{box-sizing:border-box}p{color:#000}span,label{display:inline}main{width:100%;display:flex;justify-content:center;align-content:center;flex-direction:column;align-items:center}.banner-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.banner-container h2{position:absolute;padding:1em;color:#eee;background-color:rgba(255,0,0,.736);width:50%;text-align:center;text-transform:uppercase;font-size:2rem;bottom:10%}.banner{width:100%;height:auto;display:flex;gap:1%;overflow:hidden;justify-content:space-between;scroll-snap-type:x mandatory;scroll-snap-align:start;margin-bottom:1em}.banner div{transition:transform 0.6s}.banner img{width:100vw;object-fit:contain}.contact-cards{width:50%}.contact-cards small{margin-bottom:1em}.contact-cards h2{margin-bottom:.5em}.contact-cards ul{display:flex;gap:1em;padding:0;width:100%;align-items:stretch;justify-content:center;margin:auto}.contact-cards ul li{border:1px solid rgb(117,84,84);padding:1em;text-align:center;align-items:center;width:50%;display:flex;flex-direction:column;transition:0.36s ease-in-out;justify-content:space-around}.contact-cards ul li:hover{transform:translateY(-20px);background-color:#eee}.contact-cards ul li img{max-width:150px;max-height:150px;border-radius:50%;cursor:pointer}.contact-cards ul li>img:active{transform:scale(2.5);border:1px solid #222}.contact-cards ul li a{width:100%;background-color:var(--WhatsAap);color:#fff;text-decoration:none;padding:1em;display:flex;align-content:center;justify-content:center;gap:.5em;border-radius:10px}.contact-cards ul li a img{width:20px;height:20px}.info{margin-top:2em;margin-bottom:1em;width:80%;padding:1em}.info p{display:block;font-size:1.5rem;padding:0}.info-posventa{width:100%}.info-posventa ul{display:flex;gap:1em;padding:1em;justify-content:center}.info-posventa ul li{width:30%;border:2px solid rgba(60,51,51,.439);padding:1em;display:flex;flex-direction:column;align-items:center}.info-posventa ul li img{width:100px}.info-posventa ul li h2{text-align:center}.info-posventa ul li p{font-size:1rem;padding:0;text-align:start}.info-posventa ul li .btn-seguros-container a{background-color:#494343;color:#eee;text-decoration:none;width:60%;padding:.4em;text-align:center;border-radius:10px}.btn-seguros-container{width:100%;display:flex;gap:1em}.info-posventa ul li .btn-seguros-container a:nth-child(2){background-color:var(--WhatsAap)}.formulario-contenedor{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;margin-bottom:1em;margin-top:1em}.formulario-contenedor button{width:50%}.forms-renovar{position:absolute;z-index:-1;opacity:0}.forms-renovar-active{display:flex;flex-direction:column;background-color:#22222289;padding:1em;align-items:center;justify-content:center;width:100%;height:100%;top:0;z-index:1;opacity:1;position:fixed}.btn-forms-container{width:80%;display:flex;justify-content:flex-end}.btn-forms-container button{padding:1em;border:1px solid #eee;width:20px;font-weight:700;height:20px}.forms-renovar form{width:70%;background-color:#d40415;padding:1em;display:flex;flex-direction:column;align-items:center;height:100%;overflow:hidden;overflow-y:scroll;color:#eee}.forms-renovar form button{border:1px solid #eee;padding:1em}.forms-renovar form span{padding:1em;display:flex;width:50%;gap:.5em;flex-direction:column}.forms-renovar form span textarea{resize:vertical}.forms-renovar form span input{padding:.6em}.scroll{overflow-y:hidden}@media only screen and (max-width:900px){.banner-container h2{font-size:1rem;width:90%;padding:.6em;background-color:#31947dc9}.contact-cards{width:100%}.contact-cards ul{width:100%;gap:5px;flex-wrap:wrap}.contact-cards ul li{width:90%}.contact-cards ul li h2{font-size:1.5rem}.info-posventa ul{flex-direction:column}.contact-cards ul li{padding:10px}.info-posventa ul li{width:100%;flex-direction:column}.formulario-contenedor{width:90%;display:flex;flex-direction:column}.formulario-contenedor h2{text-align:center}.formulario-contenedor button{width:100%}.contact-cards ul li:hover{transform:translateY(0)}.btn-forms-container{margin-bottom:1em;width:100%}.forms-contacto{width:100%}.forms-renovar form{width:100%}#forms-contacto h2{text-align:center}.forms-renovar form span{width:100%}.info{width:90%;padding:.5em}.info p{text-align:start}.forms-renovar form button{width:50%}}