@charset "UTF-8";

* { box-sizing: border-box; }

body, input, textarea, button, select {
    font-family: 'Neo Sans Std', sans-serif;
}

html {
    font-size: 100%;
}

body {
    margin:0;    
    font-size:10px;
    color:var(--oScriptsColor2);
    font-weight: 400;
}

* {
-webkit-tap-highlight-color: transparent;
}


input, textarea {
    box-shadow: none !important;
    outline: 0;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #323031 inset !important;
  -webkit-text-fill-color: white !important;
}

a { text-decoration:none; }

h1, h2, h3, h4, h5, h6, p {
    font-weight: normal;
    margin: 0;
    font-size: 1.4em;
    line-height: 1.5em;
}

img {
    max-width:100%;
}

.table { display: table; width: 100%; height: 100%; }
.cell { display: table-cell; vertical-align: middle; }
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.espacio1 { height: 1em; }
.espacio2 { height: 2em; }
.espacio3 { height: 3em; }
.espacio4 { height: 4em; }
.espacio5 { height: 5em; }
.espacio6 { height: 6em; }
.espacio7 { height: 7em; }
.espacio8 { height: 8em; }
.espacio9 { height: 9em; }
.espacio10 { height: 10em; }


.container {
    width: 100%;
    max-width: 150em;
    padding: 0 8em;
    margin: 0 auto;
    position: relative;
}
.container.cont2 {
    max-width: 140em;
}

.video_loop {
    max-width: 100%;
}



section {
    padding: 10em 0;
    background: #ffffff;
    margin: 0;
    color: #ffffff;
    position: relative;
}
.menu_top {
    background: var(--oScriptsColor1);
    padding: 2em 0;
}
.menu_top .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu_top ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu_top ul li {
    padding: 0 1.5em;
    position: relative;
}
.menu_top ul li a {
    font-size: 1.8em;
    padding: 1em;
    color: #004C98;
    font-weight: 500;
    transition: all 0.3s;
}
.menu_top ul li a:hover,
.menu_top ul li a.activo {
    color: #000000;

}
.menu_top .submenu {
    position: absolute;
    left: 3em;
    top: 50%;
    background: #d9d9d9;
    z-index: 1;
    display: block;
    padding: 1em 2.5em 2.5em;
    width: 17.7em;
    display: none;
    transform-origin: top left;
}
.menu_top .submenu li {
    padding: 0.8em 0;
    border-bottom: 1px solid #A29F9F;
}
.menu_top .submenu li a {
    color: #000000;
    font-size: 1.6em;
    font-weight: 400;
    opacity: 0.5;
    padding: 0;
}
.menu_top .submenu li a:hover,
.menu_top .submenu li a.activo {
    opacity: 1;
}

section {
    background: var(--oScriptsColor2);
    color: #ffffff;
}
section.fondo_negro {
    background: #000000;
}
section.fondo_pattern {
    background: url(images/home_maquinas_fondo.png) center bottom no-repeat #171717;
    background-image: none;
    background-size: cover;
    overflow: hidden;
}
section.fondo_pattern2 {
    background: url(images/fonto_pattern_blanco.png) center bottom no-repeat #ffffff;
    background-size: cover;
    color:  var(--oScriptsColor2);
    overflow: hidden;
}
section.fondo_blanco {
    background: #ffffff;
    color:  var(--oScriptsColor2);
}


.hero {
    padding: 11em 0;
    background: #000000 center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.hero::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}
.hero .fondo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/home_header.jpg) center;
    background-size: cover;
    transition: opacity 0.6s;
    opacity: 0;
}
.hero .fondo.activo {
    opacity: 1;
}
.hero .paginacion {
    position: absolute;
    bottom: 2.6em;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.5em 1em;
    background: rgba(89, 89, 89, 0.68);
    border-radius: 1000px;
    display: flex;
}
.hero .paginacion div {
    margin: 1em 1.2em;
    width: 1.3em;
    height: 1.3em;
    border-radius: 10000px;
    background: #D9D9D9;
    transition: all 0.3s;
    cursor: pointer;
}
.hero .paginacion div.activo {
    background: var(--oScriptsColor1);
}


h1 {
    font-size: 5em;
    line-height: 1.2em;
    font-weight: 500;
    margin-bottom: 0.5em;
}
header h2 {
    font-size: 2.4em;
    line-height: 1.3em;
    color: #ffffff;
    font-weight: 400;
    max-width: 15em;
}

