::selection{
    background: #E82F39;
}

/* ========================================================================
                            HEADER Y MENU
========================================================================== */
.interior-inicio > .tm-page > header:nth-child(2) > div > div > div > nav > div > a > svg > g:last-child 
{ display: none; }
.interior-inicio > .tm-page > header:nth-child(2) > div > div > div > nav > div:last-child > ul > li 
{ height: 35px; }
.interior-inicio > .tm-page > header:nth-child(2) > div > div > div > nav > div:last-child > ul > li > a 
{ min-height: 34px; color: black; font-weight: normal !important; font-size: 18px; }
.uk-navbar-nav>li>a::before { background-color: #BF9132; }
.interior-inicio > .tm-page > header:nth-child(2) > div > div > div > nav 
{ margin: 30px 0 20px; }
.interior-inicio > .tm-page > header:nth-child(2) > div > div > div > nav > div:first-child > a > svg 
{ width: 230px; }
.interior-inicio > .tm-page > header:nth-child(2) > div > div > div 
{ padding: 0px 100px; }

.header-escritorio { padding: 0; }
.header-escritorio > div {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.uk-slidenav:hover { background-color: #BF9132; }
.slider-escritorio > div > ul { height: 810px; }
.slider-escritorio > div > ul > li > div:last-child > div 
{ width: 100%; text-align: center; }
.slider-escritorio > div > ul > li:nth-child(2) > div:last-child > div,
.slider-escritorio > div > ul > li:nth-child(3) > div:last-child > div,
.slider-escritorio > div > ul > li:nth-child(4) > div:last-child > div,
.slider-escritorio > div > ul > li:nth-child(5) > div:last-child > div
{ background-color: #ffffff85; } 
.logoArsa-blanco { width: 730px; }
.logoArsa-blanco-2 { width: 380px; }
.slider-escritorio > div > ul > li > div:last-child 
{ justify-content: center; align-items: center; padding-left: 0; padding-right: 0; }

.header-tablet { display: none; }
.header-movil { display: none; }

/* ========================================================================
                        TOP A - QUIENES SOMOS
========================================================================== */
.tm-top-a { padding: 0; }
.tm-top-a > div {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.txt-quienesSomos-1 {
    padding: 30px 0;
    margin: auto;
}

.txt-quienesSomos-2 {
    background-color: #7578751a;
    padding: 45px 30px;
}

.titulo-arsagrain {
    text-align: center;
    color: #213062;
    font-weight: 600;
    font-size: 70px;
    margin: 0;
}

.txt-quienesSomos {
    font-size: 24px;
    color: black;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 100;
    max-width: 1200px;
    margin: auto;
}

.colorBlanco { font-weight: 900; }

/* ========================================================================
                        TOP B - MISION Y VISION
========================================================================== */
.titulo-misionVision {
    color: #BF9132;
    font-weight: 900;
    font-size: 60px;
}

.txt-misionVision {
    margin-top: 0;
    color: #213062;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px;
}

.grid-produccionAtencionC { margin: 80px 0 100px !important; }
.grid-produccionAtencionC > div > div > div 
{ background-color: #1A4173; padding: 20px 30px; }
.grid-produccionAtencionC > div > div { width: 612px; }

.titulo-produccion {
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
}

.txt-produccion {
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 25px;
}

/* ========================================================================
                                FOOTER
========================================================================== */
.tm-footer { background-color: #213062; }

.txt-uneteEquipo {
    color: #B39C33;
    font-size: 24px;
    text-align: center;
    margin-bottom: 0px;
}

.txt-arsaGrain {
    color: white;
    font-size: 18px;
}

.grid-footer-1 { margin-bottom: 40px; }
.grid-footer-1 > div > div:first-child { 
    width: 400px; 
    text-align: center;
    align-items: flex-end;
}

.txt-arsaGrain {
    color: white;
    font-size: 20px;
    text-align: center;
    width: 230px;
    margin: 16px auto 0;
    line-height: 25px;
}

.container-enlacesPP {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.enlace-profesionista,
.enlace-practicantes {
    background-color: #B39C33;
    color: #213062;
    font-weight: 700;
    padding: 8px 25px;
    transition: .5s;
}

.enlace-profesionista:hover,
.enlace-practicantes:hover {
    background-color: #E82F39;
    color: white;
}

.txt-linksInteres {
    color: #B39C33;
    font-size: 24px;
    text-align: center;
}

.container-climPre > a > p {
    color: #B39C33;
    font-size: 18px;
    text-align: center;
    margin: 10px 0 0;
}

.img-footerClima,
.img-footerpresas {
    width: 65px;
}

.enlaces-clima {
    display: block;
    width: max-content;
}

.container-climPre {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.avisoPrivacidad,
.terminosCondiciones {
    color: white;
    font-size: 20px;
    text-align: center;
}

.grid-footer-2 > div > div:first-child { text-align: center; }
.grid-footer-2 > div > div:nth-child(2),
.grid-footer-2 > div > div:nth-child(3) {
    align-items: center;
    justify-content: center;
}

.grid-footer-2 > div > div:first-child > div > img { width: 140px; }
.grid-footer-2 { margin-top: 80px !important; }

/* ========================================================================
                                INTERIORES
========================================================================== */

/* ========================================================================
                                ACERCA DE
========================================================================== */
.grid-acercaDe > div { padding: 0 30px; }
.img-fundador > picture > img { width: 400px; }
.grid-acercaDe > div > div > div:first-child { width: 150px; }
.grid-acercaDe > div > div > div:first-child > div:first-child { width: fit-content; }
.txt-fundador { color: #213062; font-size: 20px; }

.azulOscuro { font-weight: bold; }
.titulo-fundador {
    color: #213062;
    font-size: 21px;
    text-align: center;
    font-weight: 100;
}

.nombre-empresa { background-color: #7578751a; padding: 50px 0; }

.tituloArsagrain,
.preguntaArsagrain {
    color: black;
    font-size: 80px;
    text-align: center;
    margin: 0;
    font-weight: 600;
}

.preguntaArsagrain { font-weight: 100; color: #213062; }
.slider-escritorio-siembra > div > ul { height: 875px; }

.interior-acercaDe-slider-escritorio { padding: 0; }
.interior-acercaDe-slider-escritorio > div {
    padding: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
}

.seccion-queesArsagrain { padding: 35px 0; }
.seccion-queesArsagrain > div { padding: 0 30px; }
.txt-infoArsagrain { color: #213062; font-size: 20px; }
.seccion-infoArsagrain > div { padding: 0 30px; }
.seccion-infoArsagrain { padding: 40px 0; }
.slider-escritorio-plantaProceso2 > div > ul { height: 520px; }

.interior-acercaDe-slider-tablet { display: none; }
.interior-acercaDe-slider-movil { display: none; }

/* ========================================================================
                                CONTACTO
========================================================================== */
.seccion-contacto > div { padding: 0 30px; }

.enlace-telefonoContacto {
    color: #757875;
    font-weight: 500;
    font-size: 35px;
}

.enlace-telefonoContacto:hover { color: #213062; }
.enlace-correoArsa > joomla-hidden-mail > a { 
    color: #757875;
    font-size: 20px;
    font-weight: 500;
}
.enlace-correoArsa > joomla-hidden-mail > a:hover { color: #213062; }
.txt-empresa {
    color: #757875;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}

.txt-direccion {
    color: #757875;
    font-size: 17px;
    font-weight: 500;
}
.txt-direccion:hover { color: #213062; }

.container-googleMaps > iframe { width: 460px; height: 300px; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%); }
.container-googleMaps > form > div > div > div > div:nth-child(1),
.container-googleMaps > form > div > div > div > div:nth-child(2),
.container-googleMaps > form > div > div > div > div:nth-child(3),
.container-googleMaps > form > div > div > div > div:nth-child(4) 
{ flex-direction: column; }

#nombre,
#email,
#telefono,
#comentarios {
    border-radius: 0 !important;
    background-color: #7578751a;
    resize: none;
    box-shadow: none;
    color: black;
}

#nombre:focus,
#email:focus,
#telefono:focus,
#comentarios:focus {
    background-color: #213062;
    color: white;
}

label.col-sm-3.col-form-label.formControlLabel {
    color: #757875;
    font-size: 18px;
    font-weight: 500;
}

.formControls.col-sm-9 { width: 100%; }
.container-recaptchaEnviar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#enviar { background-color: #213062; transition: .5s; }
#enviar:hover { background-color: #E82F39; }
#enviar:focus { background-color: #E82F39; }
.img-contacto { width: 100px; }
.container-comunicate { text-align: center; }

.container-comunicatePadre {
    width: 460px;
    padding: 25px 50px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);
    border-radius: 20px;
    margin: 30px 0;
}

.txt-comunicate {
    color: #1A4173;
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0;
}

.txt-comunicate-2 {
    color: #1A4173;
    font-weight: 500;
    font-size: 18px;
    margin: 0;
}

.txt-comunicate-3 > joomla-hidden-mail > a 
{ color: #1A4173 !important; font-size: 18px; font-weight: 500; transition: .5s; }
.txt-comunicate-3 > joomla-hidden-mail > a:hover 
{ color: #E82F39 !important; }
.txt-comunicate-3 { margin: 5px 0; }
.txt-datosContacto-2 { width: 460px; }
.columna-datosContacto { padding-top: 85px; }


/* ========================================================================
                                RESPONSIVO
========================================================================== */
@media(max-width: 1263px){
    .grid-produccionAtencionC > div 
    { justify-content: center; align-items: center; }
}

@media(max-width: 1239px){
    .grid-footer-1 > div > div:first-child,
    .grid-footer-1 > div > div:last-child
    { width: auto; }
    .container-enlacesPP { gap: 8px; }
    .grid-footer-1 > div { justify-content: center; }
}

@media(max-width: 1200px){
    .titulo-arsagrain { font-size: 60px; }
    .txt-quienesSomos { font-size: 20px; }
}

@media(max-width: 1090px){
    .uk-navbar-nav { gap: 20px; }
}

@media(max-width: 1015px){
    .container-comunicatePadre { width: auto; }
    .container-googleMaps > iframe { width: 100%; }
}

/* VERSION TABLET */
@media(max-width: 959px){
    .uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded=true]
    { color: #213062; }
    .uk-nav-primary > li.uk-active > a { color: #E82F39; }
    .uk-nav-primary > li > a:hover { color: #F2EC43; }
    .uk-nav-primary > li > a { color: #213062; }
    .tm-page > header > div > div > div > nav > div:first-child > a > svg 
    { width: 185px !important; padding: 20px 0; }

    .header-escritorio { display: none; }
    .header-tablet { display: block; padding: 0; }
    .header-tablet > div { padding: 0; }

    .grid-footer-2 { margin-top: 30px !important; }
    .grid-footer-1 > div { justify-content: flex-start; flex-direction: column; }
    .grid-footer-1 > div > div:first-child, 
    .grid-footer-1 > div > div:nth-child(2),
    .grid-footer-1 > div > div:last-child
    { width: max-content; }
    .container-enlacesPP { flex-direction: column; gap: 25px; }
    .avisoPrivacidad, .terminosCondiciones { text-align: left; }
    .txt-uneteEquipo, .txt-arsaGrain { text-align: left; }
    .container-enlacesPP { justify-content: flex-start; align-items: flex-start; }
    .enlace-practicantes { padding: 8px 33px; }
    .txt-arsaGrain { margin: 16px 0; }
    .txt-linksInteres { text-align: left; }
    .container-climPre { justify-content: flex-start; }
    .txt-datosContacto-2 { width: auto; }
    .columna-datosContacto { padding-top: 0; }

    .interior-acercaDe-slider-escritorio { display: none; }
    .interior-acercaDe-slider-tablet { display: block; padding: 0; }
    .interior-acercaDe-slider-tablet > div { padding: 0; }
    .slider-escritorio-siembra > div > ul { height: 720px; }

    .grid-acercaDe > div > div > div:first-child { width: auto; }
    .grid-acercaDe > div > div > div:first-child > div:first-child
    { width: auto; text-align: center; }
    .tituloArsagrain, .preguntaArsagrain { font-size: 70px; }

    .interior-acercaDe-slider-tablet > div > div > div > div > div > ul 
    { height: 640px; }
}

@media(max-width: 820px){
    .tituloArsagrain, .preguntaArsagrain { font-size: 60px; }
}

/* VERSION MOVIL */
@media(max-width: 767px){
    .header-tablet { display: none; }
    .header-movil { display: block; padding: 0; }
    .header-movil > div { padding: 0; }

    .titulo-arsagrain { font-size: 50px; }
    .txt-quienesSomos { font-size: 18px; }
    .titulo-misionVision { font-size: 50px; }
    .txt-misionVision { font-size: 18px; }
    .titulo-produccion { font-size: 25px; }
    .txt-linksInteres,
    .txt-uneteEquipo { font-size: 20px; }
    .txt-quienesSomos-2 { padding: 45px 30px; }
    .grid-produccionAtencionC { margin: 45px 0 25px !important; }
    .grid-produccionAtencionC > div > div { width: 100%; }

    .interior-acercaDe-slider-tablet { display: none; }
    .interior-acercaDe-slider-movil { padding: 0; display: block; }
    .interior-acercaDe-slider-movil > div { padding: 0; }

    .enlace-telefonoContacto { font-size: 30px; }
}

@media(max-width: 680px){
    .tituloArsagrain, .preguntaArsagrain { font-size: 50px; }
}

@media(max-width: 640px){
    .tm-top-b > div, .tm-footer > div,
    .tm-page > header > div > div > div { padding: 0 30px; }
    .uk-visible\@s { display: block !important; }
}

@media(max-width: 580px){
    .tituloArsagrain, .preguntaArsagrain { font-size: 40px; }
}

@media(max-width: 550px){
    .titulo-arsagrain { font-size: 35px; }
    .titulo-misionVision { font-size: 35px; }
    .titulo-produccion { font-size: 20px; }

    .grid-footer-1 > div > div:first-child > div > img { width: 200px; }
    .img-footerClima, .img-footerpresas { width: 55px; }
    .container-climPre { justify-content: flex-start; align-items: center; }
    .avisoPrivacidad, .terminosCondiciones { font-size: 18px; }
}

@media(max-width: 440px){
    .tituloArsagrain, .preguntaArsagrain { font-size: 30px; }
}

@media(max-width: 400px){
    .titulo-arsagrain { font-size: 28px; }
}

@media(max-width: 370px){
    .container-comunicatePadre { padding: 25px; }
    .img-contacto { width: 85px; }
    .txt-comunicate { font-size: 18px; }
}

@media(max-width: 335px){
    .container-comunicatePadre { padding: 25px 15px; }
}