/* Jazz Template 10h (21/marzo 2026)*/
body {
	background: #d5d5cf;
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

.pag {
	background: #000;
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
}

.top-design {
	width: 100%;
	margin: 0;
	padding: 11px 0;
	position: absolute;
    top: 20px;
    z-index: 100;
}

div.top-img-jazz {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #000;
	/*border-bottom: 1px solid #f8f8f8;*/
}

div.top-img-jazz-child {
	margin: 0 auto;
	width: 100%;
	/*height: 55vw;*/
	border: 0;
}

div.top-img-jazz-child>div {
	overflow: hidden;
	height: 100%;
}

.top-img-jazz img {
	border: 0;
	max-width: 100%;
	display: block;
}

.clear-both,
.clearfix {
	clear: both;
}
/* =========================
   MENU INICIO TEXTO LOGO
========================= */
.top-menu-home {
    width: 230px;
	height: 110px;
    position: absolute;
    top: 14px;
    z-index: 100;
    padding: 0;
    margin: 0;
    left: 42px;
}
.top-menu-home ul li {
	list-style: none;
}
.top-menu-home ul li a {
    font: 100px/100px Jellyka, Oswald, "Palatino Linotype", Helvetica !important;
    letter-spacing: 0px;
	text-decoration: none;
    color: #e8edf0;
    padding: 0;
    text-align: center;
    overflow: visible;
	display: block;
	margin: 0;
    transition: color 0.3s ease, transform 0.3s ease;
}
.top-menu-home ul li a::after{
	content: "JAZZ QUARTET";
    font: bold 12px/10px Oswald, "Palatino Linotype", Helvetica;
    text-transform: none;
    opacity: 0.7;
    margin: -17px 0px 0px 111px;
    display: block;
	letter-spacing: 1px;
}
/* Mobile*/
@media (max-width:768px){
    .top-menu-home {
		position: static;
		margin: 0 auto 20px;
		overflow: hidden;
    }

    .top-menu-home ul {
        padding: 0;
        margin: 0;
        text-align: center;
    }
}

/* Estado Hover: */
.top-menu-home ul li a:hover {
    color: #ff4d6d !important;
    transform: scale(1.03);    /* Crece un poco sin romperse */
    cursor: pointer;
}


/* =========================
   MENU PRINCIPAL TOP
========================= */

/* ===== Contenedor principal ===== */
.top-menu {
	/* width: 100%; */
    position: absolute;
    top: 70px;
    z-index: 100;
    right: 0;
    background: rgba(1,1,1,.2);
}

.top-menu-center {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 12px;
}

/* ===== Nav ===== */
.top-menu nav {
    display: flex;
    align-items: center;
    width: 100%;
    /*min-height: 50px;*/
    position: relative; /* Necesario para menú móvil */
}

/* Ocultar checkbox */
#menu-toggle-checkbox {
    display: none !important;
}

/* ===== Barra clicable (oculta en desktop) ===== */
.menu-toggle-bar {
    display: none; /* Oculta en escritorio */
    width: 100%;
    background: #1a1a1a;
    padding: 14px 18px;
    cursor: pointer;
    position: relative;
    align-items: center;
    justify-content: space-between;
	box-sizing: border-box;
}

/* Texto "Menú" */
.menu-text {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* ===== Icono hamburguesa ===== */
.menu-toggle {
    width: 30px;
    height: 22px;
    position: relative;
}

.menu-toggle span {
    position: absolute;
    width: 100%;
    height: 3px;
    background: white;
    left: 0;
    transition: .3s;
}

.menu-toggle span:nth-child(1){ top:0; }
.menu-toggle span:nth-child(2){ top:9px; }
.menu-toggle span:nth-child(3){ top:18px; }

/* Animación X */
#menu-toggle-checkbox:checked + .menu-toggle-bar .menu-toggle span:nth-child(1){
    transform: rotate(45deg);
    top:9px;
}
#menu-toggle-checkbox:checked + .menu-toggle-bar .menu-toggle span:nth-child(2){
    opacity:0;
}
#menu-toggle-checkbox:checked + .menu-toggle-bar .menu-toggle span:nth-child(3){
    transform: rotate(-45deg);
    top:9px;
}

/* ===== Menú desktop ===== */
.top-menu nav ul {
    display: flex;
    align-items: center;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: flex-end;
}

