/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+ FACULTAD DE FÍSICA +
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ----------------------------------------------------------------------------
+
+   V A L O R E S  P O R  D E F E C T O   +
+
------------------------------------------------------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ NORMALIZE +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize ------------------------------- */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block} 
progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
figure{margin:1em 40px}
img{border-style:none}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:bold}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ FUENTES +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
*/

@font-face {
	font-family: fuenteRegular; 
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: 
		local("Opens Sans"),
		url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'), 
		url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'); 
}

@font-face {
	font-family: FuenteBold; 
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: 
		local("PTSansNarrow"),
		url('../fonts/PTSans/PTSansNarrow-Bold.woff') format('woff'), 
		url('../fonts/PTSans/PTSansNarrow-Bold.ttf') format('truetype'); 
}

@font-face {
	font-family: Merriweather; 
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: 
		local("Merriweather"),
		url('../fonts/Merriweather/Merriweather-Regular.woff') format('woff'),
		url('../fonts/Merriweather/Merriweather-Regular.ttf') format('truetype'); 
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ FUENTE BASE. FLUID RESPONSIVE FONTS +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Web para calcular: https://websemantics.uk/tools/responsive-font-calculator/ 
 16px @ 768px increasing to 24px @ 1920px  */
/* Tamaño mínimo Fuente (en móviles) */
 :root{
	font-size: 16px !important;
}
/* Tamaño fuente en tabletas y escritorio */
/* Cálculo: font-size: calc(<tamaño mínimo (16px)> + (<tamaño máximo (24px)> - <tamaño mínimo (16px)) * 
            ((100vw - <anchura mínima ventana (768px)>) / (<anchura máxima ventana (1920px)> - <tamaño mínimo ventana (768px)>));
			font-size: calc(16px + 8 * ((100vw - 768px) / 1152)); */
@media (min-width: 768px) {
   :root {
	   /* font-size: calc(1rem + ((1vw - 7.68px) * 0.6944)) !important; */
	   /* Where: * 0.6944 = 100 * font_Size_Difference / viewport_Width_Difference */
	   font-size: calc(16px + 8 * ((100vw - 768px) / 1152)) !important;
   }
}
/* Tamaño máximo */
@media (min-width: 1920px) {
   :root {
	   font-size: 24px !important;
   }
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ COLORES CON VARIABLES +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
:root {
	/* Paleta colores EDIFICACIÓN */
	--colorPri: rgb(18,37,98); /* #122562 */
	--colorSec: rgb(33,133,197); /* 2185C5 */
	--colorTer: rgb(126,206,253);
	--color01: rgb(18,37,98); /* #122562 */
	--color02: rgb(33,133,197); /* 2185C5 */
	--color03: rgb(126,206,253); /* 7ECEFD */
	/* Paleta Institucional US */
	--us-rojo-oscuro: #8d0739; /* rgb(165,1,51) */
	--us-rojo: #a20b32;        /* rgb(190,15,46) */
	--us-amarillo: #eab82a;    /* rgb(250,186,9) */
	--us-gris-oscuro: #3f3f3e; /* rgb(61,61,60) */
	--us-gris-claro: #c4c4c4;  /* rgb(198,198,198) */
	/* Paleta Ampliada US*/
	--us-naranja: #99122;          /* rgb(240,146,5) */
	--us-verde-agua: #a0bc39;    /* rgb(149,190,5) */
	--us-verde-azulado: #599d93; /* rgb(5,159,148) */
	--us-magenta: #a11553;       /* rgb(189,19,83) */
	--us-gris-azulado: #70899d;  /* rgb(100,138,159) */

	/* Otros */
	--color-texto: #6f6f6f;
	--color-texto-resaltado: #4f4f4f;
	--color-texto-claro: #9f9f9f;
	--color-crema:  #E8E6CD;
	--color-negro: #000000;
    --color-gris: #3d3d3d;
    --color-gris-muy-oscuro: #1e1e1e;

	--fondoOscuro: #27363b;
	--fondoClaro: #f5f5f5;
	--clTitulares: #333333;
	/* Paleta colores CIENCIAS DEL TRABAJO */
	--gradoRRLLyRRHH: rgba(71,106,48,1); /* Pantone 18-0135 - Treetop */
	--gradoFinancias: rgba(163,204,201,1); /* Pantone 14-4809 - EggShell Blue */
	--doblemasterConsultoriaLaboral: rgba(211,197,77,1); /* Pantone 14-0647 - Celery */
	--masterDireccion: rgba(102,103,171,1); /* Pantone 17-3938 - Very Peri */
	--masterCienciasTrabajo: rgba(75,155,105,1); /* Pantone 16-6127 - Greenbriar */
	--doblemasterCienciasTrabajoRRHH: rgba(208,151,134,1); /* Pantone 16-1330 - Muted Clay */
}	





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ VALORES POR DEFECTO +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
*,*:before,*:after{box-sizing:inherit}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html{
    box-sizing:border-box;
    overflow-x:hidden;
}
body, html {
	height: 100%;
	background-color: white; 	
	color: var(--color-texto);
    
	font-family: FuenteRegular, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;

	-webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
	
	letter-spacing: 0;
	word-spacing: normal;
	line-height: 1.7rem;
	text-indent: 0;
	white-space: normal;

	/*hyphens: manual;
	overflow-wrap:normal;
	word-break: normal;
	line-break: normal; */

	text-align: left;
	text-justify: inter-character;
	text-overflow: ellipsis;
	vertical-align: baseline;

	text-decoration: none;
	text-transform: none;
}
h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.hff-10 h1, 
.hff-10 h2, 
.hff-10 h3, 
.hff-10 h4, 
.hff-10 h5, 
.hff-10 h6, 
.hff-10 
.title-teaser-text 
.title, 
.sff-10 
.site-name, 
.slff-10 
.site-slogan {
	font-family: FuenteRegular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin: 10px 0
}

hr{
    border:0;
    border-top:1px solid #eee;
    margin:20px 0
}
p, span, a, ul, ol, li {
	font-family: FuenteRegular, Helvetica, Arial, sans-serif;	
}
a {
	text-decoration: none !important;
	/* color: var(--color01) !important;  */
}
a:hover {
	/* color: var(--color02) !important; */
	/* font-weight: 900; */
}
strong {
	font-weight: bold;
	color: var(--color-texto-resaltado);
}
em {
	font-style: italic;
}

img{
    margin-bottom: 0;
	/* width: 100%; */
	height: auto;
}
/* ---------------------------------------------------------------------------
   FIN VALORES POR DEFECTO
------------------------------------------------------------------------------ */





/* ----------------------------------------------------------------------------
+
+   L A Y O U T   +
+
------------------------------------------------------------------------------- */
/* -----------------------------
| El Layout de la página se encuentra en: templates\page.html.twig
| El valor de las variables del layout están en: config\install\theme_us.settings.yml
| Aunque de momento no funcionan estas
 --------------------------------- */

/* -----------------------------
| CONTAINER REGIONES
 -------------------------------- */
/* CONTAINER. Establece la anchura base de los elementos de la página -------------- */
/* Portátiles más bajo tienen resolución 1366px, por eso no pasar de esa anchura */
/* BREAKPOINTS DE BOOTSTRAP 5
X-Small: < 576px (Móviles)
Small (sm): >= 576px (Móviles apaisado: >= 576 and < 768px)
Medium (md): >= 768px (Tablets: >=768 and < 992px)
Large (lg): >= 992px (Desktop: >=992 and < 1200px)
Extra large (xl): >= 1200px (Desktop largos: >= 1200 and < 1440px)
Extra extra large (xxl): >= 1440px (Desktop superlargo: >= 1440px)
*/
/* Móvil */
@media (max-width: 767px){
	.container {
		 width: 100%; 
	}
}
/* Tablet */
@media (min-width: 768px){
	.container {
		 width: 100%; 
	}
}
/* Desktop */
@media (min-width: 992px){
	.container {
		 width: 970px;  /* Antes: 100% */
	}
}
/* Extra Desktop */
@media (min-width: 1200px){
	.container {
		 width: 1170px; /* Antes lo puse en: 1300px */ 
	}
}
/* Extra extra Desktop */
@media (min-width: 1440px){
	.container {
		 width: 1430px; /* Antes lo puse en 1200px */
	}
}
.container {
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
} 


/* -----------------------------
| PECULIARIDADES REGIONES 
  (Por defecto todas las regiones tiene el 100% ancho, no hay que expresarlo)
 --------------------------------- */

/* HEADER-TOP (Logo US + Logo Centro + Contacto + Redes Sociales + Navigon) ------------ */
	.header-top {
		background: var(--colorPri);
	}
/* ------------------------------------------------------------------------------------- */

/* HEADER (Logo + Menú derecha + Buscador) ---------------------------------------------
   ----(header-first / header-second / header-third (main-navigation / search-area) ---- */
	.header{
		padding-top: 15px;
		background-color: var(--fondoClaro);
	}
	.header > .container {
		/* display: grid;  
		grid-template-columns: repeat(auto-fit, 
								minmax(100px,9fr) 
								minmax(min-content,1fr)); 
		justify-items: space-between; */
		display: flex;
		justify-content: space-between;
	  }
	.header-first{
		order:1;
		flex:3;
	}
	.header-second{
		order: 2;
		flex: 2;
	}
	.header-third{
		order: 3;
		flex: 1;
		display:flex;
		justify-content: flex-end;
		position: relative;
	}
	.main-navigation{
	 /*  flex: 5; */
	}
	.search-area{
		 /*  flex: 1; */
	}
/* ------------------------------------------------------------------------------------- */
	
/* HEADER-BOTTOM (Menú centrado -------------------------------------------------------- */
	.header-bottom {
		background-color: var(--colorPri);
		padding: 8px 0;
	}
/* ------------------------------------------------------------------------------------- */

/* BANNER (Aviso + Slider + Cabecera-titulares) ---------------------------------------- */
	/* Contenedor que ocupa todo el ancho de la región */
	.banner > .container  {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-right: auto;
		margin-left: auto;
	}
/* ------------------------------------------------------------------------------------- */
	
/* HIGHLIGHTED-TOP [RESALTADO] --------------------------------------------------------- */
	.highlighted-top {
		width: 100%;
		/* background-color: var(--fondoClaro); */
		/* padding-top: 40px; */
		/* margin-bottom: 40px; */
		margin-bottom: -10px;
	}
	.highlighted-top-transparent-bg {}
/* ------------------------------------------------------------------------------------- */

/* HIGHLIGHTED [RESALTADO] ------------------------------------------------------------- */
	.highlighted {
		background: var(--color04);
	}
/* ------------------------------------------------------------------------------------- */

/* HIGHLIGHTED-BOTTOM [RESALTADO] ------------------------------------------------------ */
	..highlighted-bottom-transparent-bg {}
	/* Modificado para ocupar todo el ancho para NOVEDADES en MEDICINA */
	.highlighted-bottom > .container  {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-right: auto;
		margin-left: auto;
	}
/* ------------------------------------------------------------------------------------- */

/* CONTENT-TOP (Miga de pan) ----------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */

/* MAIN-CONTENT (Contenido principal) --------------------------------------------------
   ----- (main / sidebar-first / sidebar-second) --------------------------------------- */
	.main-content > .container {
		display: flex;
		flex-direction: row;
		justify-content:space-between;
	}
	.main{
		flex: 5;
		order: 2
	}
	.sidebar-first{
		flex: 1.695;
		order: 1
	}
	.sidebar-second{
		flex: 1.695;
		order: 3;
	}
	/*   MODO MÓVIL / TABLET   --------------------------------------------------
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	/* Móvil */
	@media (max-width: 767px){
		.main-content > .container {
			flex-direction: column;
		}
		.main{
			order: 1
		}
		.sidebar-first{
			order: 2
		}
	}
	/* Tablet */
	@media (min-width: 768px) and (max-width: 991px){
		
	}
/* ------------------------------------------------------------------------------------- */

/* CONTENT-BOTTOM ---------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */

/* FEATURED-TOP [DESTACADO] ------------------------------------------------------------ */
	/* PARALLAX  */
	.featured-top {
		/* background-image: url(/sites/odontologia/files/img/sliders/aerea.jpg);
		min-height: 500px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative; */
		background: var(--fondoClaro);
	}
	.featured-top-transparent-bg{
		/* background: white;
		width: 100%;
		height: 100%;
		opacity: .7;
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 0;
		mix-blend-mode: normal; */
	}
	.featured-top .container {
		z-index: 1;
		position: relative;
	}
	.region-featured-top {
		padding-top: 40px;
	}
/* ------------------------------------------------------------------------------------- */

/* FEATURED [DESTACADO](Enlaces destacados) -------------------------------------------- */
/* ------------------------------------------------------------------------------------- */

/* FEATURED-BOTTOM [DESTACADO] --------------------------------------------------------- */
	.featured-bottom-transparent-bg {}
/* ------------------------------------------------------------------------------------- */

/* FOOTER-TOP -------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */

/* FOOTER (logo US + Dirección + Mapa + Sociales) --------------------------------------
   ---- (footer-area / footer-area / footer-area / footer-area) ------------------------ */
	.footer {
		/* background: #C3CFD6; */
		background: var(--colorSec);
		margin-top: 20px;
		padding: 30px 0 0;
	}
	.footer > .container {
		/* display: grid;
		grid-template-columns: repeat(auto-fit,  minmax(100px,1fr)); 
		justify-items: space-between; */
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.footer-area {
		margin-bottom: 20px;
	}
	.footer-area:nth-child(1){
		flex:1;
	  }
	  .footer-area:nth-child(2){
		flex:1.5;
	  }
	/*   MODO MÓVIL / TABLET   --------------------------------------------------
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	/* Móvil */
	@media (max-width: 767px){
		.footer > .container {
			/* grid-template-columns: 1fr; */
			flex-direction: column;
			align-items: center;
		}
	}
	/* Tablet */
	@media (min-width: 768px) and (max-width: 991px){
		
	}
/* ------------------------------------------------------------------------------------- */

/* FOOTER-BOTTOM (Copyright) ----------------------------------------------------------- */
	.footer-bottom {
		/* background: #C3CFD6; */
		background: var(--colorSec);
		padding: 5px 0;
	}
	.footer-bottom > .container {
		display: grid;
		grid-template-columns: repeat(auto-fit,  minmax(100px,1fr)); 
		justify-items: space-between;
	}
	/*   MODO MÓVIL / TABLET   --------------------------------------------------
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	/* Móvil */
	@media (max-width: 767px){
		.footer-bottom > .container {
			grid-template-columns: 1fr;
		}
	}
	/* Tablet */
	@media (min-width: 768px) and (max-width: 991px){
		
	}
/* ------------------------------------------------------------------------------------- */


/* PADDING INFERIOR DE REGIONES EN PORTADA  ---------------- */
.highlighted-top,
.highlighted,
.highlighted-bottom,
.content-top,
.content-bottom,
.featured-top,
.featured,
.featured-bottom
{
	padding-bottom: 40px;
}
/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.highlighted-top,
	.highlighted,
	.highlighted-bottom,
	.content-top,
	.content-bottom,
	.featured-top,
	.featured,
	.featured-bottom
	{
		/* padding-bottom: 0; */
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	
}

/* ---------------------------------------------------------------------------
   FIN LAYOUT
------------------------------------------------------------------------------ */





/* ----------------------------------------------------------------------------
+
+   E L E M E N T O S  B A S E  (A R T I C L E)  +
+
------------------------------------------------------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ FUENTE +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Quitar padding superior */
/* body:not(.path-frontpage) .main, 
body:not(.path-frontpage) .sidebar {
    padding: 0;
} */

/* Añade un padding-top */
/* article {
	padding-top: 10px;
} */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ CABECERAS: H1-H6 , CON FORMATO +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h1 {
	font-size: 2.2rem;
	line-height: 2.7rem;
	color: var(--colorPri);
	text-transform: none;
	margin: 30px 0 0 !important;
}
article h2, 
article h2 > a {
	font-size: 1.9rem;
	line-height: 2rem;
	color: var(--colorPri);
	text-transform: none;
	margin-bottom: 10px;
	margin-top: 30px;	
}
article h3, 
article h3 > a {
	font-size: 1.6rem;
	line-height: 2rem;
	color: var(--colorPri) !important;
	text-transform: none;
	margin-bottom: 10px;
	margin-top: 30px;	
}
article h4, 
article h4 > a {
	font-size: 1.3rem;
	line-height: 1.8rem;
	color: var(--colorPri) !important;
	text-transform: none;
	margin: 20px 0 10px !important;	
	/* font-weight: bold; */
}
article h5, 
article h5 > a {
	font-size: 1.1rem;
	line-height: 1.5rem;
	color: var(--colorPri) !important;
	text-transform: none;
	margin: 20px 0 10px !important;	
	/* font-weight: bold; */
}
article h6, 
article h6 > a {
	font-size: .9rem;
	line-height: 1.2rem;
	color: var(--colorPri) !important;
	text-transform: none;
	margin: 20px 0 10px !important;	
	/* font-weight: bold; */
}
article h1,
article h2, 
article h3,
article h4,
article h5,
article h6 {
	text-align: left;
}
article h1.text-align-center,
article h2.text-align-center, 
article h3.text-align-center,
article h4.text-align-center,
article h5.text-align-center,
article h6.text-align-center {
	text-align: center;
}
article h1.text-align-right,
article h2.text-align-right, 
article h3.text-align-right,
article h4.text-align-right,
article h5.text-align-right,
article h6.text-align-right {
	text-align: right;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ FUENTES: Normal, Negrita, Cursiva, Subrayado, Tachado, superíndice, subíndice +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Normal */
article p,
article span {
    margin: 0;
    padding: 0 0 18px 0;
	border: 0;
	font-style: inherit !important;
	font-variant: inherit !important;
	font-stretch: inherit !important;
	font-family: FuenteRegular, Helvetica, Arial, sans-serif !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	line-height: inherit !important;
	letter-spacing: right !important;
	text-align: left;
}
.article p.text-align-justify {
	text-align: justify;
}
.article p.text-align-right {
	text-align: right;
}
.article p.text-align-center {
	text-align: center;
}

/* Negrita */
article strong{
	font-weight: bold;
    color: var(--color-texto-resaltado);
}

/* Cursiva */
article em {
	font-style: italic;
}

/* Subrayado */
article u {
	text-decoration:underline;
}

/* Tachado */
article s {
	text-decoration:line-through;
}

/* Superíndice u subíndice */
article sup, article sub {
	font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
article sup {
	top: -0.5em;	
}
article sub {
	bottom: -0.25em;
}

/* Resaltado */
article span.resaltado{
	background-color: var(--colorPri);
	color: black !important;
	padding: 2px 4px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ ENLACES +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Enlaces */
article a {
    color: var(--color-texto); 
	display: inline;
	text-decoration:none;
	margin: 0;
	padding: 0;
	transition: all 0.2s ease-in-out;
	/* word-break: break-all; */
	text-decoration-line: underline !important;
    text-underline-position: under;
    text-decoration-style: dotted !important;
    text-decoration-color: #dde !important;
}
article a:hover {
    color: var(--colorPri); 
	text-decoration: none;
	/* font-weight:900; */
}

/* Ficheros PDF */
article a[href$=".pdf" i]::after {
	content: "\f1c1";
    font-family: 'FontAwesome';
    color: red;
    position: relative;
    left: 2px;
    font-size: 1rem;
    font-weight: 100;
    line-height: 0;
    padding: 0 6px;
}

/* Ficheros WORD */
article a[href$=".doc" i]::after,
article a[href$=".docx" i]::after {
	content: "\f1c2";
    font-family: 'FontAwesome';
    color: blue;
    position: relative;
    left: 2px;
    font-size: 1rem;
    font-weight: 100;
    line-height: 0;
    padding: 0 6px;
}

/* Ficheros EXCEL */
article a[href$=".xls" i]::after,
article a[href$=".xlsx" i]::after {
	content: "\f1c3";
    font-family: 'FontAwesome';
    color: green;
    position: relative;
    left: 2px;
    font-size: 1rem;
    font-weight: 100;
    line-height: 0;
    padding: 0 6px;
}

/* Ficheros VIDEOS US */
article a[href*="videos.us.es" i]::after,
article a[href*="https://apoyotic.us.es/videos" i]::after {
	    /* font: var(--fa-font-solid); */
		content: "\f03d";
		font-family: 'FontAwesome';
		color: var(--us-rojo-oscuro);
		position: relative;
		left: 2px;
		font-size: 1rem;
		font-weight: 100;
		/* line-height: 0; */
		padding: 0 6px;
		bottom: -3px;
}

/* Ficheros YOUTUBE */
article a[href*="youtube" i]::after {
	/* font: var(--fa-font-solid); */
	content: "\f167";
	font-family: 'FontAwesome';
	color: red;
	position: relative;
	left: 2px;
	font-size: 1rem;
	font-weight: 100;
	/* line-height: 0; */
	padding: 0 6px;
	bottom: -3px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ LISTAS +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ LISTAS DESORDENADAS (UL. Hasta 4 niveles) +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Lista 1 nivel */
article ul{
    /* list-style-type: disc; */
	list-style: none;
	/* list-style-position: outside; */
	/* list-style-image: url("../images/lista.png"); */
	font-style: inherit !important;
	font-variant: inherit !important;
	font-stretch: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	line-height: inherit !important;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0;
	padding-left: 2.6rem;
	margin-bottom: 1rem; 
}
article ul li{
	font-style: inherit !important;
	font-variant: inherit !important;
	font-stretch: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	line-height: inherit !important;
	letter-spacing: right !important;
	text-align: left !important;
}
/* Cambia el marcador */
article ul > li::before {
    /* content: "\2022"; */
    content: "\f111";
    /* font-family: 'FontAwesome'; */
	font-family: 'Font Awesome\ 5 Free';
    color: var(--colorPri) !important;
    font-size: .4rem !important;
    font-weight: 900;
    display: inline-block;
    position: relative;
    top: -3px;
    left: -1.2rem;
    margin-right: -.4rem;
}
/* article ul li::marker{
	color: var(--colorPri) !important;
	font-size: 1.2rem !important;
} */
/* Lista 2 nivel */
article ul ul {
	padding-left: 1.6rem;
	margin-bottom: 0;
}
article ul > li ul > li::before {
    content: "\f111";
 	font-family: 'Font Awesome\ 5 Free'; 
    color: var(--colorSec) !important;
    font-size: .4rem !important;
    font-weight: 100;
    display: inline-block;
    position: relative;
    top: -3px;
    left: -1.2rem;
	margin-right: -.4rem;
}
/* Lista 3 nivel */
article ul ul ul {
	padding-left: 1.6rem;
	margin-bottom: 0;
}
article ul > li ul > li ul > li::before {
    content: "\f0c8";
	font-family: 'Font Awesome\ 5 Free';
    color: var(--colorSec) !important;
    font-size: .4rem !important;
    font-weight: 100;
    display: inline-block;
    position: relative;
    top: -3px;
    left: -1.2rem;
	margin-right: -.4rem;
}
/* Lista 4 nivel */
article ul ul ul  ul {
	padding-left: 1.6rem;
	margin-bottom: 0;
}
article ul > li ul > li ul > li ul > li::before {
    content: "\f0c8";
	font-family: 'Font Awesome\ 5 Free'; 
    color: var(--colorSec) !important;
    font-size: .4rem !important;
    font-weight: 100;
    display: inline-block;
    position: relative;
    top: -3px;
    left: -1.2rem;
	margin-right: -.4rem;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ LISTAS ORDENADAS (OL. Hasta 4 niveles) +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Lista 1 nivel */
article ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 2.6rem;
}
/* Lista 2 nivel */
article ol ol {
	list-style-type: lower-alpha;
	list-style-position: outside;
	padding-left: 1.2rem;
}
/* Lista 3 nivel */
article ol ol ol{
	list-style-type: lower-roman;
	list-style-position: outside;
	padding-left: 1.2rem;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ MEDIA +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* div */
article div {
	padding-bottom: 5px;
	clear: both;
	overflow: hidden;
}

/* Cita */
article blockquote {
	display: flex;
	padding: 20px;
	margin: 0;
	/* width: fit-content; */
	background: #efefef;
}
article blockquote::before {
    content: "\f10d";
    font-family: 'FontAwesome';
    color: black; 
    position: relative;
    /* left: 2px; */
    font-size: 2rem;
    line-height: 0;
    padding: 10px;
    /* display: inline-block; */
    /* top: 10px; */
}
/* article blockquote::after {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: relative;
    font-size: 1.5rem;
    font-weight: 100;
    line-height: 0;
    padding: 10px;
} */


/* Línea horizontal */
hr {
    border: 0;
    border-top: 1px dashed var(--color-texto-claro);
    margin: 20px 0;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
/* PLUGIN CKEDITOR ACCORDION (SUSTITUYE A VIEWS ACCORDION) +
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Se compone de: */

/* Contenedor Acordeón */
.ckeditor-accordion-container > dl {
    position: relative;
	border: none;
}
article div.ckeditor-accordion-container {
	padding-bottom: 0;
}

/* Cabecera */
.ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt:last-of-type > a, 
.ckeditor-accordion-container > dl dt > a:not(.button) {
    display: block;
    padding: 10px 15px 10px 10px;
    background-color: white;
    color: var(--color-texto) !important;
    cursor: pointer;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
    border-bottom: 1px solid #d4d4d4;
	font-size: 1rem;
	line-height: 1.2rem;

	/* Incorporado */
	display: flex;
    justify-content: space-between;
    position: relative;
	text-decoration: none !important;
}
.ckeditor-accordion-container > dl dt:first-of-type > a {
	border-top: 1px solid #d4d4d4;
}

/* Hover y Active */
.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt.active > a,
.ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: white;
	color: var(--colorSec) !important;
} 
.ckeditor-accordion-container > dl dt.active > a {
	border-bottom: none;
	color: var(--colorSec) !important;
}

/* Flechita */
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    /* display: inline-block;
    position: absolute; */
	display: block;
    position: relative;
    /* padding: 0 10px; */
    width: 30px;
    height: 30px;
    z-index: 1;
    /* top: calc(50% - 1px); */
   /*  left: inherit;
	right: 10px; */
	/* left: auto;
	right: 0; */
    box-sizing: border-box;

	/* Añadido */
	order: 2;
	top: 10px;
	padding: 0 15px;
	left: 13px;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, 
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: var(--color-texto);
	/* -webkit-transition: all 600ms cubic-bezier(0.4,0,0.2,1);
    transition: all 600ms cubic-bezier(0.4,0,0.2,1); */
	transition: all .35s ease-out;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 10px;
    z-index: -1;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    will-change: transform;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before {
    left: 13px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    right: 13px;
    left: auto;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* Número */
.ckeditor-accordion-container > dl dt > a > .faq__numero {
	/* color: var(--colorPri); */
	font-size: 1.2rem;
}

/* Cuerpo */
.ckeditor-accordion-container > dl dd {
    display: none;
    padding: 0 15px;
    margin: 0;
    will-change: height;
	border-bottom: 1px solid #d4d4d4;
	/* margin-left: 1.8rem; */
	padding-left: 1.3rem;
}

/*   MODO MÓVIL / TABLET ELEMENTOS CKEDITOR   ---------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	/* texto */
	article p,
	article span{
		text-align: left !important;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	article ul{
		margin-left: 40px;
	}

}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ FOTOS  +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
article img {
	/* --variable: attr(width);
    width: calc(var(--variable) * 100% / 1430);  */
	/* width: 100%; */
	width: 100%;
}
/* Calcula porcentaje ancho (máx: 1430px) según el valor inicial de width */
/* article img[width] {
	--ancho: attr(width);
    width: calc(var(--ancho) * 100% / 1430);  
	 max-width: 100%; 
} */
/* No permite valores menores de 200px */
/* article img[width^="1"] {
	width: calc(100 * 100% / 1430);
}  */


/* EN DESAPARICIÓN: Anchura según inicio atributo "alt" --------- */
/* Tablet */
@media (min-width: 768px){
	article img {width: 100%;}
}
/* Desktop */
@media (min-width: 992px){
	article img[alt^="1"]{width: calc(940px * 10 / 100);}
	article img[alt^="2"]{width: calc(940px * 20 / 100);}
	article img[alt^="3"]{width: calc(940px * 30 / 100);}
	article img[alt^="4"]{width: calc(940px * 40 / 100);}
	article img[alt^="5"]{width: calc(940px * 50 / 100);}
	article img[alt^="6"]{width: calc(940px * 60 / 100);}
	article img[alt^="7"]{width: calc(940px * 70 / 100);}
	article img[alt^="8"]{width: calc(940px * 80 / 100);}
	article img[alt^="9"]{width: calc(940px * 90 / 100);}
	article img[alt^="0"]{width: calc(940px * 100 / 100);}
}
/* Extra Desktop */
@media (min-width: 1200px){
	article img[alt^="1"]{width: calc(1140px * 10 / 100);}
	article img[alt^="2"]{width: calc(1140px * 20 / 100);}
	article img[alt^="3"]{width: calc(1140px * 30 / 100);}
	article img[alt^="4"]{width: calc(1140px * 40 / 100);}
	article img[alt^="5"]{width: calc(1140px * 50 / 100);}
	article img[alt^="6"]{width: calc(1140px * 60 / 100);}
	article img[alt^="7"]{width: calc(1140px * 70 / 100);}
	article img[alt^="8"]{width: calc(1140px * 80 / 100);}
	article img[alt^="9"]{width: calc(1140px * 90 / 100);}
	article img[alt^="0"]{width: calc(1140px * 100 / 100);}
}
/* Extra extra Desktop */
@media (min-width: 1440px){
	article img[alt^="1"]{width: calc(1400px * 10 / 100);}
	article img[alt^="2"]{width: calc(1400px * 20 / 100);}
	article img[alt^="3"]{width: calc(1400px * 30 / 100);}
	article img[alt^="4"]{width: calc(1400px * 40 / 100);}
	article img[alt^="5"]{width: calc(1400px * 50 / 100);}
	article img[alt^="6"]{width: calc(1400px * 60 / 100);}
	article img[alt^="7"]{width: calc(1400px * 70 / 100);}
	article img[alt^="8"]{width: calc(1400px * 80 / 100);}
	article img[alt^="9"]{width: calc(1400px * 90 / 100);}
	article img[alt^="0"]{width: calc(1440px * 100 / 100);}
}
/* EN DESAPARICIÓN ------------------------------------------------------------ */



/* Adapta anchura según atributo "with"*/
/* Es necesario que sea un valor absoluto para adaptarse contenedor <figure> al contenido <img> */
@media (min-width: 768px){
	article img {width: 100%;}
}
@media (min-width: 992px){
	/* Valor por defecto */
	article img {width: 100%;}
	
	article img[width="1"]{width: calc(940px * .01);}
	article img[width="2"]{width: calc(940px * .02);}
	article img[width="3"]{width: calc(940px * .03);}
	article img[width="4"]{width: calc(940px * .04);}
	article img[width="5"]{width: calc(940px * .05);}
	article img[width="6"]{width: calc(940px * .06);}
	article img[width="7"]{width: calc(940px * .07);}
	article img[width="8"]{width: calc(940px * .08);}
	article img[width="9"]{width: calc(940px * .09);}

	article img[width="10"]{width: calc(940px * .10);}
	article img[width="11"]{width: calc(940px * .11);}
	article img[width="12"]{width: calc(940px * .12);}
	article img[width="13"]{width: calc(940px * .13);}
	article img[width="14"]{width: calc(940px * .14);}
	article img[width="15"]{width: calc(940px * .15);}
	article img[width="16"]{width: calc(940px * .16);}
	article img[width="17"]{width: calc(940px * .17);}
	article img[width="18"]{width: calc(940px * .18);}
	article img[width="19"]{width: calc(940px * .19);}

	article img[width="20"]{width: calc(940px * .20);}
	article img[width="21"]{width: calc(940px * .21);}
	article img[width="22"]{width: calc(940px * .22);}
	article img[width="23"]{width: calc(940px * .23);}
	article img[width="24"]{width: calc(940px * .24);}
	article img[width="25"]{width: calc(940px * .25);}
	article img[width="26"]{width: calc(940px * .26);}
	article img[width="27"]{width: calc(940px * .27);}
	article img[width="28"]{width: calc(940px * .28);}
	article img[width="29"]{width: calc(940px * .29);}

	article img[width="30"]{width: calc(940px * .30);}
	article img[width="31"]{width: calc(940px * .31);}
	article img[width="32"]{width: calc(940px * .32);}
	article img[width="33"]{width: calc(940px * .33);}
	article img[width="34"]{width: calc(940px * .34);}
	article img[width="35"]{width: calc(940px * .35);}
	article img[width="36"]{width: calc(940px * .36);}
	article img[width="37"]{width: calc(940px * .37);}
	article img[width="38"]{width: calc(940px * .38);}
	article img[width="39"]{width: calc(940px * .39);}

	article img[width="40"]{width: calc(940px * .40);}
	article img[width="41"]{width: calc(940px * .41);}
	article img[width="42"]{width: calc(940px * .42);}
	article img[width="43"]{width: calc(940px * .43);}
	article img[width="44"]{width: calc(940px * .44);}
	article img[width="45"]{width: calc(940px * .45);}
	article img[width="46"]{width: calc(940px * .46);}
	article img[width="47"]{width: calc(940px * .47);}
	article img[width="48"]{width: calc(940px * .48);}
	article img[width="49"]{width: calc(940px * .49);}

	article img[width="50"]{width: calc(940px * .50);}
	article img[width="51"]{width: calc(940px * .51);}
	article img[width="52"]{width: calc(940px * .52);}
	article img[width="53"]{width: calc(940px * .53);}
	article img[width="54"]{width: calc(940px * .54);}
	article img[width="55"]{width: calc(940px * .55);}
	article img[width="56"]{width: calc(940px * .56);}
	article img[width="57"]{width: calc(940px * .57);}
	article img[width="58"]{width: calc(940px * .58);}
	article img[width="59"]{width: calc(940px * .59);}

	article img[width="60"]{width: calc(940px * .60);}
	article img[width="61"]{width: calc(940px * .61);}
	article img[width="62"]{width: calc(940px * .62);}
	article img[width="63"]{width: calc(940px * .63);}
	article img[width="64"]{width: calc(940px * .64);}
	article img[width="65"]{width: calc(940px * .65);}
	article img[width="66"]{width: calc(940px * .66);}
	article img[width="67"]{width: calc(940px * .67);}
	article img[width="68"]{width: calc(940px * .68);}
	article img[width="69"]{width: calc(940px * .69);}

	article img[width="70"]{width: calc(940px * .70);}
	article img[width="71"]{width: calc(940px * .71);}
	article img[width="72"]{width: calc(940px * .72);}
	article img[width="73"]{width: calc(940px * .73);}
	article img[width="74"]{width: calc(940px * .74);}
	article img[width="75"]{width: calc(940px * .75);}
	article img[width="76"]{width: calc(940px * .76);}
	article img[width="77"]{width: calc(940px * .77);}
	article img[width="78"]{width: calc(940px * .78);}
	article img[width="79"]{width: calc(940px * .79);}

	article img[width="80"]{width: calc(940px * .80);}
	article img[width="81"]{width: calc(940px * .81);}
	article img[width="82"]{width: calc(940px * .82);}
	article img[width="83"]{width: calc(940px * .83);}
	article img[width="84"]{width: calc(940px * .84);}
	article img[width="85"]{width: calc(940px * .85);}
	article img[width="86"]{width: calc(940px * .86);}
	article img[width="87"]{width: calc(940px * .87);}
	article img[width="88"]{width: calc(940px * .88);}
	article img[width="89"]{width: calc(940px * .89);}

	article img[width="90"]{width: calc(940px * .90);}
	article img[width="91"]{width: calc(940px * .91);}
	article img[width="92"]{width: calc(940px * .92);}
	article img[width="93"]{width: calc(940px * .93);}
	article img[width="94"]{width: calc(940px * .94);}
	article img[width="95"]{width: calc(940px * .95);}
	article img[width="96"]{width: calc(940px * .96);}
	article img[width="97"]{width: calc(940px * .97);}
	article img[width="98"]{width: calc(940px * .98);}
	article img[width="99"]{width: calc(940px * .99);}

	article img[width="100"]{width: 100%;}
}
/* Extra Desktop */
@media (min-width: 1200px){
	/* Valor por defecto */
	article img {width: 100%;}
	
	article img[width="1"]{width: calc(1140px * .01);}
	article img[width="2"]{width: calc(1140px * .02);}
	article img[width="3"]{width: calc(1140px * .03);}
	article img[width="4"]{width: calc(1140px * .04);}
	article img[width="5"]{width: calc(1140px * .05);}
	article img[width="6"]{width: calc(1140px * .06);}
	article img[width="7"]{width: calc(1140px * .07);}
	article img[width="8"]{width: calc(1140px * .08);}
	article img[width="9"]{width: calc(1140px * .09);}

	article img[width="10"]{width: calc(1140px * .10);}
	article img[width="11"]{width: calc(1140px * .11);}
	article img[width="12"]{width: calc(1140px * .12);}
	article img[width="13"]{width: calc(1140px * .13);}
	article img[width="14"]{width: calc(1140px * .14);}
	article img[width="15"]{width: calc(1140px * .15);}
	article img[width="16"]{width: calc(1140px * .16);}
	article img[width="17"]{width: calc(1140px * .17);}
	article img[width="18"]{width: calc(1140px * .18);}
	article img[width="19"]{width: calc(1140px * .19);}

	article img[width="20"]{width: calc(1140px * .20);}
	article img[width="21"]{width: calc(1140px * .21);}
	article img[width="22"]{width: calc(1140px * .22);}
	article img[width="23"]{width: calc(1140px * .23);}
	article img[width="24"]{width: calc(1140px * .24);}
	article img[width="25"]{width: calc(1140px * .25);}
	article img[width="26"]{width: calc(1140px * .26);}
	article img[width="27"]{width: calc(1140px * .27);}
	article img[width="28"]{width: calc(1140px * .28);}
	article img[width="29"]{width: calc(1140px * .29);}

	article img[width="30"]{width: calc(1140px * .30);}
	article img[width="31"]{width: calc(1140px * .31);}
	article img[width="32"]{width: calc(1140px * .32);}
	article img[width="33"]{width: calc(1140px * .33);}
	article img[width="34"]{width: calc(1140px * .34);}
	article img[width="35"]{width: calc(1140px * .35);}
	article img[width="36"]{width: calc(1140px * .36);}
	article img[width="37"]{width: calc(1140px * .37);}
	article img[width="38"]{width: calc(1140px * .38);}
	article img[width="39"]{width: calc(1140px * .39);}

	article img[width="40"]{width: calc(1140px * .40);}
	article img[width="41"]{width: calc(1140px * .41);}
	article img[width="42"]{width: calc(1140px * .42);}
	article img[width="43"]{width: calc(1140px * .43);}
	article img[width="44"]{width: calc(1140px * .44);}
	article img[width="45"]{width: calc(1140px * .45);}
	article img[width="46"]{width: calc(1140px * .46);}
	article img[width="47"]{width: calc(1140px * .47);}
	article img[width="48"]{width: calc(1140px * .48);}
	article img[width="49"]{width: calc(1140px * .49);}

	article img[width="50"]{width: calc(1140px * .50);}
	article img[width="51"]{width: calc(1140px * .51);}
	article img[width="52"]{width: calc(1140px * .52);}
	article img[width="53"]{width: calc(1140px * .53);}
	article img[width="54"]{width: calc(1140px * .54);}
	article img[width="55"]{width: calc(1140px * .55);}
	article img[width="56"]{width: calc(1140px * .56);}
	article img[width="57"]{width: calc(1140px * .57);}
	article img[width="58"]{width: calc(1140px * .58);}
	article img[width="59"]{width: calc(1140px * .59);}

	article img[width="60"]{width: calc(1140px * .60);}
	article img[width="61"]{width: calc(1140px * .61);}
	article img[width="62"]{width: calc(1140px * .62);}
	article img[width="63"]{width: calc(1140px * .63);}
	article img[width="64"]{width: calc(1140px * .64);}
	article img[width="65"]{width: calc(1140px * .65);}
	article img[width="66"]{width: calc(1140px * .66);}
	article img[width="67"]{width: calc(1140px * .67);}
	article img[width="68"]{width: calc(1140px * .68);}
	article img[width="69"]{width: calc(1140px * .69);}

	article img[width="70"]{width: calc(1140px * .70);}
	article img[width="71"]{width: calc(1140px * .71);}
	article img[width="72"]{width: calc(1140px * .72);}
	article img[width="73"]{width: calc(1140px * .73);}
	article img[width="74"]{width: calc(1140px * .74);}
	article img[width="75"]{width: calc(1140px * .75);}
	article img[width="76"]{width: calc(1140px * .76);}
	article img[width="77"]{width: calc(1140px * .77);}
	article img[width="78"]{width: calc(1140px * .78);}
	article img[width="79"]{width: calc(1140px * .79);}

	article img[width="80"]{width: calc(1140px * .80);}
	article img[width="81"]{width: calc(1140px * .81);}
	article img[width="82"]{width: calc(1140px * .82);}
	article img[width="83"]{width: calc(1140px * .83);}
	article img[width="84"]{width: calc(1140px * .84);}
	article img[width="85"]{width: calc(1140px * .85);}
	article img[width="86"]{width: calc(1140px * .86);}
	article img[width="87"]{width: calc(1140px * .87);}
	article img[width="88"]{width: calc(1140px * .88);}
	article img[width="89"]{width: calc(1140px * .89);}

	article img[width="90"]{width: calc(1140px * .90);}
	article img[width="91"]{width: calc(1140px * .91);}
	article img[width="92"]{width: calc(1140px * .92);}
	article img[width="93"]{width: calc(1140px * .93);}
	article img[width="94"]{width: calc(1140px * .94);}
	article img[width="95"]{width: calc(1140px * .95);}
	article img[width="96"]{width: calc(1140px * .96);}
	article img[width="97"]{width: calc(1140px * .97);}
	article img[width="98"]{width: calc(1140px * .98);}
	article img[width="99"]{width: calc(1140px * .99);}

	article img[width="100"]{width: 100%;}
}
/* Extra extra Desktop */
@media (min-width: 1440px){
	/* Valor por defecto */
	article img {width: 100%;}
	
	article img[width="1"]{width: calc(1400px * .01);}
	article img[width="2"]{width: calc(1400px * .02);}
	article img[width="3"]{width: calc(1400px * .03);}
	article img[width="4"]{width: calc(1400px * .04);}
	article img[width="5"]{width: calc(1400px * .05);}
	article img[width="6"]{width: calc(1400px * .06);}
	article img[width="7"]{width: calc(1400px * .07);}
	article img[width="8"]{width: calc(1400px * .08);}
	article img[width="9"]{width: calc(1400px * .09);}

	article img[width="10"]{width: calc(1400px * .10);}
	article img[width="11"]{width: calc(1400px * .11);}
	article img[width="12"]{width: calc(1400px * .12);}
	article img[width="13"]{width: calc(1400px * .13);}
	article img[width="14"]{width: calc(1400px * .14);}
	article img[width="15"]{width: calc(1400px * .15);}
	article img[width="16"]{width: calc(1400px * .16);}
	article img[width="17"]{width: calc(1400px * .17);}
	article img[width="18"]{width: calc(1400px * .18);}
	article img[width="19"]{width: calc(1400px * .19);}

	article img[width="20"]{width: calc(1400px * .20);}
	article img[width="21"]{width: calc(1400px * .21);}
	article img[width="22"]{width: calc(1400px * .22);}
	article img[width="23"]{width: calc(1400px * .23);}
	article img[width="24"]{width: calc(1400px * .24);}
	article img[width="25"]{width: calc(1400px * .25);}
	article img[width="26"]{width: calc(1400px * .26);}
	article img[width="27"]{width: calc(1400px * .27);}
	article img[width="28"]{width: calc(1400px * .28);}
	article img[width="29"]{width: calc(1400px * .29);}

	article img[width="30"]{width: calc(1400px * .30);}
	article img[width="31"]{width: calc(1400px * .31);}
	article img[width="32"]{width: calc(1400px * .32);}
	article img[width="33"]{width: calc(1400px * .33);}
	article img[width="34"]{width: calc(1400px * .34);}
	article img[width="35"]{width: calc(1400px * .35);}
	article img[width="36"]{width: calc(1400px * .36);}
	article img[width="37"]{width: calc(1400px * .37);}
	article img[width="38"]{width: calc(1400px * .38);}
	article img[width="39"]{width: calc(1400px * .39);}

	article img[width="40"]{width: calc(1400px * .40);}
	article img[width="41"]{width: calc(1400px * .41);}
	article img[width="42"]{width: calc(1400px * .42);}
	article img[width="43"]{width: calc(1400px * .43);}
	article img[width="44"]{width: calc(1400px * .44);}
	article img[width="45"]{width: calc(1400px * .45);}
	article img[width="46"]{width: calc(1400px * .46);}
	article img[width="47"]{width: calc(1400px * .47);}
	article img[width="48"]{width: calc(1400px * .48);}
	article img[width="49"]{width: calc(1400px * .49);}

	article img[width="50"]{width: calc(1400px * .50);}
	article img[width="51"]{width: calc(1400px * .51);}
	article img[width="52"]{width: calc(1400px * .52);}
	article img[width="53"]{width: calc(1400px * .53);}
	article img[width="54"]{width: calc(1400px * .54);}
	article img[width="55"]{width: calc(1400px * .55);}
	article img[width="56"]{width: calc(1400px * .56);}
	article img[width="57"]{width: calc(1400px * .57);}
	article img[width="58"]{width: calc(1400px * .58);}
	article img[width="59"]{width: calc(1400px * .59);}

	article img[width="60"]{width: calc(1400px * .60);}
	article img[width="61"]{width: calc(1400px * .61);}
	article img[width="62"]{width: calc(1400px * .62);}
	article img[width="63"]{width: calc(1400px * .63);}
	article img[width="64"]{width: calc(1400px * .64);}
	article img[width="65"]{width: calc(1400px * .65);}
	article img[width="66"]{width: calc(1400px * .66);}
	article img[width="67"]{width: calc(1400px * .67);}
	article img[width="68"]{width: calc(1400px * .68);}
	article img[width="69"]{width: calc(1400px * .69);}

	article img[width="70"]{width: calc(1400px * .70);}
	article img[width="71"]{width: calc(1400px * .71);}
	article img[width="72"]{width: calc(1400px * .72);}
	article img[width="73"]{width: calc(1400px * .73);}
	article img[width="74"]{width: calc(1400px * .74);}
	article img[width="75"]{width: calc(1400px * .75);}
	article img[width="76"]{width: calc(1400px * .76);}
	article img[width="77"]{width: calc(1400px * .77);}
	article img[width="78"]{width: calc(1400px * .78);}
	article img[width="79"]{width: calc(1400px * .79);}

	article img[width="80"]{width: calc(1400px * .80);}
	article img[width="81"]{width: calc(1400px * .81);}
	article img[width="82"]{width: calc(1400px * .82);}
	article img[width="83"]{width: calc(1400px * .83);}
	article img[width="84"]{width: calc(1400px * .84);}
	article img[width="85"]{width: calc(1400px * .85);}
	article img[width="86"]{width: calc(1400px * .86);}
	article img[width="87"]{width: calc(1400px * .87);}
	article img[width="88"]{width: calc(1400px * .88);}
	article img[width="89"]{width: calc(1400px * .89);}

	article img[width="90"]{width: calc(1400px * .90);}
	article img[width="91"]{width: calc(1400px * .91);}
	article img[width="92"]{width: calc(1400px * .92);}
	article img[width="93"]{width: calc(1400px * .93);}
	article img[width="94"]{width: calc(1400px * .94);}
	article img[width="95"]{width: calc(1400px * .95);}
	article img[width="96"]{width: calc(1400px * .96);}
	article img[width="97"]{width: calc(1400px * .97);}
	article img[width="98"]{width: calc(1400px * .98);}
	article img[width="99"]{width: calc(1400px * .99);}

	article img[width="100"]{width: 100%;}
}


/* Alineación */
article img.align-center{
	display: block;
	margin: 0 auto 20px auto;
}
article img.align-left{
	float: left;
	margin: 25px 20px 10px 0;
}
article img.align-right{
	float: right;
	margin: 25px 0 10px 20PX;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ FOTOS CON PIE DE TEXTO +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
article figure {
	margin: 0;
	/* max-width: 100%; */
	/* width: fit-content;  */
	/* width: 40%; */

   /*  display: block;
	max-width: 60%;
    height: 0;
    position: relative;
    overflow: hidden;
    background: #fafafa;
    transition: padding-bottom .2s ease-in-out; 
    padding-bottom: 45%;  */
}
article figure > img {
	/* --variable: attr(width);
    width: calc(var(--variable) * 100% / 1430);  */
	/* width: 100%; */
	/* width: 100%; */
	/* width: 100% !important; */
	/* position: absolute; */
	/* width: calc(1430px * attr[alt] / 100); */

    /* top: 0;
    width: 100%;
	height: 100%;
	object-fit: cover; */
	/* opacity: 1;
    transition: opacity .2s ease-in-out; */
}

/* Pie de foto */
article figure > figcaption {
	display: block !important;
    padding: 7px;
    margin: 0;
    width: 100%;
    text-align: left;
    color: var(--color-texto-claro);
    opacity: 1;
    font-size: .8rem;
	font-weight: 100;
    font-style: italic;
    line-height: 1rem;
    /* border-bottom: 1px dotted #aaa;
    border-left: 1px dotted #aaa;
    border-right: 1px dotted #aaa; */
}

/* Alineación */
article figure.align-center{
	display: block;
	margin: 0 auto 20px auto;
}
article figure.align-left{
	float: left;
	margin: 10px 20px 10px 0;
}
article figure.align-right{
	float: right;
	margin: 10px 0 10px 20PX;
}









/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   TABLA RESPONSIVA 2 COLUMNAS   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* article table td i {
	padding-bottom: 35px;
    display: block;
} */

/* Resetear valores tablas */
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	/* font-size: 100%;
	vertical-align: baseline; */
}

/* Tabla */
table {
	margin: 10px auto;
    /* border-collapse: collapse; */
    /* border: 1px solid #eee; */
    /* border-spacing: 0; */
    /* border-bottom: 2px solid var(--colorPri); */
    /* width: 98%; */
    margin-bottom: 60px;
    box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.25);
}
/* Titulo */
table caption {
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: var(--colorSec);
	text-transform: uppercase;
	margin-bottom: 20px;
}
/* alternar color filas */
tbody tr:nth-child(odd) {
	background: rgba(23,132,197,.1);
}
/* Fila resaltada */
table tr:hover {
	background: rgba(23,132,197,.2);
}
table tr:hover td {
	color: black;
}
/* Alineación tabla */
table[align="center"]{
	margin: 10px auto;
	margin-bottom: 60px;
}
table[align="left"]{
	float: left;
	margin: 0 20px 10px 0;
}
table[align="right"]{
	float: right;
	margin: 0 0 10px 20px;
}
/* Filas */
table th, 
table td {
	color: #444;
	border: 2px solid white;
	padding: 12px 35px;
	border-collapse: collapse;
	font-size: 1rem;
	line-height: 1.2rem;
}

/* Cabecera (Debe ir detrás de filas) */
table th {
	background: var(--colorSec);
    color: #fff;
    text-transform: uppercase;
    font-size: .8rem;
	line-height: 1.2rem;
	text-align: center;
}


/* Permite desplazamiento horizontal en modo móvil */
/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	/* Scrooll horizontal */
	table {
		/* display: block;  */
		overflow-x: auto;
		/* box-shadow:none; */
		width: 97% !important;
	}
	table th, 
	table td {
		border: 1px solid white;
		padding: 10px;
		font-size: .8rem;
		line-height: 1rem;
	}
	table th {
		font-size: .7rem;
		line-height: .9rem;
	}
/* 	table{
		display: flex;
		box-shadow: none;  
		border-top: 4px solid var(--colorSec);
		box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.25);
		width: 97% !important;
	} */


	/* Oculta Cabecera y Título */
/* 	table thead,
	table caption{
		display: none; 
	} */
	/* Cambia padding filas */
/* 	table td{
	  	padding: .5rem;
	} */

	/* Ocupa todo el ancho */
/* 	tbody {
		width: 100%;
	} */
	  
	/* Sitúa nombre cabeceras a la izquierda de cada celda */
/* 	table td::before{
		content: 'Tratamiento: ';
  }
	table td:nth-child(1)::before{
	  	content: 'Tratamiento: ';
	}
	table td:nth-child(2)::before{
	  	content: 'Importe: ';
	}
	table td{
		padding-left: 30%;
	}
	table td::before{
	  	position: absolute;
	  	left: .5em;
	  	font-weight: bold;
	}
	
	table tr,
	table td{
		display: block;
	}
	table tr{
		position: relative;
		border-bottom: 1px solid var(--colorSec);
	}
	table tr:last-child{
		border-bottom: none;
	}
	table td{
		border-top: none;
		border-bottom: none;
	} */
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	
}

















 

/* fotos en articulos -------------- */
/* article .foto img {
	width: 100%;
	height: auto;
} */
/* Foto Horizontal */
/* .foto {
	margin: 5px 0px;
	float: left;
	max-width: 100%; 
	height: auto;
} */
/* Foto izquierda */
/* article .foto.izq {
	margin: 5px 25px 5px 0;
	float: left;
	max-width: 45%;
	height: auto;
	width: 30%;
} */
/* Foto derecha */
/* .foto.der {
	margin: 5px 0 5px 25px;
	float: right;
	max-width: 45%;
	height: auto;
} */

/* Pie de foto */
/* .pie-foto {
	display: block;
    padding: 10px;
    margin: 0 0 10px 0;
    width: 100%;
    text-align: center;
    color: var(--color-texto-claro);
    opacity: 1;
    font-size: 75%;
    font-style: italic;
    line-height: 100%;
    border-bottom: 1px dotted #aaa;
    border-left: 1px dotted #aaa;
    border-right: 1px dotted #aaa;
} */

/* Fotos individuales */
/* .foto-sola img {
	width: 100%;
	height: auto;
} */
/* Foto Horizontal */
/* .foto-sola.izq {
	clear: both;
	margin: 5px 0px;
	float: left;
	max-width: 45%;
	height: auto;
} */
/* Foto izquierda */
/* .foto-sola.izq {
	margin: 5px 0;
	float: left;
	max-width: 45%;
	height: auto;
} */
/* Foto derecha */
/* .foto-sola.der {
	margin: 5px 0;
	float: right;
	max-width: 45%;
	height: auto;
} */
/* Pie de foto */
/* .foto-sola .pie-foto {
	display: block;
	padding: 5px 0px 10px;
	margin: 0 0 15px 0;
	width: 100%;
	text-align: left;
	color: #000; 
	font-size: 16px; 
	font-style: normal;
	line-height: 120%;
	border: 0;
} */

/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
/* @media (max-width: 767px){
	article .foto-sola.izq , 
	article .foto-sola.der{
		max-width: 100%;
		width: 100% !important;
	} */
	/* Centra foto */
/* 	article .foto.izq, 
	article .foto.der, 
	article .foto, 
	article .foto-sola, 
	article img {
		float: none;
		max-width: 100%;
		width: 100% !important;
		height: auto;
		margin: 10px auto;
	}
} */
/* Tablet */
/* @media (min-width: 768px) and (max-width: 991px){
	article p,
	article span{
		text-align: left;
	} */
/* 	article p img.align-center,
	article p img.align-left,
	article p img.align-right, 
	article p img{
		float: none;
		margin: 20px 0;
		padding: 0;
		width: 100%;
	} */
/* 	article ul{
		margin-left: 40px;
	} */
/* } */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   GALERIA FOTOS   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.galeria-fotos{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-column-gap:10px;
}
.galeria-fotos > figure{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	background-color: var(--us-rojo-oscuro);
	position: relative;
	overflow: hidden;
}
.galeria-fotos > figure::before {
	content: '';
	display: block;
	padding-top: 75%;
}
.galeria-fotos img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	margin:0;
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.galeria-fotos{
		grid-template-columns: repeat(1,1fr);
	}
	.galeria-fotos > figure{
		margin-bottom:10px;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	
}

/* ---------------------------------------------------------------------------
   FIN ELEMENTOS BASE
------------------------------------------------------------------------------ */





/* ----------------------------------------------------------------------------
+
+   E L E M E N T O S  D R U P A L   +
+
------------------------------------------------------------------------------- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ ANULA: "TODAVÍA NO SE HA CREADO CONTENIDO PARA LA PORTADA" +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.view-frontpage.view-display-id-page_1{
	display: none; 
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   LÍNEA DEBAJO DE TÍTULO PÁGINAS CONTENIDOS   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.page-title {
	color:var(--colorSec);
	line-height: 2.4rem;
	margin-top: 60px !important;
}
.page-title::after{
	content: "";
    display: block;
    max-width: 100px;
    margin-top: 5px;
    /* border-style: solid; */
    /* border-width: 0.9px; */
    opacity: .7;
    margin-bottom: 30px;
    background-color: var;
    height: 1.5px;
    background-color: var(--colorSec);
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   BUSCADOR (Region: Naviga Search area)   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Estructura:
	<div> .search-area
		<div> .region-search-area	
			<div> #block-theme-us-search .search-block-form .block-search
				<form> #search-block-form 
					<div CASILLA-BUSQUEDA> .js-form-item .form-item .js-form-type-search .form-type-search .js-form-item-keys .form-item-keys .form-no-label
						<label> .visually-hidden "Buscar"
						<input> #edit-keys .form-search "Escriba lo que quiere buscar"
					<div ICONO LUPA> #edit-actions .form-actions js-form-wrapper .form-wrapper
						<input> #edit-submit .button .js-form-submit .form-submit
						::after (Aquí cambiamos la apariencia del botón y lo convertimos en lupa)
*/
.search-area {
    position: relative;
    margin: 7px 0 0 0;
	width: 55px;
}


/* .header-area .block:first-child:last-child {
    padding: 0;
} 
.block-search > form {
    position: relative;
}
.form-item, .form-actions {
    margin: 20px 0;
}
.container-inline div, .container-inline label {
    display: inline;
}  


.visually-hidden {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	word-wrap: normal;
}
.form-item > label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
} */

/* Casilla de búsqueda (aparece oculta-> width: 0) */
.search-area #edit-keys{
	font-size: 16px;
	color: var(--colorPri);
	background-color: rgba(163,204,201,.2);
	width: 0;
	padding: 0;
	position: absolute;
	top: 35px;
	z-index: 498;
	right: 0;
	border-radius: 25px;
	border: none;
	-webkit-transition: all linear 0.35s;
	-moz-transition: all linear 0.35s;
	-o-transition: all linear 0.35s;
	-ms-transition: all linear 0.35s;
	transition: all linear 0.35s;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
/* Clase que se añade a .form-search para mostrar casilla */
.muestra-casilla {
	width: 25vw !important;
	padding: 8px 45px 8px 25px !important;
}

input:-internal-autofill-selected {
	-webkit-appearance: menulist-button;
	background-color: var(--colorSec) !important;
	background-image: none !important;
	color: -internal-light-dark-color(black, white) !important;
}
:focus {
	outline: -webkit-focus-ring-color auto 1px;
	outline-color: -webkit-focus-ring-color;
	outline-style: auto;
	outline-width: 0;
}


/* LUPA ----------------------------------- */
/* Contenedor de la LUPA */
.search-area #edit-actions{
    position: absolute;
    top: 38px;
    right: 0px;
    font-size: 16px;
}
/* Muestra la lupa de búsqueda, en lugar del botón Search */
.search-area #edit-actions::after {
	font-family: 'FontAwesome';
	font-size: 25px;
	content: "\f002";
	color: var(--colorPri);
	top:-1px;
	left:0;
	position: absolute;
	padding-left: 1px;
	z-index: 498;
	line-height: 40px;
	width: 20px;
	cursor: pointer;
}


/* Lupa */
/* #edit-submit{  */
 .search-area input[type="submit"]{ 
	background-color: transparent;
	min-width: 0;
	width: 40px;
	height: 40px;
	position: relative;
	z-index: 999;
	left: -7px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.search-area {
		top: -90px;
    	right: 40px;
	}
	.search-area #edit-actions::after {
		color: white;
	}
	.search-area #edit-keys {
		top: -5px;
	}
	.muestra-casilla {
		width: 0 !important;
		padding: 0 !important;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	.muestra-casilla {
		width: 55vw !important;
	}
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   VISTA RESULTADO BUSCADOR   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.search-form input.form-text, 
.search-form input.form-tel, 
.search-form input.form-email, 
.search-form input.form-url, 
.search-form input.form-search, 
.search-form input.form-file, 
.search-form input.form-number, 
.search-form input.form-color, 
.search-form textarea.form-textarea, 
.search-form textarea, 
.search-form select.form-select, 
.search-form select {
    background: #e5e5e5;
    color: #454545;
    font-size: inherit;
    padding: 14px 15px;
    outline: none;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    width: 30%;
}

/* Botón Búsqueda */
.search-area input[type="submit"]:hover {
    outline: none;
    background: transparent !important;
}

a.button, 
input[type="submit"], 
input[type="reset"], 
input[type="button"] {
    background-color: var(--us-rojo-oscuro); 
	color: white;

	font-size: 14px;
    text-transform: uppercase;
    padding: 15px 23px;
    color: #ffffff;

    display: inline-block;
    line-height: 1;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    min-width: 160px;
    border: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: 10px 5px 10px 0;
    text-align: center;
}

a.button:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover {
    background-color: var(--us-amarillo) !important;
	color: black !important;
}

/* Titular resultados búsqueda */
/* .region-content h2 {
	font-size: 1.9rem;
	line-height: 2.4rem;
	color: var(--colorPri);
	text-align: left;
	text-transform: none;
	margin-bottom: 0;
	margin-top: 30px;	
} */
/* Titular texto encontrado */
.search-results h3,
.search-results h3 > a {
	font-size: 1.6rem;
	line-height: 2.1rem;
	color: var(--color03) !important;
	text-align: left;
	text-transform: none;
	margin-bottom: 10px;
	margin-top: 30px;
}
.search-results h3 > a:hover{
	color: var(--us-rojo-oscuro) !important;
}

/* Texto Búsqueda */
.search-results p,
.search-results span {
    margin: 0;
    padding: 0 0 22px 0;
	border: 0;

	font-style: inherit !important;
	font-variant: inherit !important;
	font-stretch: inherit !important;
	font-family: FuenteRegular, Helvetica, Arial, sans-serif !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	line-height: inherit !important;
	letter-spacing: right !important;
	text-align: left;
}

/* Enlace de ayuda */
.search-help-link {
	color: var(--us-amarillo) !important;
}
.search-help-link:hover {
	color: var(--us-rojo-oscuro) !important;
}



/* -------------------------------------------------------------------------
-    N O T I C I A S / ANUNCIOS / EVENTOS -
---------------------------------------------------------------------------- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   NOTICIAS / ANUNCIOS / EVENTOS INDIVIDUAL   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Quitar margen inferior debajo de fotos */
article .images-container {
	margin-bottom: 0;
}
article .field--type-image, 
article .field--name-field-imagen-evento {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}
article .field--type-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   NOTICIAS / ANUNCIOS / EVENTOS  PÁGINA   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.view-noticias.view-display-id-pag_noticias,
.view-display-id-pag_anuncios,
.view-display-id-page_eventos {
	position: relative;
    margin-bottom: 170px;
    background: rgba(50,50,55,.1);
    padding: 60px;
}
.view-noticias.view-display-id-pag_noticias > .view-content,
.view-display-id-pag_anuncios > .view-content,
.view-display-id-page_eventos > .view-content{ 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row !important;
}

.noticia-pag,
.anuncio-pag,
.evento-pag {
    background-color: white;
    overflow: hidden;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,.15);
	flex: 30%;
	margin: .5rem;
	max-width: 32%;
}

/* Foto */
.noticias__foto-ctn,
.evento__foto-ctn {
    background-color: grey;
    margin: 0;
	padding: 0;
    overflow: hidden;
    position: relative;
	flex: 1.4;
	display: none;
}
.noticias__foto-ctn::before{
	content: '';
	display: block;
	padding-top:100%;
}
.noticias__foto-img{
	object-fit: cover;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* Texto */
.noticias__texto-ctn,
.anuncio__texto-ctn,
.evento__texto-ctn {
	padding: 0 40px;
	flex: 2;
}
/* Fecha */
.noticias__texto-fecha,
.anuncio__texto-fecha,
.evento__texto-fecha {
	font-size: .8rem;
    line-height: .8rem;
    text-align: center;
    color: var(--color-texto-claro);
    margin-top: 12px;
}
.noticias__texto-fecha::after,
.anuncio__texto-fecha::after,
.evento__texto-fecha::after{
	content: "";
    display: block;
    max-width: 100%;
    margin-top: 5px;
    border-style: solid;
    border-width: 0.9px;
    color: inherit;
    opacity: .3;
    margin-bottom: 10px;
}
/* Titular */
.noticias__texto-titulo,
.anuncio__texto-titulo,
.evento__texto-titulo {
	text-align: center;
}
.noticias__texto-titulo > a,
.anuncio__texto-titulo > a,
.evento__texto-titulo > a {
	font-size: 1.2rem;
	line-height: 1.4rem;
	color: var(--colorSec) !important;
	text-transform: none;
}
.noticias__texto-titulo > a:hover,
.anuncio__texto-titulo > a:hover,
.evento__texto-titulo > a:hover {
	color: var(--colorSec) !important;
}

/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.view-noticias.view-display-id-pag_noticias,
	.view-display-id-pag_anuncios,
	.view-display-id-page_eventos {
		padding: 10px;
	}
	.view-noticias .view-content > div,
	.view-display-id-pag_anuncios .view-content > div,
	.view-display-id-page_eventos .view-content > div {
		max-height: 520px;
	}	
	.noticia-pag,
	.anuncio-pag,
	.evento-pag {
		flex: 100%;
		max-width: 100%;
	}
	.noticias__texto-ctn,
	.anuncio__texto-ctn,
	.evento__texto-ctn {
		flex: 1;
		padding: 0 20px;
	}
	.noticias__texto-fecha,
	.anuncio__texto-fecha,
	.evento__texto-fecha {
		margin: 15px 0 15px 0;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	.noticia-pag,
	.anuncio-pag,
	.evento-pag {
		flex: 47%;
		max-width: 47%;
	}
	.noticias__texto-ctn,
	.anuncio__texto-ctn,
	.evento__texto-ctn {
		padding: 0 30px;
		flex: 2;
	}
	.noticias__texto-titulo,
	.anuncio__texto-titulo,
	.evento__texto-titulo {
		line-height: 1.5rem;
	}
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   PAGINADOR (Noticias / Anuncios / Eventos)   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.pager {
	margin-top: 15px;
}
.pager__items {
    clear: both;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	margin-top: 60px;
}
.pager__item {
    padding: 0;
	display: inline;
	margin-bottom: 15px;
}
.pager__item > a {
    padding: 10px 13px;
	font-size: .9rem;
	line-height: 1;
	color: var(--colorPri);
    background-color: white;
	border-top: 1px solid var(--color-texto-claro); 
	border-right: 1px solid var(--color-texto-claro); 
	border-bottom: 1px solid var(--color-texto-claro); 
}
.pager__item:first-of-type a {
	border: 1px solid var(--color-texto-claro); 
}
.pager__item > a:hover {
	background: rgb(249, 237, 201);
	/* border: 1px solid rgb(229, 227, 227);  */
	/* border-color: var(--colorSec); */
}
/* Casilla activa */
.pager__item.is-active a {
/* , li.pager__item.is-active:last-child a */
	color: white !important;
	background: var(--colorSec);
	border: 1px solid var(--colorSec);
}
.pager__item.is-active {
    font-weight: 100;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   NOTICIAS PORTADA   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Colocamos fondo a las noticias destacadas */
.main-content {
	/* background-color: var(--color04);
	padding: 40px 0; */
}
.content-bottom-second{
	background-color: var(--color04);
}


/* Mostramos título centrado */
.block-views-blocknoticias-blq-noticias .title {
    text-align: center;
    color: var(--colorSec);
    margin-bottom: 30px;
	text-transform: uppercase;
	font-family: FuenteBold, Helvetica, Arial, sans-serif;
    font-size: 2rem;
	padding-top:4rem;
}

/* Posicionamos todas las noticias de portada accediendo a su contenedor */
.block-views-blocknoticias-blq-noticias .view-noticias .view-content,
.block-views-blocknoticias-blq-noticias-alumnos .view-noticias .view-content,
.block-views-blocknoticias-blq-noticias-pas .view-noticias .view-content,
.block-views-blocknoticias-blq-noticias-pdi .view-noticias .view-content{
	display: flex;
	justify-content: space-between;
}

/* Contenedor Individual noticia: 3 columnas por fila */
.noticia-blq{
	width: calc(33% - 20px);
	margin-bottom: 30px;
	/* height: 500px; */
	background-color: white;
	overflow: hidden;
	border-radius: 16px 16px 16px 16px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,.15);
}


/* Foto */
.noticia-blq__foto-ctn {
	/* width: 30%; */
    height: 12rem; 
    background-color: grey;
    margin: 0;
	padding: 0;
    overflow: hidden;
    position: relative;
	flex: 1.4;
}
.noticia-blq__foto-ctn::before{
	content: '';
	display: block;
	padding-top:100%;
}
.noticia-blq__foto-img{
	object-fit: cover;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.7;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	transform: scale(1);
}


/* Contenedor Imagen (como <figure>) */
/* .noticia-blq__foto-ctn{
	margin: 0;
    overflow: hidden;
	position: relative;
	width: auto;
	padding: 0;
}
.noticia-blq__foto-ctn::before{
	content: '';
	display: block;
	padding-top: 56.25%; 
} */

/* Imagen */
/* .noticia-blq__foto-img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	outline: none;
	border: none;
	padding: 0;
	opacity: 1;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	transform: scale(1.1);
} */
.noticia-blq__foto-img:hover{
	opacity: 0.7;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	transform: scale(1.25);
}

/* Caja de texto */
.noticia-blq__texto-ctn{
	padding:0 40px;
	/* margin-bottom: 30px; */
}

/* Fecha */
.noticia-blq__texto-fecha {
	/* font-style: italic;
	font-size: .7rem;
	color: black; */
	font-size: .8rem;
    line-height: .8rem;
    text-align: left;
    margin: 15px 0 30px 0;
	color: var(--color-texto-claro);
}

/* Titular */
.noticia-blq__texto-titulo{
/* 	padding-top: 10px;
	color: var(--color01) !important;
	font-weight: 400;
	line-height: 1.4rem;
	font-size:1.5rem; */
}
.noticia-blq__texto-titulo > a {
	font-size: 1.7rem;
	line-height: 1.5rem;
	color: var(--colorSec) !important;
	text-align: left;
	text-transform: none;
}
.noticia-blq__texto-titulo > a:hover {
	color: var(--masterDireccion) !important;
}
.noticia-blq__texto-titulo {
	line-height: 1.7rem;
}

/* .view-noticias .views-field-title a:hover{
	text-decoration: none;
} */

/* Texto */
.noticia-blq__texto-resumen {
    margin: 0;
    padding: 0 0 22px 0;
	/* border: 0;
	font-style: inherit !important;
	font-variant: inherit !important;
	font-stretch: inherit !important;
	font-family: FuenteRegular, Helvetica, Arial, sans-serif !important;
	font-size: 1rem !important;
	font-weight: inherit !important;
	color: inherit !important;
	line-height: 1.1rem !important;
	letter-spacing: right !important; */
	text-align: left;
    font-size: 1rem !important;
    line-height: 1.4rem !important;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
	max-height: 5.5rem;
	margin-bottom: 30px;
}
/* Sólo muestra cuatro líneas y coloca elipsis al final */
.noticia-blq__texto-resumen p {
	/* text-align: left;
    font-size: 1rem !important;
    line-height: 1.4rem !important;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
	max-height: 5.5rem; */
}



/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	/* Posicionamos todas las noticias de portada accediendo a su contenedor */
	.view-noticias .view-content{
		flex-direction: column;
	}
	/* Contenedor Individual noticia, sólo tres columnas por fila */
	.noticia-blq{
		width: 100%;
	}
	.noticia-blq__foto-ctn {
		flex: 1;
	}
	.noticia-blq__texto-ctn {
		flex: 1;
		padding: 0 20px;
	}
	.noticia-blq__texto-fecha {
		margin: 15px 0 15px 0;
	}
	.noticia-blq__texto-titulo a {
		font-size: 1.7rem;
    	line-height: 1.9rem !important;
	}
	.noticia-blq__texto-resumen{
		font-size: 1rem;
		line-height: 1.2rem !important;
	}
	.noticia-blq__texto-titulo {
		font-size: 20px;
		line-height: 1.4rem;
	}
	/* Botón */
	.view-noticias .view-footer p, 
	.view-noticias .view-footer a{
		line-height: 35px;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	.noticia-blq__foto-ctn {
		flex: 1;
		max-height:200px;
	}
	.noticia-blq__texto-ctn {
		padding: 0 20px;
		flex: 2;
	}
	.noticia-blq__texto-titulo {
		line-height: 1.5rem;
	}
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   COOKIES   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Título */
.eu-cookie-compliance-message h2 {
	/* font-size: 1.4rem;
    line-height: 1.3rem; */
	font-size: 18px;
    line-height: 20px;
}
/* Descripción */
.eu-cookie-compliance-category-description,
.eu-cookie-compliance-message p {
	/* font-size: 1rem;
    line-height: 1.2rem; */
	font-size: 16px;
    line-height: 18px;
	font-weight: normal;
    margin: 0 0 5px 0;
}
/* Título Categorías */
.eu-cookie-compliance-categories label {
    display: inline;
    /* font-size: 1.2rem;
	line-height: 1.1rem; */
	font-size: 16px;
    line-height: 18px;
	cursor: pointer;
}
/* Botones */
.eu-cookie-compliance-more-button {
    cursor: pointer;
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: underline;
    background: transparent;
	border-radius: 16px;
	color: white;
	font-size: 16px;
    line-height: 18px;
}

.disagree-button.eu-cookie-compliance-more-button, 
.eu-cookie-compliance-agree-button, 
.eu-cookie-compliance-default-button, 
.eu-cookie-compliance-hide-button, 
.eu-cookie-compliance-more-button-thank-you, 
.eu-cookie-withdraw-button, 
.eu-cookie-compliance-save-preferences-button {
    cursor: pointer;
    margin-right: 5px;
    margin-top: 1em;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    background: transparent;
    /* background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
    background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%); */
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid white;
    color: white;
    font-family: inherit;
    font-weight: normal;
    padding: 10px 25px;
    text-decoration: none;
    text-shadow: none;
	font-size: 16px;
    line-height: 18px;
}
.disagree-button.eu-cookie-compliance-more-button:hover, 
.eu-cookie-compliance-agree-button:hover, 
.eu-cookie-compliance-default-button:hover, 
.eu-cookie-compliance-hide-button:hover, 
.eu-cookie-compliance-more-button-thank-you:hover, 
.eu-cookie-withdraw-button:hover,
.eu-cookie-compliance-save-preferences-button:hover {
    background: white;
    /* background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed));
    background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%); */
	color: var(--colorPri);
}

.eu-cookie-compliance-categories {
    clear: both;
    padding-top: 0;
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
/* 	.eu-cookie-compliance-categories-buttons {
		margin: 0 0 1em 0;
		max-width: 100%;
		float: left;
		width: 100%;
	} */
	.disagree-button.eu-cookie-compliance-more-button, 
	.eu-cookie-compliance-agree-button, 
	.eu-cookie-compliance-default-button, 
	.eu-cookie-compliance-hide-button, 
	.eu-cookie-compliance-more-button-thank-you, 
	.eu-cookie-withdraw-button, 
	.eu-cookie-compliance-save-preferences-button {
		width: 90vw;
		margin: 0 auto;
	}
	.eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories {
		float: none;
	}
	.eu-cookie-compliance-message p {
		display: block;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}
/* ---------------------------------------------------------------------------
   FIN ELEMENTOS DRUPAL
------------------------------------------------------------------------------ */





/* ----------------------------------------------------------------------------
+
+   M Ó D U L O S  /  P L U G I N S   +
+
------------------------------------------------------------------------------- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ BREADCRUMB (MIGA DE PAN) +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.breadcrumb {
    font-size: .7rem;
	padding: 0;
	text-align: center;
    font-weight: 100;
}

/* Elementos de la lista */
.breadcrumb li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/* Elementos y separador */
.breadcrumb li, 
.breadcrumb .breadcrumb-separator {
   /*  display: inline-block;
    overflow: hidden;
    vertical-align: top;
    line-height: 1.46; */
}
/* Separador */
.breadcrumb .breadcrumb-separator {
   /*  line-height: 1;
    font-size: 13px;
    padding-top: 2px;
    color: #1e1e1e;
    vertical-align: baseline; */
}
.breadcrumb li:before {
	/* content: " \BB "; */
    content: " / ";
}

/* Inicio */
 .breadcrumb li:nth-child(1) .breadcrumb-separator {
    display: none;
}

.sr-only {
    position: inherit !important;
    width: inherit !important;
    height: inherit !important;
    padding: inherit !important;
    margin: inherit !important;
    overflow: inherit !important;
    clip: inherit !important;
    border: inherit !important;
}

.breadcrumb a {
	color: var(--color-texto) !important;
	text-decoration: none !important;
	font-weight: 100 !important;
}
.breadcrumb a:hover  {
	color: black !important;
    /* text-decoration: underline !important; */
    /* text-underline-position: under;  */
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ MÓDULO A2A - COMPARTIR EN REDES SOCIALES +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.a2a_kit {
	line-height: 32px;
    display: flex;
    justify-content: flex-start;
}
.a2a_kit span{
	background:var(--color-texto-claro) !important;

}
/* No sale en páginas PERFILES (Alumno, PAS, PDI)*/
.a2a_kit[data-a2a-title^="Perfil"]{
	display: none;
}

/* ---------------------------------------------------------------------------
   FIN MÓDULOS/PLUGINS
------------------------------------------------------------------------------ */




/* ----------------------------------------------------------------------------
+
+   M I S  E L E M E N T O S   +
+
------------------------------------------------------------------------------- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   HEADER TOP (Barra superior con logo US y logo móvil, contacto y sociales)   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#header-top {
	position: sticky !important;
	z-index: 1499 !important;
	width: 100%;
	display: block;
	background-color: var(--colorPri);
	height: 53px;
	overflow: hidden;
  }

  /* La oculta en modo Desktop */
@media (min-width: 767px) {
	#header-top {
		display: none;
	}
} 

/* Posiciona elementos del contenedor principal (Metodología BEM) */
.top-header {
	display:flex;
	justify-content: space-between;
	height: 53px;
	margin: 0 auto;
}

/* Posiciona elementos dentro de .logos */
.top-header__logos{
	display:flex;
	justify-content: start;
	/* align-items: center; */
}
/* Logo US (Muestra en modo Desktop) */
.top-header__logo-us {display: block;}
.top-header__img-us{
	width: auto;
	height:53px;
	padding: 0;
	margin-right: 10px;
} 
/* Logo CENTRO neg (Oculto en modo Desktop) */
.top-header__logo-centro {display: none;}
.top-header__img-centro{
	width: auto;
	height:44px;
	padding: 0;
	margin-right: 10px;
	/* display: none; */
}
/* Nombre de la Facultad (Oculto en modo Móvil) */
.top-header__nombre-centro {
	display: inline-block !important;
	font-family: "FuenteBold" !important;
	font-size: 24px;
	color: white;
	/* display:none !important; */
}

/* Posiciona elementos dentro de .contactos-sociales */
.top-header__contactos-sociales{
	display:flex;
	justify-content: end;
}
/* Enlaces destacados de Contacto */
.top-header__contacto,
.top-header__social {
	color: white !important;
}
.top-header__contacto:hover,
.top-header__contacto:focus,
.top-header__sociales a:hover {
	color: var(--colorSec) !important;
}
.top-header__contactos,
.top-header__sociales{
	display: flex;
	align-items: center;
	margin-left: 30px;
}
/* Contactos */
.top-header__contacto {
	display: flex;
	font-size: 16px;
	margin-left: 50px;
}
/* Icono teléfono */
.top-header__contacto svg,
.top-header__contacto i {
	margin-top: 10px;
	margin-right: 10px;
}

/* Enlaces sociales */
.top-header__social {
	margin-left: 20px;
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	#header-top {
		position: static !important; 
		height: 53px;
	}
	/* Mostramos logo US y del CENTRO */
	.top-header__logo-us, 
	.top-header__logo-centro {
		display: flex;
		align-items:center;
	}
	/* Ocultamos Nombre Facultad, contactos y sociales */
	.top-header__nombre-centro, 
	.top-header__contactos-sociales {
		display: none !important;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   HEADER (Logo + Buscador + Perfiles)   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header {
	position: static;
	top: 53px !important;
	z-index: 499;
	width: 100%;
	border-bottom: 0;
	padding-bottom: 40px;
	/* box-shadow: 0px 4px 5px rgba(18,37,98,.2); Sombra que arroja la cabecera */
}
.onscroll .header {
	padding-top:6px;
} 
.onscroll .white-region {
	padding-bottom: 0 !important;
}

/* Contenedor de cabecera (logo, idioma, buscar) */
.header-inside {
    padding: 20px 0;
	margin: 0 auto;
}
.header-inside .header-area:nth-child(2){
	display: flex;
    justify-content: flex-end;
}

/* LOGOS US + CENTRO (Region: "Header First") */
.region-header{
	display: flex;
}
.logo-and-site-name-wrapper {
	display: flex;
}

#block-logoheader {
	width: 100%;
}
.logos {
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 10;
}

.logo-us {
	margin: 0;
    order: 1;
	display: flex;
}
.logo-us::after {
	content: "";
    display: block;
    background-color: #3f3f3e;
    width: 2px;
    opacity: .3;
    margin: 30px 15px 0 15px;
}
.logo-us__img {
	height: 5vw;
	max-height: 80px;
    min-height: 60px;
}

.logo-us-movil,
.logo-centro-movil {
	display: none;
}
.logo-centro,
.logo-centro-movil {
	position: relative;
	top: 25px;
	order: 3;
}
.logo-centro__img {
	height: 6.5vw;
	max-height: 100px;
    min-height: 40px;
}
.header-inside-first {
	padding: 0;
}

/* CONTENEDOR DE CITA PREVIA + BOTONES IDIOMAS y BUSCADOR */
.header-inside-third{
	margin-top: 30px;
}

/* CAMBIO ORDEN BUSCADOR Y BOTÓN CITA + LENGUAJE */
.main-navigation {
	order: 2;
}
.search-area {
	order: 1;
}


/* SELECTOR DE IDIOMAS (Región: "Navegación") */
/* En Config > Regional > Language > Icons
Reemplazar enlace (activo)
Ruta del archivos de iconos: sites/internacional/themes/custom/theme_us/images/flags/*.png
Tamaño de la imagen: 48x62 */
.language-switcher-language-url{
	margin-left: 10px;
}
.language-switcher-language-url ul.links{
	display: flex;
	justify-content: flex-end;
	list-style: none;
}

/* Coloca un icono sobre el otro */
/* .language-switcher-language-url ul.links li:first-of-type */ 
.es {
	position: relative;
	margin-right: -7px;
}

/* Conmuta botones de idiomas entre activo y no activo */
.es,
.en {
	opacity: .2;
	z-index: 0;
}
.es.is-active,
.en.is-active {
	opacity: 1;
	z-index: 1;
	filter: drop-shadow(0 0 2px #888);
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	/* La oculta en modo móvil, y con ello: logo, buscador y perfil */
	.header {
		/* display: none; */ 
		height:0;
		padding:0;
		/* overflow: hidden; */
	}
	.header .logos {
		display: none;
	}
	.logo-us,
	.logo-centro {
		display: none;
	}
	.logo-us-movil,
	.logo-centro-movil {
		display: block;
	}
	.logo-centro-movil {
		position: relative;
		top: -3px;
		order: 3;
		margin-left: 10px;
	}
	.logo-centro__img {
		height: 51px;
		min-height: 50px;
	}

}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   P E R F I L   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PERFILES (Region: "Navigation") */
/* .perfil {
	margin: 10px;
	line-height: 1.4rem;
    color: var(--color03) !important;
    padding: 0 15px;
    font-size: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
}
.perfil__menu{
	position: absolute;
    top: -15px;
    left: -83px;
    padding: 5px 5px 15px 5px;
    margin: 0;
    background-color: var(--colorPri);
	border-radius: 7px;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;  /* Importante para que sólo se despligue al colocar ratón en enlace */
   /* transition: .5s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 
	z-index: 999;
}
.perfil:hover {
	transform: scale(1.15);
	cursor:pointer;
}
.perfil:hover > .perfil__menu{
	transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto; 
}
.perfil__menu::before{
	content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: var(--colorPri);
	transform:rotate(45deg);
	position: absolute;
	top:27%;
	right: -7px;
}

.perfil__lista{
	list-style: none;
}
.perfil__item{
 	padding: 5px; 
	margin-bottom: -10px;
	width:100%;
}
.perfil__enlace{
    color:white !important;
    font-size: .6rem;
	text-align: left;
	display:block;
	padding: 0 5px;
	transition: .5s;
}
.perfil__item:nth-child(1n) .perfil__enlace:hover{
	background-color:#EABB2A !important;
	color: black !important;
}
.perfil__item:nth-child(2n) .perfil__enlace:hover{
	background-color:#a0bc39 !important;
	color: black !important;
}
.perfil__item:nth-child(3n) .perfil__enlace:hover{
	background-color:#8d0739 !important;
	color: white !important;
} */





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   MENU NAVEGACION PRINCIPAL   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Quita padding superior encima del menú */
.page {
	padding: 0;
}
/* Quitar espacio superior */
nav.block-menu,
nav.block {
	padding: 0;
}

/* Coloca mismo color fondo que cabecera */
/* .system-messages{
	background-color: #eef2f4;
} */

/* Menú Principal */
/* Contenedor del menú principal */
.menu{

} 

.menu ul {
	list-style: none;
}

/* MENÚ */
.menu__main{
	/* padding-top: 10px; */
}
.menu__main > ul{
    display: flex;
    justify-content:center;
	/* height: 40px; */
}

/* Elementos <li> */
.menu__item{
    position: relative;
	/* padding-bottom: 15px; */
}

/* Enlace */
.menu__item > a{
    line-height: 1.4rem;
    color:white !important;
    padding: 7px 15px;
    /* letter-spacing: 1px; */
    font-size: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s; 
	white-space: nowrap;
}
.menu__item:hover > a{
    /* transform: scale(1.1); */ 
	font-weight: 400;
	background-color: var(--colorResaltado);
	color: white !important; 
}

/* Icono menú principal */
.menu__item > a > i{
    margin-left: .4rem;
    transform: rotate(0deg);
    transition: .65s;
	font-size: .5rem;
}
.menu__item:hover > a > i{
    transform: rotate(180deg);
    transition: .65s;
}

/* DROPDOWN ----------------------------------------------------- */
.menu__dropdown{
    position: absolute;
    top: calc(100% - 7px);
    left: 0;
    width: auto; /* 15vw; */
	min-width: 18vw;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;  /* Importante para que sólo se despligue al colocar ratón en enlace */
    transition: .4s;
    line-height: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    background-color: #f2f2f2;
	z-index: 999;
	border-top: 2px solid var(--colorPri);
}

/* Prepara <ul> como relative para poner en absolute la flecha que se pone arriba */
.menu__dropdown ul{
    position: relative;
} 

/* Elementos <li> del dropdown */
.menu__item--dropdown{
    position: relative;
}

/* Barra superior sobre el menú dropdown */
/* .menu__item > .menu__dropdown:first-of-type::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: var(--colorPri);
} */

/* Icono Triángulo que está al final de los <li> lo colocamos al inicio */
.menu__item > .menu__dropdown:first-of-type > ul > .menu__arrow{
    position: absolute;
    top: -35px;
    left: 3px;
    cursor: pointer;
    transition: .3s;
	/* Esto genera el triángulo equilatero mirando hacia arriba */
	width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid var(--colorPri);
	display:none; /* Oculto el triángulo */
}
.menu__item--dropdown:first-child:hover ~ .menu__arrow{
	background-color: transparent !important;
}

/* Línea debajo de cada item (2) porque el último item es la flecha que se mueve al principio */
.menu__item--dropdown:not(:nth-last-child(2)){
    border-bottom: 1px solid #e1e1e1;
}

/* Enlaces de dropdown */
.menu__item--dropdown > a{
    color: black !important;
    padding: .4rem 1rem;
    font-size: .8rem;

	display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .3s;
}
/* Color y texto hover */
.menu__item--dropdown:hover > a{
    background-color: rgba(211,197,77,.2);
	color: black !important;
	font-weight:normal;
}
.menu__item--dropdown > a:hover{
    /* color: white !important; */
} 

/* Icono flecha de los dropdown se gira mirando a derecha */
.menu__item--dropdown > a > i{
    transform: rotate(-90deg);
	transition: .65s;
	font-size: .7rem;
	margin-left: .4rem;
}
.menu__item--dropdown:hover > a > i,
.menu__item--dropdown:active > a > i{
    transform: rotate(-270deg);
    transition: .65s;
}

/* DROPDOWN SECUNDARIO ----------------------------------------------- */
.menu__dropdown--sec{
    top: 0;
    left: 94%;
    cursor: pointer;
    transform: translateX(10px);
	background-color: #f2f2f2;
	border:none;
	border-left: 2px dotted var(--colorPri);
}
/* En el link de la derecha, los dropdown se orientan a la izquierda */
/* .menu__item:nth-of-type(6) .menu__dropdown--sec, */
.menu__item:nth-of-type(8) .menu__dropdown--sec{
	left: -94%; 
	border:none;
	border-right: 2px dotted var(--colorPri);
	max-width:10vw;
} 

/* 
/* Flecha en los dropdown (no la utilizamos aquí) 
.menu__dropdown.menu__dropdown--sec .menu__arrow{
    top: 10px;
    left: -5.5px;
} */ 

/* Muestra el menu__dropdown al hacer hover sobre un enlace que tenga dropdown */
.menu__item:hover > .menu__dropdown,
.menu__item--dropdown:hover > .menu__dropdown{
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto; 
}


/* ---------------------------------------------------------
+ NAVICON (Menú móvil) +
------------------------------------------------------------ */
.navicon{
	position: absolute;
    top: 5px; 
    right: 19px; 
    display: none;
    align-items: center;
    justify-content: flex-end;
}
.navicon__ctn{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* Línea central */
.navicon__ctn div{
    width: 2rem;
    height: 5px;
    border-radius: 6px;
    background-color:white;
    position: relative;
    z-index: 1001;
    transition: .5s;
}
/* Líneas de arriba y abajo */
.navicon__ctn div:before,
.navicon__ctn div:after{
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    background-color:white;
    border-radius: 6px;
    transition: .5s;
}
/* Línea de arriba */
.navicon__ctn div:before{
    transform: translateY(-10px);
}
/* Línea de abajo */
.navicon__ctn div:after{
    transform: translateY(10px);
}

/* El <input> #check es el que indica si está pulsado o no el Navicon */
#check{
    position: absolute;
    top: 25px; 
    right: 15px;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    z-index: 90000;
    cursor: pointer;
    opacity: 0;
}
#check:checked ~ .navicon .navicon__ctn div{
    background-color: transparent;
}
#check:checked ~ .navicon .navicon__ctn div:before{
    transform: translateY(0) rotate(-45deg);
}
#check:checked ~ .navicon .navicon__ctn div:after{
    transform: translateY(0) rotate(45deg);
}
@keyframes animation{
    from{
        opacity: 0;
        transform: translateY(15px);
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	/* Navicon */
	#check{
		display: block;
	}
	.navicon{
		display: flex;
	}

	/* Menú */
	.menu {
		/* position: fixed; */ 
		height: 20000px; /* calc(100vh - 53px);*/
		position: absolute;
		top: 53px;
		left: 0; 
		/* width y display para que no se vea */
		width: 0;
		display: none;
		background-color: #dedede;
		/* flex-direction: column; */
		align-items: flex-start;
		/* justify-content: flex-start;
		align-content: space-around;
		overflow-x: hidden;
		overflow-y: auto; */
		/* transform: translateX(100%); */
		transition: width .3s;
		padding: 0;
		z-index: 999;
		overflow: hidden;
	}

	/* Al hacer clic en Navicon, muestra menú que se desplaza desde la izquierda a derecha */
	#check:checked ~ .menu{
		/* transform: translateX(0); */
		display: block;
		width: 100%; 
	}
	/* Clic en Navicon, animación en <li> */
	#check:checked ~ .menu .menu__item{
		animation: animation .5s ease forwards .6s; /* var(--i); */
	}

	.menu__main{
		/*flex: initial;*/
		display:block;
		width: 100%;
	}
	.menu__main > ul{
		flex-direction: column;
	}
	/* Cada <li> ocupa todo el ancho, y los oculta */
	.menu__item{
		width: 100%;
		opacity: 0;
		transform: translateY(15px);
		padding-bottom: 0;
	}
	.menu__item > a{
		font-size:120%;
		line-height: .5rem;
		padding: 1.6rem 2rem;
		color: black !important;
		justify-content: flex-start;
	}
	/* Coloca una línea debajo de cada elemento */
	.menu__item > a:not(:nth-last-child(1)), 
	.menu__item > a:not(:nth-last-child(2)){
		border-bottom: 1px solid #ccc;
	} 

	/* Al hacer hover escala y muestra color debajo */
	.menu__item:hover > a,
	.menu__item:active > a{      
		transform: scale(1.1);
		background-color: var(--colorSec);
		color: white !important;
		padding: 1.6rem 3rem;
	}

	/* Muestra dropdown */
	/* .menu__dropdown, 
	.menu__dropdown.menu__dropdown--sec{ */
	.menu__dropdown {
		position: initial;
		top: initial;
		left: initial;
		transform: initial;
		opacity: 1;
		pointer-events: none;
		width: 100%;
		padding: 0;
		background-color: white;
		display: none; 
		box-shadow:0 0;
		overflow: hidden;
		border-left: 1px solid var(--colorPri);
	}
	/* Barra superior sobre el menú dropdown */
	.menu__item > .menu__dropdown:first-of-type::before{
		content: '';
		height: 0;
	}

	/* 	.menu__dropdown--sec{
		background-color: white;
	} */

	.menuHide{
		display:none;
	}
	.menuShow{
		display:block;
	}


	/* Cuando está seleccionado */
	/*     .menu__item:hover > .menu__dropdown,
	.menu__item--dropdown:hover > .menu__dropdown{
	display: block;  
	}  */

	/* Icono flecha a la direcha de elementos */
	/*   .menu__item > a > i,
	.menu__item--dropdown > a > i{
		transform: rotate(10deg);
	} */

	/*  .menu__item:hover > a > i, 
	.menu__item--dropdown:hover > a > i{
	*/
	/* Color triángulo */
	.menu__item > .menu__dropdown:first-of-type > ul > .menu__arrow{
		border-bottom: 15px solid var(--colorSec);
	}

	/* Icono menú principal */
	.menu__item:hover > a > i, 
	.menu__item:active > a > i{
		transform: rotate(180deg);
		transition: .65s;
	}

	/* Icono menú dropdown (secundario) */
	/* Icono flecha de los dropdown se gira mirando a derecha */
	.menu__item--dropdown > a > i{
		transform: rotate(0deg);
		transition: transform .3s;
		font-size: 1rem;
		margin-left: .4rem;
	}
	.menu__item--dropdown:hover > a > i,
	.menu__item--dropdown:active > a > i{
		transform: rotate(180deg);
		transition: transform .3s;
	}

	.menu__item--dropdown > a{
		background-color: transparent;
		font-size:120%;
		padding: 1rem 3.5rem;
		line-height: 1;
		justify-content:flex-start; 
	}
	.menu__item--dropdown > a:not(:nth-last-child(2)){
		border-bottom: 1px solid #e1e1e1;
	}

	.menu__dropdown.menu__dropdown--sec .menu__item--dropdown > a{
	padding: 1.2rem 2rem 1.2rem 5rem;
	}
	.menu__dropdown.menu__dropdown--sec .menu__dropdown.menu__dropdown--sec .menu__item--dropdown > a{
		padding: 1.2rem 2rem 1.2rem 7rem;
	}

	.menu__item--dropdown:not(:nth-last-child(2)){
		border-bottom: none;
	}

	/* Triángulo */
	.menu__arrow{
		z-index: 1;
		background-color: transparent !important;
		top: 0 !important;
		left: 50px !important;
		transform: scale(1.1) rotate(180deg);
		transition: .5s !important;
	}
	/* Triángulo activo o hover se muestra del color resaltado */
	.menu__item:hover .menu__arrow,
	.menu__item:active .menu__arrow{
		border-bottom: 15px solid var(--colorPri) !important;
	}
	/* No muestra triángulo en dropdown--sec */
	.menu__dropdown--sec .menu__arrow{
		display: none;
	}

	/* Icono delante de los items 3º nivel (cuadrado)*/
	.menu__item  .menu__item--dropdown  .menu__item--dropdown  .menu__item--dropdown > a::before{
		content: '\025fe'; 
		display: inline-block;
		padding-right: 10px;
		font-size: .5rem;
	}
	/* Icono delante de los items 2º nivel (círculo) */
	.menu__item  .menu__item--dropdown  .menu__item--dropdown > a::before{
		content: '\025cf';
		display: inline-block;
		padding-right: 10px;
		font-size: .5rem;
	}

	/* Active y Hover sobre item--dropdown */
	.menu__item--dropdown:hover > a,
	.menu__item--dropdown:active > a{
		background-color: rgba(165,1,51,.05) !important;
		color:black !important;
	}


	/* Mantiene color del triángulo al iluminarse franja de abajo */
	.menu__item--dropdown:first-child:hover ~ .menu__arrow,
	.menu__item--dropdown:first-child:active ~ .menu__arrow{        
		border-bottom: 15px solid var(--colorPri) !important;
	} 

	/* Iono a la derecha de los items */
	.menu__item > a > i,
	.menu__dropdown i{
		font-size: .8rem;
		transition: .7s;
		transform: rotate(0deg);
		padding-left: 15px;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}






/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   A V I S O   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.aviso{
	background-color: var(--us-rojo);
    display: flex;
    color: white;
    flex-direction: column;
    align-items: center;
	padding:20px;
	position: relative;
	overflow:
}
.aviso__titular{
	display: flex;
    justify-content: center;
    /* align-items: flex-start; */
    flex-direction: column;
    align-items: center;
}
.aviso__titular .fontawesome-icons{
	font-size: 7rem;
    /* margin-right: 15px; */
    /* margin-top: 7px; */
    /* margin-bottom: 10px; */
    position: absolute;
    z-index: 0;
    /* opacity: .4; */
    /* bottom: 0; */
    top: 0;
    filter: blur(2px) opacity(0.45) brightness(0.9);
}
.aviso__titulo,
.aviso__enlace{
	color: white;
    font-family: fuenteBold;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.8rem;
	text-align: center;
}
.aviso__enlace:hover {
	color: var(--colorSec) !important;
}
.aviso__texto{
	font-size: 1rem;
    line-height: 1.4rem;
    text-align: center;
    color: white;
}
.aviso__texto strong{
	color: white;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CABECERA TITULAR   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Contenedor de la cabecera */
.cabecera-titular {
	position: relative;
	padding: 0;
	margin:0;
	overflow: hidden;
	background: var(--colorPri);
	display: flex;
    justify-content: center;
    align-items: center;
}
.cabecera-titular::before {
	content: '';
	display: block;
	padding-top: 13%;
}

/* Imagen */
.cabecera-titular__foto-ctn{
	margin: 0;
}
.cabecera-titular__foto-img{
	filter: blur(1.2px) brightness(1.3) contrast(1.3) grayscale(1) opacity(.4) invert(0);
    height: 100%;
    width: 100%;
    z-index: 1;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    /* mix-blend-mode: overlay; */
}

/* Título */
.cabecera-titular__texto-ctn {
	/* display: flex;
    justify-content: center; */
	/* align-items: flex-end; */
	/* align-items: center; */
   /*  position: absolute;
    top: 21px;
    padding: 0;
    width: 100%;
    height: 100%; */
}
.cabecera-titular__texto-titulo{
	/* word-break: break-word; */
    /* color: var(--colorPri); */
	color: white;
    font-size: 2rem;
    z-index: 2;
    line-height: 2.4rem;
   /*  background: white; */
   /*  padding: 10px 15%; */
	/* padding-top: 20px;
	text-align: center; */
	white-space: normal;
	font-family: FuenteBold, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	/* box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.25); */
    /* mix-blend-mode: exclusion;
    opacity: 1; */
}
.cabecera-titular__texto-seccion {
	color: #fbfbb8;
    font-size: 1.2rem;
    z-index: 2;
    line-height: 1.4rem;
    white-space: normal;
    font-family: FuenteBold, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
	margin-bottom: -10px;
}
/* .cabecera-titular__texto-titulo::after{
	content: "";
    display: block;
    max-width: 100px;
    margin-top: 5px;
    border-style: solid;
    border-width: 0.9px;
    color: inherit;
    opacity: .3;
    margin-bottom: 10px;
} */
/* @media (max-width: 767px){
	.cabecera-titular__texto-titulo {
		 width: 90%; 
	}
} */
/* Tablet */
/* @media (min-width: 768px){
	.cabecera-titular__texto-titulo {
		 width: 90%; 
	}
} */
/* Desktop */
/* @media (min-width: 992px){
	.cabecera-titular__texto-titulo {
		 width: calc(970px + 3%); 
	}
} */
/* Extra Desktop */
/* @media (min-width: 1200px){
	.cabecera-titular__texto-titulo {
		 width: calc(1170px + 3%);  
	}
} */
/* Extra extra Desktop */
/* @media (min-width: 1440px){
	.cabecera-titular__texto-titulo {
		 width: calc(1430px + 3%); 
	}
} */


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.cabecera-titular::before {
		padding-top: 200px;
	}
	/* Titulo */
	.cabecera-titular__texto-titulo{
		line-height: 3rem;
	}	
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	.cabecera-titular::before {
		padding-top: 150px;
	}
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   SLIDER   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ESTRUCTURA 
----------------------------------------------------------------------------------------------
  div .view-slider
	div .view-content
		div .skin-default (Contenedor padre)
			div .views-slideshow_cycle_main (IMÁGENES y TEXTO)
				div .views_slideshow_cycle_teaser_section (Contenedor Padre - Before: 32.77%)
					div .views_slideshow_cycle_slide (Slider 1)
						div .views-row
							div
								div
									div .slider
										a .slider__enlace
											div .slider__contenedor
												div .slider__color verde-azulado izquierda
												div .slider__foto-ctn
													img .slider__foto-img
												div .slider__texto-ctn izquierda
													h2 .slider__texto-titulo
													p .slider__texto-resumen
													p .slider__texto-fecha
					div .views_slideshow_cycle_slide (Slider 2)
					div .views_slideshow_cycle_slide (Slider 3)
			
			div .views-slideshow-controls-bottom (CONTROLES)
				div .views_slideshow_controls_text (Flechas)
					span .views_slideshow_controls_text_previous
						a (before: flecha a la izquierda \f104)
					span .views_slideshow_controls_text_pause
						a
					span .views_slideshow_controls_text_next
						a (before: flecha a la derecha \f105)
				div .item-list (Puntos)
					ul .widget_pager
						li #views_slideshow_pager_field_item_bottom_slider-block_1_0
						li #views_slideshow_pager_field_item_bottom_slider-block_1_1
						li #views_slideshow_pager_field_item_bottom_slider-block_1_2
---------------------------------------------------------------------------------------
*/

/* IMAGEN Y TEXTO ------------------------------------------ */
/* Contenedor padre vista slider */
.view-slider .views_slideshow_cycle_teaser_section{
	position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: transparent;
	margin-bottom: 0;
}
/* Proporción: 3.70:1 = 27% (1900x513px) */
.view-slider .views_slideshow_cycle_teaser_section::before{
	content: '';
	display: block;
	padding-top: 27%;
}

/* Contenedor de cada uno de los sliders */
.view-slider .views_slideshow_cycle_slide {
	position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4;
    opacity: 1;
    display: block;
    width: 100% !important;
    height: auto !important;
}

/* Contenedor del slider */
.slider {
	width: 100%;
	height: auto; 
	padding: 0;
	margin: 0 0 20px;
	position: relative;
	overflow: hidden; 
}
/* Proporción: 3.70:1 = 27% (1900x513px) */
/* Slider estándard: 2.35:1 = 42.55% */
/* Bellas Artes: 2.20:1 = 39.77% */
.slider::before {
	content: '';
	display: block;
	padding-top: 27%;
}

/* Contenedor slider */
.slider__contenedor {
	border-bottom: 0 solid white;
    border-top: 0 solid white;
	color: white !important;
    opacity: 1;
    height: 100%;
	width: 100%;
	padding: 40px 45px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

/* Contenedor Texto a la izquierda */
 .slider__texto-ctn,
 .slider__color {
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width: 37%;
	margin: 0;
	padding: 20px 75px;
	overflow: hidden; 
	/* pointer-events: none; */
	z-index: 5;
	background-color: transparent;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
/* Contenedor Texto a la derecha */
.slider__texto-ctn[class*="derecha"],
.slider__color[class*="derecha"] {
	right: 0;
	left: auto;
}
.slider__color {
	mix-blend-mode: multiply;
}
/* Cambia fondo de color*/
.slider__color.Transparente {
	background-color: transparent;
}
.slider__color.Gris {
	background-color: rgba(53,53,61,.8);
}
.slider__color.Amarillo{
	background-color: rgba(255,192,3,.8);
}
.slider__color.Naranja{
	background-color: rgba(255,135,0,.8);
}
.slider__color.Rojo{
	background-color: rgba(255,0,09,.8);
}
.slider__color.Granate{
	background-color: rgba(108,8,11,.8);
}
.slider__color.Magenta{
	background-color: rgba(220,24,140,.8);
}
.slider__color.Violeta{
	background-color: rgba(82,45,131,.8);
}
.slider__color.Azul-marino{
	background-color: rgba(18,37,98,.8);
}
.slider__color.Azul{
	background-color: rgba(1,75,160,.8);
}
.slider__color.Verde-azulado{
	background-color: rgba(2,119,114,.8);
}
.slider__color.Verde{
	background-color: rgba(0,129,64,.8);
}
.slider__color.Verde-amarillento{
	background-color: rgba(113,173,17,.8);
}


/* Colores corporativos */
.slider__color.Amarillo {
	background-color: rgb(250,186,9); 
}
.slider__color.Granate {
	background-color: rgb(165,1,51);
}
.slider__color.Gris {
	background-color: rgb(180,198,198); 
}
.slider__color.GrisAzulado {
	background-color: rgb(100,138,169); 
}
.slider__color.Magenta {
	background-color: rgb(189,19,83); 
}
.slider__color.Naranja {
	background-color: rgb(240,146,5); 
}
.slider__color.Rojo {
	background-color: rgb(190,15,46); 
}
.slider__color.Transparente {
	background-color: transparent;
}
.slider__color.Verde {
	background-color: rgb(149,190,5); 
}
.slider__color.VerdeAzulado {
	background-color: rgb(5,159,148); 
}

/* Titular H2*/
.slider__texto-titulo{
	color: white;
	font-size: 1.6rem;
    line-height: 1.8rem;
	font-weight: 400;
	text-transform: none !important;
	margin: 0;
	padding-bottom: 10px;
}
.slider__texto-titulo a{
	color: white !important;
}

/* Texto y Fecha */
.slider__texto-resumen,
.slider__texto-fecha {
    font-size: 1rem;
	line-height: 1.4rem;
	color: white;
	/* padding: 10px !important; */
	max-height: 450px;
	text-overflow: ellipsis;
	white-space: normal; 
	overflow: hidden;
}
.slider__enlace:hover p{
	font-weight: 100;
}
/* Muestra un máximo de 5 líneas */
.slider__texto-resumen{
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
   /*  overflow: hidden !important; */
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
	max-height: 7rem;
}

/* Imagen se adapta a tamaño */
.slider__foto-img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

/* Si el enlace = "#" desaparecer botón */
.slider__enlace[href="#"]{
	display:none;
}
.slider__enlace {
	background: transparent;
    padding: 10px 20px;
    width: fit-content;
    border: 1px solid white;
    border-radius: 30px;
    margin: 20px 0;
    position: relative;
	color: white !important;
	font-weight: 100 !important;
	white-space: nowrap;
}
.slider__enlace:hover {
	background: white;
	opacity: .5;
	color: black !important;
}
/* .slider__enlace::after {
	content: "Enlace";
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	text-align: center; 
} */


/* CONTROLES ------------------------------------------ */
/* Para poder centrar los controles (Contenedor padre de slider y controles) */
.view-slider .skin-default {
	position: relative;
}
/* Contenedor controles */
.view-slider .views-slideshow-controls-bottom{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%; 
}
/* Ocultar texto (Anterior/Siguiente) y situa las dos flechas a cada extremo*/
.view-slider .views_slideshow_controls_text{
	font-size: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
    justify-content: space-between;
	z-index:9;
	height:0;
}

/* Botones Anterior y Posterior */
.view-slider .views_slideshow_controls_text_previous a,
.view-slider .views_slideshow_controls_text_next a{
	color: white !important;
	opacity: .2;
}
.view-slider .views_slideshow_controls_text_previous a:hover,
.view-slider .views_slideshow_controls_text_next a:hover{
	opacity: .5;
}
/* Sustituye "anterior" por flecha "izquierda" */
.view-slider .views_slideshow_controls_text_previous a::before{
	font-family: fontawesome;
	content: "\f104";
	display: inline-block;
	padding-left: 5px; 
	font-size: 5rem;
}
/* Sustituye "anterior" por flecha "derecha" */
.view-slider .views_slideshow_controls_text_next a::before{
	visibility: visible; 
	font-family: fontawesome;
	content: "\f105";
	display: inline-block;
	padding-right: 5px; 
	font-size: 5rem;
}

/* Esconde el Botón Pausa */
.view-slider .views_slideshow_controls_text_pause {
	display: none;
}

/* Círculos */
.view-slider .item-list {
    z-index: 99;
    position: absolute;
    bottom: 0;
	display: flex;
	justify-content: center;
	width: 100%;	
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets {
    text-align: center;
	margin: 0;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
    text-indent: -9999px;
    cursor: pointer;
    display: inline-block;
    border-radius: 100%;
    padding: 0 6px;
    background: white;
	border: 2px solid white;
    margin: 0.4em;
    line-height: 12px;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li:hover {
    background: var(--colorPri)
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
    background: var(--colorPri);
    cursor: default;
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	/* Contenedor padre vista slider */
	.view-slider .views_slideshow_cycle_teaser_section{
		height: 300px !important;
	}

	/* Contenedor de cada uno de los sliders */
	.view-slider .views_slideshow_cycle_slide {
		height: 300px !important;
	}

	/* OJO MIRAR ----------- margin abajo */
	.view-slider {
		margin-bottom: 0;
	}

	/* Altura slider */
	.slider {
		height: 300px;
	}

	/* Contenedor */
	.slider__contenedor {
		height: 300px;
		padding: 20px;
		padding-left: 35px;
		padding-right: 20px;
	}
	/* Contenedor Texto a la derecha */
	.slider__texto-ctn[class*="derecha"] {
		padding-left: 20px;
		padding-right: 35px;
	}

	/* Contenedor texto */
	.slider__texto-ctn,
	.slider__color {
		width: 60%;
		height: 300px;
		padding: 20px 45px;
	}
	/* Titular H2*/
	.slider__texto-titulo {
		font-size: 1.1rem !important;
		line-height: 1.3rem !important;
		text-transform:none !important;
		margin-top: 0;
	}
	/* Texto */
	.slider__texto-resumen,
	.slider__texto-fecha{
		font-size: .9rem;
		line-height:1.2rem;
	}

	/* Enlace */
	.slider__enlace {
		padding: 5px 15px;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	/* Contenedor padre vista slider */
	.view-slider .views_slideshow_cycle_teaser_section{
		height: 270px !important;
	}

	/* Contenedor de cada uno de los sliders */
	.view-slider .views_slideshow_cycle_slide {
		height: 270px !important;
	}

	/* Altura slider */
	.slider {
		height: 270px;
	}

	/* Contenedor */
	.slider__contenedor {
		height: 270px;
		padding: 20px;
		padding-left: 35px;
		padding-right: 20px;
	}
	/* Contenedor Texto a la derecha */
	.slider__texto-ctn[class*="derecha"] {
		padding-left: 20px;
		padding-right: 35px;
	}

	/* Contenedor texto */
	.slider__texto-ctn,
	.slider__color {
		width: 50%;
		height: 270px;
		padding: 20px 55px;
		padding-right: 10px;
	}
	/* Titular H2*/
	.slider__texto-titulo {
		font-size: 1.2rem !important;
		line-height: 1.4rem !important;
		text-transform:none !important;
		margin-top: 0;
	}
	/* Texto */
	.slider__texto-resumen,
	.slider__texto-fecha{
		font-size: .9rem;
		line-height:1.2rem;
	}

	/* Enlace */
	.slider__enlace {
		margin-top: 10px;
		width: 60%;
		padding: 19px;
	}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   ENLACES DESTACADOS   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* RESUMEN: Se nutre del contenido: "Enlace Destacado" y de la 
Vista: "Enlaces Destacados". Sólo se emplea el campo "Texto con Enlace", para poder
envolver con <a> tanto icono como texto. Configuración:
<a class="enlace-destacado" href="{{ field_texto_con_enlace__uri }}" >
    <div class="enlace-destacado__icono-ctn">
        <img class="enlace-destacado__icono-img" src="{{ field_icono_destacado }}" alt="Enlace destacado">   
 	</div>
    <div class="enlace-destacado__texto">{{ title }}</div>
</a>
*/

/* Titular del bloque */
.block-views-blockenlaces-destacados-block-1 h2 {
	text-transform: none;
    color: black;
    font-size: 1.8rem !important;
	line-height: 2.3rem !important;
    margin-bottom: 50px !important;
	text-align: center !important;
}

/* Contenedor de los bloques con iconos */
.view-enlaces-destacados .view-content {
	margin: 100px 0 0;
	/* display: flex;
    justify-content: center;
    flex-wrap: wrap;  */
	display: grid;
	grid-template-columns: repeat(4, 1fr); 
}

/* Enlace (Icono y texto) */
.enlace-destacado {
	text-align: center;
    color: var(--color-texto);
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* width: 6vw; */
    /* height: 145px; */
    margin: 25px 20px;
}
.enlace-destacado:hover {
	color: black !important;
	font-weight:100 !important;
}

/* Icono */
.enlace-destacado__icono-ctn {
	width: 110px;
    height: 70px;
}
.enlace-destacado__icono {
	/* width: min(80px,calc(100vw * 5 / 100)); */
    height: auto !important;
	max-height: calc(100vw * 7 / 100);
}

/* Icono img */
.enlace-destacado__icono-img {
	width: 100%;
    height: 100%;
    object-fit: contain;
	opacity: .5;
	transition: .5s; 
}
.enlace-destacado:hover .enlace-destacado__icono-img{
	opacity:.8;
	transition: .5s; 
}
/* Si no existe imagen, esconde icono img */
.enlace-destacado__icono-img[src=""]{
	display: none;
}

/* Icono FontAwesome */
.enlace-destacado__icono-ctn .fontawesome-icons .fontawesome-icon i {
	font-size: 3rem;
	color: var(--colorSec);
	opacity: 1;
	transition: .5s; 
}
.enlace-destacado:hover .fontawesome-icons .fontawesome-icon i {
	color: var(--masterDireccion);
	transition: .5s; 
}

/* Título */
.enlace-destacado__texto {
	padding: 15px 10px;
	color: var(--colorSec);
	opacity: 1;
	max-width: 10vw;
    line-height: 1.2rem;
}
.enlace-destacado:hover .enlace-destacado__texto {
	color: var(--masterDireccion);
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.view-enlaces-destacados .view-content {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.enlace-destacado {
		/* width: 45vw; */
		/* width: 44vw; */
		margin: 0;
		padding: 0;
		margin-bottom: 30px;
	}
	.enlace-destacado__icono-ctn {
		width: 90px;
		height: 50px;
	}
	.enlace-destacado__texto {
		font-size: 1rem;
		line-height: 1.4rem;
		max-width: 30vw;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	.view-enlaces-destacados .view-content {
		grid-template-columns: repeat(4, 1fr);
	}
	.enlace-destacado {
		/* width: 22vw;  */
		margin: 0;
		/* padding: 0;
		margin-bottom: 30px; */
	}
	.enlace-destacado__icono-ctn {
		width: 90px;
		height: 50px;
	}
	.enlace-destacado__texto {
		font-size: 1rem;
    	line-height: 1.4rem;
		max-width: 15vw;
	}
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   FOOTER (Logo US + Dirección + Mapa + Redes Sociales + Copyright)   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .footer-area,
.footer-area img,
.footer-area a,
.footer-area ul.menu li a{
	color:white !important;
}
.footer-area ul.menu li a:hover,
.enlaces_sociales a:hover{
	color:white;
} */

/* Logo US ----------------- */
.logo-footer{
	margin-top: -5px;
	width:260px;
}
.logo-footer__enlace{
	margin-bottom: 20px;
}
.logo-footer__slogan-us{
	font-family: 'Merriweather', serif !important;
	font-size: 15.53px !important;
	padding: 0 0 0 97px;
	line-height: 20px;
	font-weight: normal;
	margin: 0;
	color: var(--fondoClaro);
}

/* Logo SIC ----------------- */
.logo-sic{
	/* width: 120px;
    position: relative;
    bottom: -20px;
    right: -90px;
    margin: 0; */
	width: 160px;
    margin: 100px 20px 0 20px;
}
.logo-sic__img {
	width: 100%;
}
.logo-sic__enlace{
	margin-bottom: 20px;
}

/* Dirección --------------- */
.footer-direccion {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.footer-direccion__titulo {
	color: white;
	font-size:23px;
	line-height:27px;
	font-weight: 800;
	/* font-family: FuenteBold, Helvetica, Arial, sans-serif;	 */
}
.footer-direccion__parrafo {
	font-size: 16px;
	line-height:20px;
	font-weight: 400;
	padding-bottom:0px;
	color: var(--fondoClaro);
}
.footer-direccion__parrafo:last-of-type {
	padding-bottom: 7px;
}
.footer-direccion__enlace {
	color: var(--fondoClaro) !important;
}
.footer-direccion__enlace:hover {
	color: var(--colorResaltado) !important;
}


/* Mapa */
.mapa-footer{
	border: 4px dotted white;
    display: flex;
    justify-content: center;
    filter: grayscale(80%) opacity(.7) brightness(.9);
    mix-blend-mode: hard-light;
}

/* Menú Footer -------------- */
.region-footer-third ul menu{
	display: flex;
    justify-content: space-evenly;
}
.region-footer-second ul.menu{
	/* padding-left:3rem; */
}


/* Redes Sociales ---------- */
.sociales{
	display: flex;
	justify-content: flex-end;
}
.sociales__titulo{
	font-family: FuenteRegular, Helvetica, Arial, sans-serif !important;
	color: var(--color04);
	font-size: 16px;
	font-weight: 100;
	padding-right: 20px;
}
.sociales__ctn-enlaces{
	display:flex;
	align-items: center;
}
.sociales__enlace{
	font-size:25px;
}
.sociales__icono{
	color: var(--color04);
}
.sociales__enlace:hover .sociales__icono{
	color: white !important;
}
.sociales__enlace ~ a{
	padding-left: 30px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   FOOTER-BOTTOM (Avisos legales + Copyright)   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.region-footer-bottom {
	display: flex;
	justify-content: space-between;
	border-top: 1px dotted rgba(117,178,171,.4);
}

/* Legal + Copyright */
.legal,
.copyr{
	padding: 10px;
    line-height: 120%;
	color: var(--fondoClaro) !important;
	opacity: .8;
	font-size: 16px;
}
.copyr a{
	color: white !important;
}
.legal {
	text-align: left;
}
.legal a {
	margin-right: 15px;
	white-space: nowrap;
	color: var(--fondoClaro) !important;
}
.legal a:hover {
	color: var(--colorResaltado) !important;
}
.copyr{
	text-align: right;
}



/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.logo-footer{
		margin: 0 auto;
	}
	.logo-footer__slogan-us {
		/* padding: 0 100px !important; */
	}
	.logo-sic{
		margin: 0 20px 0 20px;
	}
	/* Dirección */
	.footer-direccion {
		text-align: left;
	}
	.footer-direccion__ctn1 {
		text-align: center;
	}
	#block-redes-sociales {
		display: block;
		padding-right: 0;
	}
	.sociales{
		justify-content: center;
	} 
	.region-footer-bottom {
		flex-direction: column;
	}
	.legal,
	.copyr {
		text-align: center;
		padding: 8px 0;
	}
	.legal a {
		margin: 10px 10px;
	}
	.legal a:first-of-type,
	.legal a:last-of-type {
		margin: 10px 0;
	}
	.copyr{
		text-align: center;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ BOTÓN IR HACIA ARRIBA +
+ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#button-up{
    width: 60px;
    height: 60px;
    background: rgba(165,1,51,.7);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 50%;
    font-size: 25px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 300ms ease;
    transform: scale(0);
	z-index: 9999;
}
#button-up:hover{
    /* transform: scale(1.4) !important;
    border-color: rgba(255,255,255,.04); */
	/* ANULADO, YA QUE EN MODO MÓVIL IMPEDÍA QUE SE CERRARA */
}
/* TO TOP. Flecha volver arriba ---------------------------------------------------- */
/* .to-top{
	background: rgba(69,0,46,.6);
	display:flex !important;
	justify-content: center;
	align-items:center;
	font-size:1.5rem;
	font-weight:100;
}
.to-top:hover{
	background: var(--color03);
	font-size:1.8rem;
} */





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   BOTÓN "VER MÁS" (Rojo/blanco)   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Común a todos los bloques: Su clase se define en las vistas: .boton_vermas rojo/blanco */
/* Muestra el botón */
.boton_vermas {
	border-radius: 35px;
    margin: 30px auto;
    margin-bottom: 50px;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    padding: 30px 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent !important;
    border: 1px solid black;
    width: fit-content;
}
/* Color según sea rojo o blanco */
.boton_vermas.rojo {
	/* background-color: var(--us-rojo-oscuro);
	border: 1px solid var(--us-rojo-oscuro); */
}
.boton_vermas.blanco {
	/* background-color: rgba(220,0,106,.1);
	border: 1px solid var(--colorPri); */
}
/* Texto botón */
.boton_vermas a{
	font-size: 28px;
	line-height:0;
	/* display: inherit; */
	display: block;
}
/* Color según tipo */
.boton_vermas.rojo a{
	/* color: white !important; */
	color: black !important;
}
.boton_vermas.blanco a{
	color: black !important;
}
/* + */
.boton_vermas a span{
	font-size: 31px;
    color: white;
    /* position: relative; */
    /* top: 0; */
    /* left: 15px; */
    padding-left: 10px;
}
/* Color */
.boton_vermas.rojo a span{
	/* color: white; */
	color: black;
}
.boton_vermas.blanco a span{
	color: black;
}
/* Hover sobre el botón */
.boton_vermas:hover {
	background-color: var(--colorSec) !important;
	border: 1px solid var(--colorSec);
	cursor: pointer;
}	
.boton_vermas:hover a,
.boton_vermas:hover a span{
	text-decoration:none;
	color: white !important;
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.boton_vermas {
		padding: 15px 30px;
	}
	.boton_vermas a {
		font-size: 21px;
		line-height: 22px;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

	.boton_vermas a {
		font-size: 24px;
	}
}

/* ---------------------------------------------------------------------------
   FIN MIS ELEMENTOS
------------------------------------------------------------------------------ */








/* ----------------------------------------------------------------------------
+
+   FÍSICA  +
+
------------------------------------------------------------------------------- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   NUESTRAS TITULACIONES   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Márgenes superior/inferior */
#block-theme-us-titulacionesfisica {
	margin: 80px 0 100px;
}
/* Titulo del bloque Titulaciones, Próximos eventos y Tablón Anuncios */
#block-theme-us-titulacionesfisica h2,
#block-views-block-tablones-listado-blq-anuncios h2,
#block-theme-us-views-block-proximos-eventos-block-1 h2 {
	/* text-transform: none;
	color: black;
	font-size: 2rem !important;
	margin-bottom: 50px;
	text-align: center; */
	text-align: center;
    color: var(--colorSec);
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: FuenteBold, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    padding-top: 4rem;
}
/* Distribuye los 3 bloques en horizontal */
#block-theme-us-titulacionesfisica .titulaciones {
	display: flex;
	justify-content: center;
}
/* Pega los tres bloques */
#block-theme-us-titulacionesfisica .titulaciones figure {
	margin: 0;
}

/* Titulaciones en modo móvil */
@media (max-width: 767px){
	#block-theme-us-titulacionesfisica .titulaciones {
		flex-direction: column;
	}
	#block-theme-us-titulacionesfisica .titulaciones a{
		display: block;
	}
	#block-theme-us-titulacionesfisica .titulaciones img {
		width: 100%;
	}
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   NUESTRAS TITULACIONES   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Título */
#block-views-block-titulaciones-blq-titulaciones .title{
	/* font-family: FuenteBold, Helvetica, Arial, sans-serif;
	font-size: 2.5rem;
	color: var(--colorSec);
	margin-top: 60px;
    margin-bottom: 30px;
	text-transform: uppercase; */
	text-align: center;
    color: var(--colorSec);
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: FuenteBold, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    padding-top: 4rem;
}

.view-titulaciones > .view-content {
	margin: 0;
	/* display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 31px; */
	display: flex;
	/* justify-content: space-between; */
	justify-content: center;
	flex-wrap: wrap;
}
.titulacion {
	height: auto;
	width:  100%; 
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 15px 0;
	/* margin: -12px 0 0 -12px;
    width: calc(100% + 12px); */
	/* margin-bottom: 40px; */
	/* border-radius: 16px 16px 16px 16px; */
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,.15);
	width: 32%;
}
.titulacion::before {
	content: '';
	display: block;
	padding-top: 100%; 
}

/* Titulo del bloque */
.titulacion__titulares {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
}
.titulacion__titulo1,
.titulacion__titulo2 {
	text-transform: none;
	color: white;
	font-size: 1.2rem;
	margin: 0 0 2px;
	line-height: 1.2rem;
	padding-right: 10px;
}

.titulacion__titulo2{
	font-family: FuenteBold, Helvetica, Arial, sans-serif;
	font-size: 2rem;
    line-height: 1.8rem;
}

.titulacion__img,
.titulacion__enlace {
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 1;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transform: scale(1.1);
}
.titulacion__enlace.amarillo {
	background-color: rgb(250,186,9); 
	mix-blend-mode: multiply;
	z-index: 1;
}
.titulacion__enlace.granate {
	background-color: rgb(165,1,51);
	mix-blend-mode: multiply;
	z-index: 1;
}
.titulacion__enlace.gris {
	background-color: rgb(180,198,198); 
	mix-blend-mode: multiply;
	z-index: 1;
}
.titulacion__enlace.grisazulado {
	background-color: rgb(100,138,169); 
	mix-blend-mode: multiply;
	z-index: 1;
}
.titulacion__enlace.magenta {
	background-color: rgb(189,19,83); 
	mix-blend-mode: multiply;
	z-index: 1;
}
.titulacion__enlace.naranja {
	background-color: rgb(240,146,5); 
	mix-blend-mode: multiply;
	z-index: 1;
}
.titulacion__enlace.rojo {
	background-color: rgb(190,15,46); 
	mix-blend-mode: multiply;
	z-index: 1;
}
.titulacion__enlace.verde {
	background-color: rgb(149,190,5); 
	mix-blend-mode: multiply;
	z-index: 1;
}
.titulacion__enlace.verdeazulado {
	background-color: rgb(5,159,148); 
	mix-blend-mode: multiply;
	z-index: 1;
}


/* Colores FCT */
.titulacion__enlace.FCT-Celery {
	background-color: rgba(211,197,77,1);
	/* mix-blend-mode: multiply; */
	opacity: .8;
	z-index: 1;
}	
.titulacion__enlace.FCT-Eggshell_Blue {
	background-color:rgba(163,204,201,1);
	/* mix-blend-mode: multiply; */
	opacity: .8;
	z-index: 1;
}
.titulacion__enlace.FCT-Greenbriar {
	background-color: rgba(75,155,105,1);
	/* mix-blend-mode: multiply; */
	opacity: .8;
	z-index: 1;
}
.titulacion__enlace.FCT-Muted_Clay {
	background-color: rgba(208,151,134,1);
	/* mix-blend-mode: multiply; */
	opacity: .8;
	z-index: 1;
}
.titulacion__enlace.FCT-Treetop {
	background-color: rgba(71,106,48,1);
	/* mix-blend-mode: multiply; */
	opacity: .8;
	z-index: 1;
}
.titulacion__enlace.FCT-Very_Peri {
	background-color: rgba(102,103,171,1);
	/* mix-blend-mode: multiply; */
	opacity: .8;
	z-index: 1;
}


.titulacion__info:not([href=""]) {
	z-index: 1;
    background: var(--us-rojo);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    opacity: 1;
    color: white !important;
    font-size: 1rem;
    line-height: 1rem;
}

.titulacion__enlace:hover ~ .titulacion__img {
	opacity: 0.7;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transform: scale(1.45);
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.titulacion {
		width: 100%
	}
	.titulacion__titulo1,
	.titulacion__titulo2 {
		font-size: 1.9rem;
		margin: 0 0 4px;
		line-height: 1.8rem;
	}
	.titulacion__titulo2 {
		font-size: 2.7rem;
		margin: 0 0 4px;
		line-height: 2.7rem;
	}
	.titulacion__info:not([href=""]) {
		padding: 10px;
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	#block-views-block-titulaciones-blq-titulaciones .title{
		display:none;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   DIVULGACIÓN BLOQUES   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Márgenes superior/inferior */
.divulgacion-ctn {
	margin: 0;
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 31px;
}
.divulgacion {
	height: auto;
	width:  100%; 
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
	/* box-shadow: 3px 5px 4px rgba(0,0,0,.5); */
}
.divulgacion::before {
	content: '';
	display: block;
	/* padding-top: 69.32%;  */
	padding-top: 100%; 
}

/* Titulo del bloque */
.divulgacion__titulo {
	position: absolute;
	bottom: 0;
	left: 0; 
	background-color: rgba(0,0,0,.4);
	z-index: 2;
	width:100%;
	padding: 10px 20px;
}
.divulgacion__titulo-1 {
	text-transform: none;
	color: white;
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight:500 !important;
}


.divulgacion__foto, 
.divulgacion__enlace {
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.divulgacion__enlace {
	/* background-color: var(--fisica-celeste); 
	mix-blend-mode: soft-light; */
	z-index: 1;
}

/* Distribuye los 3 bloques en horizontal */
.divulgacion-ctn {
	display: flex;
	justify-content: center;
}


/* Bloques Divulgación en modo móvil */
@media (max-width: 767px){
	.divulgacion__ctn {
		flex-direction: column;
	}
	.divulgacion__enlace{
		display: block;
	}
	.divulgacion__foto {
		width: 100%;
	}
	.divulgacion-ctn {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.divulgacion__blq h4 {
		font-size: 1.4rem;
		margin: 0 0 4px;
		line-height: 1.4rem;
	}
}


/* Oculta a2a_kit*/
/* Ocultamos en Divulgación y Docencia */
article[data-history-node-id="2211"] .a2a_kit,
article[data-history-node-id="2212"] .a2a_kit{
	display: none;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   PÁGINA DIVULGACIÓN   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.equipo{
	display: grid;
	grid-template-columns: 1fr 1fr;
 }
 .miembro{
	display: grid;
	grid-template-columns: 1fr 2fr;
	 border: 1px solid var(--color-texto-claro);
	 margin: 12px;
	 padding: 0;
	 box-shadow: 3px 2px 4px rgba(200,200,200,1);
 }
 @media (max-width: 992px){
	.equipo{
	   grid-template-columns: 1fr;
	}
 }
 .miembro__foto {
	 padding: 0;
	 margin: 0;
	 margin-bottom: -.5rem;
 }
 .miembro__foto img{
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
 }
 .miembro__datos{
	 padding: 10px 30px;
	 margin: 0;
	 display:flex;
	 flex-direction: column;
	 justify-content: center;
 }
 .miembro__datos h4{
	margin: 0 !important;
 }
 .miembro__datos p{
	text-align: left;
	line-height: 1.2rem !important;
 }




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   BLOQUE TABLÓN DE ANUNCIOS   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Escondo barra superior */
.block .view-tablones-listado .view-header{
	display: none;
}

/* Titular Tablón Anuncios */
.block  .view-tablones-listado h2,
.block-views-blocktablones-listado-blq-anuncios-conserjeria h2,
.block-views-blocktablones-listado-blq-anuncios-secretaria h2{
	text-align: center;
    color: var(--colorSec);
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: FuenteBold, Helvetica, Arial, sans-serif;
    font-size: 2rem;
   /*  padding-top: 4rem; */
}

/* Contenedor de los anuncios */
.block .view-tablones-listado .view-content {
	display: flex;
/* 	justify-content:space-between; */
	justify-content:center;
	list-style-type: none;
	flex-wrap: nowrap;
}

/* Cada uno de los anuncios */
.block .view-tablones-listado .anuncio-blq{
	background-color: white;
	padding: 1rem;
	flex: 20%;
	text-align: center;
	margin: 0;
	margin-bottom: 1rem;
	overflow: hidden;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);
	max-width: 25%;
}
/* margin derecho entre anuncios, excepto el último */
.block .view-tablones-listado .anuncio-blq:not(:last-child){
	margin-right: 1rem;
}
.block .view-tablones-listado .anuncio__texto-ctn {
	padding: 0;
}
/* Fecha */
.block .view-tablones-listado .anuncio__texto-fecha{
	color: black;
	font-style: italic;
	font-size: 18px;
}
.block .view-tablones-listado .anuncio__texto-fecha::after {
    content: "";
    display: block;
    max-width: 100%;
    margin-top: 5px;
    border-style: solid;
    border-width: 0.9px;
    color: inherit;
    opacity: .3;
    margin-bottom: 10px;
}

/* Titular noticia*/
.block .view-tablones-listado .anuncio__texto-titulo{
	color: black;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: normal;
}
.block .view-tablones-listado .anuncio__texto-titulo a{
	color: black;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: normal;
}

/* "Saber más +" */
.block .view-tablones-listado .anuncio__texto-titulo a::after{
	padding-top:10px;
	content: "Saber más +";
	display: block;
	font-size: 18px;
	color: #777;
}

/* Hover sobre enlace */
.block .view-tablones-listado .anuncio__texto-titulo a:hover,
.block .view-tablones-listado .anuncio__texto-titulo a:hover::after{
	text-decoration: none;
}
.block .view-tablones-listado7 li a:hover::after{
	color: var(--us-amarillo);
}



/* Tablón anuncios en modo móvil */
@media (max-width: 767px){
	.block .view-tablones-listado .view-content {
		flex-direction: column;
	}
	.block .view-tablones-listado .anuncio-blq{
		margin: 1rem 0 !important;
	}
}

/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.block .view-tablones-listado .view-content {
		flex-direction: column;
	}
	.block .view-tablones-listado .anuncio-blq{
		margin: 1rem 0 !important;
		max-width: 100%;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   PRÓXIMOS EVENTOS   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Contenedor de los tres eventos 
#block-views-block-proximos-eventos-block-1 
*/
.view-proximos-eventos.view-display-id-block_1 .view-content,
.eventos-divulgacion .view-content {
	display: flex;
	justify-content:space-evenly;
}
/* Titular Eventos */
#block-views-block-proximos-eventos-block-1 h2{
	text-transform: none;
    color: black;
    font-size: 2rem !important;
    margin-bottom: 50px;
}

/* Contenedor individual Evento */
.evento-blq{
	background-color: white;
	padding: 0;
	flex: 20%;
	text-align: center;
	/* height: fit-content; */
    padding-bottom: 20px;
	margin: 0;
	margin-bottom: 1rem;
	overflow: hidden;
	border-radius: 16px 16px 16px 16px;
  	box-shadow: 0px 5px 15px 0px rgba(0,0,0,.15);
}
/* margin derecho entre eventos, excepto el último */
.evento-blq:not(:last-child){
	margin-right: 1rem;
}
/* Contenedor Imagen evento */
/* Mantenemos proporción altura con porcentaje en padding-top (podía haberse elegido padding-bottom). 
Siguiendo la regla que dice que para el relleno, el porcentaje se calcula respecto al ancho del bloque
que contiene la caja generada. Para encontrar el valor porcentual, simplemente hay que realizar una
regla de tres: Si 16 = 100, 9 = x: 900 / 16 = 56,25% (x:y = y*100/x)
Relación aspecto: 1:1 (100%), 4:3 (75%), 3:2 (66.66%), 16:9 (56.25%), 2:1 (50%)
2.39:1 (41.84%), 2.75:1 (36.36%), 1.85:1 (54.05%), slider 2.35:1 (42.55%) */
.evento-blq__foto-ctn{
	width: 100%;
	padding:0;
	margin:0;
	/* max-height: 200px; */
	height: auto;
	overflow: hidden;
	background-color: #e1e1e1;
	position: relative;
}
.evento-blq__foto-ctn::before{
	content: '';
	display: block;
	padding-top: 56.25%;
}
/* Imagen del evento */
.evento-blq__foto-ctn img{
	/* width: 400px;
	height: 200px;
	object-fit: cover ;
	object-position: center center; */
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%; /* el lugar de auto, para que se adapten todas las fotos */
	object-fit: cover;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.evento-blq__foto-ctn img:hover {
	opacity: 0.7;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	transform: scale(1.25);
  }

.evento-blq__texto-ctn {
	padding: 0 40px;
	padding-bottom: 20px;
}
/* Fechas  */
.evento-blq__texto-fechas{
	padding: 10px 5px;
    color: #717171;
    font-style: italic;
    font-size: .7rem;
    text-align: left;
    font-weight: normal;
    /* display: inline; */
    display: flex;
    justify-content: center;
}
.evento-blq__texto-fecha-final{
	padding-left: .3rem;
} 
/* Separador de fechas */
.evento-blq__texto-fecha-final::before{
	content: " al ";
	display: inline;
} 

/* Titular Evento*/
.evento-blq__texto-titulo{
	line-height:1.4rem;
	text-align: center;
}
.evento-blq__texto-titulo a{
	color: var(--colorSec) !important;
	font-size: 1.1rem;
	font-weight: bold;
}
.evento-blq__texto-titulo a:hover{
	text-decoration: none !important;
	color: var(--colorPri) !important;
}

/* Texto Evento*/
.view-proximos-eventos.view-display-id-block_1 .views-field-body {
	padding: 0 1.7rem;
	color: black;
	font-style: normal;
	font-size: .9rem;
	font-weight: normal;
	text-align: left;
	line-height: 1.5rem;
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.view-proximos-eventos.view-display-id-block_1 .view-content,
	.eventos-divulgacion .view-content {
		flex-direction: column;
	}
	.evento-blq{
		margin: 1rem 0 !important;
	}

	/* Texto Fecha inicio y fecha final */
	.evento-blq__texto-fechas {
		font-size: 14px;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   EQUIPO DE GOBIERNO (PÁGINA ANTIGUA)  +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.gobierno{
	display: grid;
	grid-template-columns: 1fr;
}
.miembro-gobierno{
	display: grid;
    grid-template-columns: .5fr 2fr;
    margin: 30px 0;
}
.miembro-gobierno__foto{
	margin: 0;
    margin-right: 30px;
    /* width: 24vw;
    height: 24vw; */
    max-height: 370px;
    max-width: 370px;
}
.miembro-gobierno__img{
	/* border-radius: 50%; */
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.miembro-gobierno__puesto{
	color: var(--colorSec) !important;
    font-size: 2.2rem;
    margin-bottom: 15px !important;
    line-height: 2.2rem;
	font-weight: 100;
}
.miembro-gobierno__nombre{
	color: var(--color-texto-resaltado) !important;
    font-size: 1rem !important;
    text-align: left;
    line-height: 1.2rem !important;
    text-transform: uppercase;
	font-weight: 900 !important;
    padding-bottom: 10px;
}
.miembro-gobierno__curriculum{
	color: var(--color-texto) !important;
    font-size: .8rem !important;
    line-height: 1rem !important;
    text-align: left;
}
.miembro-gobierno__descripcion{
	border-bottom: 1px solid var(--color-texto-claro);
    font-size: .8rem !important;
    text-align: left;
    line-height: 1.2rem !important;
}
.miembro-gobierno__contacto{
	font-size: .7rem;
    text-align: left;
}

@media (max-width: 992px) {
	/* .gobierno{
		grid-template-columns: 1fr;
	} */
	.miembro-gobierno{
		display: flex;
		justify-content: center;
		flex-direction:column;
		margin: 10px 0;
	}
	.miembro-gobierno__foto{
		width: 70vw;
    	height: 70vw;
    	margin: 0 auto;
	}
	.miembro-gobierno__puesto,
	.miembro-gobierno__nombre,
	.miembro-gobierno__curriculum,
	.miembro-gobierno__descripcion,
	.miembro-gobierno__contacto p{
		text-align: center !important;
	}
 }




 /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   EQUIPO DE GOBIERNO   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.equipo-item{
	    /* display: grid; */
    /* grid-template-columns: 1.2fr 2fr; */
    margin: 30px 0;
    display: flex;
    margin: 20px;
    /* background: cadetblue; */
    width: 100%;
    /* box-shadow: 5px 5px 5px rgb(0 0 0 / 30%); */
    padding: 30px;
    /* border-bottom: 1px solid var(--colorPri); */
    /* border-radius: 3%; */
    /* border-radius: 16px 16px 16px 16px; */
    /* box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 15%); */
    align-items: center;
}
.equipo-item__foto{
	margin: 0;
    /* margin-right: 32px; */
    /* width: 24vw; */
    /* height: 24vw; */
    /* max-height: 370px; */
    /* max-width: 370px; */
    /* flex: 2; */
    /* border: 2px solid; */
    /* border-right: 2px solid var(--colorPri); */
    padding: 0 30px;
}
.equipo-item__img{
	/* border-radius: 50%; */
    width: 17vw;
    height: 17vw;
    object-fit: cover;
   /*  border: 2px solid var(--colorPri); */
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 15%);
}
.equipo-item__puesto{
	color: var(--color-texto) !important;
    font-size: 1.2rem;
    /* margin-bottom: 15px !important; */
    line-height: 1.2rem;
    /* font-weight: 100; */
}
.equipo-item__nombre{
	color: var(--colorSec) !important;
    font-size: 1.8rem !important;
    text-align: left;
    line-height: 1.8rem !important;
    text-transform: uppercase;
    font-weight: 900 !important;
    padding-bottom: 10px;
}
.equipo-item__adscrito{
	color: var(--color-texto-claro) !important;
    font-size: .8rem !important;
    line-height: 1rem !important;
    text-align: left;
	font-style: italic;
    font-weight: 900;
}
.equipo-item__info {
	/* border-left: 2px solid var(--color-texto-claro); */
    padding-left: 32px;
}
.equipo-item__descripcion{
	/* border-bottom: 1px solid var(--color-texto-claro);
    font-size: .8rem !important;
    text-align: left;
    line-height: 1.2rem !important; */
	color: var(--color-texto-claro);
}
.equipo-item__contacto{
	font-size: .7rem;
    text-align: left;
	display: flex;
}
.equipo-item__email,
.equipo-item__tele,
.equipo-item__web {
	margin-right: 17px;
}
.equipo-item__email a,
.equipo-item__tele a,
.equipo-item__web a {
    color: var(--color-texto-claro) !important;
}
.equipo-item__email a:hover,
.equipo-item__tele a:hover,
.equipo-item__web a:hover {
    color: var(--color-texto-resaltado) !important;
}
.equipo-item__email a::before,
.equipo-item__tele a::before,
.equipo-item__web a::before {
	content:"";
	font-family: 'Font Awesome\ 5 Free';
    color: var(--color-texto-resaltado) !important;
    font-size: 1rem !important;
    font-weight: 900;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 7px;
}
.equipo-item__email a::before{
	content: "\f0e0";
}
.equipo-item__email a[href$="mailto:"]::before{
	display: none;
}
.equipo-item__tele a::before{
	content: "\f095";
}
.equipo-item__tele a[href$="tel:"]::before{
	display: none;
}
.equipo-item__web a[href]::before{
	content: "\f0c1";
}
.equipo-item__web a:not([href])::before{
	display: none;
}
.equipo-item__web a:not([href]){
	display: none;
}

@media (max-width: 992px) {
	/* .gobierno{
		grid-template-columns: 1fr;
	} */
	/* .equipo-item{
		display: flex;
		justify-content: center;
		flex-direction:column;
		margin: 10px 0;
	}
	.equipo-item__foto{
		width: 70vw;
    	height: 70vw;
    	margin: 0 auto;
	}
	.equipo-item__puesto,
	.equipo-item__nombre,
	.equipo-item__curriculum,
	.equipo-item__adscrito,
	.equipo-item__contacto p{
		text-align: center !important;
	} */
	.equipo-item {
		flex-direction: column;
		margin: 0;
	}
	.equipo-item__foto {
		border-right: 0;
	}
	.equipo-item__img {
		width: 50vw;
		height: 50vw;
	}
	.equipo-item__info {
		border-left: 0;
		padding-left: 0;
		border-bottom: 2px solid var(--colorPri);
		padding-bottom: 32px;
	}
 }


 
 
/* ---------------------------------------------------------------------------
   FIN FISICA
------------------------------------------------------------------------------ */




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   PERFILES   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.perfiles {
	position: absolute;
    display: flex;
    justify-content: flex-end;
    top: 0;
    right: 0;
	width: 300px;
	z-index: 9999;
	opacity: .5;
}
.perfiles__lista {
	display: flex;
}
.perfiles__item {
	margin-right: 20px;
    list-style-type: none;
}
.perfiles__item .fa-solid {
    margin-right: 5px;
	color: var(--colorPri) !important;
}
.perfiles__enlace {
    font-size: .8rem;
	color: var(--colorPri) !important;
}
.perfiles__enlace:hover {
	color: var(--colorSec) !important;
}

/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.perfiles {
		display: none;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CKEDITOR: ETIQUETAS   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.etiquetas {
	/* position: relative;
    max-width: 1230px;
    margin-right: auto;
    margin-bottom: -1px;
    margin-left: auto; */
    padding: 10px 0;
    list-style: none;
    color: inherit;
    z-index: 2;
    overflow: hidden;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.etiquetas li {
	margin-right: 5px;
    /* float: left;
    font-size: .8rem; */
    color: inherit;
    text-decoration: none;
}
.etiquetas li::before {
	display: none !important;
}
.etiquetas li a {
	display: inline-block;
    line-height: 1.5em;
    margin-bottom: .5rem;
    padding: 5px 1rem;
    font-size: .8rem;
    white-space: nowrap;
    color: var(--color-texto-claro);
    background: white;
    border-radius: .7rem;
    border: 1px solid var(--color-texto-claro);
}
.etiquetas li a:hover {
    color: white !important;
    background: var(--color-texto-claro);
}
/* Alineación */
.etiquetas.align-center {
	justify-content: center;
}
/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.etiquetas {
		justify-content: center;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CKEDITOR: PLANTILLAS DISEÑO   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Columnas fluidas */
.colx1{
	column-count: 1;
}
.colx2{
	/* column-count: 2; */
	columns: 2;
	column-gap: 2rem;
	/* column-rule: var(--color-texto-claro) dashed 1px; */
	text-align: justify;
}
.colx3{
	columns: 3;
	column-gap: 2rem;
	/* column-rule: var(--color-texto-claro) dashed 1px; */
	text-align: justify;
}
.colx4{
	columns: 4;
	column-gap: 2rem;
	/* column-rule: var(--color-texto-claro) dashed 1px; */
	text-align: justify;
}

/* Columnas independientes */
.colx2blq,
.colx3blq,
.colx4blq{
	/* display: flex; */
	display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
}
.colx3blq{
    grid-template-columns: repeat(3, 1fr);
}
.colx4blq{
	grid-template-columns: repeat(4, 1fr);
}
/* .colx2blq > div,
.colx3blq > div,
.colx4blq > div{
	margin: 0 1rem;
	flex: 1;
}
.colx2blq > div:first-child,
.colx3blq > div:first-child,
.colx4blq > div:first-child{
	margin-left: 0;
}
.colx2blq > div:last-child,
.colx3blq > div:last-child,
.colx4blq > div:last-child{
	margin-right: 0;
} */


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.colx2,
	.colx3,
	.colx4 {
		columns: 1;
	}
	.colx2blq,
	.colx3blq,
	.colx4blq{
		/* flex-direction: column; */
		grid-template-columns:  1fr;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	.colx3,
	.colx4 {
		columns: 2;
	}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CKEDITOR: PLANTILLA FOTO - TEXTO   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .fotoTexto {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 1rem 0;
} */
.fotoTexto {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 2rem;
	width: 100%;
	margin: 1rem 0;
}
.fotoTexto.der {
	grid-template-columns: 2fr 1fr;
}
.fotoTexto__img {
	/* flex: 25%; */
	overflow: hidden;
	/* margin: 0 2rem 1rem 0; */
	padding: 0;
}
/* Este <figure> lo añade automáticamente Drupal al editar foto */
.fotoTexto__img figure {
	margin: 0;
}
.fotoTexto__img figure span {
	padding: 0;
}
/* Foto a la derecha */
.fotoTexto__img.der {
	/* margin: 0 0 1rem 2rem; */
}
.fotoTexto__texto {
	/* flex: calc(75% - 2rem); */
}
/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	/* .fotoTexto__img {
		flex: 100%;
		margin: 0 0 1rem 0;
	}
	.fotoTexto__texto {
		flex: 100%;
	} */
	.fotoTexto {
		grid-template-columns: 1fr;
	}
	.fotoTexto.der {
		grid-template-columns: 1fr;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
/* 	.fotoTexto__img {
		flex: 50%;
	}
	.fotoTexto__texto {
		flex: calc(50% - 2rem);
	} */
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CKEDITOR: VÍDEO INSERTADO (YOUTUBE / VIMEO)   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.videoinsertado {
	position:relative;
	/* width: 100%; */
	overflow:hidden;
	/* margin: 1rem auto; */
}
.videoinsertado::before {
	content:'';
	display: block;
	padding-top: 56.25%;
}
.videoinsertado iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
}

/* Alineación */
.videoinsertado.align-center {
	display: block;
	margin: 0 auto 20px auto;
}
.videoinsertado.align-left {
	float: left;
	margin: 10px 20px 10px 0;
}
.videoinsertado.align-right {
	float: right;
	margin: 10px 0 10px 20PX;
}

/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.videoinsertado {
		width: 100% !important;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CKEDITOR: CUADRO DE TEXTO   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.cuadroInfo,
.cuadroResumen {
	background: #efeaea;
    margin-right: .8rem;
    padding: 0 1.5rem;
}
.cuadroResumen {
	background:rgb(215, 212, 250)
}
.cuadroInfo h3,
.cuadroResumen h3 {
	font-size: 1.4rem;
    line-height: 1.4rem;
}
.cuadroInfo p,
.cuadroResumen p {
	font-size: 1rem;
    line-height: 1rem;
}

/* Alineación */
.cuadroInfo.align-center,
.cuadroResumen.align-center {
	display: block;
	margin: 0 auto 20px auto;
}
.cuadroInfo.align-left,
.cuadroResumen.align-left {
	float: left;
	margin: 10px 20px 10px 0;
}
.cuadroInfo.align-right,
.cuadroResumen.align-right {
	float: right;
	margin: 10px 0 10px 20PX;
}

/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.cuadroInfo,
	.cuadroResumen {
		width: 100% !important;
		margin: .8rem 0;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}






	



@media (max-width: 992px) {
	.equipo-item {
		flex-direction: column;
		margin: 0;
	}
	.equipo-item__foto {
		border-right: 0;
	}
	.equipo-item__img {
		width: 50vw;
		height: 50vw;
	}
	.equipo-item__info {
		border-left: 0;
		padding-left: 0;
		border-bottom: 2px solid var(--colorPri);
		padding-bottom: 32px;
	}
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CKEDITOR: TARJETA   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tarjeta {
	background: white;
    border: 2px solid rgb(201, 202, 205);
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 15%);
}
.tarjeta.Apaisada {
	margin: 30px 0;
	display: flex;
	align-items: stretch;
	padding: 0;
}
.tarjeta__foto {
	margin: 0;
    padding: 0;
}
.tarjeta.Apaisada .tarjeta__foto {
    margin-bottom: -.5rem;
	flex: 1;
}

.tarjeta__foto > img {
	/* width: 17vw;
	height: 17vw;
	object-fit: cover;
	box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 15%); */
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.tarjeta__info {
	padding: 0 2rem;
	padding-left: 32px;
}
.tarjeta.Apaisada .tarjeta__info {
	flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tarjeta.Vertical .tarjeta__info {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tarjeta__puesto {
	color: var(--color-texto) !important;
	font-size: 1.2rem;
	line-height: 1.2rem;
}
.tarjeta__nombre {
	color: var(--colorSec) !important;
	font-size: 1.8rem !important;
	text-align: left;
	line-height: 1.8rem !important;
	text-transform: uppercase;
	font-weight: 900 !important;
	padding-bottom: 10px;
}
.tarjeta__adscrito {
	color: var(--color-texto-claro) !important;
	font-size: .8rem !important;
	line-height: 1rem !important;
	text-align: left;
	font-style: italic;
	font-weight: 900;
}
.tarjeta__descripcion{
	color: var(--color-texto-claro);
}
.tarjeta__contacto{
	font-size: .7rem;
	text-align: left;
	display: flex;
	/* justify-content: center; */
}
.tarjeta.Vertical .tarjeta__contacto {
	flex-direction: column;
}
.tarjeta.Vertical .tarjeta__puesto {
	text-align: center;
}
.tarjeta.Vertical .tarjeta__nombre {
	text-align: center;
}
.tarjeta.Vertical .tarjeta__adscrito {
	text-align: center;
}
.tarjeta.Vertical .tarjeta__descripcion{
	text-align: center;
}
.tarjeta__email,
.tarjeta__tele,
.tarjeta__web {
	margin-right: 17px;
}
.tarjeta__email a,
.tarjeta__tele a,
.tarjeta__web a {
	color: var(--color-texto-claro) !important;
}
.tarjeta__email a:hover,
.tarjeta__tele a:hover,
.tarjeta__web a:hover {
	color: var(--color-texto-resaltado) !important;
}
.tarjeta__email a::before,
.tarjeta__tele a::before,
.tarjeta__web a::before {
	content:"";
	font-family: 'Font Awesome\ 5 Free';
	color: var(--color-texto-resaltado) !important;
	font-size: 1rem !important;
	font-weight: 900;
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	margin-right: 7px;
}
.tarjeta__email a::before{
	content: "\f0e0";
}
.tarjeta__email a[href$="mailto:"]::before{
	display: none;
}
.tarjeta__tele a::before{
	content: "\f095";
}
.tarjeta__tele a[href$="tel:"]::before{
	display: none;
}
.tarjeta__web a[href]::before{
	content: "\f0c1";
}
.tarjeta__web a:not([href])::before{
	display: none;
}
.tarjeta__web a:not([href]){
	display: none;
}


/* Alineación */
.tarjeta.align-center {
	/* display: block; */
	margin: 0 auto 20px auto;
}
.tarjeta.align-left {
	float: left;
	margin: 10px 20px 10px 0;
}
.tarjeta.align-right {
	float: right;
	margin: 10px 0 10px 20PX;
}

/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.tarjeta {
		width: 100% !important;
		margin: .8rem 0;
	}
	.tarjeta.Apaisada {
		flex-direction: column;
	}
	.tarjeta.Apaisada .tarjeta__info {
		align-items: center;
	}
	.tarjeta__foto {
		display: flex;
		margin-top: 20px;
	}
	.tarjeta__foto > img {
		width: 60vw !important;
	}
	.tarjeta__puesto {
		text-align: center;
	}
	.tarjeta__nombre {
		text-align: center;
	}
	.tarjeta__adscrito {
		text-align: center;
	}
	.tarjeta__descripcion{
		text-align: center;
	}
	.tarjeta__contacto {
		flex-direction: column;
	}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){

}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CKEDITOR: MARCADOR   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.marcarAmarillo{
	background-color: rgb(248, 248, 147);
	color: black !important;
	padding: 2px 4px;
}
.marcarNaranja{
	background-color: rgb(251, 199, 101);
	color: black !important;
	padding: 2px 4px;
}
.marcarVioleta{
	background-color: rgb(238, 155, 238);
	color: black !important;
	padding: 2px 4px;
}
.marcarCeleste{
	background-color: rgb(146, 223, 223);
	color: black !important;
	padding: 2px 4px;
}
.marcarVerde{
	background-color: rgb(185, 209, 151);
	color: black !important;
	padding: 2px 4px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CKEDITOR: TEXTO DE COLOR   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.textoNaranja{
	color: rgb(249, 164, 6) !important;
}
.textoRojo{
	color: rgb(230, 5, 5) !important;
}
.textoVioleta{
	color: rgb(237, 5, 237) !important;
}
.textoMorado{
	color: rgb(142, 7, 232) !important;
}
.textoAzul{
	color: rgb(25, 5, 241) !important;
}
.textoVerde{
	color: rgb(11, 193, 7) !important;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ 3. CKEDITOR: GALERIAS DE FOTOS +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Galería Estándar */
article .galeriaFotos[data-tipo="estandard"] {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1vmin;
    padding: 0;
	margin-bottom: 60px;
}
article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x3 {
    grid-template-columns: repeat(3, 1fr);
}
article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x4 {
    grid-template-columns: repeat(4, 1fr);
}
article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x5 {
    grid-template-columns: repeat(5, 1fr);
}
article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x6 {
    grid-template-columns: repeat(6, 1fr);
}
article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x7 {
    grid-template-columns: repeat(7, 1fr);
}
article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x8 {
    grid-template-columns: repeat(8, 1fr);
}

/* Galerías Masonry */
article .galeriaFotos[data-tipo="masonry"] {
	columns: 2 250px;
    column-gap: .5rem;
	padding: 0;
	margin-bottom: 60px;
}
article .galeriaFotos[data-tipo="masonry"].galeriaFotos--x3 {
	columns: 3 250px;
}
article .galeriaFotos[data-tipo="masonry"].galeriaFotos--x4 {
	columns: 4 200px;
}
article .galeriaFotos[data-tipo="masonry"].galeriaFotos--x5 {
	columns: 5 200px;
}
article .galeriaFotos[data-tipo="masonry"].galeriaFotos--x6 {
	columns: 6 150px;
}
article .galeriaFotos[data-tipo="masonry"].galeriaFotos--x7 {
	columns: 7 150px;
}
article .galeriaFotos[data-tipo="masonry"].galeriaFotos--x8 {
	columns: 8 100px;
}

/* Miniaturas */
.galeriaFotos__thumb,
.galeriaFotos__thumb figure {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: rgb(250,250,250);
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	overflow: hidden;
	display: block;
	/* margin-bottom: .5rem; */
}
.galeriaFotos[data-tipo="masonry"] .galeriaFotos__thumb{
	margin-bottom: .5rem;
}
/* Imagen dentro de las miniaturas */
.galeriaFotos__thumb img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 1s ease;
}
.galeriaFotos__thumb:hover img {
	opacity: 0.7;
	/* transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; */
	transform: scale(1.25);
	filter: invert(1);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}

/* Pie de foto */
.galeriaFotos__thumb figcaption {
	display: block !important;
    padding: 10px 20px;
    margin: 0;
    width: 100%;
    text-align: left;
    color: black;
    opacity: 1;
    font-size: .8rem;
    font-weight: 100;
    font-style: normal;
    line-height: 1rem;
    position: absolute;
    background: rgba(255,255,255,.8);
	transition: all .5s ease-in-out 0s, transform .5s ease-in-out 0s;
	bottom: -100px;
	visibility: hidden;
	overflow: hidden;
}
.galeriaFotos__thumb:hover figcaption {
	bottom: 0;
	visibility: visible;
}


/*   MODO MÓVIL / TABLET FOTOS Y GALERÍA FOTOS   ---------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){

	/* Galerías */
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x3,
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x4,
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x5,
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x6,
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x7,
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x8,
	article .galeriaFotos[data-tipo="estandard"] {
		grid-template-columns: 1fr;
		height: auto;
	}
	article .galeriaFotos[data-tipo="masonry"] {
		columns: 1 100%;
		height: auto;
	}
	article .galeriaFotos  img {
		height: auto;
	}

}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	/* .galeriaFotos--Masonry .galeriaFotos__thumb img {
		width: 100%;
	} */

	/* Galerías */
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x3,
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x4,
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x5,
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x6,
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x7,
	article .galeriaFotos[data-tipo="estandard"].galeriaFotos--x8,
	article .galeriaFotos[data-tipo="estandard"] {
		grid-template-columns: repeat(3,1fr);
		height: auto;
	}
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   GALERIAS   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.galerias {
	margin: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.galeria {
	height: auto;
	width:  100%; 
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 4px;
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction:column;
	height:25vh;
}
/* .galeria::before {
	content: '';
	display: block;
	padding-top: 40%; 
} */

/* Titulo  */
.galeria__titulo {
	/* position: absolute;
	top: 20px;
	left: 20px; */
	z-index: 2;
	text-transform: none;
	color: white !important;
	font-size: 2rem;
	margin: 0;
	padding: 0;
	line-height: 1.2rem;
	/* padding-right: 10px; */
	font-family: FuenteBold, Helvetica, Arial, sans-serif;
}

/* Núm. fotos  */
.galeria__info {
	/* position: absolute;
	top: 20px;
	left: 20px; */
	z-index: 2;
	text-transform: none;
	color: white !important;
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	line-height: 1.2rem;
	/* padding-right: 10px; */
	/* font-family: FuenteBold, Helvetica, Arial, sans-serif; */
}

.galeria__img,
.galeria__enlace {
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: .3;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transform: scale(1.1);
}
.galeria__enlace.colorin1 {
	background-color: var(--colorPri); 
	mix-blend-mode: multiply;
	z-index: 1;
	opacity: 1
}
.galeria__enlace.colorin2 {
	background-color: var(--colorSec); 
	mix-blend-mode: multiply;
	z-index: 1;
	opacity: 1
}
.galeria__enlace.colorin3 {
	background-color: var(--color03); 
	mix-blend-mode: multiply;
	z-index: 1;
	opacity: 1
}

.galeria__enlace:hover {
	opacity:.8;
}
.galeria__enlace:hover .galeria__img {
	opacity:.2;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transform: scale(1.45);
}


/*   MODO MÓVIL / TABLET   --------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Móvil */
@media (max-width: 767px){
	.galeria {
		width: 100%
	}
	.galeria__titulo {
		font-size: 1.4rem;
		margin: 0 0 4px;
		line-height: 1.4rem;
	}

}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CKEDITOR: FOTO LIGHTBOX   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.fotoLightbox {
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: #f3f2ee;
	transition: opacity 1.35s ease 0s, transform 1.35s ease 0s;
	/* background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, #f3f2ee 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, #f1d2c2));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, #f3f2ee 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, #f3f2ee 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, #f3f2ee 100%); */
	background: radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, #f3f2ee 100%);
	display: flex;
	flex-direction: column;
	z-index: 999;
}
  
.fotoLightbox__foto {
	/* height: 87vh; */
	display: inline-flex;
	justify-content: center;
	margin: 0;
}

.fotoLightbox__img {
	transition: transform 0.25s ease;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	cursor: zoom-in;
}
.fotoLightbox__img{
	width: auto;
	/* height: 87vh; */
	height: 100%;
  	display: block;
  	object-fit: cover;
}
  
.fotoLightbox__foto label {
	/* overflow: hidden; */
	/* background: rgb(232, 226, 226); */
	height: 84vh;
}
  
/* Zoom sobre la foto */
.fotoLightbox__zoom {
	display: none;
}
.fotoLightbox__zoom[type=checkbox]:checked ~ label > img {
	transform: scale(2);
	cursor: zoom-out;
}
  
/* Contenedor: Descripción + Botón Cerrar */
.fotoLightbox__info {
	position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 30px;
	/* padding: 20px; */
    background: rgba(255,255,255,.95);
    -webkit-transition: opacity 0.3s linear 1.3s;
    -moz-transition: opacity 0.3s linear 1.3s;
    -o-transition: opacity 0.3s linear 1.3s;
    -ms-transition: opacity 0.3s linear 1.3s;
    transition: opacity 0.3s linear 1.3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  
/* Descripción */
.fotoLightbox__descripcion {
	font-size: 1rem !important;
	line-height: 1.2rem !important;
	text-align: center !important;
	padding: 10px;
	/* max-width: 90%; */
	color: var(--color-texto-resaltado) !important;
}
.fotoLightbox__ctn-descripcion {
	display: flex;
    justify-content: center;
    align-items: center;
}
  
/* Botón Cerrar */
.fotoLightbox__cerrar {
	opacity: .8;
    display: block;
    transition: all .3s;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99999;
}
.fotoLightbox__cerrar a {
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	z-index: 99999;
}
.fotoLightbox__cerrar:hover{
	transform: rotate(90deg);
	transform-origin: 50% 50%;
}
.fotoLightbox__linea1 {
	width: 30px;
	height: 3px;
	position: absolute;
	top: 47%;
	background: black;
	transform-origin: 50% 50%;
	transform: rotate(45deg);
	transition: transform 0.15s ease-out;
}
.fotoLightbox__linea2 {
	width: 30px;
	height: 3px;
	position: absolute;
	top: 47%;
	background: black;
	transform-origin: 50% 50%;
	transform: rotate(-45deg);
	transition: transform 0.15s ease-out;
}
.fotoLightbox__cerrar:hover .fotoLightbox__linea1 {
	transform: rotate(45deg) scaleX(1);
}
.fotoLightbox__cerrar:hover .fotoLightbox__linea2 {
	transform: rotate(-45deg) scaleX(1);
}

/* Flechas anterior y siguiente */
.fotoLightbox__flechaAnt,
.fotoLightbox__flechaSig {
	cursor: pointer;
	width: 5rem;
}
.fotoLightbox__flechaAnt::before {
	font-family: fontawesome;
	content: "\f104";
	display: block;
	font-size: 3rem;
	line-height: 2.5rem;
	color: black;
	opacity: .3;
}
.fotoLightbox__flechaSig::before {
	font-family: fontawesome;
	content: "\f105";
	display: block;
	font-size: 3rem;
	line-height: 2.5rem;
	color: black;
	opacity: .3;
}
  
.fotoLightbox:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 20px 10px;
}
.fotoLightbox:target img {
	/* -webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out; */
	animation: fadeInScale 1.2s ease-in-out;
    /* animation: fotoPresentacion .6s ease-in-out; */
}
  
@keyframes fotoPresentacion { 
	0% { width: 0;  height: 0; opacity: 0;  }
	30% { width: 0; height: 87vh; opacity: 0;  }
	60% { width: auto; height: 87vh; opacity: 0; margin: 30px; }
	100% { width: auto; height: 87vh; opacity: 1; margin: 30px; }
}

  
@-webkit-keyframes fadeInScale {
	0% {
		-webkit-transform: scale(0.6);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@-moz-keyframes fadeInScale {
	0% {
		-moz-transform: scale(0.6);
		opacity: 0;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 1;
	}
}
@-o-keyframes fadeInScale {
	0% {
		-o-transform: scale(0.6);
		opacity: 0;
	}
	100% {
		-o-transform: scale(1);
		opacity: 1;
	}
}
@-ms-keyframes fadeInScale {
	0% {
		-ms-transform: scale(0.6);
		opacity: 0;
	}
	100% {
		-ms-transform: scale(1);
		opacity: 1;
	}
}
@keyframes fadeInScale {
	0% { transform: scale(0.6);  opacity: 0;}
	100% {  transform: scale(1);  opacity: 1; }
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   CARTELERÍA EN PANTALLAS   +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.carteleria {
    position: absolute;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9999;
}

.pantalla {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pantalla__media img,
.pantalla__media video {
    width: 100% !important;
    height: 100vh !important;
    object-fit: fill !important;
}