/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4, h5, a, p 
{ font-family: "Montserrat", sans-serif !important; }

a { text-decoration: none !important; }

/* ========================================================================
                            HEADER Y MENU
========================================================================== */
#tm-header { padding: 0; position: relative; bottom: 115px; }
#tm-header > div { max-width: 100%; padding: 0; }
.tm-page > header:nth-child(2) > div > div { height: 115px; }
.uk-logo { z-index: 4; padding-top: 30px; }
.uk-navbar-nav > li.uk-active > a::before {display: none; }
.uk-navbar-nav > li > a {
    color: white;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 200;
    min-height: 32px;
    transition: .5s;
}

.uk-navbar-nav > li > a:hover { color: #F7BB00; font-weight: 600; }
.uk-navbar-nav>li.uk-active>a 
{ color: white; font-weight: 600; border-bottom: solid 2px #F7BB00; }
.uk-navbar-right 
{ justify-content: end; align-items: center; height: 32px; padding-top: 50px; }
.slider-escritorio > div > ul > li > div 
{ justify-content: center; align-items: center; }
.titulo-slider 
{ color: white; font-size: 38px; font-weight: 700; margin: 0 0 25px; }
.slider-escritorio > div > ul > li > div > div > div 
{ text-align: center; }
.btn-cotizar {
    display: inline-block;
    background-color: #F7BB00;
    padding: 5px 40px;
    border-radius: 48px;
    font-size: 20px;
    font-weight: 700;
    border: solid 2px #F7BB00;
    transition: .5s;
    color: white;
}
.btn-cotizar:hover 
{ border: solid 2px white; background-color: transparent; color: white; }

.el-slidenav.uk-position-medium.uk-position-center-left.uk-icon.uk-slidenav-previous.uk-slidenav,
.el-slidenav.uk-position-medium.uk-position-center-right.uk-icon.uk-slidenav-next.uk-slidenav 
{ background-color: #F7BB00; border-radius: 30px; padding: 15px 22px; }
.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) 
{ stroke: black; stroke-width: 5; }

/* ========================================================================
                            TOP A | REDUCIMOS COSTOS
========================================================================== */
#tm-top-a { padding: 30px 0 150px; }
#tm-top-a > div 
{ max-width: 100%; width: 959px; padding: 0 35px; }
#tm-top-a > div > div > div > div:first-child 
{ margin-bottom: 30px; }
.divisionGris { padding: 0; }

.titulo-reducimosCostos {
    color: black;
    font-weight: 700;
    width: 630px;
    text-align: center;
    margin: auto;
    font-size: 25px;
    line-height: 30px;
}

.counter { display: inline; }
.caracteresAmarillos 
{ color: #F7BB00; font-size: 60px; font-weight: 600; }
.grid-reducimosCostos > div { justify-content: center; gap: 10px; }
.grid-reducimosCostos > div > div { width: auto; }

.subtitulo-reducimosCostos {
    text-align: center;
    font-size: 21px;
    color: black;
    font-weight: 300;
    margin: 0;
    margin-top: -20px;
}

/* ========================================================================
                            TOP B | ENERGIA CONFIABLE
========================================================================== */
#tm-top-b { padding: 150px 0; }
#tm-top-b > div 
{ max-width: 100%; width: 959px; padding: 0 35px; }
.titulo-energiaConfiable {
    text-align: center;
    font-size: 35px;
    color: black;
    font-weight: 800;
    margin-bottom: 35px;
}

.amarillo { color: #F7BB00; }

.txt-enerigaConfiable {
    width: 740px;
    text-align: center;
    color: black;
    font-size: 16px;
    margin: auto;
    line-height: 22px;
}

.grid-energiaConfiable 
{ margin-top: 120px !important; }
.grid-energiaConfiable > div > div > div 
{ background-color: #F0F1F1; padding: 40px 20px; border-radius: 30px; position: relative; }
.grid-energiaConfiable > div > div:first-child > div > div, 
.grid-energiaConfiable > div > div:nth-child(2) > div > div, 
.grid-energiaConfiable > div > div:nth-child(4) > div > div
{ padding-top: 5px; }

.icono-amarillo {
    width: 75px;
    position: absolute;
    bottom: 0;
    top: -85px;
    right: 65px;
}

.txt-puntosEnergia {
    color: black;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    margin: 5px auto;
    width: fit-content;
    font-weight: 700;
}

.grid-energiaConfiable > div > div { padding-left: 15px; }

/* ========================================================================
                            TOP C | ORIGEN Y EVOLUCION
========================================================================== */
#tm-top-c { padding: 150px 0; }
#tm-top-c > div
{ max-width: 100%; width: 959px; padding: 0 35px; }

.titulo-origenEvolucion {
    text-align: center;
    font-size: 35px;
    color: black;
    font-weight: 800;
    margin-bottom: 20px;
}

.subtitulo-origenEvolucion {
    color: black;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
}

.txt-origenEvolucion 
{ color: black; font-size: 16px; margin: 0; text-align: center; line-height: 20px; }
.grid-origenEvolucion > div { justify-content: space-evenly; }
.grid-origenEvolucion > div > div { width: 300px; }
.grid-origenEvolucion > div > div > div { flex: unset !important; }

#tm-top-c > div > div:last-child { margin-top: 265px; }
.grid-2-origenEvolucion > div > div:nth-child(2) > div > img,
.grid-2-origenEvolucion > div > div:nth-child(4) > div > img 
{ position: absolute; top: -80px; }

.arriba-origenEvolucion 
{position: absolute; top: -241px; left: -20px; width: 195px; }

.titulo-abajo-origenEvolucion,
.titulo-arriba-origenEvolucion {
    position: absolute;
    top: -65px;
    left: 50px;
    color: black;
    font-weight: 700;
    font-size: 25px;
}

.titulo-arriba-origenEvolucion
{ top: -100px; }

.grid-2-origenEvolucion > div > div:nth-child(1) > div > div > div 
{ width: 245px; left: -40px; }
.grid-2-origenEvolucion > div > div:nth-child(3) > div > div > div 
{ width: 205px; }
.grid-2-origenEvolucion > div > div:nth-child(4) > div > div > div 
{ width: 240px; left: -40px; }
.grid-2-origenEvolucion > div > div:nth-child(5) > div > div > div 
{ width: 210px; }

.abajo-origenEvolucion { position: relative; left: -18px; }

/* ========================================================================
                            TOP D | EXPERIENCIA Y CALIDAD
========================================================================== */
#tm-top-d { background-color: #EAEAEA; padding: 150px 0; }
#tm-top-d > div
{ max-width: 100%; width: 959px; padding: 0 35px; }

.titulo-experienciaCalidad {
    text-align: center;
    font-size: 35px;
    color: black;
    font-weight: 800;
    margin-bottom: 45px;
}

.txt-experienciaCalidad {
    text-align: center;
    color: black;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 30px 0;
}

.txt2-experienciaCalidad {
    color: black;
    text-align: center;
    font-size: 16px;
    width: 580px;
    margin: 0 auto 20px;
    line-height: 20px;
}

.slider-logosExperiencia > ul > li > a 
{ width: 25px; height: 25px; }
.slider-logosExperiencia > ul > li > a {
    width: 25px;
    height: 25px;
    background: transparent;
    border: solid 3px white;
}
.slider-logosExperiencia > ul > li.uk-active > a 
{ background-color: #F7BB00; border: solid 3px #F7BB00; }
.uk-dotnav > * > :hover { background-color: #F7BB00; }
.slider-logosExperiencia-Tablet { display: none; }

.slider-logosExperiencia > div > a 
{ padding: 10px 6px; background-color: #F7BB00; border-radius: 25px; }
.slider-logosExperiencia > div > a > svg { height: 10px; }
.slider-logosExperiencia > div > div { text-align: center; }

/* ========================================================================
                            BOTTOMA A | RED DE SUMINISTROS
========================================================================== */
#tm-bottom-a { padding: 150px 0; }
#tm-bottom-a > div
{ max-width: 100%; width: 959px; padding: 0 35px; }
.titulo-redSuministros {
    font-size: 35px;
    color: black;
    font-weight: 800;
    margin-bottom: 80px;
}
/*
#tm-bottom-a > div > div > div:last-child 
{ width: auto; }
*/

.txt-redSuministros 
{ color: black; font-size: 16px; margin: 0; }
.negrita { font-weight: 700; font-size: 18px; }
.slider-logosRedes > div > ul {
    aspect-ratio: 20 / 9 !important;
    min-width: 275px !important;
    max-width: 193px !important;
    min-height: 160px !important;
}

.slider-logosRedes { width: fit-content; }
.slider-logosRedes > div { width: fit-content; }
.slider-logosRedes > div > ul > li > picture > img 
{ width: auto; height: 130px; }

.slider-logosRedes > div > div > a {
    background-color: #EAEAEA !important;
    border-radius: 32px !important;
    width: 28px !important;
    height: 28px !important;
    padding: 10px 6px !important;
    margin: 10px 35px;
}

#tm-bottom-a > div > div > div:last-child 
{ display: flex; padding-top: 75px; padding-right: 75px; justify-content: flex-end; }

.slider-logosRedes > div > div > a:first-child,
.slider-logosRedes > div > div > a:last-child  
{ padding-left: 14px; }
.slider-logosRedes > div > div > a > svg 
{ height: 10px; color: black; }
.slider-logosRedes > div > div > a > svg > polyline
{ stroke-width: 5; }

.slider-logosExperiencia > div > div > div:first-child,
.slider-logosExperiencia > div > div > div:nth-child(4),
.slider-logosExperiencia > div > div > div:nth-child(7),
.slider-logosExperiencia > div > div > div:nth-child(10),
.slider-logosExperiencia > div > div > div:nth-child(13)
{ padding-left: 108px; }
.slider-logosExperiencia > div > div > div:nth-child(3),
.slider-logosExperiencia > div > div > div:nth-child(6),
.slider-logosExperiencia > div > div > div:nth-child(9),
.slider-logosExperiencia > div > div > div:nth-child(12),
.slider-logosExperiencia > div > div > div:nth-child(15)
{ padding-right: 108px; }

/* ========================================================================
                            FOOTER
========================================================================== */
#tm-footer { padding: 0 0 150px; }
#tm-footer > div { max-width: 100%; padding: 0; }
#tm-footer > div > div:first-child { width: 430px; margin: 0 auto 90px auto; }
#tm-footer > div > div:first-child > div { padding: 0; }
#tm-footer > div > div:first-child > div > hr { border-top: 8px solid #F7BB00; }

#tm-footer > div > div:nth-child(2) { width: 959px; margin: auto; }
#tm-footer > div > div:nth-child(2) > div > div { text-align: center; }

#tm-footer > div > div:nth-child(3) { width: 959px; margin: auto; padding: 0 35px; }
.titulo-footer {
    color: black;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin: 90px 0px;
}

#tm-footer > div > div:nth-child(3) > div > div:last-child > div > div > div:first-child > img
{ width: 26px; }
#tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(3) > div > img 
{ width: 18px; }
#tm-footer > div > div:nth-child(3) > div > div:last-child > div > div > div:first-child 
{ text-align: center; margin-bottom: 30px; }
.container-telWhat { text-align: center; }
.container-telWhat > h3 {
    color: black;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.container-telWhat > a { 
    display: inline-block;
    position: relative;
    margin-bottom: 16px;
    font-size: 16px;
    overflow: hidden;
    color: black;  
}

.container-telWhat > a:after { 
    content: "";
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: #F7BB00;
    transition: left .8s; 
}

.container-telWhat > a:hover:after { left: 0; }

#tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:first-child,
#tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(2) 
{ border-right: solid 2px #E1E1E1; width: 120px; padding: 0; }
#tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(3)
{ width: 120px; }
#tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(2) > div:last-child 
{ text-align: center; }
.container-correo > h3 {
    color: black;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.container-correo > a > joomla-hidden-mail > a {
    display: inline-block;
    position: relative;
    color: black;
    font-size: 16px;
    margin-bottom: 28px;
    font-weight: 300;
}

.container-correo > a > joomla-hidden-mail > a:before,
.container-correo > a > joomla-hidden-mail > a:after {
    content: "";
    display: block;
    margin: auto;
    height: 2px;
    width: 0px;
    background: #F7BB00;
    transition: all .8s;
}

.container-correo > a > joomla-hidden-mail > a:hover:before,
.container-correo > a > joomla-hidden-mail > a:hover:after 
{ width: 100%; }

.container-ubicacion { text-align: center; }
.container-ubicacion > h3 {
    color: black;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.container-ubicacion > a { 
    display: inline-block;
    position: relative;
    color: black; 
    font-size: 16px; 
    margin-bottom: 28px;
    padding: 0 4px;
}

.container-ubicacion > a:before,
.container-ubicacion > a:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    transform: scale(0);
    transition: 0.5s;
}

.container-ubicacion > a:before {
    border-bottom: 2px solid #F7BB00;
    border-left: 2px solid #F7BB00;
    transform-origin: 0 100%;
}

.container-ubicacion > a:after {
    border-top: 2px solid #F7BB00;
    border-right: 2px solid #F7BB00;
    transform-origin: 100% 0%;
}

.container-ubicacion > a:hover:after,
.container-ubicacion > a:hover:before 
{ transform: scale(1); }

#tm-footer > div > div:nth-child(4) { margin-top: 100px; }
#tm-footer > div > div:nth-child(4) > div > div 
{ text-align: center; }
#tm-footer > div > div:nth-child(4) > div > div > a 
{ font-size: 18px; color: black; transition: .5s; }
#tm-footer > div > div:nth-child(4) > div > div > a:hover 
{ color: #FFCC33; font-weight: 600; }
#tm-footer > div > div:nth-child(5) 
{ background-color: #FFCC33; height: 75px; }
#tm-footer > div > div:nth-child(5) > div > div 
{ display: flex; justify-content: center; align-items: center; margin-top: 25px; }
#tm-footer > div > div:nth-child(5) > div > div > div 
{ width: max-content; }
#tm-footer > div > div:nth-child(5) > div > div > div > div > div > a > img 
{ width: 30px; transition: .5s; }
#tm-footer > div > div:nth-child(5) > div > div > div > div > div > a > img:hover 
{ transform: scale(1.2); }

.txt-derechosReservados 
{ color: black; text-align: center; font-size: 16px; margin: 0; }
.logoFoter-medioscorp { position: relative; top: 55px; text-align: center; }


/* ========================================================================
                        INTERIOR | NOSOTROS
========================================================================== */
.interior-diseño > .tm-page > header:nth-child(2) > div > div > nav > div > .uk-logo 
{ display: none; }
.interior-diseño > .tm-page > header:nth-child(2) > div > div > nav > div > div > div > .logoFooterInteriores 
{ display: block; }
.interior-diseño > .tm-page > header:nth-child(2) > div > div > nav > div:nth-child(2) > ul > li > a 
{ color: black; transition: .5s; }
.interior-diseño > .tm-page > header:nth-child(2) > div > div > nav > div:nth-child(2) > ul > li > a:hover 
{ font-weight: 600; }
#seccion-sliderNosotros > div 
{ padding: 0 35px; max-width: 100%; width: auto; }
#seccion-mvv { padding: 45px 0 100px; }
#seccion-mvv > div
{ max-width: 100%; width: 959px; padding: 0 35px; }
#seccion-sliderNosotros { padding: 150px 0 60px; }
.tituloSlider-nosotros {
    font-size: 30px;
    font-weight: 700;
    color: black;
    text-align: center;
    margin: 0;
    line-height: 55px;
}

.letraGrande { font-size: 70px; }
.columna-mvv-1 {
    position: relative;
    width: 620px;
    height: max-content;
    left: 80px;
    top: 65px;
}
.columna-mvv-1 > div { background-color: #F0F1F1; padding: 50px; }
.img-misionVision { width: 45px; }
.subtitulo-misionVision 
{ color: black; font-size: 25px; font-weight: 700; margin: 20px 0; }
.txt-misionVision 
{ color: black; font-size: 16px; line-height: 20px; text-align: justify; }
.columna-mvv-1 {
    position: relative;
    left: 90px;
    top: 16px;
    width: 390px;
    height: max-content;
}

.columna-mvv-1 > div > div:first-child { margin-bottom: 110px; }
.columna-mvv-2 > div > picture > img { width: 480px; }
.container-valores { margin-top: 120px !important; }
.container-valores > div > div > h3 
{ text-align: center; margin-bottom: 100px; font-size: 35px; }

.gridValores > div { justify-content: center; align-items: center; }
.gridValores > div > div { width: 470px; }
.gridValores > div > div > div { text-align: center; }
.gridValores > div > div > div > img { width: 60px; }
.subtitulo-valores 
{ color: black; font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.txt-valores { color: black; font-size: 16px; margin: 0; line-height: 16px; }
.container-valoresG { width: 290px; margin: auto; }

/* ========================================================================
                    INTERIOR | NUESTROS PROYECTOS
========================================================================== */
#seccion-sliderNuestroProyecto { padding: 150px 0 60px; }
#seccion-sliderNuestroProyecto > div 
{ max-width: 100%; width: 959px; padding: 0 35px; }
.tituloSlider-proyectos {
    font-size: 30px;
    font-weight: 700;
    color: black;
    text-align: center;
    margin: 0;
    line-height: 55px;
}

.uk-lightbox-toolbar.uk-position-top.uk-text-right.uk-transition-slide-top.uk-transition-opaque > button > svg > line 
{ stroke: white; stroke-width: 1; }
.uk-lightbox.uk-overflow-hidden.uk-lightbox-panel.uk-open > a > svg > polyline 
{ stroke: white; stroke-width: 1; }

#seccion-proyectos { background-color: black; padding: 100px 0; }
#seccion-proyectos > div 
{ max-width: 100%; width: 959px; padding: 0 35px; }
#seccion-proyectos > div > div:first-child > div 
{ text-align: center; }
#seccion-proyectos > div > div:first-child > div > div > img 
{ width: 120px; }
#seccion-proyectos > div > div:first-child > div > div:first-child 
{ margin-bottom: 30px; }
.titulo-Proyectos
{ color: white; font-weight: 700; font-size: 35px; }
.switch-proyectos > ul:first-child 
{ justify-content: center; gap: 50px; margin-bottom: 30px; }
.switch-proyectos > ul::before { border-bottom: none; }
.uk-tab > * > a {
    color: white;
    font-weight: 600;
    font-size: 18px;
    padding: 0 0 15px 0;
    letter-spacing: 0;
}
.uk-tab > .uk-active > a 
{ color: #FFCC33; border-color: #FFCC33; }
.uk-tab > * > a:hover { color: #FFCC33; }
.switch-proyectos > ul:last-child > li 
{ min-height: fit-content !important; }

#seccion-implementado { padding: 160px 0 80px; }
#seccion-implementado > div 
{ max-width: 100%; width: 959px; padding: 0 35px; }
.img-radiol2 { width: 80px; }
#seccion-implementado > div > div:first-child { position: relative; }
#seccion-implementado > div > div:first-child > div:first-child 
{ position: absolute; bottom: 0; }
#seccion-implementado > div > div > div:last-child > div 
{ text-align: end; }
#seccion-implementado > div > div > div:last-child > div > picture > img 
{ width: 870px; }
.titulo-implementado {
    color: black;
    font-size: 30px;
    font-weight: 800;
    line-height: 30px;
}
#seccion-implementado > div > div:last-child > div > hr 
{ width: 430px; margin: 0 auto 0px auto; border-top: 8px solid #F7BB00; }
#seccion-implementado > div > div:last-child { margin-top: 120px; }

#seccion-divisiones { padding: 70px 0 150px; }
#seccion-divisiones > div 
{ max-width: 100%; width: 959px; padding: 0 35px; }
.titulo-divisiones {
    color: black;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 25px;
}

.txt-description {
    color: black;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    width: 691px;
    margin: 0 auto 60px auto;
}

.grid-divisionesProyectos > ul:first-child 
{ justify-content: center; gap: 30px; }
.grid-divisionesProyectos > ul:first-child > li > a 
{ color: black; font-weight: 300; text-transform: none; font-size: 18px; padding-bottom: 20px; }
.grid-divisionesProyectos > ul:first-child > li.uk-active > a 
{ color: black; font-weight: 700; border-color: black; }
.grid-divisionesProyectos > ul:last-child > li { padding-top: 50px; }
.container-division 
{ display: flex; justify-content: center; align-items: center; gap: 40px; }
.subtitulo-divisiones 
{ color: #F8BA00; font-size: 20px; font-weight: 600; }
.img-division { width: 125px; }
.txt-descripcionesDivi { color: black; font-size: 18px; margin: 0; width: 500px; line-height: 18px; }
.rojo { color: #E8511D; }
.verde { color: #1BB500; }

/* ========================================================================
                            INTERIOR | CONTACTO
========================================================================== */
#seccion-sliderContacto { padding: 150px 0 60px; }
#seccion-sliderContacto > div 
{ max-width: 100%; width: 959px; padding: 0 35px; }
.titulo-contactanos 
{ color: black; font-size: 35px; font-weight: 700; text-align: center; margin: 0; }
#seccion-formulario { padding: 45px 0 70px; }
#seccion-formulario > div 
{ max-width: 100%; width: 959px; padding: 0 35px; }
#formularioContacto > div > div > div > div 
{ flex-direction: column; justify-content: center; gap: 0; }
#formularioContacto > div > div > div > div > label { 
    color: black; 
    font-family: "Montserrat", sans-serif !important; 
    font-size: 16px; 
    width: 80%;
    margin: auto;
}

#formularioContacto > div > div > div > div > div { width: 80%; margin: auto; }

#nombre,
#telefono,
#correo,
#mensaje { 
    background-color: #F0F1F1;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    height: 35px;
    color: black;
    font-size: 16px;
    font-weight: 300;
}

#mensaje { height: 95px; resize: none; }
#nombre:focus,
#telefono:focus,
#correo:focus,
#mensaje:focus 
{ border-color: #F8BA00 !important; box-shadow: 0px 0px 15px #F8BA00; }
.container-reCaptchaEnviar { margin-top: 70px; }
.container-reCaptchaEnviar 
{ display: flex; margin-top: 70px; justify-content: center; align-items: center; gap: 20px !important; }
.container-reCaptchaEnviar > div 
{ width: auto !important; margin: unset !important; }

#enviar {
    background-color: #F8BA00;
    color: black;
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif !important;
    padding: 5px 25px;
    border: solid 2px #F8BA00;
    transition: .5s;
}

#enviar:hover { background-color: transparent; color: #F8BA00; }

.titulo-Encontramos 
{ text-align: center; font-weight: 700; font-size: 30px; color: black; }
#seccion-nosEncontramos > div 
{ max-width: 100%; width: 959px; padding: 0 35px; }

.container-googleMaps > iframe { width: 100%; }
.titulo-ubicaciones 
{ text-align: center; color: black; font-weight: 700; font-size: 20px; }

.columna-nosEncontramos-1 > div:first-child > a,
.columna-nosEncontramos-2 > div:first-child > a { 
    display: block; 
    text-align: center; 
    font-size: 16px; 
    color: black;
    margin: 0 auto 30px auto;
    transition: .5s;
}

.columna-nosEncontramos-1 > div:first-child > a:hover,
.columna-nosEncontramos-2 > div:first-child > a:hover 
{ color: #F8BA00; font-weight: 400; }
#seccion-nosEncontramos { padding: 40px 0 150px; }

/* ========================================================================
                    INTERIOR | AVISO DE PRIVACIDAD
========================================================================== */
.container-avisodePrivacidad > div 
{ max-width: 100%; padding: 0 35px; width: 959px; }
.titulo-avisodePrivacidad 
{ text-align: center; font-size: 30px; color: black; font-weight: 700; }
.subtitulo-avisoPrivacidad 
{ color: black; font-weight: 700; font-size: 18px; margin-top: 20px; }
.txt-avisodePrivacidad { color: black; font-size: 16px; margin: 0; line-height: 18px; }
.negritaAP { font-weight: 600; }
.txt-listaAP { color: black; font-size: 16px; margin: 10px 0; }
.container-listaAP { padding-left: 45px; }
.enlace-AP { color: #F7BB00; font-weight: 500; }
joomla-hidden-mail > a { color: #F7BB00; font-weight: 500; }
.enlace-AP:hover { color: #F7BB00; }
joomla-hidden-mail > a:hover { color: #F7BB00; }

/* ========================================================================
                            RESPONSIVO
========================================================================== */
@media(max-width: 1860px){}

@media(max-width: 1030px){
    #tm-top-a > div,
    #tm-top-b > div,
    #tm-top-c > div,
    #tm-top-d > div,
    #tm-bottom-a > div,
    #tm-footer > div > div:nth-child(2),
    #tm-footer > div > div:nth-child(3),
    #seccion-mvv > div,
    #seccion-sliderNuestroProyecto > div,
    #seccion-proyectos > div,
    #seccion-implementado > div,
    #seccion-divisiones > div,
    #seccion-sliderContacto > div,
    #seccion-formulario > div,
    #seccion-nosEncontramos > div,
    .container-avisodePrivacidad > div
    { width: auto; }
}

@media(max-width: 1599px){
    .slider-logosRedes > div > div > a:first-child 
    { left: -100px; }
    .slider-logosRedes > div > div > a:last-child 
    { right: -100px; }
}

@media(max-width: 1199px){
    .titulo-slider { font-size: 20px; }
    .btn-cotizar { font-size: 18px; padding: 5px 30px; }

    #tm-top-a { padding-bottom: 50px; }
    .titulo-reducimosCostos { font-size: 20px; line-height: 25px; }
    .caracteresAmarillos { font-size: 50px; }
    .subtitulo-reducimosCostos { font-size: 14px; }

    .titulo-energiaConfiable { font-size: 25px; }
    .txt-enerigaConfiable { font-size: 14px; }
    .grid-energiaConfiable { margin-top: 100px !important; }
    .icono-amarillo { width: 60px; }

    .titulo-origenEvolucion { font-size: 25px; }
    .titulo-origenEvolucion { margin-bottom: 0px; }
    .subtitulo-origenEvolucion { font-size: 16px; }
    .txt-origenEvolucion { font-size: 14px; }
    .titulo-abajo-origenEvolucion, 
    .titulo-arriba-origenEvolucion
    { font-size: 20px; left: 65px; }
    .titulo-arriba-origenEvolucion { top: -90px; }
    .arriba-origenEvolucion { top: -220px; }
    #tm-top-c > div > div:last-child { margin-top: 300px; }

    #tm-top-d > div { width: 767px; }
    .titulo-experienciaCalidad { font-size: 25px; }
    .txt-experienciaCalidad { font-size: 16px; }
    .txt2-experienciaCalidad { font-size: 14px; }

    #tm-bottom-a{ padding: 110px 0; }
    .titulo-redSuministros { font-size: 25px; }
    .txt-redSuministros { font-size: 14px; line-height: 18px; }

    #tm-footer > div > div:first-child { margin: 0 auto 120px auto; }
    .titulo-footer { font-size: 25px; }
    #tm-footer > div > div:nth-child(4) > div > div > a
    { font-size: 16px; }

    #tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(3) 
    { width: 240px; }
}

@media(max-width: 1090px){
    .grid-2-origenEvolucion > div > div:nth-child(1) > div > div > div
    { width: auto; left: 0; }
    .abajo-origenEvolucion
    { left: 0; }
    .grid-2-origenEvolucion > div > div:nth-child(5) > div > div > div 
    { width: auto; }
}

@media(max-width: 1000px){
    .icono-amarillo { right: 55px; }
    #tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(2)
    { width: 235px; }
}

@media(max-width: 975px){
    .icono-amarillo { right: 61px; top: -75px; }

    .arriba-origenEvolucion { top: -250px; }
    .titulo-abajo-origenEvolucion, 
    .titulo-arriba-origenEvolucion
    { left: 55px; }
}

/* VERSION TABLET */
@media(max-width: 959px){
    .tm-header-mobile.uk-hidden\@m > div > div > nav > div:first-child > a > img 
    { width: 160px; }
    .interior-diseño > .tm-page > header:nth-child(1) > div > div > nav > div > a > img:nth-child(1) 
    { display: none; }
    .interior-diseño > .tm-page > header:nth-child(1) > div > div > nav > div > a > img:nth-child(2) 
    { display: block; }
    .uk-navbar-right
    { height: 0; padding-top: 0; z-index: 1; }
    .uk-modal-dialog.uk-flex > button { margin: 30px 40px; }
    .uk-modal-dialog.uk-flex > div > div:first-child > div > div:first-child 
    { margin-bottom: 100px; }
    .enlace-menu { font-size: 18px; color: black; }
    .enlace-menu:hover { color: #F8BA00; }
    .container-menu > div { padding: 20px 0; }
    .container-menu > div:nth-child(1),
    .container-menu > div:nth-child(2),
    .container-menu > div:nth-child(3) 
    { border-bottom: solid 2px #EAEAEA; }
    .container-btnCotizar { margin-top: 105px; text-align: center; }
    .icono-redesSociales { width: 30px; }
    .container-redesSociales {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 50px;
    }
    .uk-icon { fill: #F8BA00; }

    .titulo-reducimosCostos { width: 500px; }

    .icono-amarillo { position: unset; }
    .grid-energiaConfiable > div > div > div > div 
    { text-align: center; }
    .txt-enerigaConfiable { width: auto; }
    .grid-energiaConfiable { margin-top: 60px !important; }

    .grid-2-origenEvolucion > div > div:nth-child(2) > div > img,
    .grid-2-origenEvolucion > div > div:nth-child(4) > div > img
    { position: unset; }
    .titulo-abajo-origenEvolucion, 
    .titulo-arriba-origenEvolucion { top: -85px; right: 0; left: 0; }
    .titulo-arriba-origenEvolucion { top: -115px; }

    .arriba-origenEvolucion { position: unset; width: 245px; margin: auto; }
    .abajo-origenEvolucion { width: 245px; margin: auto; }
    #tm-top-c > div > div:last-child { margin-top: 110px; }
    .grid-2-origenEvolucion > div { text-align: center; }

    #tm-top-d > div { width: 590px; }

    #tm-bottom-a > div > div { text-align: center; }
    #tm-bottom-a > div > div > div:last-child 
    { padding-top: 0; display: flex; justify-content: center; align-items: center; }
    .slider-logosRedes > div > ul > li > picture > img { height: 120px; }
    .slider-logosRedes > div > ul 
    { min-width: 255px !important; min-height: 120px !important; }

    .container-telWhat > h3 { font-size: 16px; }
    .container-telWhat > a { font-size: 14px; }
    .container-correo > h3 { font-size: 16px; }
    .container-correo > a > joomla-hidden-mail > a
    { font-size: 14px; margin-bottom: 12px; }
    .container-ubicacion > h3 { font-size: 16px; }
    .container-ubicacion > a { font-size: 14px; }
    .txt-derechosReservados { font-size: 14px; }

    #tm-footer > div > div:nth-child(5) > div > div > div
    { flex-wrap: nowrap; }

    .escritorio-LE { display: none; }
    .slider-logosExperiencia-Tablet { display: block; height: 175px; }
    .slider-logosExperiencia-Tablet > div > div > a
    { padding: 10px; background-color: #F7BB00; border-radius: 25px; }
    .slider-logosExperiencia-Tablet > div > div > a > svg
    { height: 15px; }
    .slider-logosExperiencia-Tablet > div > div 
    { bottom: -75px; gap: 40px; }
    .slider-escritorioEC { display: none; }

    .columna-mvv-1 {
        display: flex;
        position: unset;
        justify-content: center;
        align-items: center;
    }
    .columna-mvv-1 > div
    { width: 480px; }
    .container-valores { margin-top: 60px !important; }
    .container-valores > div > div > h3
    { margin-bottom: 60px; }
    #seccion-mvv > div > div { text-align: center; }
    .tituloSlider-nosotros { font-size: 25px; line-height: 45px; }
    .letraGrande { font-size: 70px; }
    .columna-mvv-2 { margin: 0 !important; }

    .titulo-Proyectos { font-size: 25px; }
    .uk-tab > * > a { font-size: 16px; }
    #seccion-implementado > div > div > div:last-child > div > picture > img 
    { width: 750px; }
    .titulo-implementado { font-size: 25px; line-height: 25px; }
    .titulo-divisiones { font-size: 25px; }
    .txt-description { font-size: 16px; line-height: 16px; width: 500px; }
    .grid-divisionesProyectos > ul:first-child > li > a
    { font-size: 16px; }
    .img-division { width: 100px; }
    .subtitulo-divisiones { font-size: 18px; }
    .txt-descripcionesDivi { font-size: 16px; line-height: 16px; }
    .tituloSlider-proyectos { font-size: 25px; line-height: 45px; }
}

/* VERSION MOVIL */
@media(max-width: 767px){
    #tm-header { bottom: 80px; }
    .btn-cotizar { font-size: 16px; padding: 5px 25px; }
    .titulo-slider { font-size: 16px; }

    #tm-top-a { padding-bottom: 65px; }
    .caracteresAmarillos { font-size: 40px; }
    .subtitulo-reducimosCostos { font-size: 12px; margin-top: -14px; }
    .titulo-reducimosCostos { width: 485px; }

    #tm-top-b { padding: 65px 0; }

    .divisionGris { padding: 30px 0; }
    #tm-top-c { padding: 65px 0; }
    #tm-top-c > div > div:last-child { margin-top: 85px; }

    #tm-top-d { padding: 65px 0; }
    #tm-top-d > div { width: auto; }

    .slider-logosRedes > div > ul 
    { min-width: 195px !important; min-height: 82px !important; }
    .slider-logosRedes > div > ul > li > picture > img 
    { height: 90px; }
    .slider-logosRedes > div > div > a
    { width: 30px !important; height: 30px !important; margin: 24px 10px; }
    .slider-logosRedes > div > div > a > svg
    { height: 10px !important; }
    .titulo-redSuministros { margin-bottom: 60px; }
    #tm-bottom-a { padding: 65px 0; }

    #tm-footer > div > div:first-child { margin: 0 auto 75px; width: 225px; }
    .titulo-footer { font-size: 20px; margin: 50px 0; }
    #tm-footer > div > div:nth-child(3) > div > div:last-child > div > div > div:first-child > img 
    { width: 20px; }
    #tm-footer > div > div:nth-child(3) > div > div:last-child > div > div > div:first-child
    { text-align: left; margin-bottom: 20px; }
    .container-telWhat { text-align: left; }
    #tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:first-child, 
    #tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(2) 
    { border-right: unset; width: auto; padding: 0; border-bottom: solid 2px #E1E1E1; }
    #tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(2)
    { width: auto; }
    #tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(2) > div:last-child 
    { text-align: left; }
    #tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(3) 
    { width: auto; padding: 0; }
    .container-ubicacion { text-align: left; width: 365px; }
    #tm-footer > div > div:nth-child(4) { margin-top: 50px; }
    #tm-footer > div > div:nth-child(5) { height: 65px; }
    #tm-footer > div > div:nth-child(5) > div > div { margin-top: 20px; }
    #tm-footer > div > div:nth-child(5) > div > div > div > div > div > a > img
    { width: 25px; }
    #tm-footer > div > div:nth-child(2) > div > div > img 
    { width: 165px; }
    #tm-footer > div > div:nth-child(3) > div > div:last-child > div 
    { flex-direction: column; }
    #tm-footer > div > div:nth-child(3) > div > div:last-child > div > div:nth-child(3) > div > img 
    { width: 15px !important; }

    #seccion-sliderNosotros { padding: 100px 0; }
    .tituloSlider-nosotros { font-size: 20px; line-height: 35px; }
    .letraGrande { font-size: 60px; }
    .img-misionVision { width: 35px; }
    .subtitulo-misionVision { font-size: 20px; }
    .txt-misionVision { font-size: 14px; }
    .columna-mvv-1 > div > div:first-child { margin-bottom: 65px; }
    .subtitulo-valores { font-size: 16px; }
    .txt-valores { font-size: 14px; }
    .gridValores > div > div > div > img { width: 45px; }
    #seccion-implementado > div > div:last-child > div > hr
    { width: 250px; }
    #seccion-implementado { padding: 60px 0; }
    #seccion-divisiones { padding: 60px 0 90px; }
    .txt-descripcionesDivi { width: auto; }
    #seccion-sliderNuestroProyecto { padding: 100px 0; }

    #seccion-sliderContacto { padding: 100px 0; }
    .titulo-contactanos { font-size: 25px; }
    #enviar { font-size: 16px; }
    .titulo-Encontramos { font-size: 25px; }
    .titulo-ubicaciones { font-size: 18px; }
    .columna-nosEncontramos-1 > div:first-child > a, 
    .columna-nosEncontramos-2 > div:first-child > a
    { font-size: 14px; }
    #formularioContacto > div > div > div > div > div,
    #formularioContacto > div > div > div > div > label
    { width: 100%; }

    .titulo-avisodePrivacidad { font-size: 25px; }
    .subtitulo-avisoPrivacidad { font-size: 16px; }
    .txt-avisodePrivacidad,
    .txt-listaAP { font-size: 14px; }
}

@media(max-width: 680px){
    #seccion-implementado > div > div:first-child > div:first-child
    { position: unset; }
}

@media(max-width: 639px){
    .container-redesSociales { justify-content: center; gap: 25px; }
    .slider-escritorio > div > ul > li > div > div 
    { margin-top: 50px; }

    .txt2-experienciaCalidad { width: auto; line-height: 18px; }
    .slider-logosExperiencia > div > ul > li > div > picture > img 
    { width: 200px; }
    .slider-logosExperiencia > div > div 
    { display: flex !important; }
    .slider-logosExperiencia > ul > li > a
    { width: 20px; height: 20px; }
    .slider-logosRedes > div > div { display: block !important; }

    .slider-logosRedes > div > div > a:last-child 
    { right: -40px !important; }
    .slider-logosRedes > div > div > a:first-child 
    { left: -45px !important; }

    .txt-description { width: auto; }
    .switch-proyectos > ul:first-child { gap: 15px; }
}

@media(max-width: 550px){
    .titulo-reducimosCostos { font-size: 18px; line-height: 20px; }

    #tm-top-a { padding: 0 0 40px; }
    #tm-top-b,
    #tm-top-c,
    #tm-top-d,
    #tm-bottom-a { padding: 40px 0; }
    .divisionGris { padding: 20px 0; }

    .titulo-reducimosCostos { width: auto; }
    .uk-modal-dialog.uk-flex > button { margin: 30px 15px; }

    .container-division { flex-direction: column; gap: 20px; }
    .grid-divisionesProyectos > ul:last-child > li { padding-top: 20px; }

    .subtitulo-divisiones,
    .txt-descripcionesDivi { text-align: center; }
}

@media(max-width: 460px){
    .txt-redSuministros
    { width: 260px; margin: auto; }
}

@media(max-width: 459px){
    .tituloSlider-proyectos { font-size: 20px; line-height: 30px; }
    .letraGrande { font-size: 40px; }
}

@media(max-width: 400px){
    #tm-footer > div > div:first-child { width: 145px; }
    .container-ubicacion { width: auto; }
    .txt-derechosReservados { padding: 0 35px; }

    .titulo-implementado { font-size: 20px;  line-height: 20px; margin-top: 20px; }
    #seccion-implementado > div > div:last-child { margin-top: 70px; }
    #seccion-implementado > div > div:last-child > div > hr 
    { width: 140px; }
    .img-radiol2 { width: 60px; }
    #seccion-divisiones { padding: 30px 0 90px; }
}