.top-menu nav li {
    display: block;
}

.top-menu nav a {
    display: block;
    padding: 10px 15px;
    color: #ffffff !important;
    text-decoration: none;
    letter-spacing: 1px;
    font: 16px / 1.2 Oswald, "Palatino Linotype", Helvetica;
}

.top-menu nav a:hover {
    color: #ff4d6d !important;
}
/* ===== Tablet ===== */
@media (min-width:768.02px) and (max-width:1000px){
	.top-menu nav li.item-128, .top-menu nav li.item-150{
		width: 90px;
	}
	.top-menu nav ul li a{
		font-size: 13px;
		padding: 6px 15px;
	}
	.top-menu-home{
		left: 10px;
	}
}



/* ===== Mobile ===== */
@media (max-width:768px){
		
	/*.top-menu nav ul {
        justify-content: center;
    }*/
	.top-menu nav {
        display: block;
    }
	.top-menu-center {
		padding: 0;
}

    .menu-toggle-bar {
        display: flex;
    }
	
    .top-menu nav ul {
        position: absolute;
        top: 49px;
        left: 0;
        width: 100%;
        background: #111;
        flex-direction: column;
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s ease;
		border-top: 1px solid rgba(200,200,200,0.5);
		background: rgb(0, 22, 64);
        z-index: 999;
    }

    /* Recupera la animación tipo acordeón */
    #menu-toggle-checkbox:checked ~ ul {
        max-height: 1000px; /* Valor grande, nunca recorta */
		border-bottom: 2px solid rgba(200, 200, 200, 0.5);
    }

    .top-menu nav li {
        width: 100%;
    }

    .top-menu nav a {
        padding: 15px;
        font-size: 18px !important;
        border-top: 1px solid rgba(255,255,255,.15);
    }
}

/*Cites biography*/
blockquote.citas {
	margin: 0;
	clear: both;
	display: block;
	padding: 15px;
	border: 1px solid #787878;
	background-color: #d5d5cf;
	color: #333333;
}

blockquote.citas p {
	font-style: italic !important;
	text-align: justify;
}

/*Menu anchor in biography*/
div.menu-ancla {
	border: 1px solid #787878;
	background-color: #d5d5cf;
}

div.menu-ancla h3 {
	border: none;
	margin: 10px;
	background-color: black;
}

div.menu-ancla ul li {
	list-style: none;
	margin: 10px 0;
}

/*Return to menu in biography*/
a.volver-al-menu {
	background: #333 url(../img/return-menu-icon.png) no-repeat 9px center;
	color: #fff;
	padding: 10px 10px 10px 40px;
}

a.volver-al-menu:hover {
	background: #00a4f9 url(../img/return-menu-icon.png) no-repeat 9px center !important;
}

/*Button and box external link in biography*/
h3.titulo-enlace-prensa {
	background-color: #000;
	margin: 0 !important;
}

p.fecha-enlace-prensa {
	font-style: italic !important;
	display: inline-block;
	margin: 10px;
}

p.texto-enlace-prensa,
p.boton-enlace-prensa {
	margin: 10px;
}

p.boton-enlace-prensa a {
	background: #b6062b url(../img/icon-enlace-externo.png) no-repeat 15px center;
	border: none;
	color: white;
	padding: 12px 25px 12px 44px;
	cursor: pointer;
	font-weight: bold !important;
	text-decoration: none;
	display: inline-block;
	margin-top: 5px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
}

p.boton-enlace-prensa a:hover {
	background: #80000a url(../img/icon-enlace-externo.png) no-repeat 15px !important;
}

hr.linea-separacion-enlace-prensa {
	margin: 25px 10px;
	border-top: 1px dashed #b6062b;
}

.top-center {
	width: 80%;
	color: #d8d8d8;
	margin: 0 auto;
	font: 11px/28px Arial, Helvetica, sans-serif;
}

.top-date-today {
	float: left;
	margin-left: 6%;
	color: #bebebe;
}

/*overwrite languages css*/
div.mod-languages {
	float: right;
	margin: 0 15px 0 0;
}

div.mod-languages ul {
	width: 80px;
	margin: 0;
	padding: 0;
	list-style: none;
}

div.mod-languages li {
	margin: 0 -5px 0 0 !important;
	width: 38px;
	display: inline-block !important;
	text-align: center;
}

