/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small devices */
/* line 16, ../sass/responsive.tablet.portrait.scss */
body {
 font-size: 3vw;
}



h1 {font-size: 6.5vw;}

h2{font-size: 6vw;}


#nav-wrapper {display: none;}


/*---  Margenes principales  ---*/
#nav-wrapper > .containerz,
#header-wrapper > .containerz,
#footer-wrapper > .containerz,
#content-wrapper > .containerz,
#tertiary-content-wrapper > .containerz,
#secondary-content-wrapper > .containerz {padding-left: 8.33%; padding-right: 8.33%;}
	



 /* ----------- ONBOARDING ---------- */
/* ----------------------------------*/
.onboarding-slide {padding: 1em 0;}

.onboarding-slide .views-field-body,
.onboarding-slide .views-field-field-image,
.onboarding-slide .views-field-field-titulo-slide {width: 94%;}

.onboarding-slide .views-field-field-image {padding: 0 4em;}


/*
 * Header
 */

#header{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header-wrapper > .containerz {height: 13vw;}

#header #branding {width: 38vw;}

#header #branding #logo {float: none; padding: 1.7em 0 0 0;}

#secondary-content-wrapper #block-block-51 {height: 13vw;}


/*
 * Menu Expandible
 */

 .sidenav li>a {
				display: block;
    padding: 20% 15%;
    height: auto;
    line-height: initial;
    font-size: 4vw;
 }

 .sidenav .simple-taxonomy-menu .active {
    font-weight: inherit;
}

.block-sidebar-main-menu-block-1 #block-simple-taxonomy-menu-simple-taxonomy-menu-7 ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    height: auto;
    padding: 3em 1.5em;
    justify-content: center;
}

.block-sidebar-main-menu-block-1 #block-simple-taxonomy-menu-simple-taxonomy-menu-7 li:nth-child(odd){
    margin-right: 1em;
}

.block-sidebar-main-menu-block-1 #block-simple-taxonomy-menu-simple-taxonomy-menu-7  li{
    width: 45%;
    background-color: white;
    height: 14vh;
    text-align: center;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.2em;
}

#tertiary-content-wrapper .sidenav {
	top: 16vw;
	height: calc(100vh - 32vw);
	width: 100%;
	box-shadow: none;
	background-color: #3C3743;
	z-index: 9;
 padding: 0;
	}

.sidenav-overlay {
	top: auto;
	bottom: 0;
	height: 16vw;
	background-color: transparent;
	/*background-color: rgba(255,255,0,0.5);*/
	}



/*
 * Menu Anclado
 */

/* home Active */

.front #header .region-header .region-inner #block-block-49 {
    background-color: rgb(217,33,33);
}

.front #header #block-block-49 svg path {
    fill: white !important;
}

/* user Active */

.section-bookmarks #header .region-header .region-inner #block-block-50 .avatar-icon,
.section-user #header .region-header .region-inner #block-block-50 .avatar-icon,
.section-users #header .region-header .region-inner #block-block-50 .avatar-icon {
    background-color: rgb(217,33,33);
}

.section-bookmarks #header .region-header .region-inner #block-block-50 .avatar-icon svg path,
.section-user #header .region-header .region-inner #block-block-50 .avatar-icon svg path,
.section-users #header .region-header .region-inner #block-block-50 .avatar-icon svg path{
    fill: white !important;
    stroke: white !important;
}

.section-bookmarks #header .region-header .region-inner #block-block-50 .avatar-icon svg ellipse,
.section-user #header .region-header .region-inner #block-block-50 .avatar-icon svg ellipse,
.section-users #header .region-header .region-inner #block-block-50 .avatar-icon svg ellipse{
    fill: rgb(217,33,33) !important;
}

.section-bookmarks #header .region-header .region-inner #block-block-50 .avatar-icon svg rect,
.section-user #header .region-header .region-inner #block-block-50 .avatar-icon svg rect,
.section-users #header .region-header .region-inner #block-block-50 .avatar-icon svg rect{
    fill: rgb(217,33,33) !important;
}

