.primary-menu ul.boldytext li.menu-item a { font-weight: 500; font-size: 14px;}
.primary-menu ul.boldytext li.menu-item a.current { color: #ed1942;}
#gotoTop .whity:hover { background-color: aqua;}
#copyrights a {
  opacity: 0.91; color: #5d5859;
}
#copyrights a:hover {
  opacity: 0.91; color: #ed1942;
}
.reducing { font-size: 14px;}
#copyrights .grismio {color:#ed1942;  font-family: 'manrope';}
#copyrights  .grisclarito { color:#636363;}
div .manroping { font-family: 'manrope';}
div p.manroping { font-family: 'manrope';}

div.col small.pequetxt {font-size: 9px; color: #777;}
p span.red {color: #ed1942;}
p a span.red {color: #ed1942;}
.sindecoracion {text-decoration: none !important;}
p.sindecoracion {text-decoration: none !important;}
p span.sindecoracion {text-decoration: none !important;}
p span.sindecoracion strong {text-decoration: none !important;}
.container p span.sindecoracion strong {text-decoration: none !important;}
#gotoTop.botonrojo:hover {background-color: #ed1942; opacity: 0.8;}
p.grismasclarito { color:#777;}
p.ajuste_size_text { font-size: 0.85em;}
.gallery-item {height: 90% !important;}

.shadow { box-shadow: 0 0.9rem 4rem rgba(255, 255, 255, 1) !important;}
.content-wrap .container div.shadow { box-shadow: 0 0.9rem 4rem rgba(255, 255, 255, 1) !important;}
.size_image {height: 70% !important; width: 70% !important; min-height: 70%;}

@media (min-width: 992px) {.mt-lg-2 {
    margin-top: 0.1rem !important;
  }

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
and (orientation : landscape) {
    
    .primary-menu { align-content: flex-end; align-items: flex-end; text-align: right;}
    .tuclase {
text-align: center; 
font-weight: bold; font-size: 2rem; 
background: #ea12fd; 
-webkit-background-clip: text; 
-moz-background-clip: text; 
background-clip: text; 
color: #000; 
text-shadow: 0px 3px 3px rgba(255,255,255,0.2),0px -2px 2px rgba(190,77,255,0.9); margin-bottom: -20px; padding-bottom: -20px;
}

}
	@media (max-width: 1320px) {
#content .spacio_mio { margin-top: -70px !important;
  padding-top: -90px !important;
}
#cambiar_mi_foto { margin: auto; justify-content: center; overflow: hidden!important;  }
  
}

#cambiar_mi_foto { height: 329px; width: 327px; background-image: url(../images/Enrique_Tortosa_illustration_Studio_advertising_illustrator_2d_Artist_ilustrador_realista_2.gif); overflow: hidden!important;}


div.arriba_dcha {top: 0; margin-top: 0; padding-top: 0; text-align: right; margin-right: 0; margin-bottom: 90%; }
p.arriba_dcha {top: 0; margin-top: 0; padding-top: 0; text-align: right; margin-right: 0; }

.hit-the-floor {
color: #fff;
font-size: 2em;
font-weight: bold;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(234,18,253,.65);
}
.tuclase {
text-align: center; 
font-weight: bold; font-size: 2rem; 
background: #ea12fd; 
-webkit-background-clip: text; 
-moz-background-clip: text; 
background-clip: text; 
color: #FFD4E6; 
text-shadow: 0px 3px 3px rgba(255,255,255,0.2),0px -2px 2px rgba(190,77,255,0.9);
}
	/* ----------------------------------------------------------------
	Logo aqui abajo marco tamaño y margen del logo
-----------------------------------------------------------------*/
body {  background-color: #fff;
}
.glitch {
	position: relative;
	overflow: hidden !important;
}
.glitch img { overflow: hidden !important;
	position: relative;
	z-index: 1;
	display: block;
}
.glitch__layers { overflow: hidden !important;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.glitch__layer {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/Enrique_Tortosa_illustration_Studio_advertising_illustrator_2d_Artist_ilustrador_realista_2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.glitch__layer:nth-child(1) {
	transform: translateX(-5%);
	animation: glitch-anim-1 2s infinite linear alternate;
}
.glitch__layer:nth-child(2) {
	transform: translateX(3%) translateY(3%);
	animation: glitch-anim-2 2.3s -.8s infinite linear alternate;
}
.glitch__layer:nth-child(3) {
	transform: translateX(5%);
	animation: glitch-anim-flash 1s infinite linear;
}
@keyframes glitch-anim-1 {
	0% {
		clip-path: polygon(0 0%, 100% 0%, 100% 5%, 0 5%);
	}
	10% {
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	20% {
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	30% {
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	40% {
		clip-path: polygon(0 35%, 100% 35%, 100% 35%, 0 35%);
	}
	50% {
		clip-path: polygon(0 45%, 100% 45%, 100% 46%, 0 46%);
	}
	60% {
		clip-path: polygon(0 50%, 100% 50%, 100% 70%, 0 70%);
	}
	70% {
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	80% {
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	90% {
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	100% {
		clip-path: polygon(0 60%, 100% 60%, 100% 70%, 0 70%);
	}
}
@keyframes glitch-anim-2 {
	0% {
		clip-path: polygon(0 15%, 100% 15%, 100% 30%, 0 30%);
	}
	15% {
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	25% {
		clip-path: polygon(0 8%, 100% 8%, 100% 20%, 0 20%);
	}
	30% {
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	45% {
		clip-path: polygon(0 45%, 100% 45%, 100% 45%, 0 45%);
	}
	50% {
		clip-path: polygon(0 50%, 100% 50%, 100% 57%, 0 57%);
	}
	65% {
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	75% {
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	80% {
		clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
	}
	95% {
		clip-path: polygon(0 45%, 100% 45%, 100% 60%, 0 60%);
	}
	100% {
		clip-path: polygon(0 11%, 100% 11%, 100% 15%, 0 15%);
	}
}
@keyframes glitch-anim-flash {
	0% {
		opacity: .2;
	}
	30%, 100% {
		opacity: 0;
	}
}
/* --- Estilos para el Banner dentro del Footer --- */

/* 1. Forzar al footer a comportarse como una columna compacta */
#footer {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Empuja el contenido hacia abajo */
    height: auto !important;    /* IMPORTANTE: Evita que el footer sea más alto que su contenido */
    min-height: 0 !important;   /* Elimina alturas mínimas forzadas por el tema */
    padding-top: 0 !important;  /* Elimina espacios internos superiores excesivos */
}

/* 2. El contenedor de la imagen: Pegado al copyright */
.fixed-bottom-banner-container {
    width: 100%;
    text-align: center;
    position: relative !important; /* Se asegura de estar en el flujo normal, no flotando */
    margin: 0 auto !important;     /* Centrado horizontal, SIN margen vertical */
    padding: 0 !important;         /* Sin relleno */
    line-height: 0 !important;     /* Elimina hueco bajo la imagen */
    background: transparent;       /* Por si acaso tuviera fondo */
    z-index: 10;
}

/* 3. La Imagen: Control de tamaño */
.fixed-bottom-banner-container img {
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: bottom; /* Ayuda a pegar la imagen al borde inferior de su div */
}

/* 4. Copyrights: Pegado a la imagen por arriba */
#copyrights {
    margin-top: 0 !important;    /* Cero distancia con la imagen de arriba */
    padding-top: 15px !important; /* Solo un poco de aire visual interno */
    position: relative;
    z-index: 11;
}