.boton {
    display: inline-block;
    font-size: 2em;
    padding: 1em 2em;
    background: var(--oScriptsColor1);
    border-radius: 0.3em;
    color: var(--oScriptsColor2);
    font-weight: 600;
    border: 1px solid var(--oScriptsColor1);
    transition: all 0.3s;
}
.boton:hover {
    background: #000000;
    color: var(--oScriptsColor1);
}

.amarillo {
    color: var(--oScriptsColor1);
}

main h2 {
    font-size: 4.8em;
    line-height: 1.2em;
    font-weight: 500;
}
main h2.grande {
    font-size: 6.4em;
}
main h4 {
    font-size: 4.4em;
    line-height: 1.2em;
    font-weight: 500;
}
main h4 {
    font-size: 4em;
    line-height: 1.2em;
    font-weight: 500;
}
main h5 {
    font-size: 3.2em;
    line-height: 1.2em;
    font-weight: 500;
}
main h6 {
    font-size: 2.4em;
    line-height: 1.2em;
    font-weight: 500;
}

main p,
main li {
    font-size: 2.4em;
    line-height: 1.2em;
}
main ul {
    padding-left: 2em;
}
main p.small {
    font-size: 1.95em;
    line-height: 1.6em;
}
main p.large {
    font-size: 2.9em;
    line-height: 1.3em;
    font-weight: 400;
}


.items_maquinas {
    display: flex;
    margin: 0 -1em;
    flex-wrap: wrap;
    justify-content: center;
}
.items_maquinas .item {
    padding: 1em;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}
.items_maquinas .item a {
    display: block;
    min-height: 39em;
    position: relative;
    
}
.items_maquinas .item a .foto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.items_maquinas .item a .foto div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/home_maquinas_01.jpg) center no-repeat;
    background-size: cover;
    transition: all 0.4s;
}
.items_maquinas .item a:hover .foto div {
    transform: scale(1.15);
}
.items_maquinas .item a::after {
    font-size: 0.5em;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2.6em;
    width: 85.4em;
    height: 5.2em;
    background: url(images/destello.png) center no-repeat;
    background-size: cover;
    transition: all 0.4s;
    transform: translateX(-50%) scaleX(0);
    opacity: 0;
}
.items_maquinas .item a:hover::after {
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
}

.items_maquinas .item a p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 3.6em;
    font-weight: 500;
    padding: 0.8em 0.5em;
    text-transform: uppercase;
    color: #ffffff;
}



.items_bloques {
    display: flex;
    margin: 0 -1em;
    justify-content: center;
    flex-wrap: wrap;
}
.items_bloques .item {
    padding: 1em;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}
.items_bloques .item .bloque {
    display: block;
    background: #FFFFFF;
    border: 1px solid var(--oScriptsColor1);
    border-radius: 1em;
    height: 100%;
    overflow: hidden;
    transition: all 0.3s;
    cursor: pointer;
    box-shadow: 0 2em 2em 0 rgba(0, 0, 0, 0.2);
}
.items_bloques .item .bloque .foto {
    height: 17.3em;
    background: url(images/home_maquinas_b_01.jpg) center no-repeat;
    background-size: cover;
}
.items_bloques .item .bloque .info {
    padding: 5em;
}
.items_bloques .item .bloque .info h4 {
    font-size: 3.7em;
    font-weight: 500;
    line-height: 1.1em;
    color: #000000;
    margin-bottom: 0.7em;
}
.items_bloques .item .bloque .info p {
    font-size: 2em;
    line-height: 1.2em;
    color: #000000;
    opacity: 0.7;
}
.items_bloques .item .bloque:hover {
    transform: scale(1.1);
}


.columnas {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5em;
    justify-content: space-between;
}
.columnas .columna {
    padding: 1.5em;
    flex: 0 0 50%;
    max-width: 50%;
}
.columnas .columna.c2 {
    flex: 0 0 54em;
}
.columnas .columna.c3 {
    flex: 0 0 59em;
}

.buscador {
    position: relative;
    display: block;
}
.buscador button {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5.6em;
    height: 5.6em;
    background: var(--oScriptsColor1);
    border-radius: 10000px;
    font-size: 1em;
    min-width: 0;
    padding: 0;
}
.buscador button svg path {
    fill: var(--oScriptsColor2);
    transform: all 0.3s;
}
.buscador button:hover {
    background: #ffffff;
}
.buscador input {
    position: relative;
    background: #595959;
    border-radius: 3.5em;
    width: 100%;
    font-size: 2em;
    line-height: 2.3em;
    color: #ffffff;
    border: 0;
    padding: 0.3em 1em 0.3em 3.7em;
    transition: all 0.3s;
    opacity: 0.8;
}
.buscador input:focus {
    background: #ffffff;
    color: var(--oScriptsColor2);
}