/* busqueda Active */


.section-resultados #header .region-header .region-inner #block-block-50 .search-icon {
    background-color: rgb(217,33,33);
}

.section-resultados #header .region-header .region-inner #block-block-50 .search-icon svg path{
    fill: white !important;
    stroke: white !important;
}

#header .region-header{
    position: fixed;
				left: 0;
    bottom: 0;
    width: 100%;
				height: 11.5vw;
    background-color: white;
				z-index: 10;
}

#header .region-header .region-inner{
    display: flex;
    flex-flow: row-reverse;
    justify-content: center;
    height: 100%;
    position: relative;
}

#header .region-header .region-inner #block-block-48{
    width: 25%;
    position: absolute;
    right: 0;
    height: 100%;
}

#header .region-header .region-inner #block-block-48 .block-inner{
    margin: 0;
    height: 100%;
}

#header .region-header .region-inner #block-block-48 .block-inner .block-content,
#header .region-header .region-inner #block-block-48 .block-inner .block-content #mobile-menu-trigger{
    height: 100%;
}

#header .region-header .region-inner #block-block-48 .block-inner .block-content #mobile-menu-trigger .sidenav-button{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header .region-header .region-inner #block-block-48 .block-inner .block-content #mobile-menu-trigger .sidenav-button i{
    font-size: 3.5rem;
}

#header .region-header .region-inner #block-block-48 .sidenav-trigger i{
    color: rgb(217,33,33);
}

#header .region-header .region-inner #block-block-49{
    width: 25%;
    height: inherit;
    padding: 0;
    background-color: white;
    position: absolute;
    align-items: center;
    left: 0;
}


#header #block-block-49 .svg-home {
    width: 2.5rem !important;
}

#header #block-block-49 .svg-home svg{
    transform: scale(0.9,0.7);
}

#header .region-header .region-inner #block-block-50{
    position: unset;
    width: 50%;
}

#header .region-header .region-inner #block-block-50 .block-inner{
    margin: 0;
    height: 100%;
}

#header .region-header .region-inner #block-block-50 .block-inner .block-content{
    display: flex;
    height: 100%;
}

#header .region-header .region-inner #block-block-50 .block-inner .search-icon{
    float: none;
    padding: 0;
    width: 50% !important;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header .region-header .region-inner #block-block-50 .block-inner .search-icon svg{
    width: 1.8rem;
}

#header .region-header .region-inner #block-block-50 .block-inner .avatar-icon{
    float: none;
    padding: 0;
    width: 50% !important;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header .region-header .region-inner #block-block-50 .block-inner .avatar-icon svg{
    width: 2.2rem;
}

#header #block-block-49 svg path {
    fill: rgb(217,33,33) !important;
}



/*---   Menú del usuario   ---*/
#block-system-user-menu {
    position: fixed;
    top: 16vw;
    right: -100vw;
    width: 100vw;
    height: calc(100vh - 32vw);
	z-index: 9;
    }


/*
 * Carousel Lineas terapéuticas
 */

.view.slick-carousel-mobile .views-field-name,
.view.slick-carousel-mobile .views-field-field-esferas-linea {
    color: #FA0000;
    text-align: center;
    font-size: 2.5vw;
    height: 7em;
    padding-top: 2.3em;
    margin-bottom: 1.5em;
    border-bottom: solid 1px #FA0000;
}

.view.slick-carousel-mobile .view-content .views-row .views-field-field-imagen-encabezado:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    background: linear-gradient(0deg, rgba(0,0,0,0.6979166666666667) 10%, rgba(0,0,0,0.4990371148459384) 20%, rgba(0,0,0,0.30015756302521013) 30%, rgba(0,0,0,0.14889705882352944) 45%, rgba(0,0,0,0) 60%);
    z-index: 4;
    pointer-events: none;
    border-radius: 18px;
}

