body { font-style: normal; line-height: 1.3; font-weight: 400; color: #ffffff; position: relative; background-color: #123038; font-size: 1.2rem; }
section, .container, .container-fluid { position: relative; word-wrap: break-word; }


a { color: #acce00; text-decoration: none; }
a:hover { color: #acce00; }
a:visited { color: #acce00; }

a.grisC { color: #cccccc; text-decoration: none; }
a.grisC:hover { color: #cccccc; }
a.grisC:visited { color: #cccccc; }

h3 { color: #acce00; }
h4 { color: #98ba00; }
h5 { color: #98ba00; }


/* Menu */
.menu { font-style: normal; line-height: 1.5; font-weight: 400; color: #ffffff; position: sticky; top: 0; background-color: #212529; z-index: 999; font-size: 1.25rem; }
.logotipoAlsibel2 { height: 2.0rem; }
.logotipoAlsibel4 { height: 4.0rem; }
.navbar-brand { margin-right: -5rem; }

/* Portada */
.portada { z-index: 0; background-image: url("../img/fachada.jpg"); background-color: #123038; background-position: center center; background-repeat: space; position: center; height: 900px; }
.portada span { display: inline-block; vertical-align: middle; padding: 400px 0 0 0; font-style: italic; line-height: 1.5; font-weight: 360; font-size: 2rem; text-shadow: 2px 2px 4px black; }

/* Universidad - Patrimonio - EspaciosVerdesDetalle - EspaciosPisosDetalle */
.UniversitarioDetalle, .PatrimonioDetalle, .EspaciosVerdesDetalle, .EspaciosPisosDetalle { padding: 20px; }

/* Carruseles */
.carousel-item { padding: 10px; }
.carousel .carousel-indicators [data-bs-target] { background-color: #acce00 !important; border: 2px solid #000000; }
.carousel-control-next, .carousel-control-prev { width: 10%; }
.carousel-caption { color: #000000 !important; text-shadow: 1px 1px 1px white; }
.universidad h5 { color: #98ba00; font-size: 1.1rem; }
.universidad span { font-size: 1rem; }
.universidad img { color: #acce00; text-decoration: none; border: 1px solid #acce00; }
#carouselHistoria img { color: #acce00; text-decoration: none; border: 1px solid #acce00; }
#carouselVerdes img { color: #acce00; text-decoration: none; border: 1px solid #acce00; }

/* TipoPisos */
.TipoPisos { color: #cccccc; line-height: 1.1; font-size: 0.8rem; }
.TipoPisos img { border: 2px solid #000000; }
.TipoPisos .h5 { margin-bottom: 0rem; }

/* Flip Cards */
/* .card-wrapper, .item-wrapper {  overflow: hidden; } */
.card-wrapper { height: 710px; width: 500px; overflow: hidden; }
.card-box { font-size: 1rem;  }
.item-wrapper, .flip-card { height: 600px; width: 500px;  }
.flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); }
.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.flip-card-front { background-color: #123038; color: black; }
.flip-card-back { background-color: #123038; color: white; transform: rotateY(180deg); }
.flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
#imagenoficina { border: 1px solid #ebbca0; height: auto; width: 100%; }
#imagenmapa { border: 1px solid #ebbca0; }

/* Footer */
.footer { font-style: normal; line-height: 1; font-weight: 400; color: #ffffff; padding: 10px 0 0 0; position: absolute; bottom: 0; width: 100%; }


/* Media */
@media (min-width: 992px) {
	.container { padding-left: 16px; padding-right: 16px; }
	.row { margin-left: -16px; margin-right: -16px; }
	.row > [class*="col"] { padding-left: 16px; padding-right: 16px; }
}
@media (min-width: 768px) {
	.container-fluid { padding-left: 32px; padding-right: 32px; }
	.logotipoAlsibel2 { height: 3.0rem; }
}
@media (max-width: 400px) { .container-fluid { padding-left: 32px; padding-right: 32px; }
	.logotipoAlsibel2 { height: 2.0rem; }
	.logotipoAlsibel4 { height: 2.0rem; }
}
@media (max-width: 990px) {
	.container-fluid { padding-left: 32px; padding-right: 32px; }
	.logotipoAlsibel2 { height: 2.0rem; }
	.logotipoAlsibel4 { height: 2.0rem; }  
	.footer-lower p { margin-bottom: 10px !important; }
	.portada { z-index: 0; background-image: url("../img/fachadamobile.jpg"); background-color: #123038; background-position: center center; background-repeat: space; position: center; height: 500px; }
	.portada span { display: inline-block; vertical-align: middle; padding: 100px 0 0 0; font-style: italic; line-height: 1.5; font-weight: 360; font-size: 2rem; text-shadow: 2px 2px 4px black; }
}
@media (max-width: 1200px) {
	.navbar-toggler { display: block !important; }
}