div.mod-languages li:first-child {
	border-right: 1px solid #adadad;
}

div.mod-languages a {
	border-radius: 50%;
	font-weight: bold;
	transition: all 0.2s ease-in;
	color: #adadad;
	font-size: 15px;
	text-decoration: none;
}

div.mod-languages li.lang-active a {
	color: #fff;
}

div.mod-languages a:hover {
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}

/*Menu Store*/
div#menustore,
div#menudossier {
	float: right;
	margin: 0 8px 0 0;
	padding: 0;
}

div#menustore ul,
div#menudossier ul {
	padding: 0;
	margin: 0 auto;
}

div#menustore ul li,
div#menudossier ul li {
	list-style-type: none;
	float: right;
}

div#menustore ul li a {
	background-color: #f8f8f8;
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	text-decoration: none;
	font: bold 12px/30px Oswald, "Palatino Linotype", Helvetica;
	transition: all 0.1s ease-in;
	color: black;
	letter-spacing: 2px;
}

div#menudossier ul li a {
	width: 90px;
	text-align: center;
	background-color: #5db2fc;
	display: inline-block;
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
	font: bold 12px/30px Oswald, "Palatino Linotype", Helvetica;
	transition: all 0.1s ease-in;
	color: black;
	letter-spacing: 2px;
}

div#menustore ul li a:hover,
div#menudossier ul li a:hover {
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
	background-color: #eeeeee;
	text-shadow: none;
	color: #2d5b85;
}

/*Dossier button download*/
a.dossier-button {
	width: 256px;
	height: 50px;
	display: block;
	margin: 10px auto;
	border: 2px solid #6e8ba8;
	box-shadow: 0 0 2px 5px rgba(178, 204, 226, .5);
	border-radius: 10px;
	background: white;
}

a.dossier-button:hover {
	border: 2px solid white;
	transform: translateY(-2px);
}

a.dossier-button img {
	width: 48px;
	height: 48px;
	float: left;
	margin: 1px 5px;
}

a.dossier-button span {
	display: block;
	text-align: center;
	margin-top: 12px;
}

/*Redes sociales*/
div.fndredes {
	float: right;
	margin: 0;
}

div.fndredes img {
	max-width: none;
	border: 0;
}

div.aredes img.spotify {
	margin: 5px 0 0 -132px;
}

div.aredes img.facebook {
	margin: 5px 0 0 7px;
}

div.aredes img.youtube {
	margin: 5px 0 0 -33px;
}

div.aredes img.instagram {
	margin: 5px 0 0 -85px;
}

div.aredes a {
	border-radius: 50%;
	display: block;
	height: 30px;
	width: 30px;
	overflow: hidden;
	margin-left: 15px;
	float: left;
	transition: all 0.2s ease-in;
}

div.aredes a:hover {
	transform: scale(1.2);
	transition: all 0.2s ease-in;
	-ms-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	cursor: pointer;
}

div.aredes a.spfy:hover {
	background-color: #1ED760;
}

div.aredes a.fb:hover {
	background-color: #3b5b99;
}

div.aredes a.feed:hover {
	background-color: #cb2027;
}

div.aredes a.ytb:hover {
	background-color: #ba2d28;
}

div.aredes a.instgrm:hover {
	background: radial-gradient(circle farthest-corner at 35% 90%,
			#fec564,
			transparent 50%),
		radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
		radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
		radial-gradient(ellipse farthest-corner at 20% -50%,
			#5258cf,
			transparent 50%),
		radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
		radial-gradient(ellipse farthest-corner at 60% -20%,
			#893dc2,
			transparent 50%),
		radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
		linear-gradient(#6559ca,
			#bc318f 30%,
			#e33f5f 50%,
			#f77638 70%,
			#fec66d 100%);
}

/*Hoja*/
#hoja a:hover {
	color: white;
	background: #00a4f9;
}

#hoja {
	clear: both;
	width: 100%;
	margin: 0;
	border-radius: 0;
	padding: 15px 0;
	/*background: #f8f8f8 url(../img/dibujo-maddison-pack.jpg) fixed;*/
	background: #e7e7e7;
}

