@import url('https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css'); /* fuentes web */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@500;600;700&display=swap'); /* marca fafar actual */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap'); /* titulos */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700'); /* todo */
@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round'); /* todo */
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100&family=Poiret+One&display=swap'); /* 50 aniversario */



@import 'cookies.css';
@import 'dropdown.css';
@import 'dropdown-js.css';
@import 'tablas2.css';
@import 'modal.css';
@import 'deslizante.css';
@import 'mod-navi.css';
@import 'social.css';
@import 'items-carrusel.cs';
@import '../owl-carousel/owl.carousel.min.css';
@import '../owl-carousel/owl.theme.default.min.css';

*{
margin: 0;
padding: 0;
border-radius:0px;
transition:all 0.2s ease;
scrollbar-width: thin;
scrollbar-color:#c9c9c9;
}


:root {
  --ancho-primario:1300px;
  --ancho-parrafo:765px;
  
  --color-fafar:#543790;
  --color-primario:#131313;
  --color-secundario:#7a7a7a;
  --color-complementario:#800000;
  --color-oscuro:#131313;
  --color-claro:#fff;
  --color-hover:#543790;
  
  --alto-navega:99px;
  --alto-sobrem:53px;
  --padding-botones:12px 16px;
  }



/* COLORES */
.color-destacado				{ color:#007aff;}
.color-oscuro					{ color:#444;}
/* FIN COLORES */



.leer-mas						{ }
.leer-mas a						{ padding:0 15px; font-weight:600; white-space:nowrap;}
.leer-mas a:before				{ display:inline-block; float:auto; content:"..."; font-weight:400; margin:0 10px 0 -14px;}
.leer-mas a:after				{ display:inline-block; float:auto; content:"\276e"; margin:0 0 0 7px; font-size:80%; transform:rotate(-90deg);}


::-webkit-scrollbar 			{ width:8px;}
::-webkit-scrollbar-track		{ background:transparent;}
::-webkit-scrollbar-track-piece	{ background:transparent;}
::-webkit-scrollbar-thumb 		{ background:#c9c9c9;}
::-webkit-scrollbar-thumb:hover { background:#555;}

::selection						{ color:#fff; background:var(--color-primario);}


 
/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement { display:none;}


/* CARGADOR */
.cargador		{ position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:9999;}
.cargador		{ display:none; align-items:center; justify-content:center; overflow:hidden;}
.spinner 		{ border:3px solid transparent; border-radius:100%; border-top:3px solid #543790; border-right:3px solid #543790; border-bottom:3px solid #543790; width:60px; height:60px; animation:spin 1s linear infinite;}
@keyframes spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(359deg);}}
/* FIN CARGADOR */


.rota							{ transform:rotateY(45deg); animation:rotateAnimation 2s linear infinite;}
@keyframes rotateAnimation 		{ from {transform: rotateY(45deg);} to {transform: rotateY(225deg);}}

@keyframes desde-la-derecha		{ 0% { opacity:0; transform:translateX(50px);} 100% { opacity:1; transform:translateX(0);}}
@keyframes desde-la-izquierda 	{ 0% { opacity:0; transform:translateX(0);} 100% { opacity:1; transform:translateX(50px);}}


/* MULTICOLOR */
.multicolor 			{ background-image:linear-gradient(to left, #FFD700, #7B68EE, #3498db, #2ecc71, #FFD700); }
.multicolor				{ color:transparent; background-clip:text; background-size:600%; animation:multicolor 5s linear infinite; transition:all 0.2s ease;}
@keyframes multicolor 	{ from {background-position:0% 50%;} to {background-position:100% 50%;}}
@keyframes aparece	 	{ 0% { opacity:0; transform: translateY(50px); } 30% { opacity:0;} 100% { opacity:1; transform:translateY(0);}}
/* FIN MULTICOLOR */


/* REBOTE */
@keyframes bounce 		{ 0%, 20%, 50%, 80%, 100% { transform:translateY(0);} 40% { transform:translateY(-30px);} 60% { transform:translateY(-15px);}}
.bounce 				{ @include animation(bounce 2s infinite); animation:bounce 2s infinite;}
/* FIN REBOTE */



/* TRADUCTOR */
ul.traductor					{ position:relative; margin:auto; padding:2px 0; list-style:none; background:transparent; color:inherit; overflow:hidden;}
ul.traductor li 				{ display:inline; font-size:100%; color:inherit; text-decoration:none;}
ul.traductor li+li:before 		{ font-size:90%; padding:4px 8px; color:inherit; content:"|";}
ul.traductor li:last-child		{ }
ul.traductor li a 				{ color:inherit; text-decoration:none;}
ul.traductor li a:hover 		{ color:#ffb606; text-decoration:underline; text-underline-position:under; text-decoration-thickness:2px;}

.traductor	.ingles:before		{ content:"EN";}
.traductor	.frances:before		{ content:"FR";}
.traductor	.italiano:before	{ content:"IT";}
.traductor	.arabe:before		{ content:"AR";}
.traductor	.espanol:before		{ content:"ES";}

a.gflag 						{ display:none; vertical-align:middle;font-size:16px;padding:1px 0;}
a.gflag img 					{ border:0;}
a.gflag:hover 					{ background-image:url(https://gtranslate.net/flags/16a.png);}
#goog-gt-tt 					{ display:none !important;}
.goog-te-banner-frame 			{ display:none !important;}
.goog-te-menu-value:hover 		{ text-decoration:none !important;}
body 							{ top:0 !important;}
#google_translate_element2 		{ display:none!important;}
#google_translate_element 		{ display:none!important;}
.goog-tooltip 					{ display:none !important;}
.goog-tooltip:hover 			{ display:none !important;}
.goog-text-highlight 			{ background-color:transparent !important; border:none !important; box-shadow:none !important;}
body > .skiptranslate 			{ display:none;}
/* FIN TRADUCTOR */


/* PRELIMINARES */
body 						{ font-size:16px;}
body 						{ position:relative; background:transparent; font-family:'Poppins', sans-serif; color:var(--color-primario);}
html, body 					{ }
html 						{ scroll-behavior:smooth;}

p:empty 					{ display:none;}
p a[target=_blank]:after	{ content:"\f8ce"; font-family:'Material Icons'; margin:0 0 0 3px; display:inline-block; vertical-align:middle;}
.imagen:empty 				{ display:none;}

li							{ list-style:none;}

p							{ text-wrap:pretty; font-size:105%; line-height:1.5em; border-radius:0;}
p							{ white-space:wrap; text-overflow:"-"; overflow:hidden;}

a							{ color:inherit; text-decoration:inherit; border-bottom:none;}
a:hover						{ cursor:pointer; border-bottom:none;}

b							{ font-weight:600;}
mark 						{ margin-left:-5px; margin-right:-5px; padding:2px 5px;}


img					{ width:100%; height:auto; -moz-force-broken-image-icon:0; text-indent:-10000px; padding:0; z-index:1; background:#f3f3f3;}
img:-moz-broken		{ opacity:0; z-index:-1}
.imagen,
.imagen2,
.persona			{ border:1px solid #f3f3f3; box-shadow:inset 0px 0px 25px 0px #f8f9fa;}
.imagen:before,
.imagen2:before		{ position:absolute;content:"\f03e"; font-family:FontAwesome; color:inherit; z-index:auto;}
.persona:before		{ position:absolute;content:"\f007"; font-family:FontAwesome; color:inherit; z-index:auto;}

.apaisada			{ height:100%; object-fit:cover; object-position:center center;}
.cuadrada			{ height:100%; object-fit:cover; object-position:center center;}
.redonda			{ height:100%; object-fit:cover; object-position:center center; border:1px solid #f3f3f3; border-radius:100%; overflow:hidden;}
.vertical			{ height:100%; object-fit:cover; object-position:center top;}


.video:after		{ position:absolute; content:"\f04b"; font-family:FontAwesome; line-height:; color:transparent; -webkit-text-stroke:2px #fff; display:flex; align-items:center; justify-content:center; z-index:1; overflow:hidden;}
.video:after		{ padding:20px 27px; background:#111; border-radius:100%;}
hover .video:after	{ color:var(--color-hover); background:var(--color-hover); transition:all 0.2s ease; transform:rotate(0deg);}
a:hover .video:after	{ color:var(--color-hover); background:var(--color-hover); transition:all 0.2s ease; transform:rotate(0deg);}

.menu-relativo  	{ position:relative; top:0; min-height:auto; height:auto}


.absoluto			{ position:absolute;}
.fijo 				{ position:fixed;}
.navfijo			{ margin-right:auto; margin-left:auto; margin-top:86px;}
.pegajoso  			{ position:-webkit-sticky; position:sticky; top:90px; z-index:90;}
.bajointrohoja		{ margin-top:-70px;}
.bajoseparador		{ position;relative; clear:both; height:60px; color:transparent; background:transparent; overflow:hidden;}
.espaciador			{ position;relative; clear:both; height:30px; color:transparent; background:transparent; overflow:hidden;}

.show 				{ display:block;}
.invisible			{ display:none;}
.invisiblee			{ display:none;}
.desactivado		{ pointer-events:none;}
.actual				{ border:1px solid var(--color-claro); box-shadow: 0 0 0 2px #0075d5; }
.alaizquierda		{ display:inline-block; float:left; margin-right:10px;}
.alcentro			{ text-align:center;}
.justificado		{ text-align:justify}
.negrita			{ font-weight:bold;}
.cortado			{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.comentado1			{ padding:0 30px;}
.first				{ border-top:none;}
.bajando			{ z-index:2; position:relative; max-width:100px; margin:30px auto; padding:0 5px; text-align:center; animation:bounce 2s infinite; overflow:hidden;}
.bajando:before		{ content:'\e5cf'; font-family:'Material Icons'; font-size:124px; color:#ddd;}
.externo:after		{ content:"\f360"; font-family:FontAwesome; margin-left:10px; font-size:75%; transform:rotate(-20deg);}
.avisosobrefoto 	{ z-index:10; position:absolute; top:5px; left:5px; padding:5px; display:flex; align-items:center; justify-content:center;}
.sobrecapa::after	{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(17,17,17, 0.6); z-index:1;}


.fsubrayado				{ position:relative; padding:4px; line-height:1.5em; font-weight:600; text-decoration:underline; text-underline-position:under;}
.fsubrayado:hover		{ color:var(--color-hover);}
.fsubrayado:after		{ display:inline-block; content:"\2192"; margin-left:10px;}
.fsubrayado:hover:after	{ margin-right:-10px; margin-left:20px; transition:all 0.2s ease;}


.divisorflex			{ display:flex; margin:20px 0; flex-direction:row; justify-content:center; align-items:center; color:#e1e1e1;}
.divisorflex::before	{ content:''; height:1px; background:#e1e1e1; flex:1; margin:0 .25em 0 0;}
.divisorflex::after		{ content:''; height:1px; background:#e1e1e1; flex:1; margin:0 0 0 .25em;}
.divisorflex .img		{ position:relative; width:70px; height:70px; padding:10px; background:transparent; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.divisorflex .img		{ filter:grayscale(0%);}
.divisorflex .boton		{ margin:auto 20px; font-size:80%; border-radius:35px;}
.divisorflex .boton2	{ margin:auto 20px; font-size:80%; border-radius:35px;}


h1, h2, h3, h4, h5, h6, h7 	{ font-weight:400; padding:10px 0; overflow:hidden;}
h1 						{ font-size:230%; font-weight:600; color:inherit; line-height:1.1em; margin:0; column-span:all;}
h1.titulo				{ margin-bottom:10px;}
h2 						{ font-size: 180%; line-height:1.2em; font-weight:600; margin:0; column-span:all;}
h3 						{ font-size: 130%; line-height:1.3em; font-weight:700; margin:0 0 20px 0; column-span:all;}
h4						{ font-size: 120%; line-height:1.5em; font-weight:600;}


hr 						{ max-width:850px; margin:20px auto; border:none; height:1px; color:#ddd; background:#ddd;}
hr .estilo1				{ max-width:80px; margin:0 auto;}


/* LOGOS COMPUESTOS */
.logos-compuestos			{ position:relative; float:none; margin:auto; max-width:var(--ancho-parrafo); height:90px; overflow:hidden;}
.logos-compuestos .logo		{ position:relative; float:left; height:100%; margin-right:5px; border-radius:0;}
/* FIN LOGOS COMPUESTOS */


/* SIN CONTENIDO */
.parrafosincontenido	{ margin:auto; padding:50px 0; max-width:560px; text-align:center; display:flex; align-items:center; justify-content:center;}
.mensajesincontenido	{ font-weight:600; line-height: 1.4em; font-size:190%; color:var(--color-secundario);}
.sincontenido:before	{ content:"Parece que no hay nada por aquí. Perdona las molestias"}
.nodisponible:before	{ content:"Este contenido no está disponible en este momento. perdona las molestias"}
.pronto:before			{ content:"Estamos trabajando para terminar esta parte. Sentimos las molestias"}
.nada:before			{ content:"Sin avisos en este momento"}
/* FIN SIN CONTENIDO */


/* ALERTA */
.alert 					{ max-width:var(--ancho-primario); padding:20px; background:#f44336; color:white; opacity:1; transition:opacity 0.6s; margin:auto; margin-bottom:20px; overflow:hidden;}
.alert.success			{ background-color: #04AA6D;}
.alert.info				{ background-color: #2196F3;}
.alert.warning			{ background-color: #ff9800;}
.closebtn				{ height:100%; color:white; float:right; font-size:48px; font-weight:400; line-height:20px; transition:0.3s; cursor:pointer;}
.closebtn::after 		{ content:'\e5cd'; font-family:'Material Icons';}
.alert .titulo			{ padding:4px 0; font-size:110%; font-weight:700;}
.alert .texto			{ margin-right:30px; font-size:95%;}
/* FIN ALERTA */


/* MIGA DE PAN */
ul.migadepan 				{ position:relative; max-width:var(--ancho-primario); margin:auto; padding:20px 0; list-style:none; color:inherit; border-radius:0; background:inherit;}
ul.migadepan li 			{ display:inline; font-size:95%; line-height:1.5em; color:inherit; text-decoration:none; border-radius:0;}
ul.migadepan li+li:before 	{ font-size:80%; padding:4px 5px 4px 3px; color:inherit; content:">";}
ul.migadepan li:first-child	{ }
ul.migadepan li:last-child	{ }
ul.migadepan li a 			{ color:inherit; text-decoration:none;}
ul.migadepan li a:hover 	{ color:#666; text-decoration:underline; text-underline-position:under;}
/* FIN MIGA DE PAN */


ul.botonerai 				{ position:relative; max-width:var(--ancho-primario); margin-right:auto; margin-bottom:-1px; margin-left:auto; padding:10px 0; list-style:none; color:inherit; z-index:2; overflow:hidden;}
ul.botonerai li 			{ margin-right:5px; float:left; font-size:95%; color:inherit; text-decoration:none;}


/* ESTRUCTURA */
#cuerpo					{ width:100%; background:transparent; clear:both;}
#contenido				{ position:relative; width:63.4%; float:left; clear:left;}
#lateral				{ position:relative; width:32%; min-height:440px; float:right; clear:right; padding:0; overflow:hidden;}
#pie					{ position:relative; clear:both; margin:60px 0 0 0; padding:45px 0 0 0; background:url("../../images/fondos/pie-mediano.png") right bottom no-repeat; z-index:1;}
#pie::before			{ content:""; position:absolute; width:100%; height:100%; bottom:0; left:0; clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% 100%); background:#f2f2f2 url("../../images/fondos/pie-mediano.png") right bottom no-repeat;}


.inclinado1 			{ position:relative; margin:-55px auto; height:120px; transform:rotate(-2deg); transform: skewY(-2deg); z-index:1; opacity:1; border-radius:0;}
.inclinado2 			{ position:relative; margin:-55px auto; height:120px; transform:rotate(2deg); transform: skewY(2deg); z-index:2; opacity:1; border-radius:0;}

.cajasblancas			{ margin-top:-1px; margin-bottom:-170px; padding-bottom:170px; background:#f8f9fa;}

.ciencien, .anchopagina0,
.anchopagina, 
.anchopagina2,
.anchopagina3			{ z-index:1;}

.ciencien				{ position:relative; width:100%;}
.ciencien .contenido	{ max-width:var(--ancho-primario); margin:auto; padding:60px 0;}
.ciencien-contenido		{ max-width:var(--ancho-primario); margin:auto; padding:0;}

.anchopagina0			{ position:relative; max-width:1290px; margin-right:auto; margin-left:auto; border-top:0px solid #f8f9fa;}
.anchopagina0 .contenido{ margin:auto; padding:60px 80px; }

.anchopagina			{ position:relative; max-width:var(--ancho-primario); margin-right:auto; margin-left:auto; border-top:0px solid #f8f9fa;}
.anchopagina .contenido	{ margin:auto; padding:60px 60px;}

.anchopagina2			{ z-index:1; position:relative; max-width:1100px; width:auto; margin-right:auto; margin-left:auto; border-top:0px solid #f8f9fa;}
.anchopagina2 .contenido{ margin:auto; padding:60px 80px;}

.anchopagina3			{ z-index:1; position:relative; max-width:900px; width:auto; margin-right:auto; margin-left:auto; border-top:0px solid #f8f9fa;}
.anchopagina3 .contenido{ margin:auto; padding:60px 80px;}


.separador				{ position:relative; max-width:900px; margin:auto; height:1px; border-width:0; color:#ddd; background-color:#ddd;}
.fondotra				{ background:transparent; color:#fff;}
.fondofar				{ background:#543790; color:#fff;}
.fondocer				{ background:#1e1445; color:#fff;}
.fondoosc				{ background:var(--color-oscuro); color:var(--color-claro);}

.fondouno				{ background:#fff;}
.fondouno ul.migadepan li a { color:#006699; text-decoration:none;}

.fondodos				{ background:#f8f9fa;}
.fondotre				{ background:#f3f3f3;}
.fondocua				{ background:#b2223a; color:var(--color-claro);}
.fondocin				{ background:#648a9f; color:#fff;}
.fondosei				{ background:#059f94; color:#fff;}
.fondosie				{ background:#bd1353; color:#fff;}
.fondooch				{ background:#336699; color:#fff;}
.fondoutilidades		{ color:var(--color-oscuro); background:url('../../images/fondos/paredblanca-mesa-silla-planta.jpg') center center/cover no-repeat;}
.fondoondulado			{ background:radial-gradient(at center, rgba(255, 255, 255, .7), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), url('../../images/fondos/trozo-ondulado.png'); }


.bordearriba			{ border-top:1px solid #f3f3f3;}
.bordedercha			{ border-right:1px solid #f3f3f3;}
.bordeabajo				{ border-bottom:1px solid #f3f3f3;}
.bordeizqda				{ border-left:1px solid #f3f3f3;}
.borde					{ padding:15px; border:1px solid #f3f3f3;}
.borde:hover			{ border:1px solid #f8f9fa;}

.padding				{ padding:15px;}


		
#titulon				{ position:relative;}
#titulon:after			{ content:""; display:block; max-width:60px; margin-top:20px; border-style:solid; border-width:0.9px; color:inherit;}
.pretitulon				{ font-family:'Poppins', sans-serif;font-size:95%; font-weight:500; line-height:1.5em; color:inherit; padding:5px 0; text-transform:uppercase; list-style:none;}
.titulon 				{ display:inline-block; margin-right:30px; padding:0; font-size:170%; font-weight:600; line-height:1.3em; color:inherit;}
.subtitulon				{ font-size:105%; font-weight:400; line-height:1.5em; color:inherit; margin:20px 0 0 0;}
#titulon .vertodo		{ }
#titulon .vertodo		{ position:relative; font-size:105%; font-weight:500; line-height:1.5em; color:inherit; float:right; padding:4px 12px; background:transparent; border-radius:5px;}
#titulon .vertodo 		{ text-decoration:underline; text-underline-position:under; color:#336699;}
#titulon .vertodo:hover	{ text-decoration:none;}


.lista2,
.lista3					{ position:relative; display:block; line-height:1.5em; padding:3px 0 3px 15px; color:inherit;}
.lista2:before			{ position:absolute; left:2px; content:"\f04d"; font-family:FontAwesome; max-width:15px; font-size:.4em; text-decoration:none; color:var(--color-primario);}
.lista3:before			{ position:absolute; left:2px; content:"\22c5"; font-family:FontAwesome; max-width:15px; font-size:1.4em; text-decoration:none; color:var(--color-primario);}


[class*="columnas-"] 	{ position:relative; column-gap:42px; overflow:hidden;}
.columnas-dos			{ column-count:2;}
.columnas-tres			{ column-count:3;}
.columnas-cuatro		{ column-count:4;}
.linea					{ column-rule:1px solid #e1e1e1;}


.timeline							{ position:relative; max-width:var(--ancho-parrafo); margin:40px auto; padding:0 1.5em;}
.timeline:before 					{ background:var(--color-primario); content:""; display:block; position:absolute; top:20px; left:10px; width:0.125em; height:100%; transform:translateX(-50%);}
.timeline-contenido					{ position:relative; padding:0 0 50px 0;}
.timeline-contenido:last-child		{ padding-bottom:0;}
.timeline-contenido:before			{ position:absolute; top:10px; content:"\f111"; font-family:FontAwesome; font-size:80%; width:15px; height:15px; margin:0 0 0 -22px; background:var(--color-primario); border-radius:100%;}
.timeline .parrafo					{ margin:0; padding:0 0 0 20px;}


--.col-parrafo .parrafo,
--.col-parrafo2 .parrafo2		{ max-width:812px; margin:-20px auto; padding:25px 0;}
--.parrafo,
--.parrafo2					{ max-width:812px; margin:auto;}


.col-parrafo .parrafo		{ max-width:var(--ancho-parrafo); margin:-25px auto; padding:20px 0; overflow:hidden;}
.parrafo					{ max-width:var(--ancho-parrafo); margin:auto; padding:20px 0; line-height:1.5em; overflow:hidden;}
.parrafo2					{ max-width:var(--ancho-parrafo); margin:20px auto; padding:45px 45px; background:#f8f8f8;}
.parrafo-contenido			{ position:relative; height:100%; padding:40px; background:#f3f3f3;}
.parrafo .items				{ padding:10px 0;}
.parrafo .imagen			{ margin:10px 0; max-height:420px; display:flex; align-items:center; justify-content:center; border-radius:0; overflow:hidden;}
.parrafo .imagen img		{ border-radius:0;}
.parrafo .imagen2			{ position:relative; float:left; clear:left; margin:40px 40px 40px 40px; min-width:170px; width:170px; height:220px; display:flex; align-items:center; justify-content:center; background:inherit; border-radius:0; overflow:hidden;}
.parrafo .imagen2 img		{ height:100%;}
.parrafo .cenefilla			{ margin:auto; max-width:770px; max-height:220px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.parrafo .titulo,
.parrafo2 .titulo			{ font-size:120%; margin-bottom:5px; padding:4px 0; line-height:1.3em; font-weight:600;}
.parrafo .texto,
.parrafo2 .texto			{ font-size:; text-decoration:none; line-height:1.6em; text-wrap:stable;}
.parrafo .texto-piedefoto	{ padding:7px 0; font-size:90%; line-height:1.5em; text-decoration:none; text-align:justify;}
.parrafo .texto a,
.parrafo .lista2 a,
.parrafo .lista3 a,
.parrafo2 .texto a,
.parrafo2 .lista2 a,
.parrafo2 .lista3 a			{ color:var(--color-hover); text-decoration:underline; text-underline-position:under; border-bottom:none;}
.parrafo .texto a:hover,
.parrafo .lista2 a:hover,
.parrafo .lista3 a:hover,
.parrafo2 .texto a:hover,
.parrafo2 .lista2 a:hover,
.parrafo2 .lista3 a:hover	{ color:var(--color-primario); text-decoration:underline; text-underline-position:under; border-bottom:none;}
	{ color:var(--color-primario); text-decoration:underline; text-underline-position:under; border-bottom:none;}
.parrafo .botonerai			{ margin-top:15px;}

.parrafo2 .logos-compuestos	{ margin-bottom:20px;}
	

.avatarintro			{ position:relative; float:none; min-width:145px; width:145px; height:145px; margin:0 auto; margin-top:-140px; margin-bottom:20px; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.avataron				{ position:relative; max-width:369px; max-height:369px; height:369px; display:flex; align-items:center; justify-content:center;}
.imagencita				{ position:relative; float:left; min-width:160px; width:160px; height:160px; margin:0 30px 0 0; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.imagencompleta			{ position:relative; margin-right:auto; margin-left:auto; margin-top:20px; margin-bottom:20px; padding:0; max-height:300px; display:flex; align-items:top; justify-content:center;  overflow:hidden;}
.imageninterior			{ position:relative; width:100%; max-height:360px; display:flex; align-items:center; justify-content:center;  overflow:hidden;}
.imagenprevia			{ position:relative; max-height:380px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.imagenbio				{ position:relative; padding:20px 0; display:flex; align-items:top; justify-content:center; overflow:hidden;}
.piedefoto				{ position:relative; width:90%; margin:-25px auto 25px auto; padding:25px; text-align:center; color:#666; background:#f3f3f3; overflow:hidden;}
.piedefoto-titulo		{ margin:0; padding:0; font-size:100%; color:inherit; line-height:1.5em; font-weight:600;}
.piedefoto-texto		{ margin:0; padding:4px 0; font-size:95%; color:#444; line-height:1.5em;}
.piedefoto-texto a		{ color:#7a7a7a; text-decoration:underline; text-underline-position:under;}
.piedefoto-texto a:hover{ color:#543790; text-decoration:none;}
.piedefoto-subtexto		{ margin:0; padding:15px; font-size:90%; color:#444; line-height:1.5em;}


.sigueuno				{ position:relative; margin:10px 0;}
.sigueuno:after			{ content:">"; margin:0 0 0 5px; text-decoration:none;}
.sigueuno a				{ text-decoration:underline; text-underline-position:under; color:var(--color-primario);}
.sigueuno a:hover		{ text-decoration:none; color:#336699;}


.avatar					{ position:relative; float:left; margin:0 15px 15px 0; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.avataruno				{ width:160px; height:160px;}
.avatardos				{ width:60px; height:60px;}


/*ACORDEON*/
.acorderon 					{ max-width:840px; margin:0 auto; margin-bottom:30px; border-top: 1px solid #d9e5e8; border-radius:0;}
.acorderon li 				{ position:relative; padding:0 0 5px 0; border-bottom: 1px solid #d9e5e8; border-radius:0; list-style:none; overflow:hidden;}
.acorderon li p				{ display:none; max-width:95%; margin-bottom:10px; padding:2px 30px 2px 15px; font-size:100%; overflow:hidden;}
.acorderon .avatar			{ position:relative; float:left; min-width:40px; width:40px; height:40px; margin:15px 15px 15px 0; border:1px solid #ddd; border-radius:100%; overflow:hidden;}
.acorderon .separa			{ clear:both}
.acorderon t 				{ width:100%; display:block; cursor:pointer; margin-bottom:0px; padding:15px 50px 15px 0; font-size:120%; font-weight:600; color:inherit; text-align:left; text-indent:0; user-select:none;}
.acorderon t.resaltado		{ color:#333;}
.acorderon t:after 			{ width:15px; height:15px; border-left:1px solid #543790; border-bottom:1px solid #543790; position:absolute; right:10px; content:""; top:17px; transform:rotate(-45deg); transition:all 0.2s ease-in-out;}
t.resaltado:after 			{ transform: rotate(135deg); transition: all 0.2s ease-in-out; }
.acorderon li a				{ display:inline; display:inline-block; float:auto;}
.acorderon .titulo			{ font-size:105%; font-weight:600; margin-bottom:5px; color:inherit; line-height:1.5em;}
.acorderon .titulo a		{ color:#543790; text-decoration:underline; text-underline-position:under; border-bottom:none;}
.acorderon .titulo a:hover	{ color:#444; text-decoration:underline; text-underline-position:under; border-bottom:none;}
.acorderon .texto			{ font-size:105%; margin-bottom:5px; color:inherit; line-height:1.5em;}
.acorderon .texto a			{ color:#543790; text-decoration:underline; text-underline-position:under; border-bottom:none;}
.acorderon .texto a:hover	{ color:#444; text-decoration:underline; text-underline-position:under; border-bottom:none;}
.acorderon .texto:last-child{ padding-bottom:15px;}
.acorderon .link:after		{ display:block; content:"\f061"; font-family:FontAwesome; margin:0 0 0 5px; color:inherit;}
/*FIN ACORDEON*/


/* BOTONES	 */
.botonerac, .botonerai	{ position:relative; z-index:1; margin-top:30px; padding:4px; border-radius:0; overflow:hidden;}
.botonerai				{ clear:both; text-align:left; overflow:hidden}
.botonerac				{ clear:both; text-align:center; overflow:hidden}
.botoneraficha			{ z-index:1; position:absolute; right:20px; bottom:0; text-align:right}

.previoboton			{ position:relative; display:inline; float:auto; margin:0 0 0 0; padding:var(--padding-botones); text-align:center; text-decoration:none; line-height:1.5em;}
.previoboton2			{ position:relative; padding:20px 0; line-height:1.5em; border-top:1px solid #e1e1e1; font-size:110%; font-weight:500;}
.leeloen:after			{ content:"Fuentes:"; font-weight:500; padding-bottom:15px;}

.boton, .boton2			{ position:relative; display:inline-block; margin:0 0 0 0; padding:var(--padding-botones); line-height:1.5em;}
.boton					{ background:var(--color-primario); color:var(--color-claro); -webkit-box-shadow: 0px 0px 0px 1px var(--color-primario) inset; box-shadow: 0px 0px 0px 1px var(--color-primario) inset; transition: 0.3s;}
.boton:hover		 	{ color:var(--color-primario); border:0; -webkit-box-shadow: 0px 0px 0px 1px var(--color-primario) inset; box-shadow: 0px 0px 0px 1px var(--color-primario) inset; background:transparent}

.boton2					{ background:var(--color-claro); color:var(--color-primario); -webkit-box-shadow: 0px 0px 0px 1px var(--color-primario) inset; box-shadow: 0px 0px 0px 1px var(--color-primario) inset; transition: 0.3s;}
.boton2:hover			{ color:var(--color-claro); background:var(--color-primario);-webkit-box-shadow: 0px 0px 0px 1px var(--color-primario) inset; box-shadow: 0px 0px 0px 1px var(--color-primario) inset;}

.boton0				{ display:inline-block; line-height:1.5em; margin-bottom:5px; padding:5px 12px; font-size:95%; white-space:nowrap; border-radius:3px;}
.boton0:hover		{ text-decoration:none; color:inherit; background:#ddd}

.botoncitos			{ position:relative; margin-top:35px; color:inherit; font-size:95%; display:flex; justify-content:space-between; overflow:hidden;}
.botoncitos a:hover	{ text-decoration:none;}
.botoncito			{ padding:10px 0; text-align:right; color:inherit; border:none;}
.botoncito a		{ text-decoration:underline; text-underline-position:under;}
.botoncito:hover 	{ text-decoration:none; color:#444;}
.botoncito:after	{ content:">"; margin:0 0 0 5px; text-decoration:none;}

.botoncito2			{ padding:10px 15px; text-align:center; color:inherit; border:none; background:#336699; color:#fff;}
.botoncito2 a		{ text-decoration:none; text-align:right; text-underline-position:under;}
.botoncito2:hover 	{ background:#444;}
.botoncito2:after	{ content:">"; margin:0 0 0 5px;}


blockquote 			{ display:block; background:#374790; color:#fff; padding:35px; margin:1.5em 0; position:relative;}
blockquote:before 	{ content: "\f10d"; font-family: FontAwesome; font-size:120%; padding:15px 20px; color:#374790; position:absolute; top:-30px; left:45%; background:#fff; text-align:center;}
blockquote:before 	{ border:1px solid #ddd; border-radius:100%; overflow:hidden;}
blockquote:after 	{ content: "\2013 \2003" attr(cite); display: block; text-align:right; font-size:0.875em; font-style:italic; color: #f3f3f3;}


.contenedor-video 		{ position: relative; padding-bottom: 56.25%; margin:0; height: 0; overflow: hidden;}
.contenedor-video iframe,
.contenedor-video object,
.contenedor-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


#contenedormapa 		{ position:relative; padding-top:50%; width:auto; min-height:473px; margin:0 auto;}
#mapa 					{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100% top:0;}
.mapa					{ position:relative; padding-bottom:55%; height:0; overflow:hidden;}
.mapa iframe 			{ position:absolute; top:0; left:0; width:100%; height:100%;}


.sube 					{ display:none; position:fixed; bottom:75px; right:30px; padding:12px 18px; background:#f3f3f3; border-radius:35px; font-size:105%; font-weight:600; text-align:center; z-index:900;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; overflow:hidden;}
.sube:before			{ content:"\f106"; display:inline-block; font-family:FontAwesome;}
.sube:hover				{ color:#fff; background:var(--color-primario);; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
--.sube:hover:after		{ content:"sube"; margin-left:10px; font-size:80%; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}


/* ----------------------------------------------------------------------------------------------------- */

/* MONITORES GRANDES */
@media only screen and (min-width: 1900px) {


}

/* IPAD AIR */
@media only screen and (min-width: 1080px) {


}

/* IPAD HORIZONTAL */
@media screen and (max-width: 1080px) {

ul.migadepan 			{ padding:20px 15px;}

#pie::before			{ clip-path:none;}

.ciencien				{ max-width:100%;}
.ciencien .contenido	{ max-width:96%; margin:auto; padding:60px 0;}
.ciencien-contenido		{ max-width:96%;; margin:auto; padding:0;}

.anchopagina0			{ max-width:100%;}
.anchopagina0 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina			{ max-width:100%;}
.anchopagina .contenido	{ margin:auto; padding:60px 20px;}

.anchopagina2			{ max-width:100%;}
.anchopagina2 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina3			{ max-width:100%;}
.anchopagina3 .contenido{ margin:auto; padding:60px 20px;}

.avataron				{ position:relative; max-width:369px; width:369px; max-height:369px; height:369px;}


.columnas-tres			{ column-count:2;}


.parrafo2 					{ }
.parrafo2 .imagen			{ margin:0 30px 0 0;}
.parrafo2 .imagen::before	{ }
.parrafo2-contenido			{ }


}
/* IPAD VERTICAL */
@media screen and (max-width: 768px) {



.cajasblancas			{ margin-bottom:-80px; padding-bottom:80px; background:#f8f9fa;}

.ciencien				{ padding:30px 0;}
.ciencien .contenido,
.ciencien-contenido		{ max-width:94%;}

.anchopagina0			{ max-width:100%;}
.anchopagina0 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina			{ max-width:100%;}
.anchopagina .contenido	{ margin:auto; padding:60px 20px;}

.anchopagina2			{ max-width:100%;}
.anchopagina2 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina3			{ max-width:100%;}
.anchopagina3 .contenido{ margin:auto; padding:60px 20px;}

.avataron				{ max-width:320px; max-height:320px; height:320px;}


#contenedormapa 	{ padding-bottom:220px;}

}
/* IPHONE HORIZONTAL */
@media screen and (max-width: 568px) {

.menu-relativo  		{ position:fixed; top:50px}
.invisiblem				{ display:none;}
h1 						{ font-size:200%; margin:0 0 20px 0;}


.ciencien				{ overflow:hidden;}
.ciencien .contenido	{ max-width:auto; padding:40px 0; width:93%; margin:auto;}
.ciencien-contenido		{ max-width:auto; width:93%;}

.anchopagina0			{ max-width:100%; overflow:hidden;}
.anchopagina0 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina			{ max-width:auto; width:auto; overflow:hidden;}
.anchopagina .contenido	{ width:90%; margin:auto; padding:60px 0px;}

.anchopagina2			{ max-width:100%; overflow:hidden;}
.anchopagina2 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina3			{ max-width:100%; overflow:hidden;}
.anchopagina3 .contenido{ margin:auto; padding:60px 10px;}


.titulon				{ line-height:1.2em; margin-bottom:5px;}


.columnas-dos,
.columnas-tres			{ column-count:1;}


.previoboton			{ display:block; float:none; margin:0 0 15px 0;}


}
/* IPHONE VERTICAL */
@media screen and (max-width: 480px) {

ul.migadepan 			{ z-index:1; padding:20px 5px;}
ul.migadepan li 		{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ul.migadepan li:first-child	{ min-width:42px;}

.bajointrohoja			{ margin-top:0;}

.invisiblemv			{ display:none;}

.cajasblancas			{ margin-bottom:-80px; padding-bottom:80px; background:#f8f9fa;}
.ciencien.cajasblancas  { padding:30px 0 55px 0;}

.ciencien				{ padding:0;}
.ciencien .contenido	{ max-width:auto; width:auto; margin:auto; padding:40px 0;}

.avataron				{ position:relative; max-width:300px; width:300px; max-height:300px; height:300px;}

.titulon				{ font-size:190%;}


.titulo					{ font-size:115%; text-align:left;}
.texto					{ font-size:105%; text-align:left;}
.boton, .boton2			{ float:none; font-size:90%; padding:8px 12px;}
.piedefoto .titulo		{ text-align:center;}
.piedefoto .texto		{ text-align:center;}


.parrafo2 					{ margin:0; padding:0; flex-direction:column;}
.parrafo2 .imagen			{ width:100%; margin:0 0 0 0;}
.parrafo2 .imagen::before	{ }
.parrafo2-contenido			{ padding:30px 0; background:#fff;}


/*ACORDEON*/
--.acorderon t 			{ font-size:115%;}
.acorderon .avatar		{ min-width:50px; width:50px; height:50px;}
/*FIN ACORDEON*/
}