/* Estilos específica para la web ruber-internacional */

/* Estilos del padre */
@import url('web_centrosprivados.css');


.ruber-portada-slider .box-item .box-text .content-tit .cmContentLink {
    color: #ffffff;
}
.ruber-portada-slider .box-item .box-text .content-tit .cmContentLink {
    color: #FFF;
}

.banner-video-home {
	margin-top: -4%;

}

.scroll-to-fixed-fixed .banner-video-home {
	display: none;
}

.banner-video-home .cmBanners h1 {
	margin-top: 0;
}

.banner-video-home img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1200px){
	.banner-video-home {
		margin-top: -2%;
	}
}


@media screen and (max-width: 480px){
	.banner-video-home {
		margin-top: -3%;
	}
}
.ruber-especialidad-detalle .cuadro-medico-list .cmBodyAbstractContentChildrens .cmContentList .boxRight {
    padding: 15px 20px 3em;
    height: 100%;
}
.ruber-especialidad-detalle .cuadro-medico-list .cmBodyAbstractContentChildrens .cmContentList .boxHead{
	background: #FFF;
	height: 100%;
}
.ruber-especialidad-detalle .cuadro-medico-list .cmBodyAbstractContentChildrens .cmContentList .boxTop {
    height: 100%;
}


.cuadro-medico-detail .newModelCVMedico .boxRight .boxizq .boxName {
    color: inherit;

}


.cmWizardEditMode .cuadro-medico-detail + .cmBodyContent .boxHead .boxLeft {
    float: left;
    overflow: hidden;
    width: 140px;
    border-radius: 5px;
    margin-right: 30px;
    padding: 0
}

.cmWizardEditMode .cuadro-medico-detail  + .cmBodyContent .boxHead .boxLeft+.boxRight {
    float: left;
    width: 80%;
}

.cmWizardEditMode .cuadro-medico-detail  + .cmBodyContent .boxHead .rowDataLabel {
    font-weight: 600;
}

.cmWizardEditMode .cuadro-medico-detail + .cmBodyContent .boxBottom {
    position: static;
    width: 100%;
    clear: both;
    overflow: hidden;
    border-left: 3px solid #e03e52;
    padding: 10px 0 10px 25px;
    overflow: hidden;
    margin-left: 15px;
}



.cmWizardEditMode .cuadro-medico-detail .boxBottom {
    position: static;
    width: 100%;
    clear: both;
    overflow: hidden;
    border-left: 3px solid #e03e52;
    padding: 10px 0 10px 25px;
    overflow: hidden;
    margin-left: 15px
}

.cmWizardEditMode .tabContainer .tab,.cuadro-medico-detail .tabContainer.nav-tabs {
    border-bottom: unset;
    width: 100%
}

@media screen and (min-width: 768px) {
    .cuadro-medico-detail .tabContainer .tab,.cuadro-medico-detail .tabContainer.nav-tabs {
        text-align:right
    }
}

.cmWizardEditMode .cuadro-medico-detail .tabContainer .tab,.cmWizardEditMode .cuadro-medico-detail .tabContainer.nav-tabs {
    text-align: left
}

.cmWizardEditMode .tabContainer .tab a,.cuadro-medico-detail .tabContainer.nav-tabs a {
    display: block;
    padding: 10px 0;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 14px -1;
    font-weight: 600;
    white-space: normal;
    position: relative
}

.cmWizardEditMode .tabContainer .tab a:hover,.cuadro-medico-detail .tabContainer .tab a:active,.cuadro-medico-detail .tabContainer .tab a:focus,.cuadro-medico-detail .tabContainer .tab a:active:hover,.cuadro-medico-detail .tabContainer .tab a:active:focus,.cuadro-medico-detail .tabContainer.nav-tabs a:hover,.cuadro-medico-detail .tabContainer.nav-tabs a:active,.cuadro-medico-detail .tabContainer.nav-tabs a:focus,.cuadro-medico-detail .tabContainer.nav-tabs a:active:hover,.cuadro-medico-detail .tabContainer.nav-tabs a:active:focus {
    text-decoration: none
}

.cmWizardEditMode .tabContainer .tab a:hover,.cuadro-medico-detail .tabContainer .tab a:focus,.cuadro-medico-detail .tabContainer.nav-tabs a:hover,.cuadro-medico-detail .tabContainer.nav-tabs a:focus {
    background: unset;
    border-color: #fff
}