/*Blog featured view*/
div.blog-featured div.blog-item {
	border: 1px solid #eee;
	padding: 30px;
	box-shadow: 0 0 6px 0 rgba(132, 170, 228, 0.9);
	margin-bottom: 50px;
	background-color: #f8f8f8;
	background-color: rgba(248, 248, 248, 0.9);
}

h1 a {
	border-bottom: 2px solid #5b5b5b;
}

h1,
h1 a,
div#mod-custom97 p,
div#mod-custom98 p,
div.contact h3 {
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	text-transform: none;
	font: normal bold 40px/1.3em "oswald", "Palatino Linotype", "Book Antiqua",
		"serif" !important;
	text-shadow: 1px 1px 0 #f2f2f2, 1px 2px 0 #b1b1b2;
	color: #333;
	text-decoration: none;
}

div.contact-form button.btn {
	padding: 10px 25px;
	margin: 10px auto;
}

form#contact-form {
	text-align: center;
}

.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
	padding: 10px;
	margin: 10px;
}

div.alert-error button,
div.alert-danger button,
div.alert-error a.close,
div.alert-danger a.close,
div.alert-message a.close {
	padding: 5px 8px;
	float: right;
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-rendering: optimizelegibility;
}

div#mod-custom97,
div#mod-custom98,
div.contact h3 {
	border-left: 7px solid #555;
	box-shadow: inset 4px 0px 0px 0px #f1f1f1, inset 5px 0px 0px 0px #b1b1b2;
	padding: 10px 0 10px 23px;
	margin: 0px 30px;
}

.item-page h3,
h2,
#hoja h2 a {
	letter-spacing: 0;
	text-transform: none;
	font: bold 23px/32px "Didact Gothic", "Century Gothic", "Palatino Linotype",
		"Book Antiqua", "sans-serif";
}

h2.item-title a {
	text-decoration: none;
	color: #363636;
	text-shadow: 0 1px 0 #d7d7d7;
}

.item-image {
	text-align: center;
}

.item-image img:hover {
	box-shadow: 0 0 10px #000000;
	opacity: 0.7;
	filter: Alpha(opacity=70);
	transition: all 0.2s ease-in 0s;
}

p.readmore a {
	padding: 5px;
	background-color: #5a5a5a;
	text-decoration: none;
	color: white;
	font-size: 16px;
}

p.readmore a:hover {
	transition: all 0.3s ease 0s;
	text-decoration: underline;
}

#hoja p,
#hoja a,
#hoja ul,
#hoja ol,
div.footer p {
	font: normal 18px/28px "Didact Gothic", "Century Gothic", "Palatino Linotype",
		"Book Antiqua", "sans-serif";
}

.footer {
	background: #0d0d0d;
	box-shadow: 0px 0px 6px 8px rgba(90, 90, 90, 0.75);
	border-top: 3px solid white;
	width: 100%;
	margin-top: 25px;
	padding: 11px 0;
}

div.footer_mnu {
	margin: 20px auto;
	text-align: center;
}

div.footer_mnu ul {
	margin: 8px 0;
	padding: 0;
}

div.footer_mnu li {
	display: inline;
	height: 32px;
	line-height: 32px;
	text-transform: uppercase;
}

.footer_mnu span {
	margin: 0 10px;
}

.footer_mnu a {
	color: #8c8c8c;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.footer_mnu a:hover {
	color: white;
}

div.footer a {
	font: normal 14px/14px "Didact Gothic", "Palatino Linotype", "Book Antiqua",
		"Palatino", "serif";
}

.fndredesbt {
	width: 100%;
	float: none !important;
}

.fndredesbt div {
	margin: 0 auto;
	width: 194px;
}

div.footer p {
	color: #c1c1b3;
}

.item-page,
div.blog-featured {
	padding: 30px;
}

div#hoja div.item-page {
	border: 1px solid #eee;
	box-shadow: 0 0 6px 0 rgba(132, 170, 228, 0.9);
	margin: 30px;
	background-color: #f8f8f8;
	background-color: rgba(248, 248, 248, 0.9);
}

.item-page h2,
.item-page h2 a {
	font-size: 27px;
	border-bottom: 1px solid #111;
	border-top: 1px solid #111;
	margin-top: 50px;
	background-color: #b6062b;
	color: white;
	padding: 10px;
}