.bloque_contacto {
    padding: 5.5em 6em;
    background: var(--oScriptsColor2);
    border-radius: 1em;
    color: #ffffff;
}
.bloque_contacto .columnas {
    width: 115em;
    max-width: 100%;
    margin: 0 auto;
}
.mapa_pla {
    width: 66.2em;
    max-width: 100%;
    height: 45.3em;
    border: 2px solid var(--oScriptsColor1);
    border-radius: 2em;
    overflow: hidden;
    position: relative;
}
.mapa_pla iframe {
    width: 100%;
    height: 100%;
}
.mapa_pla::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20em;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

footer {
    background: var(--oScriptsColor2);
    padding: 2em 0;
}
footer .cols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -1em;
}
footer .cols div {
    padding: 1em;
}

footer .redes {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -2em;
}
footer .redes a {
    margin: 0 2em;
}
footer .redes a svg path {
    fill: #ffffff;
    transition: all 0.3s;
}
footer .redes a:hover svg path {
    fill: var(--oScriptsColor1);
}




.slider.timeline .mask {
    overflow: visible;
}
.slider.timeline .mask .scroll {
    align-items: flex-end;
}
.slider.timeline .item {
    padding: 0;
}
.timeline .evento {
    text-align: center;
    position: relative;
    padding: 2em 3em;
}
.timeline .evento::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10.1em;
    width: 100%;
    height: 0.5em;
    background: var(--oScriptsColor1);
}
.timeline .evento .icono {
    width: 8.2em;
    height: 8.2em;
    background: var(--oScriptsColor1);
    border-radius: 10000px;
    margin: 0 auto 4em;
    position: relative;
}
.timeline .evento .icono img {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
}
.timeline .evento .circulo {
    width: 2em;
    height: 2em;
    background: var(--oScriptsColor1);
    border-radius: 10000px;
    margin: 2.5em auto 2.5em;
    position: relative;
}

.timeline .evento .bloque {
    position: absolute;
    left: 3em;
    right: 3em;
    top: 0;
    height: 100%;
    background: #595959;
    padding: 2.4em;
    border: 1px solid #cccccc;
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    opacity: 0;
    transform: scale(0.9);
    pointer-events: none;
}
.timeline .evento .bloque h4 {
    font-size: 1.6em;
    font-weight: 400;
    margin-bottom: 1em;
}
.timeline .evento .bloque p {
    font-size: 1.5em;
}
.timeline .evento .bloque h5 {
    font-size: 2.4em;
    font-weight: 500;
    margin-top: 1em;
}
.timeline .evento:hover .bloque {
    opacity: 1;
    transform: scale(1);
}

.rounded {
    border-radius: 2em;
}

.bloque_opciones {
    padding: 7em 58em 7em 8.5em;
    background: #D9D9D9;
    border-radius: 1em;
    position: relative;
}
.bloque_opciones .item {
    padding: 0.5em 0;
}
.bloque_opciones .item .solapa {
    background: #ffffff;
    padding: 1.5em 5em 1.5em 2.5em;
    border-radius: 0.5em;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}
.bloque_opciones .item .solapa .icono {
    position: absolute;
    right: 2em;
    top: 50%;
    transform: translateY(-50%);
}
.bloque_opciones .item .solapa .icono svg {
    width: 2.2em;
    transition: all 0.3s;
}
.bloque_opciones .item .solapa .icono svg path {
    stroke: var(--oScriptsColor2);
    transition: all 0.3s;
}
.bloque_opciones .item .solapa.activa {
    background: var(--oScriptsColor1);
}
.bloque_opciones .item .solapa.activa .icono svg {
    transform: rotate(-45deg);
    opacity: 1;
}
.bloque_opciones .visor {
    position: absolute;
    right: 6em;
    top: 6em;
    bottom: 6em;
    width: 47.4em;
    background: url(images/Financiacion_img01.jpg) center no-repeat;
    background-size: cover;
    border-radius: 1em;
    overflow: hidden;
}
.bloque_opciones .visor .opcion {
    padding: 5em 6em;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #ffffff;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.6s cubic-bezier(0.438, 0.003, 0.149, 1);
    border-radius: 1em;
    pointer-events: none;
}
.bloque_opciones .visor .opcion p,
.bloque_opciones .visor .opcion li {
    font-size: 2em;
    margin: 0.2em 0;
}
.bloque_opciones .visor .opcion a {
    color: #ffffff;
    text-decoration: underline;
}
.bloque_opciones .visor .opcion.activa {
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
}

