.custom-logo-header img{
    vertical-align: middle !important;
}

footer{
	margin-block-start:0px;
}

.able-overflow{
	overflow:visible !important;
}

.trp-language-switcher > div > a:hover {
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #fff;
}

.trp-language-switcher,.trp-language-switcher .trp-ls-shortcode-language {
    height:auto !important;
    width: auto !important;
	white-space: nowrap;
}
.trp-ls-shortcode-current-language{
	width:auto !important;
}
.trp-language-switcher > div {
    border: none !important; 
	background: none !important; 
}

.trp-language-switcher > div > a {
    color: white !important;
}

/* Glassmorph */

.glassmorph {
position: relative;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    padding: 2rem;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.glassmorph::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1); 
    z-index: 0;
}

.glassmorph > * {
    position: relative;
    z-index: 1;
}

.glassmorph.hoverable:hover {
    transform: scale(1.05);
    backdrop-filter: blur(50px);
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.2);
}

/* Glassmorph */

/* Portfolio */

.expandable-portfolio {
    min-height: 0;
    overflow: hidden;
    transition: min-height 0.5s ease-in-out, height 0.5s ease-in-out;
}

.expandable-portfolio img{
    height: auto !important;
}

.expandable-portfolio:hover {
    min-height: 560px;
}

header{
    margin-block-start:0;
    position: fixed;
    z-index: 100;
    width: 100%;
}

.form{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.form *{
    font-size: var(--wp--preset--font-size--superbfont-xsmall) !important;
    color: black;
}
.form input{
	margin:10px 0;
	background:transparent;
        width: 100%;
        border-radius: 0px;
	border:none;
    	border-bottom: 1px solid rgba(0,0,0, 1);
	/*box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);*/
        padding: 0.5rem 1rem;
        box-sizing: border-box;
        z-index: 1;
}
.form input:focus,.form textarea:focus{
    outline: none;
}
.form textarea{
	margin:10px 0;
    border-radius: 0px;
	background:transparent;
		border:none;
    border-bottom: 1px solid rgba(0,0,0, 1);
    /*box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);*/
     padding: 0.5rem 1rem;
    box-sizing: border-box; 
    font-family: var(--wp--preset--font-family--manrope);
    width: 100%;
    z-index: 1;
}
.form input[type="submit"]{
    color: white;
	background-color:rgba(0,0,0,1);
	font-family:var(--wp--preset--font-family--manrope);
}
.form .wpcf7-not-valid-tip{
    color: var(--wp--preset--color--mono-2) !important;
}
.wpcf7-response-output{
    border-radius: 5px;
    border: 1px solid white !important;
}

/* blog */
.blog-hoverable.wp-block-cover:hover .wp-block-cover__background{
	background:black !important;
	transition:background 0.3s ease-in-out;
	opacity:1;
}
.blog-hoverable.wp-block-cover:hover a{
	color: white !important; 
	transition:color 0.3s ease-in-out;
}

@media screen and (min-width: 540px) {
	  .show-mobile {
		display:none;
		}
}
/* -------- Carrousel de proyectos ------------*/
.portfolio li figure a{
	position:relative;
	overflow:hidden;
}
.portfolio li figure a img{
	position:absolute;
	height: auto !important;
	top:0;
	transition: top 1s ease-in-out;
}
.portfolio li:hover figure a img{
	position:absolute;
	top:-150%;
}
/*---------Fin carrousel--------- */
/*-----------Menú-----------*/

/* --------Header---------- */
header,
.fixed-header {
    margin-block-start: 0;
}
.menu-desplegable {
    z-index: 500;
    left: 100vw;
    width: 100vw;
    height: 100vh !important;
    position: fixed !important;
    transition: left 0.4s ease-in-out, opacity 0.4s ease-in-out;
    min-height: 0px !important;
    overflow: hidden;
	top:0;
}

.abierto {
    opacity: 1;
    left: 0vw !important;
}

.cerrado {
    opacity: 0;
    left: 100wv;
}

#menu-desplegable-bt-close,
#menu-desplegable-bt-open {
    cursor: pointer;
}
/*-----------Fin Menú-----------*/