.item-page h3 {
	border-bottom: 1px solid #111;
	margin-top: 50px;
	background-color: #888;
	color: white;
	padding-left: 30px;
}

.pg-cv-box {
	height: 150px !important;
}

a.pg-modal-button {
	background: none !important;
}

div.phsello,
div.phsello a {
	color: #cccccc !important;
	font: 9px Verdana, Arial, Sans-Serif !important;
	margin: 10px;
}

/*Pagination featured*/
div.w-100 {
	color: #666;
	text-align: center !important;
	border-top: 1px dashed #555;
}

div#phocagallery form div {
	border: 0 !important;
}

.w-100 ul {
	padding: 0;
}

.w-100 ul li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: inline;
	line-height: 260%;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
}

.w-100 ul li a {
	background-color: #333333;
	padding: 5px 9px;
	color: #d5d5cf;
	text-decoration: none;
}

.w-100 ul li.active a {
	background-color: #d9d9d9;
	color: #555;
	pointer-events: none;
	cursor: default;
	border: 1px solid #000;
}

span.icon-angle-double-left:before {
	content: "<<";
}

span.icon-angle-left:before {
	content: "<";
}

span.icon-angle-right:before {
	content: ">";
}

span.icon-angle-double-right:before {
	content: ">>";
}

span.visually-hidden {
	display: none;
}

/*Tooltips*/
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 25;
	filter: alpha(opacity=25);
}

.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}

.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.tooltip-arrow {
	position: absolute;
	width: 5px;
	height: 5px;
	border-color: #000;
	border-style: solid;
	background-color: #000;
	transform: rotate(45deg) translate3d(5px, 10px, 0px) !important;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}

.tooltip {
	max-width: 400px;
}

.tooltip-inner {
	max-width: none;
	text-align: left;
	text-shadow: none;
}

th .tooltip-inner {
	font-weight: normal;
}

.tooltip.hasimage {
	opacity: 1;
}

.fade {
	/*opacity: 0;*/
	transition: opacity 0.15s linear 0s;
}

.item-page p.ind,
.leading-0 p.ind,
.column-2 p.ind,
.column-1 p.ind,
.categories-list p.ind {
	text-indent: 3em;
}

img.imgpre {
	margin: 50px auto;
	display: block;
	opacity: 0.65;
	filter: alpha(opacity=70);
	transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	/* IE 9 */
	-webkit-transform: rotate(7deg);
	/* Opera, Chrome, and Safari */
	width: 300px;
	border: 2px solid #888888;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

img.imgpre:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	/* IE 9 */
	-webkit-transform: rotate(0deg);
	/* Opera, Chrome, and Safari */
	width: 500px;
	box-shadow: 0 0 10px #000000;
}

span.fecha {
	background-color: #2d5b85;
	color: #d5d5cf;
	padding: 5px 10px;
	float: right;
	margin: 20px;
}

/*border images*/
img.marco {
	margin: 10px auto;
	border: 10px solid #b7b7b7;
	box-shadow: 2px 2px 0px #969696;
}

/*Caption images bottom*/
img.marco+span {
	display: block;
	clear: both;
	font-style: italic;
	margin-top: -5px;
	font-size: 16px;
}

/*Caption hover images*/
.view {
	margin: 3px 40px 12px 0;
	border: 10px solid #969696;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
	background: #fff;
	float: left;
}

div.column-1 .view {
	margin: 0 40px 0 0;
}

.view .mask,
.view .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.view img {
	display: block;
	position: relative;
}

.view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px !important;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 20px 0 0 0;
}

div.column-1 h2.item-title {
	display: inline-block;
}

.view p {
	font-family: Georgia, serif !important;
	font-style: italic !important;
	font-size: 12px !important;
	position: relative;
	color: #fff;
	padding: 10px 20px 20px;
	text-align: center;
}

.view a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 1px #000;
	-moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
}

.viewa.info: hover {
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}

