.contenedor-versiones{margin:auto;max-width:90vw;position:relative;width:fit-content}.version-modelo{flex-direction:column}.version-modelo,ul.lista-veriones-mazda{align-items:center;display:flex;justify-content:center}ul.lista-veriones-mazda{list-style:none;padding:0;position:relative}ul.lista-veriones-mazda li{align-items:center;display:flex;justify-content:center;margin:20px 0}li.versiones-mazda div{animation-duration:1s;animation-name:aparecer;display:none;font-size:16px;font-weight:100;letter-spacing:0;margin-top:40px;position:absolute;text-align:center;text-transform:lowercase}li.versiones-mazda:first-child div{display:flex}li.versiones-mazda button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:700;height:60px;justify-content:flex-start;letter-spacing:2px;outline:none;text-transform:uppercase}.barra-media{background-color:#e7e7e7;height:1px;position:relative;top:-67px;transition:all 1s;width:100%}.barra-media span{background:#000;height:3px;position:absolute;top:0!important;transition:all 1s cubic-bezier(.77,0,.175,1);width:55px}.barra-media span.barra-activa{display:flex!important;transition:all 1s cubic-bezier(.77,0,.175,1)}.caracteristica-version{width:100%}.version-modelo p{margin:0 auto!important;width:100%!important}div.bloque-interior{display:none;flex-wrap:wrap;justify-content:center;left:0;list-style:none;margin:auto;padding:0!important;right:0;top:0;visibility:hidden}div.bloque-interior.activa,div.bloque-interior.activa:first-child{display:block!important;visibility:visible}div.bloque-interior.desactivado{display:none!important;visibility:hidden}.bloque-caracteristicas{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;position:relative}div.bloque-interior.activa li:first-child{animation-duration:1s;animation-name:aparecer}div.bloque-interior.activa li:nth-child(2){animation-duration:1.5s;animation-name:aparecer}div.bloque-interior.activa li:nth-child(3){animation-duration:2s;animation-name:aparecer}div.bloque-interior.activa li:nth-child(4){animation-duration:2.5s;animation-name:aparecer}div.bloque-interior.activa li:nth-child(5){animation-duration:3s;animation-name:aparecer}div.bloque-exterior{display:none;flex-wrap:wrap;justify-content:center;left:0;list-style:none;margin:auto;padding:0!important;right:0;top:0;visibility:hidden}div.bloque-exterior.activa,div.bloque-exterior.activa:first-child{display:block!important;visibility:visible}div.bloque-exterior.desactivado{display:none!important;visibility:hidden}div.bloque-exterior.activa li:first-child{animation-duration:1s;animation-name:aparecer}div.bloque-exterior.activa li:nth-child(2){animation-duration:1.5s;animation-name:aparecer}div.bloque-exterior.activa li:nth-child(3){animation-duration:2s;animation-name:aparecer}div.bloque-exterior.activa li:nth-child(4){animation-duration:2.5s;animation-name:aparecer}div.bloque-exterior.activa li:nth-child(5){animation-duration:3s;animation-name:aparecer}[id^=panorama-]{height:90vh!important;width:100%!important}.visualizador_360 .cloudimage-inner-box{margin:auto;max-width:800px}.visualizador_360 .cloudimage-inner-box canvas{background:no-repeat;background-position:50%;height:60vh!important;object-fit:contain!important;width:100%!important}ul.button-vista-360{display:flex;justify-content:center;margin:30px 0 50px;padding:0}.button-vista-360 button{background:#f5f5f5;height:30px;margin:10px 20px;padding:0;position:relative;width:30px}.button-vista-360 button,.button-vista-360 button span{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;outline:none;transition:all .3s ease}.button-vista-360 button span{height:15px;width:15px}.button-vista-360 button:hover span{height:29px!important;transition:all .3s ease;width:29px!important}.button-vista-360 button span:focus,.button-vista-360 button:focus{outline:none!important}.color-activo span{border:none;height:29px!important;transition:all .3s ease;width:29px!important}.color-activo span:after{border:none;color:#fff;content:"\02713";line-height:1.8}button.boton-colores:after{background:#fff;border-radius:4px;bottom:0;box-shadow:0 6px 6px 6px #f5f5f5;color:#878787;font-family:Mazda Type;font-size:12px;font-weight:600;left:50%;min-width:100px;opacity:0;padding:5px;position:absolute;text-align:center;transform:translate(-50%,30px);transition:all .3s;visibility:hidden;width:100%}button.boton-colores:hover:after{opacity:1;transform:translate(-50%,40px);transition:all .3s;visibility:visible}button.boton-colores:before{border-bottom:6px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;bottom:0;content:"";opacity:0;position:absolute;transition:all .3s;z-index:2}button.boton-colores:hover:before{opacity:1;transition:all .3s}button#vista-360-blanco-btn span:after{color:#878787}.image_360{background:no-repeat;background-position:50%;display:none}.image_360.desplegado{display:block!important;height:70vh}.visualizador_360_texto{border:none;margin-top:20px;text-align:center}.tabla-visualizador-360{margin:20px auto auto;max-width:80vw}.bloque-exterior-info,.bloque-interior-info{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:30px 15px}.bloque-interior-info>div{display:flex;flex-direction:column;flex-wrap:wrap;max-width:400px;min-width:250px;width:30vw}.bloque-interior-info img{height:200px;max-height:200px;max-width:100%;object-fit:contain;object-position:center}.bloque-exterior-info>div{display:flex;flex-direction:column;flex-wrap:wrap;max-width:320px;min-width:250px;width:20vw}.bloque-exterior-info img{height:200px;max-height:200px;max-width:100%;object-fit:cover;object-position:center}.text-exterior-gen,.text-interior-gen{padding:40px 15px}.bloque-exterior-info .exterior-info-text,.bloque-interior-info .interior-info-text{color:#000;text-align:center;text-transform:uppercase}.bloque-interior-info .interior-info-text{font-size:18px;font-weight:700;padding:10px 0}.bloque-exterior-info .exterior-info-text{font-size:14px;padding:20px 0}.imagen-version{max-width:100%;width:700px}@media (max-width:768px){.image_360.desplegado{height:auto}.visualizador_360 .cloudimage-inner-box canvas{height:30vh!important}}