@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100..700&display=swap");
:root {
--verde: #56FF01;
--negro: #000000;
--blanco: #ffffff;
--weight-800: 800;
--width-114: 114;
--menu-btn: 60px;
--time-menu: .5s;
--toggle-time: .8s;
}
::selection{
color: #000000;
background: #56FF01;
}
::-moz-selection {
color: #000000;
background: #56FF01;
}
.grecaptcha-badge {
visibility: hidden;
}
.linea-divisora-menu .divider-border.completed {
margin-top: 0!important;
}
.espacio-blanco-parrafo p:first-child {
text-indent: 150px;
}
.espacio-blanco-parrafo p {
line-height: 1.6!important;
}
body p {
font-size: 24px;
line-height: normal!important;
font-weight: 600;
}
body * {
line-height: normal;
}
body .nectar-button.large.see-through-2 {
border-width: 1px!important;
}
body[data-button-style=rounded] .container-wrap input[type=submit],
.nectar-button span{
font-size: 20px;
font-family: 'Roboto Mono', monospace;
text-transform: uppercase;
font-weight: 400;
}
.txt-destacado-2,
.txt-destacado {
border: 1px solid var(--verde);
border-radius: 100px;
padding: 0 6px;
background: var(--verde);
color: var(--negro);
font-weight: 400;
white-space: nowrap;
}
.txt-destacado-2 {
border: 1px solid var(--negro);;
background: var(--negro);
color: var(--verde);
font-weight: 300;
}
html.open-menu {
position: fixed;
overflow-y: scroll;
}
@media (max-width: 689px){
body p {
font-size: 20px;
}
.espacio-blanco-parrafo p:first-child {
text-indent: 50px;
}
}
@media (max-width: 400px){
body p {
font-size: 18px;
}
}/*/*/#top .container {
z-index: 1;
}
.custom-menu-btn {
position: absolute;
width: var(--menu-btn);
height: var(--menu-btn);
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
top: 50%;
transform: translateY(-50%) scale(.75);
z-index: 100000;
right: 5vw;
cursor: pointer!important;
transform-origin: 100%;
}
.custom-menu-btn span {
width: 80%;
height: 4px;
background: var(--blanco);
margin: 5px 0;
transition: var(--time-menu);
position: absolute;
}
.custom-menu-btn span:first-child {
margin-bottom: 35px;
}
.custom-menu-btn span:last-child {
margin-top: 35px;
}
#custom-menu {
background: var(--verde);
width: 100vw;
height: 100vh;
position: absolute;
left: 50%;
top: 0;
transform: translateY(-100%);
transition: var(--time-menu);
}
.custom-menu-cont {
display: flex;
flex-direction: column;
top: 100vh;
transform: translateY(-100%);
position: relative;
}
.custom-menu-cont a {
padding: 0 5vw;
font-size: 5.5vw;
font-family: 'Archivo';
text-transform: uppercase;
color: var(--negro);
font-weight: 200;
font-variation-settings: "wdth" var(--width-114);
transition: var(--time-menu);
}
.custom-menu-cont a:hover {
color: var(--verde);
background: var(--negro);
}
.open-custom-menu {
transform: translateY(0%)!important;
}
.open-custom-menu-btn span:nth-child(2){
opacity: 0;
}
.open-custom-menu-btn span:first-child{
transform: rotate(45deg);
}
.open-custom-menu-btn span:last-child{
transform: rotate(-45deg);
}
.open-custom-menu-btn span {
margin: 0!important;
background: var(--negro);
}
#logo.open-logo img {
transition: var(--time-menu);
filter: brightness(0);
}
.custom-menu-bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.custom-menu-bottom a.idioma-btn {
border: 2px solid var(--negro);
border-radius: 100%;
position: absolute;
right: 5vw;
align-items: center;
flex-direction: column;
font-family: 'Archivo';
text-transform: uppercase;
font-weight: 300!important;
font-size: 35px!important;
padding: 8px 12px!important;
color: var(--negro);
cursor: pointer;
}
.custom-menu-bottom a:first-child {
font-size: 25px;
font-family: 'Roboto Mono', monospace;
text-transform: uppercase;
font-weight: 400;
padding: 30px 5vw;
text-transform: initial;
}
.custom-menu-bottom  a:first-child:hover {
color: var(--negro)!important;
background: var(--verde)!important;
padding-left: calc(5vw + 20px);
}
.custom-menu-bottom  a:last-child:hover {
color: var(--verde)!important;
background: var(--negro)!important;
}
@media (max-width: 689px) {
.custom-menu-cont > a {
font-size: 13vw;
line-height: 10vw;
margin-top: 19px;
}
.custom-menu-cont a:last-child {
position: relative;
right: auto!important;
left: 5vw;
font-size: 30px!important;
}
.custom-menu-cont {
top: calc(100vh - 50px);
transform: translateY(-100%);
padding-bottom: 60px;
}
.custom-menu-bottom a:first-child {
font-size: 20px;
padding-top: 10px;
}
.custom-menu-bottom a {
float: left;
}
.custom-menu-bottom {
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 999px) {
#custom-menu {
top: -12px;
}
}/*/*/.header-cont .header-txt-1 .nectar-split-heading {
margin: 0;
}
.header-cont .header-txt-1 p {
font-family: 'Archivo';
font-size: 3vw;
line-height: normal;
font-weight: 270;
}
.header-txt-2 p {
font-family: 'Archivo';
font-size: 13.4vw;
line-height: normal;
font-weight: 200;
}
@media (max-width: 689px){
.header-cont .header-txt-1 p {
font-size: 8vw;
}
.header-txt-2 p {
font-size: 17vw;
}
}
.fila-caracteristicas {
display: flex;
justify-content: space-between;
}
.fila-caracteristicas span {
font-size: 25px;
font-family: 'Roboto Mono', monospace;
text-transform: uppercase;
font-weight: 400;
color: var(--verde);
}
@media (max-width: 999px){
.fila-caracteristicas  {
flex-direction: column;
}
}
.miltres-verde p {
color: var(--verde);
font-size: 80px;
line-height: 80px;
text-transform: uppercase;
font-family: 'Archivo';
font-weight: var(--weight-800);
font-variation-settings: "wdth" var(--width-114);
}
.explora-cont-txt p {
font-size: 9vw;
font-family: 'Archivo';
font-weight: var(--weight-800);
text-transform: uppercase;
font-variation-settings: "wdth" var(--width-114);
line-height: 9vw!important;
}
.elementos-verdes {
width: 150px!important;
}
@media (max-width: 689px){
.miltres-verde p {
font-size: 70px;
}
.explora-cont-txt p {
font-size: 13vw;
line-height: 13vw!important;
}
.elementos-verdes {
width: 50px!important;
}
}
.nuestros-suenos-titulo h2 {
font-size: 40px;
font-weight: 200;
font-variation-settings: "wdth" var(--width-114)!important;
color: var(--verde);
text-transform: uppercase;
font-family: 'Archivo';
}
.branding-digital-fila p,
.branding-digital-titulo p {
padding: 10px 0!important;
border-bottom: solid 1px var(--verde);
}
.branding-digital-titulo p {
font-family: 'Roboto Mono', monospace;
text-transform: uppercase;
font-weight: 400;
}
.branding-digital-titulo.b,
.branding-digital-fila > div:last-child > div:last-child p {
color: var(--verde);
text-align: right;
}
.branding-digital-fila.movil > div:last-child > div:last-child p {
color: var(--blanco);
text-align: left;
}
.branding-digital-fila.movil.verde > div:last-child > div:last-child p {
color: var(--verde);
}
.branding-digital-titulo.b {
color: var(--blanco)!important;
}
.branding-digital-fila p {
font-size: 2.5vw;
font-family: 'Archivo';
text-transform: uppercase;
font-weight: 200;
font-variation-settings: "wdth" var(--width-114);
}
@media (max-width: 999px){
.branding-digital-fila p {
font-size: 4.5vw;
}
}
.trabajamos-con-scroll-txt .nectar-scrolling-text-inner h2 {
font-size: 8vw;
font-family: 'Archivo';
text-transform: uppercase;
font-weight: 200;
font-variation-settings: "wdth" var(--width-114);
}
.trabajamos-con-logos-cont > div > div {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
width: 100%;
flex-wrap: nowrap;
}
.trabajamos-con-logos-cont img {
width: 130px!important;
padding: 0 10px!important;
}
.trabajamos-con-empresas-titulo h2 {
font-family: 'Archivo';
text-transform: uppercase;
font-weight: var(--weight-800);
}
.trabajamos-con-empresas-txt p {
font-size: 25px;
font-family: 'Roboto Mono', monospace;
text-transform: uppercase;
font-weight: 400;
opacity: .33;
}
@media (max-width: 999px){
.trabajamos-con-logos-cont > div > div > div {
width: 33%!important;
margin-bottom: 50px!important;
justify-content: center;
display: flex;
}
.trabajamos-con-logos-cont > div > div {
flex-wrap: wrap;
justify-content: space-between;
}
}
@media (max-width: 689px){
.trabajamos-con-scroll-txt .nectar-scrolling-text-inner h2 {
font-size: 13vw;
}
.trabajamos-con-empresas-txt p {
font-size: 15px;
}
.trabajamos-con-logos-cont > div > div {
flex-wrap: wrap;
justify-content: space-between;
}
.trabajamos-con-logos-cont > div > div > div {
width: 50%!important;
margin-bottom: 50px!important;
}
.trabajamos-con-logos-cont > div > div > div:nth-child(2n) img {
float: right;
}
}
.logos-ayudas-cont {
border-radius: 10vw;
overflow: hidden;
}
.logos-ayudas-cont > div > div {
display: flex;
justify-content: space-between;
flex-direction: row;
width: 100%;
flex-wrap: nowrap;
}
.logos-ayudas-cont > div > div > div{
padding: 0 3vw;
}
.txt-ayudas-titulo p {
font-size: 20px;
font-family: 'Archivo';
text-transform: uppercase;
color: var(--verde);
font-weight: 300;
font-variation-settings: "wdth" var(--width-114);
}
.txt-ayudas-txt p {
font-size: 15px;
font-family: 'Roboto Mono', monospace;
font-weight: 400;
color: var(--blanco);
}
@media (max-width: 689px){
.txt-ayudas-titulo p {
font-size: 15px;
}
.txt-ayudas-txt p {
font-size: 10px;
}
.logos-ayudas-cont > div > div {
flex-wrap: wrap;
}
.logos-ayudas-cont > div > div:last-child > div {
width: 50%!important;
}
}
.email-footer p a {
color: var(--blanco);
font-size: 25px;
font-family: 'Roboto Mono', monospace;
text-transform: uppercase;
font-weight: 400;
}
.email-footer p a:hover {
color: var(--verde);
}
.redes-footer > div > p {
display: flex;
}
.redes-footer a {
font-size: 20px;
font-family: 'Archivo';
text-transform: uppercase;
color: var(--verde);
font-weight: 200;
font-variation-settings: "wdth" var(--width-114);
margin-right: 20px;
}
.avisos-legales p {
display: flex;
justify-content: flex-end;
}
.avisos-legales a {
color: var(--negro);
font-size: 15px;
font-family: 'Roboto Mono', monospace;
font-weight: 400;
margin-left: 40px;
}
.avisos-legales a:hover {
text-decoration: underline;
}
.volver-arriba {
font-size: 25px;
display: flex;
color: var(--negro);
cursor: pointer;
align-items: center;
}
.volver-arriba svg {
height: 18px;
}
.volver-arriba span {
margin-right: 5px;
font-family: 'Archivo';
text-transform: uppercase;
font-weight: 300;
font-variation-settings: "wdth" var(--width-114);
color: var(--negro)!important;
transform: rotate(0deg);
}
.volver-arriba:hover svg {
transition: .2s;
transform: rotate(-45deg);
}
@media (max-width: 689px){
.avisos-legales p {
flex-wrap: wrap;
}
.email-footer p a {
font-size: 17px;
}
.avisos-legales {
margin-top: 30px!important;
}
.avisos-legales p {
justify-content: flex-start;
}
.redes-footer > div > p {
flex-direction: column;
}
.avisos-legales a {
margin-left: 0;
margin-right: 40px;
}
.redes-footer a {
font-size: 40px;
margin-bottom: 10px;
}
}/*/*/.hacemos-titulo h1 {
font-size: 10vw;
font-family: 'Archivo';
text-transform: uppercase;
font-weight: 800;
font-variation-settings: "wdth" var(--width-114);
}
.hacemos-titulo .nectar-split-heading {
margin: 0!important;
}
.toggle-btn {
cursor: pointer;
}
.toggle-btn h2 {
font-family: 'Archivo';
text-transform: uppercase;
font-weight: 200;
font-variation-settings: "wdth" var(--width-114);
padding-bottom: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.toggle-btn h2:after {
content: url(//miltrescientosgramos.com/wp-content/uploads/2023/03/toggle-flecha.svg);
display: block;
height: min-content;
transition: var(--toggle-time);
width: 38px;
height: 38px;
padding: 0 5px;
}
.toggle-btn.open h2:after {
filter: brightness(0);
transform: rotate(180deg);
}
.toggle-btn.open h2 {
padding-bottom: 0!important;
background: var(--verde);
color: var(--negro);
padding: 20px;
}
.toggle-btn > div:last-child > div:last-child {
border-bottom: 1px solid var(--blanco);
}
.toggle-btn.open > div:last-child > div:last-child {
border-bottom: 1px solid var(--verde);
}
.toggle-cont {
overflow: hidden;
transition: var(--toggle-time);
height: 0;
}
.toggle-cont p {
font-family: 'Roboto Mono', monospace;
font-weight: 400;
font-size: 20px;
padding: 20px 30px 0 20px!important;
}
.toggle-cont  > div:last-child > div:last-child {
background: var(--verde);
color: var(--negro);
}
.toggle-cont .nectar-button {
float: right;
right: 20px;
margin-bottom: 20px;
}
.toggle-cont img {
position: absolute;
}
.toggle-img-cont {
transition: var(--toggle-time);
}
.toggle-img-2 {
opacity: 0!important;
}
.toggle-img-1,
.toggle-img-2 {
transition: var(--toggle-time);
}
.toggle-img-opaciti-1 {
opacity: 1!important;
}
.toggle-img-opaciti-0 {
opacity: 0!important;
}
.hacemos-titulo-clientes h2 {
font-family: 'Archivo';
font-weight: 800;
font-variation-settings: "wdth" var(--width-114);
font-size: 40px;
color: var(--verde);
}
.servicios-img-movil-cont * {
margin: 0!important;
}
.servicios-img-movil-cont > div{
width: 60%!important;
max-height: 0!important;
overflow: hidden;
left: 50%;
transform: translateX(-50%)!important;
transition: var(--toggle-time);
}
.servicios-img-movil-cont img {
display: none;
}
.servicios-img-movil-cont.open > div{
max-height: 75vh!important;
padding-bottom: 20px!important;
}
@media (max-width: 999px){
.servicios-img-movil-cont img {
display: block;
}
}
@media (max-width: 689px){
.hacemos-titulo h1 {
font-size: 11vw;
}
.toggle-btn h2 {
font-size: 21px;
}
.toggle-cont p {
font-size: 18px;
}
}/*/*/.equipo-titulo h1 {
font-size: 10vw;
font-family: 'Archivo';
text-transform: uppercase;
font-weight: 800;
font-variation-settings: "wdth" var(--width-114);
}
.equipo-cargo,
.equipo-nombre {
margin: 0!important;
}
.equipo-cargo p,
.equipo-nombre p {
font-size: 24px;
font-family: 'Roboto Mono', monospace;
font-weight: 400;
width: 80%;/**/}
.equipo-nombre p {
color: var(--verde);
padding-bottom: 20px!important;
}
.equipo-miembro-cont {
margin-top: 100px!important;
padding: 0 6vw!important;
}
@media (max-width: 689px){
.equipo-miembro-cont {
padding: 0 !important;
}
.equipo-cargo p,
.equipo-nombre p {
width: 100%;
float: auto;
}
.equipo-titulo h1 {
font-size: 13.5vw;
}
}/*/*/.contacto-titulo h1 {
font-size: 10vw;
font-family: 'Archivo';
text-transform: uppercase;
font-weight: 200;
font-variation-settings: "wdth" var(--width-114);
}
.contact-txt * {
color: var(--negro);
}
.contact-txt span {
font-family: 'Archivo';
text-transform: uppercase;
font-weight: 900!important;
}
.contact-txt a {
font-size: 18px!important;
font-family: 'Roboto Mono', monospace;
font-weight: 400;
}
.contact-txt a:hover {
text-decoration: underline;
color: var(--negro);
}
.contacto-parr p {
font-size: 40px;
font-weight: 400!important;
}
.disclaimer-contacto p {
font-weight: 400!important;
line-height: 1.4!important;
margin-left: 8vw;
margin-top: 50px !important;
padding: 20px 40px !important;
border: 1px solid black;
border-radius: 100px;
}
.formu-fila {
display: flex;
flex-wrap: nowrap;
}
.formu-fila div {
width: 50%!important;
}
.formu-fila-all label span,
.formu-fila label span {
display: none;
}
.formu-fila-all div {
width: 100%!important;
}
.formu-fila div:nth-child(odd) {
margin-right: 10px;
}
.formu-fila div:nth-child(even) {
margin-left: 10px;
}
.formu-fila select,
.formu-fila-all select,
.formu-fila input,
.formu-fila-all textarea,
.formu-fila-all text {
border: none;
border-bottom: 2px solid var(--negro);
border-radius: 0;
background: none;
}
.formu-fila select::placeholder,
.formu-fila-all select ::placeholder,
.formu-fila input::placeholder,
.formu-fila-all textarea::placeholder,
.formu-fila-all text::placeholder,
.formu-fila select,
.formu-fila-all select,
.formu-fila input,
.formu-fila-all textarea,
.formu-fila-all text,
input[type=text] {
font-size: 24px!important;
font-family: 'Roboto Mono', monospace;
font-weight: 400;
text-transform: uppercase;
color: var(--negro)!important;
}
.formu-fila select:focus,
.formu-fila input:focus,
.formu-fila-all textarea:focus,
..formu-fila-all text:focus {
box-shadow:none;
border-color: var(--negro)!important;
}
.formu-fila-all textarea {
height: 200px;
resize: none;
}
.formu-fila select {
padding-bottom: 8px!important;
}
.formu-fila select option {
padding-left: 0!important;
}
body[data-button-style=rounded] .container-wrap input[type=submit] {
border-radius: 100px;
border: 2px solid var(--negro);
padding: 6px 14px!important;
color: var(--negro);
font-size: 20px;
}
body[data-button-style=rounded] .container-wrap input[type=submit]:hover {
background: var(--negro);
color: var(--verde);
}
.wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output {
border: none;
margin-left: 0;
margin-right: 0;
text-align: right;
font-size: 16px!important;
color: var(--negro)!important;
padding: 0;
background: none;
font-weight: 400;
box-shadow: none!important;
display: block!important;
padding-top: 5px!important;
padding-left: 0!important;
}
.wpcf7-not-valid-tip {
text-align: left;
}
.wpcf7 form > p {
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
align-items: center;
}
.wpcf7 .wpcf7-spinner {
background: var(--negro);
}
.wpcf7 .wpcf7-spinner:before {
background: var(--verde);
}
.fila-checkbox span {
font-family: 'Roboto Mono', monospace;
font-weight: 400;
font-size: 16px!important;
}
.fila-checkbox span .wpcf7-not-valid-tip {
font-family: 'Archivo' !important;
}
.fila-checkbox .wpcf7-list-item.first.last {
margin: 0!important;
}
@media (max-width: 689px) {
.contacto-titulo h1 {
font-size: 11vw;
}
.disclaimer-contacto p {
margin-top: 20px !important;
margin-left: 0;
padding: 20px!important;
border-radius: 30px;
}
.formu-fila div {
width: 100%!important;
}
.formu-fila {
flex-wrap: wrap;
}
.formu-fila div {
margin: 0!important;
}
.contact-txt a {
font-size: 17px;
}
.wpcf7 input[type=submit] {
margin-top: 20px;
}
.disclaimer-contacto p {
padding-left: 50px;
}
}/*/*/.kit-digital-titulo h2 {
color: var(--verde);
font-size: 4vw;
font-family: 'Archivo';
text-transform: uppercase;
font-weight: 300;
}
.kit-digital-subtitulo p,
.kit-digital-precio p {
font-size: 30px;
font-family: 'Archivo';
font-weight: 200;
}
.kit-digital-txt-logo p {
font-weight: 200;
}
@media (max-width: 999px) {
.kit-digital-titulo h2 {
font-size: 11vw;
}
.kit-digital-subtitulo {
margin-bottom: 40px!important;
}
.espacio-blanco-parrafo.kit p {
text-indent: 0!important;
}
}