@charset "utf-8";
/* CSS Document CMK-1*/
:root {
	--color_primario: rgba(192,63,68,1.00);;/*#c03f44*/
    --maincolor: #c03f44;
	--color_fondo_primario: rgba(192,63,68,0.20);;
}
.txt-primario, p.major_colorxx {color:  var(--color_primario);}
.fd-primario, div.major_colorxx {
    background-color: var(--color_primario);
    color: #ffffff;
}
/*HEADER*/
.logo-image, .logo-image-phone {height: auto !important;}
#sp-menu>.sp-column {justify-content: flex-end !important;}
/*tel top header*/
#sp-menu-right .sp-contact-phone {
    font-size: 1.6rem;
    background: url(/images/ico/24-hours.png) no-repeat left center;
    padding-left: 64px;
    font-size: 1.6rem;
    background: url(/images/ico/24-hours.png) no-repeat left center;
    height: 48px;
}
#sp-menu-right .fas.fa-phone-alt {display: none;}
/*HELIX-TITLE*/

/*OFFCANVAS-MENU*/
.offcanvas-menu {
    background-color: #d8d8d8;
    color: #f5f5f5;
    background: rgba(226,226,226,1);
    background: linear-gradient(135deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
}
body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li ul {margin: 8px 0 0 8px;}
.offcanvas-menu .offcanvas-inner {padding: 64px 0px 24px;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {padding: 0px 8px 8px 8px;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    color: #333;
    background: rgba(237,237,237,1);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    padding: 4px;
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {color: #333;}
body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, 
body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {right: 8px;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {font-size: 1rem;}

.tituloSeccion {
    font-size: 32px;
    color: #a58c77;
    line-height: 48px;
    margin-left: 8px;
}
.tituloSeccion span{
    color: var(--color_primario);
    text-transform: uppercase;
    font-weight: bold;
}
/*BENEFICIOS*/
.beneficios .sppb-img-responsive {margin-top: -54px;}
/*MANTENIMIENTO*/
.sp-page-builder .page-content #bannerMantenimiento {background-color: #a58c77;}
.sp-page-builder .page-content #bannerMantenimiento .sppb-row-container > .sppb-row {background-color: rgba(192,63,68,1);}
/*FORMULARIO DCH*/
.formDch {
    background-color: var(--color_primario);
    border-radius: 8px;
    padding: 20px;
    color: #fff;
}
.formDch a {
    color: #fff;
    text-decoration: underline;
}
.formDch .rsform-block-btenviarconsulta .col-sm-3.control-label.formControlLabel {display: none;}
.formDch .rsform-block-btenviarconsulta .col-sm-9.formControls{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}
.formDch .rsform-block-btenviarconsulta button {
    background-color: #23272b;
    color: #fff;
    border: solid #1d2124;
    border-image: none 100% 1 0 stretch;
    border-radius: 0;
    border-width: 1px 1px 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin: 15px;
    padding: 6px 35px;
    transition-delay: 0s;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    user-select: none;
    /* vertical-align: middle; */
    white-space: pre-line;
}

/*FOOTER*/
.footerVM {
    background-color: #343a40;
    color: #ffffff;
}
.sp-scroll-up {
    bottom: 64px !important;
    right: 20px !important;
}
/*CONTACTO MOVIL FOOTER*/
#sp-contacto-movil-footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 1000;
    padding: 4px 0;
}
#sp-contacto-movil-footer a {font-size: 1.2rem;}
#cont-mv-reserva, #cont-mv-telefono {padding: 0 !important;}
.sp-scroll-up {
    bottom: 48px;
    right: 16px;
}
.num-320 {
    color: #d6c8bf;
    font-size: 320px;
    line-height: 365px;
}
/*J6
.alert.alert-warning {display: none;}*/
/*moviles vertical*/
@media (min-width: 320px) and (max-width: 567px){
    #sp-footer{margin-bottom: 50px;}
}

/*moviles horizontal - iPhone X*/
@media (min-width: 568px) and (max-width: 823px){
    #sp-footer{margin-bottom: 50px;}
}

/*tablets vertical + iPhone X horizontal*/
@media (min-width: 824px) and (max-width: 1023px){

}

/*escritorio*/
@media (min-width: 1024px){

}