/*
 *   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 default font size on small touch devices */
/* line 16, ../sass/responsive.smalltouch.portrait.scss */
html {width: 100vw; overflow-x: hidden;}

body {
  	font-size: 4vw;
	width: 100%;
	overflow-x: hidden;
	}
	
h1 {font-size: 7.5vw;}

h2{font-size: 7vw;}


#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: 4.2em;}

#header #branding {width: 38vw;}

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

#secondary-content-wrapper #block-block-51 {height: 4.2em;}


/*
 * 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: -4em;
    width: 100%;
	height: 7.6em;
    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: 3.6em;
}

#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: 3.6em;
    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%;
    height: 3.6em;
}

#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;
    }




/*---   Extractos de artículos en bloques   ---*/
body.mobile .views-row.guardar .views-field-ops,
body.mobile .views-row.guardar .share-this-content {opacity: 1;}

body.mobile .views-row.guardar .addtoany_list > a {font-size: 32px;}

body.mobile .views-row.guardar .addtoany_list > a span {
    width: 32px !important;
    line-height: 32px !important;
    height: 32px !important;
    background-size: 32px !important;
    }



/*
 * Footer
 */

#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;}




/*---    M A R G E N    A D I C I O N A L (IZQ. Y DER.)    ---*/
.paragraphs-item-columnas.nulo > .content,
.paragraphs-item-unidad-texto.nulo,
.paragraphs-item-unidad-contenido.nulo,
.paragraphs-item-unidad-atomizada.nulo,
.paragraphs-item-vistas-y-bloques.nulo {
    margin-left: 0 !important;
	margin-right: 0 !important;
    width: 100% !important;
    }
	
.paragraphs-item-columnas.leve > .content,
.paragraphs-item-unidad-texto.leve,
.paragraphs-item-unidad-contenido.leve,
.paragraphs-item-unidad-atomizada.leve,
.paragraphs-item-vistas-y-bloques.leve {
    margin-left: 2% !important;
	margin-right: 2% !important;
    width: 96% !important;
    }

.paragraphs-item-columnas.moderado > .content,
.paragraphs-item-unidad-texto.moderado,
.paragraphs-item-unidad-contenido.moderado,
.paragraphs-item-unidad-atomizada.moderado,
.paragraphs-item-vistas-y-bloques.moderado {
    margin-left: 5% !important;
	margin-right: 5% !important;
    width: 90% !important;
    }

.paragraphs-item-columnas.amplio > .content,
.paragraphs-item-unidad-texto.amplio,
.paragraphs-item-unidad-contenido.amplio,
.paragraphs-item-unidad-atomizada.amplio,
.paragraphs-item-vistas-y-bloques.amplio {
    margin-left: 8% !important;
	margin-right: 8% !important;
    width: 84% !important;
    }

.paragraphs-item-columnas.extremo > .content,
.paragraphs-item-unidad-texto.extremo,
.paragraphs-item-unidad-contenido.extremo,
.paragraphs-item-unidad-atomizada.extremo,
.paragraphs-item-vistas-y-bloques.extremo {
    margin-left: 12% !important;
	margin-right: 12% !important;
    width: 76% !important;
    }
	
.paragraphs-item-columnas.extremo2 > .content,
.paragraphs-item-unidad-texto.extremo2,
.paragraphs-item-unidad-contenido.extremo2,
.paragraphs-item-unidad-atomizada.extremo2,
.paragraphs-item-vistas-y-bloques.extremo2 {
    margin-left: 20% !important;
	margin-right: 20% !important;
    width: 60% !important;
    }