.view-third img {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.view-third .mask {
	background-color: rgba(0, 0, 0, 0.6);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: translate(460px, -100px) rotate(180deg);
	-moz-transform: translate(460px, -100px) rotate(180deg);
	-o-transform: translate(460px, -100px) rotate(180deg);
	-ms-transform: translate(460px, -100px) rotate(180deg);
	transform: translate(460px, -100px) rotate(180deg);
	-webkit-transition: all 0.2s 0.4s ease-in-out;
	-moz-transition: all 0.2s 0.4s ease-in-out;
	-o-transition: all 0.2s 0.4s ease-in-out;
	-ms-transition: all 0.2s 0.4s ease-in-out;
	transition: all 0.2s 0.4s ease-in-out;
	height: 100%;
	width: 100%;
}

.view-third h2 {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.view-third p {
	-webkit-transform: translateX(300px) rotate(90deg);
	-moz-transform: translateX(300px) rotate(90deg);
	-o-transform: translateX(300px) rotate(90deg);
	-ms-transform: translateX(300px) rotate(90deg);
	transform: translateX(300px) rotate(90deg);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.view-third a.info {
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.view-third:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.view-third:hover h2 {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.view-third:hover p {
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.view-third:hover a.info {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

/*Size image in featured view or article view*/
div.blog-featured div.view-article {
	width: 306px;
	max-width: 90%;
}

div.item-page div.view-article {
	width: 318px;
	max-width: 90%;
}

div.item-page div.view-third a.info {
	display: none;
}

p.letra-inicial:first-letter {
	font-size: 200%;
	color: #191919;
}

.cuadro-texto {
	border: 1px solid #787878;
	background-color: #d5d5cf;
	color: #333333;
	padding: 5px;
	margin: 5px;
	display: table;
}

/*Embed video*/
iframe.ytb-embed {
	max-width: 96% !important;
	display: block;
	margin: 10px auto;
}

div#system-message {
	background-color: #f4a460;
}

.infoplus a {
	color: #e6e6e3;
	background-color: #0089f2;
	padding: 2px;
}

a.html5 img {
	border: 0;
}

div.phpowered,
div.phpowered a {
	font: 9px Verdana, Arial, sans-serif !important;
	color: #ccc;
	text-decoration: none;
}

dd.published {
	background-color: #808080;
	color: white;
	margin: -10px 0 10px;
	padding: 5px;
	text-align: center;
	width: 230px;
}

dd.modified {
	background-color: #5db2fc;
	color: white;
	margin: -10px 0 10px;
	padding: 5px;
	text-align: center;
	width: 255px;
}

dt.article-info-term {
	display: none;
}

/*Article navigation*/
nav.pagenavigation {
	height: 22px;
	margin: 20px;
	padding: 0;
}

span.pagination a.previous {
	float: left;
}

span.pagination a {
	background-color: #707070;
	border: 1px solid #3a3a3a;
	padding: 5px 12px;
	text-decoration: none;
	color: #ffffff !important;
	font-weight: bold;
}

span.pagination a.next {
	float: right;
}

a.boton-descarga {
	background: #1e90ff;
	border: none;
	color: white;
	padding: 12px 30px;
	cursor: pointer;
	font-weight: bold !important;
	text-decoration: none;
	display: inline-block;
	margin-top: 5px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
}

a.boton-descarga span {
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	background: url(../img/download-icon.png);
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	background: url(../img/download-icon.png);
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

a.boton-descarga:hover {
	background-color: RoyalBlue !important;
	text-decoration: underline;
}

/*contact form*/
div.contact-form {
	background-color: #f3f3f3;
	width: 490px;
	margin: 5px auto 30px auto;
	padding: 0 0 5px;
	border: 1px solid #aaa;
	box-shadow: 0 0 0 7px rgba(41, 41, 41, 0.1);
	border-radius: 10px;
	/*text-align: left;*/
}

textarea#jform_contact_message,
input#jform_contact_emailmsg {
	width: 95%;
}

div.contact-form fieldset {
	min-width: 300px;
	border: none;
}

form#contact-form fieldset legend {
	display: none;
}

form#contact-form fieldset:first-child {
	text-align: left;
}

div.main-blog-featured div.contact-form button.btn {
	padding: 10px 25px;
	margin: 10px auto;
}

div.contact-miscinfo dd,
div.contact-miscinfo dt {
	margin: 0 15px 15px;
}
dl.dl-horizontal dt{
	margin: 5px 0 0;
}

div.contact-miscinfo dd span.contact-misc p {
	text-align: left;
	margin: 0 20px;
}

div.contact-miscinfo dt {
	text-align: center;
}

/*Formulario de contacto*/
label#jform_spacer-lbl {
	font-style: italic;
	font-size: 12px;
	line-height: 13px;
	color: #666;
}

form#contact-form fieldset {
	padding: 0 20px 20px;
}

div.control-label {
	margin-top: 10px;
}

div.g-recaptcha>div {
	margin: 0 auto;
}

img.marco {
	max-width: 93%;
}

/*Form contact tooltip*/
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999999999999999999;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	white-space: normal;
}

.popover.top {
	margin-top: -10px;
}

.popover.right {
	margin-left: 10px;
}

.popover.bottom {
	margin-top: 10px;
}

.popover.left {
	margin-left: -10px;
}

.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.popover-title:empty {
	display: none;
}

.popover-content {
	padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.popover .arrow {
	border-width: 11px;
}

.popover .arrow:after {
	border-width: 10px;
	content: "";
}

.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, 0.25);
	bottom: -11px;
}