.items_checks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -1em;
}
.items_checks .item {
    padding: 1em;
    flex: 0 0 25%;
    max-width: 25%; 
}
.items_checks .item .bloque {
    background: #353535;
    padding: 5em 4em 5em 11em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 1em;
    height: 100%;
}
.items_checks .item .bloque .icono {
    position: absolute;
    left: 3.0em;
    top: 50%;
    transform: translateY(-50%);
    width: 6em; height: 6em;
    border-radius: 10000px;
    background: var(--oScriptsColor1);
}
.items_checks .item .bloque .icono img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.linea_division {
    width: 66em;
    margin: 7em auto;
    max-width: 100%;
    height: 1px;
    background: var(--oScriptsColor1);
}

.items_standard {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -1em;
}
.items_standard .item {
    padding: 1em;
    flex: 0 0 25%;
    max-width: 25%; 
}
.items_standard .item .bloque {
    background: #353535;
    padding: 5em 5em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 1em;
    height: 100%;
    transition: all 0.3s;
    cursor: default;
}
.items_standard .item .bloque:hover {
    background: #ffffff;
    color:  var(--oScriptsColor2);
}
.items_standard .item .titulo {
    padding-left: 8em;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: default;
}
.items_standard .item .titulo .icono {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.items_standard .item .titulo:hover .icono {
    transform: translateY(-50%) rotate(45deg);
}





.items_contacto {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -1em;
}
.items_contacto .item {
    padding: 1em;
    flex: 0 0 25%;
    max-width: 25%; 
}
.items_contacto .item .bloque {
    background: #353535;
    padding: 8em 4em 3em;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 1em;
    height: 100%;
    transition: all 0.3s;
    cursor: default;
}
.items_contacto .item .bloque .icono {
    position: absolute;
    right: 3em;
    top: 3em;
}





.items_productos {
    display: flex;
    margin: 0 -1em;
    flex-wrap: wrap;
    justify-content: space-between;
}
.items_productos .item {
    padding: 3em 1em;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}
.items_productos .item.doble {
    flex: 0 0 66.66%;
    max-width: 66.66%;
}
.items_productos .item.nowidth {
    flex: 0 0 auto;
    max-width: 100%;
}
.items_productos .item.full {
    flex: 0 0 100%;
    max-width: 100%;
}
.items_productos .item .producto {
    display: block;
    min-height: 52em;
    position: relative;
    border-radius: 1em;
    overflow: hidden;
    
}
.items_productos .item .producto .foto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.items_productos .item .producto .foto::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}
.items_productos .item .producto .foto div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/home_maquinas_01.jpg) center no-repeat;
    background-size: cover;
    transition: all 0.4s;
}
.items_productos .item .producto:hover .foto div {
    transform: scale(1.15);
}
.items_productos .item .producto p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 3.6em;
    font-weight: 500;
    padding: 1.4em 0.5em;
    text-transform: uppercase;
    color: #ffffff;
}
.items_productos .item .producto p span {
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: 300;
    text-transform: none;
    display: block;
}
.items_productos .item .boton {
    width: 23em;
    max-width: 100%;
    text-align: center;
    margin-top: 0.7em;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.grafico_maquina {
    display: block;
    width: 56em;
    height: 84.6em;
    border-radius: 1em;
    position: relative;
    background: center no-repeat;
    background-size: cover;
}
.grafico_maquina .bloque {
    background: #ffffff;
    padding: 1.7em;
    border-radius: 0.5em;
    position: absolute;
    cursor: default;
    transition: all 0.5s;
}
.grafico_maquina .bloque:hover {
    transform: scale(1.5);
}
.grafico_maquina .bloque p,
.grafico_maquina .bloque h6 {
    font-size: 0.9em;
    color: #000000;
}
.grafico_maquina .bloque h6 {
    font-weight: 500;
    font-style: italic;
    margin-bottom: 0.2em;
}
.grafico_maquina .bloque .icono {
    position: absolute;
    left: 2em;
    top: -2.3em;
}
.grafico_maquina .bloque.padding {
    padding-top: 3.5em;
}

.video_fondo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;

}
.video_fondo video {
    width: 100%;
    min-width: 180em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    object-fit: cover;
}

.bancos {
    position: relative;
}
.bancos::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1em;
    background: var(--oScriptsColor1);
    transform: translate(1em,1em);
}
.bancos .bloque {
    position: relative;
    background: #000000;
    padding: 2em 4em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 1em;
    justify-content: center;
}
.bancos .bloque .item {
    padding: 2.5em 2em;
}



/* ---------------------- Media Queries ------------------ */