.view.slick-carousel-mobile .view-content .views-row {
    position: relative;
    margin-bottom: 2em;
}

.view.slick-carousel-mobile .view-content .views-row .views-field-field-articulo-esfera {
    color: white;
    position: absolute;
    left: 7%;
    bottom: 11vw;
    padding: 0.3em 0.5em;
    font-size: 80%;
    background-color: #FA0000;
    z-index: 4;
}

.view.slick-carousel-mobile .view-content .views-row .views-field-title {
    position: absolute;
    left: 7%;
    bottom: 0;
    width: 85%;
    height: 4em;
    font-size: 80%;
    font-family: 'Palatino imported';
    z-index: 4;
}

.view.slick-carousel-mobile .view-content .views-row .views-field-title h3{
    margin: 0px;
    line-height: 87%;
}

.view.slick-carousel-mobile .view-content .views-row .views-field-title a{
    color: white;
    font-size: 2.7vw;
    margin: auto 0;
    width: 100%;
}

.view.slick-carousel-mobile .slick-dots{top: 11vw; height: fit-content;}

.view.slick-carousel-mobile .slick-dots li.slick-active button:before {color: #FA0000 !important;}

.view.slick-carousel-mobile .slick-dots li button:before {opacity: 1 !important; color: #FFFFFF !important;}

.view.slick-carousel-mobile .slick-next, 
.view.slick-carousel-mobile .slick-prev {top: 7vw !important; z-index: 1;}

.view.slick-carousel-mobile .slick-next {right: 0 !important; width: 48px; height: 48px;}

.view.slick-carousel-mobile .slick-prev {left: 0 !important; width: 48px; height: 48px;}

.view.slick-carousel-mobile .slick-prev:before {
    content: '<';
    font-size: 48px;
    line-height: 1;
    opacity: 1;
    color: #FA0000;
    font-weight: 700;
}

.view.slick-carousel-mobile .slick-next:before {
    content: '>';
    font-size: 48px;
    line-height: 1;
    opacity: 1;
    color: #FA0000;
    font-weight: 700;
}

.view.slick-carousel-mobile .view-teasers-articulos picture img{border-radius: 18px;}





/*
 * Footer
 */

 #footer .paragraphs-item-4668{font-size: 2.2vw;}

#footer-wrapper {max-width: 100vw;}

#footer #block-simple-taxonomy-menu-simple-taxonomy-menu-7--3 {margin: 0;}
 
#footer .izquierda .field-name-field-texto-sobre-imagen {margin-bottom: 2.5vw; font-weight: bold; font-size: 3.5vw;}

#footer .derecha img {max-width: 40vw;}

#footer .field-item .paragraphs-item-4665 > .content {
    padding-right: 0;
}

#footer .paragraphs-item-4667::before{
    border-top: 1px solid #fff;
    content: "";
    position: absolute;
	left: 0;
	top: 0;
    width: 10%;
	}

#footer .entity.content-vertical-align-bottom .entity-paragraphs-item {display: block;}

#footer .seccion-foooter-1 .field-item.col {margin-bottom: 1.5em;}

#footer .paragraphs-item-4667 .field-item.even p {margin-bottom: 5px;}

/*
 * Conoce nuestras líneas terapéuticas
 */

#tertiary-content-wrapper .block-quicktabs ul.quicktabs-tabs.quicktabs-style-navlist {width: 100%; padding: 0em 0 2em 0em;}
    
#tertiary-content-wrapper .quicktabs_main {width:100%;}

/* menu tab temporal */

#tertiary-content-wrapper .block-quicktabs ul.quicktabs-tabs.quicktabs-style-navlist li.active {margin-left: 0; display:inherit;}

#tertiary-content-wrapper .block-quicktabs ul.quicktabs-tabs.quicktabs-style-navlist li {display: none;}

#tertiary-content-wrapper .block-quicktabs > .block-inner {padding-top: 0;}


/*
 * Footer
 */
#footer-wrapper.anclado {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    }