.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff;
}

.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right .arrow:after {
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff;
}

.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	top: -11px;
}

.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}

.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left .arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px;
}

p.img-copyright {
	color: #999;
	font-size: 13px !important;
	font-style: italic !important;
	border-top: 1px solid #999;
	margin-top: 50px;
	border-bottom: 1px solid #999;
	padding: 5px 0;
	clear: both;
}

input.invalid {
	background: #f2dede;
	border: 1px solid #9d261d;
}

/* CONTACT CARD */
	.contact-card {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: #333;
        line-height: 1.4;
        max-width: 400px;
    }
    header h2 {
        font-size: 26px;
        margin-bottom: 5px;
        letter-spacing: 0.5px;
		line-height: 1;
		margin: 0 0 10px 0;
    }
    div.contact-miscinfo dd span.contact-misc p.brand-name {
        margin: 0 0 20px 0;
		font-weight: bold !important;
        font-size: 20px !important;
        text-align: center;
    }
	div.contact-container{
		padding: 20px;
		margin: 0 auto 20px auto;
		width: 300px;
	}
	div.contact-container h2{
		line-height: 1;
		margin: 0 0 10px 0;
		text-align: center;
	}
	dl.dl-horizontal {
		margin: 0;
	}
    .dossier-section {
        margin-bottom: 20px;
    }
    .download-link {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #000;
        font-size: 16px;
    }
    .download-link img {
        width: 28px;
        margin-right: 10px;
    }
    .subtext {
        display: block;
        font-style: italic;
        font-size: 14px;
        color: #555;
        margin-left: 38px;
    }
    .contact-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .contact-list li {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
        
    }
    .contact-list img {
        width: 20px;
        height: 20px;
        margin: 2px 12px 0 2.5px;
    }
	.contact-list li:nth-child(2) img {
		width: 25px;
		margin-left: 0;
	}
    .contact-list a {
        color: #0000EE;
        text-decoration: underline;
    }
	
	/* TWO COLUMNS */
	.com-contact{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		padding: 0 8px;
	}

	/* escritorio */
	.com-contact__form{
		grid-column: 1;
	}

	.com-contact__miscinfo{
		grid-column: 2;
	}

	/* móvil */
	@media (max-width: 900px){

		.com-contact{
			grid-template-columns: 1fr;
		}
		.com-contact__form,
		.com-contact__miscinfo{
			grid-column: 1;
		}
	}
/*Newsletter*/
.newsletterSubscription {
    margin: 50px auto;
}

/*Button CSS for sale*/
.myButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color: #ffec64;
	border-radius: 6px;
	border: 1px solid #ffaa22;
	display: inline-block;
	cursor: pointer;
	color: #333333;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffee66;
}

.myButton:hover {
	background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color: #ffab23;
}

.myButton:active {
	position: relative;
	top: 1px;
}

/* --- Banner general --- */
#plg_system_eprivacy_alert {
	position: fixed;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	width: min(95%, 600px);
	background-color: #1f2933;
	/* fondo oscuro */
	color: #ffffff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
	z-index: 9999;
	display: flex;
	flex-wrap: wrap;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

/* --- Primera columna (texto y detalles) --- */
#plg_system_eprivacy_alert>.col {
	flex: 1 1 70%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 5px;
}

/* Título */
#plg_system_eprivacy_alert h5 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}

/* Texto principal */
#plg_system_eprivacy_alert p {
	margin: 0 10px 0 0;
	font-size: 14px;
	opacity: 0.9;
}