.cmWizardEditMode .tabContainer .tab.tabActive a,.cuadro-medico-detail .tabContainer .tab.active a,.cuadro-medico-detail .tabContainer.nav-tabs.tabActive a,.cuadro-medico-detail .tabContainer.nav-tabs.active a {
    color: #e03e52;
}

.cmWizardEditModel .tabContainer .tab.tabActive a:after,.cuadro-medico-detail .tabContainer .tab.active a:after,.cuadro-medico-detail .tabContainer.nav-tabs.tabActive a:after,.cuadro-medico-detail .tabContainer.nav-tabs.active a:after {
    display: block;
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px 16px 8px 0;
    border-right-color: #e03e52;
    top: 50%;
    right: -30px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (max-width: 767px) {
    .cmWizardEditMode .tabContainer .tab.tabActive a:after,.cuadro-medico-detail .tabContainer .tab.active a:after,.cuadro-medico-detail .tabContainer.nav-tabs.tabActive a:after,.cuadro-medico-detail .tabContainer.nav-tabs.active a:after {
        -webkit-transform:rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        left: -30px;
        right: auto;
        margin-top: -8px
    }
}

.cmWizardEditMode  .tabContainer .tab.tabActive a:after,.cmWizardEditMode .cuadro-medico-detail .tabContainer .tab.active a:after,.cmWizardEditMode .cuadro-medico-detail .tabContainer.nav-tabs.tabActive a:after,.cmWizardEditMode .cuadro-medico-detail .tabContainer.nav-tabs.active a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -30px;
    right: auto;
    margin-top: -8px
}




.cmWizardEditMode   .tabContainer .tab.tabActive a:after,
.cmWizardEditMode   .tabContainer .tab.active a:after,
.cmWizardEditMode   .tabContainer.nav-tabs.tabActive a:after,
 .tabContainer.nav-tabs.active a:after {
    display: block;
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px 16px 8px 0;
    border-right-color: #e03e52;
    top: 50%;
    right: -30px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.cmWizardEditMode .tabContainer .tab.tabActive a:after,
.cmWizardEditMode .tabContainer .tab.active a:after,
.cmWizardEditMode .tabContainer.nav-tabs.tabActive a:after,
.cmWizardEditMode .tabContainer.nav-tabs.active a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -30px;
    right: auto;
    margin-top: -8px;
}
.cmWizardEditMode  .boxTabContent {
    padding-left: 25px;
    border-left: 3px solid #e03e52;
    padding: 25px 0 25px 25px;
    margin-left: 15px;
}

.cmWizardEditMode  .boxInfoTitle {
    font-size: 21px;
    font-weight: 600;
}

.cmWizardEditMode .boxTabContent .tabContent,
.cmWizardEditMode .boxTabContent .tab-pane {
    display: none;
}
.cmWizardEditMode   .boxTabContent .tabContent.tabActive,
.cmWizardEditMode   .boxTabContent .tabContent.active,
.cmWizardEditMode   .boxTabContent .tab-pane.tabActive,
.cmWizardEditMode  .boxTabContent .tab-pane.active {
    display: block;
    padding-top: 3px;
}
.cmWizardEditMode .boxInfoTitle+.boxInfoText {
    margin-top: 10px;
}
.cmWizardEditMode .contentText ul,
.cmWizardEditMode .boxInfoText ul {
    margin-bottom: 15px;
    list-style-type: none;
    padding-left: 15px;
    margin-bottom: 25px;
}
.cmWizardEditMode .contentText ul > li,
.cmWizardEditMode .boxInfoText ul > li{
    position: relative;
}


.cmWizardEditMode .contentText ul>li:before,
.cmWizardEditMode .boxInfoText ul>li:before {
    content: "-";
    position: absolute;
    left: -0.9em;
}

.contentHeader .contentMainTitle:not(h1) {
    color: #FFF;
}

.cmWizardEditMode .boxHead .editBlock {
    display: block;
}
.cmWizardEditMode .boxHead .boxName .boxSubtitle {
    margin-top: 5px;
    text-transform: uppercase;
    color: #767676;
}

.cmWizardEditMode .boxHead .boxName {
    margin-bottom: 15px;
}

.cmWizardEditMode span.boxSubtitle {
    font-weight: 600;
}