.center { text-align: center; margin-left: auto; margin-right: auto; }
.right { text-align: right; }
.left { text-align: right; }

.nmt { margin-top: 0 !important; }
.nmb { margin-bottom: 0 !important; }
.npt { padding-top: 0 !important; }
.npb { padding-bottom: 0 !important; }

.mb1 { margin-bottom: 1rem !important; }
.mb2 { margin-bottom: 2rem !important; }
.mb3 { margin-bottom: 3rem !important; }
.mb4 { margin-bottom: 4rem !important; }
.mb5 { margin-bottom: 5rem !important; }
.mb6 { margin-bottom: 6rem !important; }
.mb7 { margin-bottom: 7rem !important; }
.mb8 { margin-bottom: 8rem !important; }
.mb9 { margin-bottom: 9rem !important; }

.mt1 { margin-top: 1rem !important; }
.mt2 { margin-top: 2rem !important; }
.mt3 { margin-top: 3rem !important; }
.mt4 { margin-top: 4rem !important; }
.mt5 { margin-top: 5rem !important; }
.mt6 { margin-top: 6rem !important; }
.mt7 { margin-top: 7rem !important; }
.mt8 { margin-top: 8rem !important; }
.mt9 { margin-top: 9rem !important; }


.flex_align_center {
    align-items: center;
}

@media (max-width: 1850px) {
    
}
@media (max-width: 1800px) {
     
}

@media (max-width: 1700px) {
    
}

@media (max-width: 1650px) {    
}

@media (max-width: 1600px) {
    
}

@media (max-width: 1500px) {
    html, body {
        font-size: 9.5px;
    }
}

@media (max-width: 1400px) {
    html, body {
        font-size: 9px;
    }
}

@media (max-width: 1300px) { 
    html, body {
        font-size: 8.5px;
    }
}

@media (max-width: 1250px) {
}

@media (max-width: 1200px) {
    html, body {
        font-size: 8px;
    }
    .bloque_opciones {
        padding: 6em 58em 6em 5em;
    }
    .items_checks .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .items_contacto .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 1150px) {
}

@media (max-width: 1100px) {

    .items_maquinas .item {
        flex: 0 0 46em;
        max-width: 100%;
    }
    .items_bloques .item {
        flex: 0 0 46em;
        max-width: 100%;
    }
    .items_standard .item {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .items_productos .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 1050px) {
    .columnas .columna,
    .columnas .columna.c2,
    .columnas .columna.c3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .columnas.mobile_invertir .columna:nth-of-type(1) {
        order: 2;
    }
    .columnas.mobile_invertir .columna:nth-of-type(2) {
        order: 1;
    }
    .mapa_pla {
        width: 100%;
    }
    main h2.grande {
        font-size: 5em;
    }
    main p.large {
        font-size: 2.8em;
    }
}

@media (max-width: 1000px) {
    .menu_top ul li {
        padding: 0 0.5em;
    }
}

@media (max-width: 950px) {
    .botonMenuMobile,
    #menuMobile {
        display: block;
    }
    .bloque_opciones {
        padding: 6em 5em;
    }
    .bloque_opciones .visor {
        position: relative;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        min-height: 30em;
        margin-top: 2em;
    }
}

@media (max-width: 900px) {
    .menu_top ul li {
        padding: 0 0em;
    }
    .items_standard .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 800px) {
    .container {
        padding: 0 6em;
    }
    #menuPrincipal {
        display: none;
    }
    .bloque_contacto {
        padding: 4em 6em;
    }

    .menu_top .menu {
        display: none;
    }
    
}

@media (max-width: 700px) {
    .bloque_opciones .visor .opcion {
        padding: 3em;
    }
    .items_productos .item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}



@media (max-width: 650px) {
}

@media (max-width: 600px) {
    .container {
        padding: 0 4em;
    }
     .items_checks .item,
     .items_standard .item,
     .items_contacto .item {
        flex: 0 0 50em;
        max-width: 100%;
    }
    
}

@media (max-width: 550px) {
}

@media (max-width: 500px) {
    .bloque_opciones {
        padding: 4em 3em;
    }
    .bloque_opciones .visor {
        min-height: 38em;
    }
    .grafico_maquina {
        font-size: 0.9em;
    }
}

@media (max-width: 450px) {
    main h2 {
        font-size: 4.4em;
    }
    .bloque_contacto {
        padding: 2em 4em;
    }
    .grafico_maquina {
        font-size: 0.75em;
    }
}

@media (max-width: 400px) {
    .container {
        padding: 0 3em;
    }
}

@media (max-width: 380px) {
    .grafico_maquina {
        font-size: 0.7em;
    }
}