/*
Theme Name: ROS 2022
Theme URI: http://www.ros-chile.com/
Description: El Tema Mockup para Wordpress fue realizado especificamente para la web.
Cuenta con un alto nivel de personalización para adecuarse a las necesidades de los usuarios de esta web.
Author:Jorge Miranda en <a href="http://www.mockup.cl/">Mockup</a>
Version: 1.0
*/


* {padding: 0; margin-bottom: 0; -webkit-font-smoothing: antialiased;}
*:focus {outline: none;}



html {margin:0!important;}

img {text-decoration: none; border:0 none;}

a {text-decoration: none; line-height:1;}
a:hover {cursor: pointer;}
a:active, a:hover {outline: 0;}

body {font-family: 'Open Sans', sans-serif; background:#ffffff; color:#333333; font-size: 16px; }


h1 { font-weight: 800; font-size: 42px;}
h2 { font-weight: 800; font-size: 36px;}
h3 { font-weight: 800; font-size: 24px;}
h4 { font-weight: 700; font-size: 20px;}
h4, h5, h6, {font-family: 'Montserrat', sans-serif;font-weight: 600;  margin-bottom: 1rem;}
p {line-height:150%; font-weight: 400; letter-spacing: .025em; font-size: 0.95rem;}

.size-full {width: 100%; height: auto; display: block;}
.size-full img {width: 100%; height: auto; display: block;}

.text-right {text-align: right;}
.text-left {text-align: left;}

.bblack {top: 0; left: 0; bottom: 0; right: 0; position: absolute; background: rgba(0, 0, 0, .3);}

#wrapp {position: relative; width: 100%; display: table;}

.container {  padding-right: 3rem: padding-left: 3rem;}
.linkFull { position: absolute; top:0; left: 0; right: 0; bottom: 0; text-indent: -9999px; }

.pd-80 {padding: 80px 0;}
.badge {padding:0.4rem; font-weight: normal;}

.jumbotron {   } 
.jumbotron h1 {}
.btn {transition: all .2s linear 0s;}


:root { 
  --rojo: #EA0029;
  --negro:#333333;
  --naranjo:#ff5e01;
  --white: #FFF;
  --fondo1: #EEE7E5;
  --gris: #555;
}

.btn-primary {background: var(--naranjo)!important; border-color: var(--naranjo)!important;  color: #FFF;}
.btn-primary:hover {background: #cc4b00 !important; border-color: var(--naranjo)!important; color: #FFF;}
.btn-secondary {background: var(--white)!important; border-color: var(--white)!important; color: var(--naranjo)!important;}

.bg-dual_1 {background: linear-gradient(90deg, #1D1D1B 50%, #EA0029 50%);}
.bg-dual_2 {background: linear-gradient(90deg, #EA0029 50%, #F3944B 50%);}


.vc_btn3-color-warning {background-color: var(--naranjo) !important;}

.btn-rojo {border:3px solid var(--rojo); color:#FFF !important; font-weight: bold; }
.btn-rojo:hover {background:#EE460C;}
.btn-naranjo {border:3px solid var(--naranjo); color:#FFF !important; font-weight: bold; }


.btn {border-radius: 0;}
.btn-naranjo {background-color: var(--naranjo); color:#FFF;}
.btn-negro {background-color:  #1D1D1B; color:#FFF;}
.btn-gris {background-color: var(--gris); color:#FFF;}

.btn-naranjo:hover {background:#cc4b00; color: #FFF;}
.btn-negro:hover {background-color:  #000; color:#FFF;}
.btn-gris:hover; {background-color: var(--negro); color:#FFF;}

.bg-rojo {background-color: var(--rojo); color:#FFF;}
.bg-negro {background-color: #1D1D1B !important; color:#fff;}
.bg-naranjo {background-color: var(--naranjo); color:#FFF;}
.bg-fondo1 {background-color: var(--fondo1);}
.bg-gris {background-color: var(--gris);}

.text-rojo {color: var(--rojo);}
.text-naranjo {color:  var(--naranjo);}
.text-negro {color:  var(--negro);}

.linea {height: 3px; display: block; width: 60%;}


/* Flechas Slider */

.flex-direction-nav a {width: 60px; height: 60px; background:#FFF;}
.flex-direction-nav a:before {background: url(img_css/arrow-left.svg) no-repeat 5px 7px; background-size:70%; width: 60px; height: 60px; content: ''; }
.flex-direction-nav a.flex-next:before {background: url(img_css/arrow-right.svg) no-repeat 10px 7px; content: ''; background-size:70%;}
.flexslider .flex-direction-nav .flex-prev {left:0;}
.flexslider .flex-direction-nav .flex-next {right: 0;}
.flexslider:hover .flex-direction-nav .flex-prev {left:0;}
.flexslider:hover .flex-direction-nav .flex-next {right: 0;}
ul.flex-direction-nav li a {line-height: 40px;}
.flexslider.dv_slider {margin:0;}


/* efecto link ver más */
a.vermas {display: inline-block; font-weight: 600; position: relative;}
a.vermas:hover {color: initial;}
a.vermas:after {   height: 1px   width: 0   background: #000   content: ""   display: block   position: absolute   right: 0   -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms   transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms;}
a.vermas:hover:after {   left: 0!important   width: 100%!important   -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s   transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s   color:initial;}

a.vermas.text-naranjo:after { background: var(--naranjo);}
a.vermas.text-rojo:after { background: var(--rojo);}
a.vermas.text-white:after { background: #FFF;}
a.vermas.text-negro:after { background: var(--negro);}

a.goTitle_rojo {transition: all .2s ease-in-out 0s; }
a.goTitle_rojo:hover {color:var(--rojo);}
a.goTitle_naranjo{transition: all .2s ease-in-out 0s; }
a.goTitle_naranjo:hover {color:var(--naranjo);}
a.goTitle_negro{transition: all .2s ease-in-out 0s; }
a.goTitle_negro:hover {color:var(--negro);}

.fecha {font-size: 0.9rem;}


/* forma fuentes fuentes */
.contenido {font-size: 0.9rem;}
.contenido h2 {font-size: 2rem;}
.contenido h3 {}
.contenido h4 {}
.contenido h5 {}
.contenido h6 {}
.contenido p {}
.contenido ul { margin-left: 3rem; }
.contenido ul li { margin-bottom: 1rem; }
.contenido a { color: var(--negro); font-weight: 600; position: relative; border-bottom: 1px dotted var(--negro); transition: all .2s linear 0s;}
/*.contenido a:after {   height: 1px   width: 0   background: #000   content: ""   display: block   position: absolute   right: 0   -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms   transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms;}
.contenido a:hover:after {   left: 0!important   width: 100%!important   -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s   transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s;}*/
.contenido a:hover {color: var(--naranjo);}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {   margin: 5px 20px 20px 0;}

.aligncenter,
div.aligncenter {   display: block   margin: 5px auto 5px auto;}
.alignright {   float:right   margin: 5px 0 20px 20px;}
.alignleft {   float: left   margin: 5px 20px 20px 0;}
a img.alignright {   float: right   margin: 5px 0 20px 20px;}
a img.alignnone {   margin: 5px 20px 20px 0;}
a img.alignleft {   float: left   margin: 5px 20px 20px 0;}
a img.aligncenter {   display: block   margin-left: auto   margin-right: auto;}

.wp-caption {   background: #fff   border: 1px solid #f0f0f0   max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px   text-align: center;}
.wp-caption.alignnone {   margin: 5px 20px 20px 0;}
.wp-caption.alignleft {   margin: 5px 20px 20px 0;}
.wp-caption.alignright {   margin: 5px 0 20px 20px;}
.wp-caption img {   border: 0 none   height: auto   margin: 0   max-width: 98.5%   padding: 0   width: auto;}
.wp-caption p.wp-caption-text {   font-size: 11px   line-height: 17px   margin: 0   padding: 0 4px 5px;}

/* Text meant only for screen readers. */
.screen-reader-text { border: 0 clip: rect(1px, 1px, 1px, 1px) clip-path: inset(50%) height: 1px margin: -1px overflow: hidden padding: 0 position: absolute !important width: 1px word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus { background-color: #eee clip: auto !important clip-path: none color: #444 display: block font-size: 1em height: auto left: 5px line-height: normal padding: 15px 23px 14px text-decoration: none top: 5px width: auto z-index: 100000 /* Above WP toolbar. */
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption, figcaption {font-size: 12px;}

/**/

header { }

header .navbar-brand {height: 117px;}
header .navbar-brand img { width: 80%; object-fit: contain; object-position: center; height: 100%; max-width: 150px;}
header .header-right { text-align: right; }
header .menu-principal-container { display:inline-block; vertical-align: middle; margin-left: 0.8em; position: relative;}
header .header-right-top { color: #FFF;}
header .header-right-top .menuTop {margin: 0 10px 0 0; line-height: 22px; vertical-align: middle;  white-space: nowrap; font-size: 1em; display: inline-block;}
header .header-right-top .menuTop a {color:  #FFF;}
header .header-right-top .menuTop li {padding: 0 10px;}
header .header-right-top .menuTop .global {position: relative;}
header .header-right-top .menuTop .otrosSitios {display: none; transition: all .2s ease-in-out; }
header .header-right-top .menuTop .global:hover .otrosSitios {display: block;}
header .header-right-top .menuTop .otrosSitios {position: absolute; top: 22px; right: 0; background: #FFF; padding:10px; z-index: 100; border-top:3px solid var(--naranjo); min-width: 240px;}
header .header-right-top .menuTop .otrosSitios li {}
header .header-right-top .menuTop .otrosSitios li a { display: block; color: var(--negro);}
header .header-right-top .menuTop .otrosSitios li a img {max-width: 22px; height: auto; display: inline-block; vertical-align: middle; margin-right: 10px;}
header .header-right-top .menuTop .otrosSitios li:hover a {color: var(--naranjo);}

header .header-right-top_contacto {display: inline-block; position: relative; vertical-align: middle; background: var(--naranjo);}
header .header-right-top_contacto a {color: #FFF; font-weight: 500; font-size: .8rem; }
header .header-right nav {padding: 20px 0;}

header .main-menu {text-align: left;  background: none; margin: 0; list-style: none; display: flex;}
header .main-menu > li.menu-item { margin: 0 1px 0 0; position: relative; float: left; display: block; line-height: 24px; padding: 10px 8px 10px 8px; position: relative;}
header .main-menu > li.menu-item > a {font-size: 14px;  font-weight: 700;  line-height: 20px; letter-spacing: 0; color: var(--negro);padding: 10px 16px 10px 16px;}
header .main-menu > li.menu-item.current-menu-item > a, header .main-menu > li.menu-item.current_page_item > a { background-color: var(--naranjo); color: #ffffff;}

header .main-menu > li.menu-item .sub-menu {display: none; position: absolute; z-index: 2;  top: 41px; left: 0; width: 320px; background: #fff; list-style: none; padding:15px; transition: all .2s linear 0s;}
header .main-menu > li.menu-item:hover .sub-menu {display: block;}
header .main-menu > li.menu-item .sub-menu a { border-bottom: 1px solid rgba(0,0,0,.03);color: #666; padding: 10px 5%; display: block;}
header .main-menu > li.menu-item .sub-menu a:hover {color: var(--naranjo);}

header .navbar-toggler-icon {width: initial; height: inherit;}
header .navbar-collapse {position: absolute; top:70px; right: 0;}

.header-mobil {}

.btnMenuFixed {}

.MenusWeb {display: none; position: absolute; background: #FFF; width: 80%; margin: 0 10%; top: 130px; z-index: 99999; border-top: 3px solid var(--naranjo); padding: 5%;}
.MenusWeb li a{    border-bottom: 1px solid rgba(0,0,0,.03);color: #666;padding: 10px 5%; display: block;}
.BtnCerrar {display: none;     position: absolute;top: 50%; margin-top: -20px;height: 40px;color: var(--naranjo); border: 1px solid; width: 40px; line-height: 37px;border-radius: 30px; padding: 0px;right: 15px;}
.menuBtn {position: absolute;top: 50%; margin-top: -20px;height: 40px;color: var(--naranjo); border: 1px solid; width: 40px; line-height: 37px;border-radius: 30px; padding: 0px; right: 15px;}
main {}

.carousel-control-next, .carousel-control-prev {z-index:3;}
#cabecera .upImage {position: absolute; left: 0; right: 0; bottom: 0; padding:12px 50px 12px 0; background: #000; background: linear-gradient(0deg, rgba(0,0,0,0.614350134585084) 0%, rgba(0,0,0,0.4967030757615546) 50%, rgba(0,0,0,0) 100%); color: #FFF; z-index: 111;}
#cabecera .upImage h2 { font-weight: bold; line-height: 100% ; font-size: calc(1em + 1.5vw)}

#cabecera {position: relative; padding: 0; margin:0; overflow: hidden; border-radius: 0;}
#cabecera .imagen {width: 100%;padding-top: 30%; display: block; overflow: hidden; text-align: center; position: relative;  background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;
-o-background-size: cover; background-position: center;}
#cabecera .imagen img {object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-position: center;}


.breadcrumb {font-size: 12px; font-weight: 400; color:#333; background: transparent; padding:10px 0 0; margin:0;}
.breadcrumb p {font-size: 12px;}
.breadcrumb a {color:#333; border-bottom: 1px dotted #333; transition: border .2s linear 0s;}
.breadcrumb a:hover {border-bottom:var(--rojo) solid 1px;}


.jumbotron {padding: 7rem 2rem; border-radius: 0;}

#carouselExampleControls {}
.carousel-inner {}
.carousel-inner .carousel-item {}
.carousel-inner .carousel-item .imagen {padding-top: 50%; width: 100%; z-index: 1;}
.carousel-inner .carousel-item .imagen img {object-fit: cover; width: 100%; height: 100%;position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-position: center;}
.carousel-inner .carousel-item .imagen .degra {z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: linear-gradient(0deg, rgba(0,0,0,0.614350134585084) 0%, rgba(0,0,0,0.4967030757615546) 50%, rgba(0,0,0,0) 100%);}
.carousel-inner .carousel-item .texto {left: 0; right: 0; bottom: 25%; z-index: 3; color: #FFF;}
.carousel-inner .carousel-item .texto h2 {color: #FFF; font-size: 3rem;}

.carousel-control-next, .carousel-control-prev {background: 0; border: 0;}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 4rem; height: 4rem;}

.blockright {}
.blockright h5 {font-weight: bold; font-size: 1rem;}

.form-select.bg-rojo {background-image: url(img_css/select.svg); }

.formularios {}
.formularios .imagen {height: 100%; width: 100%; z-index: 1; border-right: 16px solid var(--naranjo);}
.formularios .imagen img {object-fit: cover; width: 100%; height: 100%;position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-position: center;}

.franja_cajas:nth-child(even) {background: var(--fondo1);}
.franja_cajas:nth-child(odd) {background: #FFF;}

.paginacion {}
.paginacion .page-numbers:not(:first-child) .page-link {margin-left: -1px;}
.paginacion .page-numbers { padding: .375rem .75rem;}
.paginacion.naranjo .page-numbers { position: relative; display: inline; color: var(--naranjo);text-decoration: none;background-color: #fff; border: 1px solid var(--naranjo); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.paginacion.naranjo .page-numbers.current {color: #fff; background-color: var(--naranjo);border-color: var(--naranjo);}
.paginacion.rojo .page-numbers { position: relative; display: inline; color: var(--rojo);text-decoration: none;background-color: #fff; border: 1px solid var(--rojo); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.paginacion.rojo .page-numbers.current {color: #fff; background-color: var(--rojo);border-color: var(--rojo);}

.card-naranjo { background: var(--naranjo); color:#FFF; border:0 none; }

.formularios {}
.formularios input, .formularios textarea {border-radius: 0; border-color:#CCCCCC;}

.confian {border:1px solid #ccc; border-bottom: 3px solid var(--naranjo);}
.confian img {    max-width: 100px; height: auto; margin: 12%;}

.testimonio {background: #FFF; border: 1px solid #CCC; border-bottom: 3px solid var(--naranjo); margin-top: 40px; padding-top: 40px;}
.testimonio .imagen-test { position:  absolute; top: -40px; left: calc(50% - 40px); width: 80px; height: 80px; border-radius: 50px; border:  1px solid var(--naranjo);overflow: hidden;}
.testimonio .imagen-test img {width: 100%; height: auto; display: block;}
.testimonio .text-test {  padding: 25px 50px;}

.caso1 {}
.caso1 .foto {}
.caso1 .foto img { object-fit: cover; width: 100%; height: auto; }
.caso2 {border: 1px solid #ccc; border-bottom: 3px solid var(--naranjo);}
.caso2 a {color: var(--naranjo);}

footer { }
footer .navbar-brand {background: no-repeat center; text-indent: -9999px; display: block; width: 100%; height: 36px; background: #FFf; }
footer .textwidget {color:#FFF; margin-left: 5px; font-size: 13px;}
footer a {color:#fff;}
footer a:hover {color: var(--naranjo);}
footer .textwidget li a {color:#fff;}
footer .Menufooter li {}
footer .Menufooter li a {color:#fff;}
footer .Menufooter li:hover a{color:var(--naranjo);}
footer li:hover a{color:var(--naranjo);}

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {

body {font-size: 16px; }
h1 {font-size: calc(42px - 1vw);}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
p {font-size: 0.95rem;}


}


/* MEDIA QUERY */


@media only screen  and (max-width: 1400px) {

header .navbar-brand img {max-width: 80%;}

}

@media only screen  and (max-width: 1200px) {

header .navbar-brand img {object-fit: contain; width: 80%; object-position: center; }



}

@media only screen  and (max-width: 1024px) {

h1 {font-size: calc(42px - 1vw);}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
p {font-size: 0.95rem;}


}


@media only screen and (max-width: 992px) { 
header .navbar-brand {height: 83px;}
#cabecera .imagen {padding-top: 40%;}
.carousel-inner .carousel-item .imagen {padding-top: 50%; width: 100%; z-index: 1;}
.carousel-inner .carousel-item .imagen img {object-fit: cover; width: 100%; height: 100%;position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-position: center;}
.carousel-inner .carousel-item .imagen .degra {z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: linear-gradient(0deg, rgba(0,0,0,0.614350134585084) 0%, rgba(0,0,0,0.4967030757615546) 50%, rgba(0,0,0,0) 100%);}
.carousel-inner .carousel-item .texto {left: 0; right: 0; bottom: 25%; z-index: 3; color: #FFF;}
.carousel-inner .carousel-item .texto h2 {color: #FFF; font-size: 2rem;}

}

@media only screen and (max-width: 768px) { 

#cabecera .imagen {padding-top: 50%;}

}

@media only screen and (max-width: 576px) {

.carousel-inner .carousel-item .texto h2 {color: #FFF; font-size: 1.5rem;}

}