/*
Theme Name: Bridge Child
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: bridge
Template: bridge
*/

/*

color: #2afef8
rosa: #ff2dff

*/

body{height: 100vh;width: 100vw;overflow-y: auto;}
.wrapper{height: 100%;width: 100%;}
.wrapper_inner {height:100%;width: 100%;overflow: hidden;}

#content{height: 100vh;margin-top: 0;min-height: unset !important;}
.home #content::before{content:"";background-image:url(https://www.distritobrooklyn.es/wp-content/uploads/2025/11/fondo11.png);width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: cover;}
#content::before{content:"";background-image:url(https://www.distritobrooklyn.es/wp-content/uploads/2025/11/fondo11.png);width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: cover;}
#distrito{width: 100%;height: 100%;}
#distrito_inner{display: flex;flex-direction: row;height: 100vh;width: 100vw;position: relative;}
#distrito-izq{width: 15%;}
#distrito-cen{width: 70%;position: relative;background-color:  rgba(42,254,248,0.9);}
.home #distrito-cen{background-color: transparent;}
#distrito-der{width: 15%;}
.distrito-menu-item{height: 33.33% !important;display: flex;cursor:pointer}
#back_to_top{display: none;}
footer{position: absolute;bottom: 0;background: blue;display: none;}
#distrito-cen-top{height: 75%;width: 100%;background: transparent;position: relative;}
#distrito-cen-bot{height: 25%;display: flex;flex-direction: column;align-items: center;width: 100%;justify-content: flex-end;}
#distrito-copyright{color: #ffffff}
#distrito-rrss{display: flex;position: absolute;top: 5px;left: 45%;z-index: 10;}
#distrito-rrss a{margin-right: 10px}
#distrito-rrss a img{width: 32px;}
.pagtit{color: #ff2dff;font-size: 1.15em;line-height: 1em;font-weight: 600;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 3px solid #ffffff;}
.pagtxt{font-size: 0.95em;line-height: 1.25em;font-weight: 500;color:#000000;text-align: justify;}
#distrito-logo-flecha{width: 66%;position: absolute;top: 45%;left: 12%;transform: rotate(353deg);animation: entrada 3s ease-in 0s 1 normal forwards;}
#distrito-logo-puente{width: 50%;position: absolute;left: 17.5%;top: 8%;animation: entrada 3s ease-in 0s 1 normal forwards;}
@keyframes entrada {0% {transform: scale(0);}100% {	transform: scale(1);}}
.distrito-cen-content{height:0%;width:0%;background-color:  rgba(42,254,248,0.9);position:absolute;top:0;left:0;opacity: 0;overflow-y: auto;box-shadow: 0 3px 5px rgb(255 255 255) !important}
.distrito-activo{}
.col{display:flex;padding:0px 20px;margin-top: 20px;height: calc(100% - 20px);}
.col3{width: 31.33%;padding-right:2.5%}
.col3:last-child{padding-right:0%;}
.tit{color:#ff2dff;font-size: 1.25em;line-height: 1em;font-weight: 600;margin-bottom: 15px;padding-bottom: 5px;border-bottom: 3px solid #ffffff}
.txt{color:#000000;font-size: 1em;line-height: 1.1em;font-weight: 400;text-align: justify;}
.pad20{padding: 20px;}
.fil{display: flex;align-items: center;flex-direction: column;width: 16.67%}
.filico{width: 100%;display: flex;justify-content: center;height: 100px;align-items: center;}
.filico i{font-size: 3em;color: #ffffff}
.filtxt{color:#000000;font-size: 1em;line-height: 1.1em;font-weight: 400;text-align: center;}
.centrado{height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;font-size: 2.5em;color: #ffffff;font-weight: 600;}
.colico{height: 30%;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;border-bottom: 3px solid #ff2dff}
.colico img{height: 85%;width: auto;}
.coltxt{font-size: 1em;line-height: 1.25em;font-weight: 500;color: #fff;}
.como{display: flex;}
.cerrar{position: absolute;bottom: 10px;right: 20px;color: #ffffff;font-weight: 600;font-size: 1.25em;cursor: pointer;}
.colico2{height: 30%;display: flex;align-items: center;justify-content: center;}
.colico2 i{font-size: 5em;width: auto;color: #fff;}
.coltxt2{font-size: 1.5em;line-height: 1.25em;font-weight: 500;color: #fff;text-align: center;}
.colcon{display: flex;flex-direction: column;justify-content: center;align-items: center;}

/* HEADER */

header{display: none !important}

/* LOGO */

#logo{width: 30%;bottom: 12%;left: 32%;}
#logo img{}
#logo-color{display: none}
#logo-blanco{display:block;}
.home #logo-blanco{display:none;}
.home #logo-color{display:block;}

/* ÁREAS TEMÁTICAS */

.flip-card {background-color: transparent;width: 100%;height: 18.5vh;perspective: 1000px;}
.flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;box-shadow: 1px 0px 5px rgb(255 255 255);}
.flip-card-inner-izq{box-shadow: -1px 0px 5px rgb(255 255 255) !important;}
.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
.flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.flip-card-front {background-color: transparent;display: table;}
.flip-card-back {display: table;background-color:  rgba(42,254,248,0.9);transform: rotateY(180deg);}
.flip-card-front-txt{display: table-cell;vertical-align: middle;color: #ffffff;font-family: 'Poppins';font-size: 23px;
    line-height: 25px;letter-spacing: -1px;font-weight: 600;text-transform: capitalize !important;}
.flip-card-back-txt{display: table-cell;vertical-align: middle;color: #ffffff;font-family: 'Poppins';font-size: 15px;
    line-height: 18px;letter-spacing: -0.5px;font-weight: 600;padding: 0px 5px;}


/* RESPONSIVE */

@media (max-width: 768px) {

.home #content::before {background-position-x: 45%;}
#distrito-izq,#distrito-der{width: 50%;z-index: 15;}
#distrito-cen{position: absolute;width: 100%;height: 100%;z-index: 10;}
#distrito-rrss {left: 35%;}
#logo {width: 50%;}
#distrito-logo-puente {width: 122%;left: -16.5%;top: 6%;opacity: 0.5;}
#distrito-logo-flecha {width: 105%;top: 42%;left: -2%;opacity: 0.5;}
.distrito-cen-content {background-color: rgba(42, 254, 248, 1);}
#distrito-cen-top {height: 85%;}
#distrito-cen-bot {height: 15%;}
.col {flex-direction: column;height:auto}
.col3{width: 100%;height: inherit;}
.cerrar {bottom: unset;right: 20px;top: 10px;}
.coltxt {color: #000;}
.tit{margin-top: 15px;}
.como {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}
.fil {width: 50%;}
.colico img {height: 150px;width: auto;padding: 20px;}
.colcon { margin-bottom: 20px;}
}