/* Link de Privacy Policy */
#plg_system_eprivacy_alert a {
	color: #9dbef4;
	/* azul moderno */
	text-decoration: underline;
}

#plg_system_eprivacy_alert a:hover {
	color: #60a5fa;
}

/* Detalles (acordeón siempre visible) */
#plg_system_eprivacy_details {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.4;
	color: #d1d5db;
	/* gris claro */
}

#plg_system_eprivacy_details_header button {
	display: none;
	/* ocultamos botón "Details" */
}

/* --- Segunda columna (icono + botones) --- */
#plg_system_eprivacy_alert>.col-lg-2 {
	flex: 1 1 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	/* separación en móviles */
}

/* Icono stack */
#plg_system_eprivacy_alert .fa-stack {
	display: none;
}

/* Botones */
#plg_system_eprivacy_alert button {
	padding: 8px 16px;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
	width: 100%;
	transition: background 0.2s ease;
}

/* Accept */
#plg_system_eprivacy_alert button.btn-success {
	background-color: #10b981;
	color: #ffffff;
}

#plg_system_eprivacy_alert button.btn-success:hover {
	background-color: #059669;
}

/* Decline */
#plg_system_eprivacy_alert button.btn-danger {
	background-color: #ef4444;
	color: #ffffff;
}

#plg_system_eprivacy_alert button.btn-danger:hover {
	background-color: #b91c1c;
}

/* --- Adaptable a móviles --- */
@media (max-width: 600px) {
	#plg_system_eprivacy_alert {
		flex-direction: column;
		align-items: center;
		padding: 16px;
		width: 95%;
	}

	#plg_system_eprivacy_alert>.col,
	#plg_system_eprivacy_alert>.col-lg-2 {
		flex: 1 1 100%;
		margin-top: 10px;
		text-align: center;
	}

	#plg_system_eprivacy_alert button {
		font-size: 13px;
		padding: 6px 12px;
	}
}

/*Media Queries*/
@media (max-width:768px){
	div#menudossier {
		float: none;
		width: 100px;
		margin: 0 0 0 5px;
		height: 28px;
		display: inline-block;
	}

	div#menustore {
		float: none;
		width: 65px;
		margin: 0 5px 0 0;
		height: 28px;
		display: inline-block;
	}

	div.top-design {
		padding: 24px 0 0 0;
		position: static;
	}
	div.top-menu{
	position: static;
	}

	div.mod-languages {
		float: none;
		margin: 5px auto;
		width: 76px;
	}

	div.fndredes {
		float: none;
		margin: 8px auto 25px;
		width: 195px;
		height: 28px;
	}


	div.top-center {
		margin: 20px auto 5px;
		text-align: center;
	}
	/*div.top-img-jazz-child {
		height: auto;
	}*/
}

@media screen and (max-width: 835px) {
	div.view {
		float: none;
	}

	div.column-1 div.view,
	div.item-page div.view {
		margin: 10px auto;
	}
}

@media screen and (max-width: 650px) {

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	textarea {
		width: 85%;
	}

	div.contact div.contact-form {
		width: 94%;
	}

	form#contact-form fieldset {
		padding: 0 5px 5px;
	}
}

@media screen and (max-width: 500px) {
	img.marco {
		max-width: 95%;
	}
}

@media screen and (max-width: 440px) {

	h1,
	h1 a {
		font: bold 25px/1.35em "oswald", "Palatino Linotype", "Book Antiqua",
			"serif" !important;
	}

	.item-page h2,
	.item-page h2 a {
		font-size: 20px;
	}

	.row-fluid [class*="span"] {
		margin-left: 0;
	}

	div.blog-featured {
		margin: 10px;
		padding: 5px;
	}

	div#hoja div.item-page {
		margin: 10px;
		padding: 17px;
	}

	/*img.marco {max-width: 93%;}*/
}

@media screen and (max-width: 380px) {
	div.item-page div.mask p {
		display: none;
	}
}

@media screen and (max-width: 350px) {
	div.pagination ul li {
		padding-left: 1px;
	}
}

@media screen and (max-width: 310px) {
	div.blog-featured div.view a.info {
		display: none;
	}
}

@media screen and (max-width: 250px) {
	div.blog-featured div.mask p {
		display: none;
	}
}