.cmWizardEditMode  span.boxSubtitle .editBlock {
    font-weight: 500;
}

.cmWizardEditMode .rowData .editBlock {
	margin-bottom: 5px;
}

/* 15/01/2025 Adrian G. Esto es para ocultar el icono que sale en los links externos */
.cab-header-fixed .cmMenuPopupImage{
    display: none;
}

/*.side-menu .menu-menuPrincipal li.cmMenuLevel1 a span.cmMenuTitle{*/
/*	font-size: 14px;*/
/*}*/

.ruber-especialidad-detalle .bg-dark-gray {
	display: none;
}

/* Apaño para fuente solicitar cita*/
.fixed-menu .cmMenuBox ul .btn-secondary a, .fixed-menu .cmMenuBox ul .contentViewMore a a, .contentViewMore .fixed-menu .cmMenuBox ul a a {
	font-family: "Open Sans";
}

li[class*='icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'quiron-general-icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cab-header .cab-top-bar .menu-menuTop .icon-arrive  {
	color: #00b2a9;
	padding-right: 5px;
}

/* 02/04/2025 Adrian.G Estilos temporales por cambios en la cabecera */
.side-menu .icon-arrive::before{
	display:none;
}

.cab-header.cab-header-fixed .cab-base-bar .proxia-column:has(.menu-menuPrincipal){
    background: #008488;
}
.cab-header .menu-menuPrincipal ul.cmMenuLevel1>li.hasSubelements>.cmMenuLink .cmMenuTitle{
	color: #fff;
}
.cab-header .menu-menuPrincipal ul.cmMenuLevel1>li.hasSubelements>.cmMenuLink .cmMenuTitle::before{
	color: #fff;
}
.cab-header .menu-menuPrincipal ul.cmMenuLevel1>li:not(.current)>.cmMenuLink:after{
	display:none;
}
.cab-header .menu-menuPrincipal ul.cmMenuLevel1>li .cmMenuLevel2>li .cmMenuLink .cmMenuTitle{
	line-height: 16px;
}
.cab-header .menu-menuPrincipal ul.cmMenuLevel1>li.current>.cmMenuLink:after{
	display: none;
}
.cab-header .simpleSearcherBox.slide-up{
	opacity: 0;
        height: 0px !important;
        overflow: hidden;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
        margin: 0;
}

@media screen and (max-width: 1200px) {
    .cab-header .cab-top-bar .menu-menuTop {
        display:none
    }
    .cab-header .cab-top-bar .menu-menu-telefono{
    	text-align: center;
    }
    .cab-header .cab-top-bar .proxia-row{
    	justify-content: center;
    }
}

@media screen and (max-width: 480px){
	.cab-base-bar .banner-ruber-logo-2 img {
		margin-bottom: 0;
	}
}

/* 25/04/2025 Ajuste footer */

.cab-header.cab-fix .cab-top {
	border: none;
}

.footer .menu-ruber-social ul.cmMenuLevel1>li a img.cmMenuImage {
	display: block;
	width: 100%;
}


.centers-info-container .contentData {
  width: 100%;
  max-width: 1200px;
}

.centers-info-container .cmContentList {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.centers-info-container .cmContentList .cmContentItem {
  width: fit-content;
}

.centers-info-container .cmContentList .cmContentItem .modelDireccionQuironsalud {
  flex-direction: column;
}

.centers-info-container .cmContentList .cmContentItem .modelDireccionQuironsalud > h1 {
  flex: 1;
}

@media screen and (min-width: 993px) {
  .centers-info-container .cmContentList {
    flex-direction: row;
  }
}

.centers-info-container .centro .box-related,
.centers-info-container .centro .content-title {
  display: none;
}

.footer .menu-ruber-social ul.cmMenuLevel1 > li a img.cmMenuImage {
	display: block;
	width: 100%;
}

.centers-info-container .cmContentList .cmContentItem .modelDireccionQuironsalud .contentPhone {
	display: flex;
    align-items: center;
    justify-content: center;
}

.centers-info-container .cmContentList .cmContentItem .modelDireccionQuironsalud .contentPhone .fa-phone {
	color: #017977;
}

.centers-info-container .cmContentList .cmContentItem .modelDireccionQuironsalud .contentPhone .btn {
	padding-left: 5px;
}