html { scroll-behavior: smooth; }
body { overflow-x:hidden; background:url('../images/workshop-3498969_1280-2.png'); background-repeat:no-repeat; background-size:100%; background-position:0px -200px;}
h1 {} /* logo */
h2 {font-size:34px; font-family:'Montserrat', sans-serif; line-height:34px; color:#2f2f2f;font-weight:700;}  /* carousel */
h3 {font-size:25px; font-family:'Montserrat', sans-serif; line-height:28px; color:#2f2f2f;font-weight:700;text-align:center; }  /* carousel */
h4 {font-size:21px; font-family:'Montserrat', sans-serif; line-height:25px; color:#2f2f2f; font-weight:600;}
h5 {font-size:19px; font-family:'Montserrat', sans-serif; line-height:23px; color:#2f2f2f; text-align:center; font-weight:300; margin-bottom:23px;}
p, li {font-size:16px; font-family:'Montserrat', sans-serif; line-height:24px; font-weight:300; color:#717070; margin:0; margin:14px 0;}
a { outline:none !important; }
i { color:#ed1c24;}
small { line-height:11px !important;}
.bold { font-weight:700;}
.punto { background:#ffc527; width:7px; height:7px; border-radius:50%; display:inline-block; margin-left:5px;}
.sub { width:70px; height:3px; background:#ffc527; margin:10px 0;}

.btn { background:#ffc527; border:0; color:#fff !important;font-size:16px !important; font-family:'Montserrat', sans-serif !important;height:43px !important; display:flex; align-items:center; justify-content:center; line-height:30px; width:225px; border-radius:0; font-weight:700 !important;}
.btn:hover { background:rgba(30,30,30, .8);}
.btn i { color:#fff; margin-right:10px;font-size:18px; }
.btn-amarillo { background-color: #ffc527;color: #fff; border: 2px solid #ffc527; font-weight: 700; text-transform: uppercase;}
.btn-amarillo:hover { background:#fff; border:1px solid #fff; color:#000 !important;}
.btn-blanco { background-color: #fff;color: #000 !important;; border: 2px solid #fff; font-weight: 700; text-transform: uppercase;}
.btn-blanco:hover { background:#ffc527; border:1px solid #ffc527; color:#fff !important;}

/* Generales */
.container-fluid { padding:0;}
.header {position: fixed;display: flex;justify-content: center;z-index: 10000; height:90px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer { background:#5e5b5b; padding: 34px 0; color:#ffc527;}

/* Encabezado */
.logo { width:120px; margin-right:25px;}
.nav-item a { color:#fff; font-size:15px; font-family:'Montserrat', sans-serif; font-weight:600; text-decoration: none;padding: 10px; text-decoration:none; }
.nav-item a:hover { color:#ffc527; }
.nav-item a.current { color:#ffc527;}
.nav-link { padding: 0 !important;}
.navbar { align-items: end;}
.navbar-expand-md .navbar-nav { margin-top:5px;}
.navbar-expand-md .navbar-nav .nav-item {padding-right: 0.5rem;padding-left: 0.5rem; margin:5px 0;}
.navbar-expand-md .navbar-nav .nav-item:last-child {padding-right: 0;padding-left: 0; position:absolute; right:0;margin-top: 0px;}
.navbar-expand-md .navbar-nav .nav-item:last-child a, .navbar-expand-md .navbar-nav .nav-item:last-child a:hover { border:none }
.navbar-expand-md .navbar-nav .nav-item:last-child img { width: 30px; margin-top: -4px; }
.navbar-expand-md .navbar-nav .nav-link {padding-right: 1rem !important; padding-left: 1rem !important;}
.sidenav { display:flex; width: 100%; justify-content: flex-end; }
.sidenav ul { margin-top:-10px;}
.dropdown-toggle::after {display: none;}
.navbar-expand-md .navbar-nav .buscador { padding-right:0.7rem;padding-left: 0.3rem;}
.headers {display:flex; height:184px; align-items: center; }
.headers h2 { font-size:52px;font-family:'Open Sans', sans-serif; font-weight:400; color:#fff; margin-left:38px;}
.navbar-toggler { width:34px; padding: .25rem .75rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: .25rem;transition: box-shadow .15s ease-in-out;}
.navbar-toggler-icon { display: block;width: 25px;height: 2px; margin:3px 0 4px;border-radius: 5px; background-clip: padding-box; background:#4D4D4D;}
.overlay {height: 100%;width: 0;position: fixed;z-index: 11000;top: 0;left: 0;background: #2196f3;overflow-x: hidden;transition: 0.3s;}
.overlay-content {position: relative;top: 0px;width: 100%;text-align: left;margin-top: 0px;transition: 1s; }
.overlay-content .navbar-nav .nav-item:first-child, .overlay-content .navbar-nav .nav-item:first-child a:hover { background:#f7f7f7; margin:0; padding:32px 0; }
.overlay a {padding: 8px;text-decoration: none;color: #fff;display: block;transition: 1s;}
.overlay .logo {margin-right:0; width:125px;}
.overlay-content li a { font-size:18px; padding:10px 0; width:230px; text-align:center; margin:0 auto; border:none; margin: 8px auto;}
.overlay-content li:last-child a { border-bottom:none !important;}
.overlay-content li:hover, .overlay-content li a:hover { /* background:transparent !important; */}
.overlay .closebtn {position: absolute;top: 0px;right: 0;font-size: 34px;background:#2196f3; padding:11px 15px 15px; color:#fff; z-index:10000; line-height: 20px;}
.navbar-toggle { display:none; background: transparent;border: 0;}
.large {}
.small { background:rgba(0,0,0,.7);box-shadow:1px 1px 10px #666;}





/* Slide Inicial */
/* version 1
.slides { padding-top:130px; }
.slick-slider {margin: 0 auto;width: 100%; height:100%;}
.slick-track { padding-bottom:40px;}
.slides_inicial, .slides_inicial .slick-slide { margin:0; padding:0; background:#f7f7f7; position: relative;}
.slick-initialized .slick-slide { position: relative; }
.slides .slick-slide img { margin:0; padding:0; width: 100%; max-width: 100%;min-height: 230px;max-height: 700px;}
.texto-slides { position:absolute; left:52%; width:38% !important; z-index:1000; padding: 25px 34px;height: auto; top:20%; color:#fff; text-align: right;}
.texto-slides h2, .texto-slides p { color:#000; text-align:right;}
.texto-slides h5 { color:#ffc527; text-align:right;}
.texto-slides .btn { float:right; width:180px; margin-top:20px; }
*/

.slides { }
.slick-slider {margin: 0 auto;width: 100%; height:100%; }
.slick-track { padding-bottom:0; max-height:400px !important;}
.slides_inicial, .slides_inicial .slick-slide { margin:0; padding:0; background:#f7f7f7; position: relative;}
.slick-initialized .slick-slide { position: relative; max-height:700px !important;}
.slides .slick-slide img { margin:0; padding:0; width: 100%; max-width: 100%;}
.texto-slides { position:absolute; width:100% !important; z-index:1000; padding: 25px 34px;height: auto; top:30%; color:#fff; text-align: center;}
.texto-slides h2, .texto-slides p { color:#ffc527; font-size:61px; line-height:61px;text-align:center; text-transform:uppercase; margin-bottom:34px;}
.texto-slides h5 { color:#fff; text-align:center;}
.botones { width:100%; text-align: center; position:relative;}
.texto-slides .btn { width:180px; margin-top:20px !important; display:initial; padding:10px 25px; }


/* Home */
.lista-nosotros { width:100%; list-style:none; text-transform:uppercase;}
.lista-nosotros li { width:46%; margin:10px 2%; background:#ebebeb; box-shadow:0 2px 3px rgba(40, 40, 40, 0.12); list-style:none; text-transform:uppercase; float:left; padding:25px; color:#434343; font-weight:700; text-align:center; display:flex; flex-direction: column; align-items: center;}
.lista-nosotros li img { display:block; text-align:center; height:43px;}
.lista-servicios .col { padding-right: calc(var(--bs-gutter-x)/ 5); padding-left: calc(var(--bs-gutter-x)/ 5); position:relative; }
.lista-servicios .col img { width:100%;}
.texto-servicios { position: absolute; background: #fff; bottom: 40px; width: auto; left: 20px; padding: 10px; }
.texto-servicios p { font-weight:700; color:#333; margin:0; }
.lista-equipamiento { list-style:none; width:100%;}
.lista-equipamiento li { list-style:none; display: inline-flex; align-items: center; width:45%; margin:7px 0; line-height:18px;}
.lista-equipamiento li span { width:5px; height:5px; border-radius:50%; background:#ffc527; margin-right:10px; }
.testimonios img { width:80%; height:auto; margin:0 auto;}
.testimonios .slick-track { display:flex; align-items:center;}

/*
.box-datos-slides { margin-top: -34px;position: relative;background:#2196f3;  padding:20px 0; margin-bottom:52px; color:#fff;}
.box-datos-slides .col-4 { display:flex; align-items:center; justify-content:center; }
.box-datos-slides .col-4 p {color:#fff;  font-size:20px;}
.box-datos-slides-xs { display:none; }
.bg-testimonios {background:url('../images/fondo-testimonios2.jpg') no-repeat; background-size:cover; min-height:430px; padding:34px 0; margin:34px 0 0px; display:flex; align-items:center;}
.bg-testimonios h4 { margin-top: 38px;margin-bottom: 0 !important;}
.bg-testimonios p { width:520px; margin:30px auto 0;}
.bg-testimonios p.datos { margin-top: 0 !important; font-size:14px;line-height:13px;}
.bg-expensas { background:url('../images/fondo-expensas.jpg') no-repeat; background-size:cover; min-height:430px; margin:0 0 52px; display:flex; align-items:center;}
.texto-expensas { background:rgba(0,0,0, 0.5); padding: 25px 34px;height: auto !important; top:25%;color:#fff; text-align:center;}
.texto-expensas h2, .texto-expensas p { color:#fff;}
.texto-expensas .btn { display:block; margin:20px auto 0;}
.lista-servicios { display:flex; margin-top:20px; margin-bottom:20px;}
.lista-servicios h4, .lista-servicios p { width:90%;}
.lista-servicios i { margin-right:20px; font-size:32px;}
.proveedores li { margin-left:25px; list-style:none;}
.proveedores li i {font-size:12px; color:#333; margin-right:8px; margin-top:-4px;}
*/

#contacto { margin-top:34px; background:#f7f7f7; padding:52px 0;}
.info-contacto { display:flex; }
.info-contacto p { margin:-4px 10px 20px; }
iframe { width:100%; height:450px; }

/* Footer */
.footer ul { list-style:none;  padding:0; margin:0;}
.footer li, .footer p, .footer a { color:#ffc527; font-family:'Montserrat', sans-serif; font-weight:300; padding:0; margin:0; font-size:14px; text-decoration:none;}
.footer a:hover { color:#f7f7f7; text-decoration:underline;}
.boton_whatsapp { display: block; width: 80px; height: 80px; position: fixed; right: 10px; bottom: 12px; line-height: 80px; z-index: 999;}

/* Contacto - Formularios*/
form { margin-top:34px; }
input[type="text"], textarea { border:1px solid #C9C9C9; border-radius:8px; padding:10px 20px; width: 100%;margin-left: 5px; margin:10px 5px 10px 0;}
textarea { border:1px solid #C9C9C9; border-radius:8px; padding:10px 20px; width:100%;margin-left: 5px; height:110px;}
input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size:14px; color: #9D9D9D; font-family:'Open Sans', sans-serif; font-weight:300;}
input[type="text"]::-moz-placeholder, textarea[type="text"]::-moz-placeholder { font-size:14px; color: #9D9D9D; font-family:'Open Sans', sans-serif; font-weight:300;}
input[type="text"]::-ms-input-placeholder, textarea[type="text"]::-ms-input-placeholder { font-size:14px; color: #9D9D9D; font-family:'Open Sans', sans-serif; font-weight:300;}
input[type="text"]::-moz-placeholder, textarea[type="text"]::-moz-placeholder { font-size:14px; color: #9D9D9D; font-family:'Open Sans', sans-serif; font-weight:300;}
button.btn { width: 100%; margin:10px 0 10px 5px;}
label.error { font-size:14px; color:red; margin-left:10px; margin-top: -10px !important; display: block;}

@media(max-width:1280px) {
.container-xl { padding-left:34px !important; padding-right:34px !important;}
}
@media(max-width:1200px) {
.container-fluid .box-datos-slides { max-width:95% !important; width:95% !important; }
.navbar-expand-md .navbar-nav .nav-item {padding-right: 2px;padding-left:2px;}
.btn { font-size:13px !important; width:218px; line-height:25px; height:34px !important;}
.texto-slides {left:110px; padding: 20px 25px;height: auto; top:15%;}
.navbar-expand-md .navbar-nav .nav-item:last-child { position:absolute; right:0;margin-top: 10px;}
}

@media(max-width:992px) {
.header .container-xl { padding-left: 10px !important;padding-right: 10px !important;}
.navbar-expand-md .navbar-nav .nav-link {padding-right: .5rem !important;padding-left: .5rem !important; }
.container-fluid .box-datos-slides { padding: 8px 10px !important; }
.box-datos-slides .col-4 p {color: #fff;font-size: 18px;}
.bg-expensas, .bg-testimonios { min-height: 340px; }
.bg-testimonios { margin-top:25px; }
.texto-expensas { padding: 20px 25px;}

h2 {font-size:30px; line-height:30px;}
h4 {font-size:19px; line-height:21px;}
h5 {font-size:16px; line-height:18px; margin-bottom:}
p, li {font-size:14px; line-height:18px; }
.texto-slides p { margin:8px 0; font-size:13px;}
.texto-slides h2 { font-size:25px;line-height:25px; }
.bg-expensas { margin: 0 0 34px; }
iframe { width:100%; height:340px; }
}

@media(max-width:890px) {
.nav-item a { font-size:13px;}
.logo { width:100px; margin-right:10px;}
.header { height:108px;}
.slides {padding-top: 108px;}
.nav-item .btn {font-size: 12px !important;width: 188px;line-height: 21px;height:32px !important;}
.nav-item a.btn {padding: 4px !important;}
.btn i { margin-right:3px;font-size:16px; }
.texto-slides { margin: 25px auto !important; width:450px !important; left:70px; top:0;}
}

@media(max-width:768px) {
.navbar-toggle { display:block;margin-top:-5px;}
.sidenav { display:none !important;}
.sidenav .navbar-nav { display:none !important;}
.nav-item .btn {font-size: 12px !important;width: 188px;line-height: 21px;height:43px !important;}
.header { height:104px;}
.logo { width:100px; margin-right:25px;}
.slides {padding-top: 104px;}
.texto-slides { padding: 15px 18px;}
.texto-slides h2 {font-size: 21px;line-height: 21px;}
.texto-slides .btn {width: 125px; line-height: 25px;height: 28px !important;font-size: 12px !important;} 
.box-datos-slides .col-4 p {font-size: 14px;margin: 4px 0 !important;line-height: 15px;}
.slides .slick-slide img { min-height: 210px; width:200% !important;}
.footer { padding: 18px 0; }
.footer p, .footer a { font-size:12px; line-height:14px;}
}

@media(max-width:620px) {
.slides .slick-slide img { min-height: 200px; }
.texto-slides {margin: 34px auto !important; width:340px !important; }
.texto-slides h2 { font-size:21px;line-height:23px; }
.texto-slides p { display:none;}
.texto-slides .btn { width:125px;}
}

@media(max-width:576px) {
.header .container-xl { padding-left:10px !important; padding-right:10px !important;}
.container-xl {padding-left: 15px !important;padding-right: 15px !important;}
.info-contacto { text-align:center; justify-content: center;}
textarea, button.btn { margin-left:0 !important;}
.lista-servicios h4, .lista-servicios p {width: 100%;}
.lista-servicios i { margin-right:16px; font-size:32px;}
.proveedores li { margin:10px 0;}
iframe { width:100%; height:250px; }
.text-end { text-align:left !important;}
}

@media(max-width:560px) {
.container-fluid .box-datos-slides { padding: 10px !important; }
.box-datos-slides .col-4 p {font-size: 13px;margin: 4px 0 !important;line-height: 12px;}
}

@media(max-width:520px) {
.container-fluid .box-datos-slides { max-width:98% !important; width:98% !important; }
.box-datos-slides .col-4 p {font-size: 12px;margin: 4px 0 !important;line-height: 12px;}
}

@media(max-width:475px) {
.texto-slides { left: 0 !important;text-align: center;width: 80% !important;margin: 34px 10% !important;}
.texto-slides h2 { text-align:center;}
.botones { display: flex;justify-content: center;}
p {font-size:13px; line-height:15px; }
.box-datos-slides-xs { max-width:85% !important; width:85% !important; display:block; margin-top: -32px;position: relative;background:#2196f3; border-radius:10px; padding:5px 0; margin-bottom:25px; color:#fff;}
.box-datos-slides-xs i { color:#fff !important; text-align:center; font-size: 13px;}
.box-datos-slides-xs p { color:#fff !important; text-align:center; font-size: 13px; margin:8px 0;}
.box-datos-slides-xs p.telefono, .box-datos-slides-xs p.telefono a { color:#fff !important; text-decoration:none;}
.box-datos-slides { display:none; }
.bg-testimonios p, .bg-testimonios h4 { width:80%; margin-left:10%; }
.footer { padding: 10px 0; }
.footer p, .footer a { font-size:11px; line-height:14px;}
}

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

@media(max-width:375px) {
.container-fluid { padding-left:0; padding-right:0; }
h2 {font-size:25px; line-height:25px;}
h4 {font-size:18px; line-height:21px;}
h5 {font-size:16px; line-height:18px; }
p, li {font-size:13px; line-height:16px; }
.texto-slides { width: 90% !important;margin: 34px 5% !important;}
.texto-slides h2 { font-size:20px;line-height:21px; }
.texto-slides p { margin:8px 0; font-size:13px;}
.texto-slides .btn { width:108px;}
}