@charset "UTF-8";
/* ------------------------------------- */
/* Ultima edición Luis R. 2021/04/22     */
/* ------------------------------------- */
/* Seccion nueva: ARTEXSA LANDING        */ 
/* ------------------------------------- */
#header-mobile, #header { z-index: 40; }
*- {
border:1px solid red;
}
body { padding-top: 3rem; padding-bottom: 3rem; color: #5a5a5a; }
.carousel { margin-bottom: 4rem; }
.carousel-caption { width: 50%; bottom: 3rem; z-index: 10; }
.dark { width: 100%; position: absolute; left: 0; z-index: 0; top: 0; height: 100%; background-color: rgb(0 0 0 / 37%); }
.carousel-control-prev, .carousel-control-next { z-index: 100; }
.carousel-caption h1 { text-align: left; line-height: 100%;/* font-family: Montserrat, sans-serif; */ font-size: 90px; font-weight: 600; }
.carousel-caption p { text-align: left; font-size: 26px; font-weight: 400; }
.carousel-caption p a { color: white; background-color: #EE2722; border: 0;/* font-family: Montserrat, sans-serif; */ }
.carousel-item { height: 38rem; }
.carousel-item > img { position: absolute; top: 0; left: 0; width: 100%; min-width: 100%; }
.lr-artexa-landing { width: 100%; float: left; margin: 0; }
.lr-artexa-landing .carousel { margin: 0; background-color: black; }
.lr-artexa-landing .wrap { margin: 0 auto; padding: 0 20px; max-width: 1200px; }
.lr-artexa-landing .col-l { float: left; width: 50%; }
.lr-artexa-landing .col-r { float: right; width: 50%; }
.cuatro-servicios { float: left; width: 100%; padding: 65px 0; background-color: rgb(70 70 70 / 20%); }
.cuatro-servicios:before { content: ' '; width: 100%; display: block; position: absolute; height: 183px; background-color: #EE2722; z-index: -1; margin: 50px 0 0 0; }
.cuatro-servicios .servicio { color: white; float: left; background-color: #666666; width: 25%; z-index: 10; }
.cuatro-servicios .servicio:nth-child(2) { background-color: #4d4d4d; }
.cuatro-servicios .servicio:nth-child(3) { background-color: #404040; }
.cuatro-servicios .servicio:nth-child(4) { background-color: #333333; }
.cuatro-servicios .servicio .imagen { float: left; min-height: 310px; width: 100%; background-position: center; background-size: auto 100%; }
.cuatro-servicios .servicio .texto { min-height: 240px; padding: 20px 20px 5px 20px; float: left; width: 100%; }
.cuatro-servicios .servicio a { margin: 10px 20% 20px 20%; border-bottom: 0; text-align: center; width: 60%; display: block; float: left; color: white; border-radius: 5px; padding: 7px;/* font-family: Montserrat, sans-serif; */ background-color: #EE2722; display: block; color: white;/* font-family: Montserrat, sans-serif; */ float: left; text-align: center;/* font-size: 16px; */ }
.cuatro-servicios .servicio h2 { font-size: 22px;/* font-family: Montserrat, sans-serif; */ min-height: 45px; line-height: 120%; margin: 0 0 10px 0; }
.cuatro-servicios .servicio p { line-height: 120%; font-size: 17px; margin: 0 0 10px 0; }
.demostracion { float: left; width: 100%; padding: 62px 0; background-color: white; }
.demostracion .wrap { padding: 0 20px; max-width: 1200px; min-height: 100px; }
.demostracion .col-l { padding: 25px 30px 0 30px; }
.demostracion .col-l h1 { font-size: 30px;/* font-family: Montserrat, sans-serif; */ font-weight: 600; color: black; }
.demostracion .col-l h3 { font-size: 26px; color: black;/* font-family: Montserrat, sans-serif; */ line-height: 110%; margin: 0 0 10px 0; }
.demostracion .col-l p { font-size: 22px; line-height: 120%; }
.demostracion .col-r img { width: 100%; }
.accesorios { float: left; width: 100%; padding: 62px 0; }
.accesorios .wrap { padding: 0 20px; max-width: 1200px; min-height: 100px; }
.accesorios img { width: 100% }
.accesorios .col-r { padding: 30px; }
.accesorios h2 { background-color: #EE2722; font-size: 60px; color: white; font-weight: 600;/* font-family: Montserrat, sans-serif; */ line-height: 94%; padding: 26px; width: 556px; letter-spacing: 1px; height: 165px; position: absolute; margin: 124px 0 0 -160px; }
.accesorios p { margin: 330px 0 23px 0; font-size: 25px; line-height: 160%; }
.demostracion a, .accesorios a {/* background-color: #EE2722; */ padding: 0;/* display: block; *//* color: white; *//* font-family: Montserrat, sans-serif; *//* float: left; *//* text-align: center; */ font-size: 24px; }
.contacto { float: left; padding: 210px 0; width: 100%; background-color: black; background-image: url(../img/services-img/fondo-contacto.jpg); background-size: cover; min-height: 500px; background-position: center; }
.contacto h1 { font-size: 55px; margin: 0 0 22px 0; font-weight: 600;/* font-family: Montserrat, sans-serif; */ }
.contacto p { font-size: 22px; margin: 0 0 14px 0; line-height: 110%; }
.contacto .col-l, .contacto .col-r { padding: 0 30px; color: white; }
.contacto .col-l { margin: 0 0 0 0; }
.contacto .formulario { color: white; width: 92%; float: right; }
.contacto .wrap { padding: 0 20px; max-width: 1200px; min-height: 100px; }
.contacto img { width: 100% }
.contacto .formulario p { margin: 0; }
.contacto .formulario input[type=text], .contacto .formulario textarea, .contacto .formulario input[type=email] { background-color: white; width: 100%; border: 0; padding: 10px; margin: 10px 0; }
.contacto .formulario label { width: 100%; margin: 0 0 20px 0; }
.contacto .formulario .s50 { padding: 0 30px 0 0; width: 50%; float: left; }
.contacto .formulario .s50:nth-child(2n+2) { padding: 0 0 0 30px; }
.contacto .formulario input[type=submit] { background-color: #EE2722; padding: 10px; display: block; color: white; width: 53%; font-weight: 600;/* font-family: Montserrat, sans-serif; */ border: 0; text-align: center;/* font-size: 18px; */ }
/*corrección al footer solo para este contenido*/
footer { width: 100%; float: left; }

/* ---------------------------------------- */
/*    correción para formulario hotspot     */
/* ---------------------------------------- */
.contacto { background-color: rgb(70 70 70 / 10%); background-image: none; padding: 50px 0; }
.contacto h1 { font-size: 40px; }
.contacto h1, .contacto p { color: #666666; } 
.contacto .col-l { width: 30% }
.contacto .col-r { width: 60% }

/* --------------------------------------------------- */
/*    reemplazo de logo unicamente en este landing     */
/* --------------------------------------------------- */
.site-logo img, .site-logo-mobile img {display:none;}

.site-logo, .site-logo-mobile:after {background-image: url(../img/services-img/logo-artexa-service.svg?a);content:' ';background-size: 100%;display:block;float:left;width: 230px;min-height: 53px;background-repeat: no-repeat;margin: 0;}

/* ======================================== */
/* =============== RESPONSIVE ============= */
/* ======================================== */


  /* ------------------------------------- */
  /*                939 MAX                */
  /* ------------------------------------- */
  @media (max-width: 939px) {
.accesorios h2 { font-size: 60px; width: 510px; height: 180px; margin: 10px 0 0 -140px; }
.accesorios p { margin: 200px 0 20px 0; }
.accesorios a { width: auto; }
.cuatro-servicios .servicio { width: 50%; }
.cuatro-servicios .servicio { min-height: 580px; }
.carousel-item { height: 31rem; }
.carousel-caption h1 { font-size: 62px; }
}
/* ------------------------------------- */
/*                768 MAX                */
/* ------------------------------------- */
@media (max-width: 768px) {
.demostracion .col-l, .demostracion .col-r { width: 100%; padding: 20px 0; }
.demostracion { padding: 40px 0; }
.accesorios .col-l, .accesorios .col-r { width: 100%; }
.accesorios { padding: 20px 0; }
.accesorios .col-r h2 { position: relative; margin: -223px 0 0 0; width: 100%;/* height: 220px; */ text-align: center; }
.accesorios p { margin: 40px 0;/* text-align: center; */ }
.accesorios a {/* font-size: 50px; *//* width: 80%; *//* margin: 0 10%; */ }
.contacto { padding: 80px 0px; }
.contacto .col-l, .contacto .col-r { width: 100%; padding: 0; margin: 0 0 60px 0; }
.contacto h1 { font-size: 30px; }
.contacto .col-r .formulario { width: 100%; }
.contacto .formulario .s50:nth-child(2n+2), .contacto .formulario .s50 { width: 100%; padding: 0; }
.carousel-caption h1 { font-size: 44px; }
.carousel-item { height: 26rem; }
.carousel-caption { top: 63px; }
}

/* ------------------------------------- */
/*                600 MAX                */
/* ------------------------------------- */
@media (max-width: 600px) {
.lr-proyectos-2021 .categoria { width: 100%; margin: 0 0 50px 0; }
.cuatro-servicios .servicio { min-height: auto; width: 100%; margin: 0 0 40px 0; }
.cuatro-servicios .texto { min-height: auto; }
.accesorios .col-r h2 { font-size: 60px; }
.accesorios .col-r a { font-size: 20px; }
.carousel-caption h1 { font-size: 50px; }
.carousel-caption { width: 70%; }
.carousel-caption p { }
.cuatro-servicios .servicio h2 { min-height: auto; }
.cuatro-servicios .servicio .texto { min-height: auto; }
.carousel-item > img { width: 147%; left: 0; }
}

/* ------------------------------------- */
/*                480 MAX                */
/* ------------------------------------- */
@media (max-width: 480px) {
.carousel-caption h1 { font-size: 34px; }
.carousel-caption p { font-size: 20px; }
.carousel-item { height: 20rem; }
.carousel-caption { top: 43px; }
.accesorios .col-r h2 { font-size: 30px; height: auto; line-height: 120%; padding: 20px; margin: -170px 0 40px 0; }
}