/*
Theme Name: Mangado
Author URI: http://www.davidalegria.com
Description: Un tema desarrollado en exclusiva por Rafa Esquiroz y David Alegria para Francisco Mangado Arquitecto.
Author: David Alegria S.L.
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2025 David Alegria S.L.
*/


:root{ --bs-body-font-size: 1.15rem; --bs-body-line-height: 1.5; }
 
body { background: #fff ; color: #999; font-family: adobe-garamond-pro, serif;font-weight: 400; font-style: normal;} /*url('images/fondo.png')*/
#wrapper  { background: #fff; color:#999; padding:0;}
hr, .wp-block-separator {border:none;border-top: 1px solid #212120;opacity:1; }
a {color:#212120;}
a:hover {color:#999;}
p {line-height:1.3;}
ul, ol {list-style: square;line-height:1.3;color:#666;}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {color:#999;}
p b, p strong, ul strong, ol strong {font-family: futura-pt, sans-serif;font-weight: 600;font-style: normal; color:#212120;}

.historico_oculto {display:none;}

.btn {line-height:1.1;--bs-btn-border-radius: 0;}
.intro {margin-top:3rem;}

.error {border:solid red 1px}
.success-message {display:none}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h5 { line-height:1; font-family: futura-pt, sans-serif;font-weight: 400;font-style: normal;color:#666;}
h1, .h1 {font-size: 1.35rem; line-height: 1.1;letter-spacing:1px;}
h2, .h2 {line-height: 1.25;}
h3, .h3 {line-height: 1.25;}
h4, .h4 {text-transform: uppercase; letter-spacing:1px;color: #212120;font-size: 1.15rem; margin-bottom:1rem;}
h6, .h6 {text-transform: uppercase; letter-spacing:1px;color: #212120;}
p + h5, p + h4, table + h4, figure + h4, h1 + p, h2 + p, h3 + p, h1 + ul, h2 + ul, h3 + ul, h3 + h4, li + h4, ul + h4, h1 + h4, img + h4, .h2 + p, .h3 + p, ul + h4, p + h6 {margin-top:1.5rem;}
 
.card-header {font-weight:bold;}

.social_wrapper { float:left; margin:10px 0 0 0;}
.social_wrapper ul { padding:0;}

.logo {position:relative}
#custom_logo {font-family: futura-pt, sans-serif;font-weight: 400;font-style: normal;font-size: 1.4rem;}

.moveUP { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.moveUP.visible { opacity: 1; transform: translateY(0); }

.gtranslate_wrapper {font-family: futura-pt, sans-serif;font-weight: 400;font-style: normal;}

/*.MENU */

.navbar-toggler {font-size: 1rem;}
.contact_details {display:block;margin: 2rem 1rem;}
.contact_details a {text-decoration:none;color:#999;}
.contact_details a:hover {color:#212120;}

.hamburguer {z-index:115; position: absolute; top: 20px; right: 0; width: 25px; height: 20px; margin: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.hamburguer:hover span {background: #999;}
.hamburguer span {display: block; position: absolute; height: 2px; width: 100%; background: #212120; opacity: 1; left: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburguer span:nth-child(1) {top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburguer span:nth-child(2) {top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburguer span:nth-child(3) {top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
	
.menu_ken {font-size: 2rem;text-align:left;}
.menu_ken li {line-height: 1;font-family: futura-pt, sans-serif;font-weight: 400;font-style: normal;}
.menu_ken li a {color:#999;display:block;line-height: 1;}
.menu_ken li a:hover, .menu_ken li a:focus {text-decoration: none; color:#212120;} 
    
.menu_mangado {padding:.25rem 0;list-style: none;text-align:left;font-size: 1rem; line-height: 1;  position: absolute;  right: 0; left: -.25rem; top: 1.25rem; background: #fff; z-index: 999;}
.menu_mangado li {margin: .25rem .5rem;display:block;padding: 0 .5rem;}
.menu_mangado li a {text-decoration:none;color:#999;}
.menu_mangado li a:hover {color:#212120;}   
.menu_mangado li.current_page_parent a {color:#212120;font-family: futura-pt, sans-serif;font-weight: 600;font-style: normal;font-size:1.2rem;margin-right:1rem;}


.btn-movil {display:block;font-family: futura-pt, sans-serif;font-weight: 600;font-style: normal;font-size:1rem;text-decoration:none;}
.menu_movil { opacity: 0; visibility: hidden; transition: opacity 0.5s ease; }
.menu_movil.visible { opacity: 1; visibility: visible; }
.hide-movil {display:none !important;}
 
.navbar-light .navbar-nav li.current-menu-item .nav-link, 
.navbar-light .navbar-nav li.current_page_ancestor .nav-link, 
.navbar-light .navbar-nav li.current_page_parent .nav-link, 
li.current-page-ancestor .nav-link, 
li.current-menu-parent .nav-link, li.current-page-ancestor, 
li.current-page-ancestor li.current-page-ancestor a,
.current-menu-item a {color:#212120 !important;}

.navbar-expand-lg .navbar-nav {flex-direction: column-reverse;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0 0 0 1rem;}


/* PROYECTOS */

.proyectos {}
.proyecto {}
    
.card-da {--bs-card-border-radius: 0;--bs-card-border-color: none;--bs-card-spacer-x: 0;border-bottom:1px solid #999;}
.card-da .card-body {}
.card-da .card-body h5, .card-da .card-body .h5 {font-family: adobe-garamond-pro, serif;font-weight: 400; font-style: normal;font-size: 1.1rem;padding-right:20%;}
.card-da .card-img, .card-da .card-img-top {border-top-left-radius: 0;border-top-right-radius: 0;}
.card-da img:hover {opacity:.75;}

.proyecto-singular h1 {font-weight: 600;font-style: normal;font-size:1.15rem;letter-spacing:0;}
.proyecto-singular p, .proyecto-singular strong {color:#666;}
/*.proyecto-singular .banner_picture img {max-height:768px;}*/

.show_proy_textos {cursor:pointer; transition: transform 0.5s ease;}
.proy_textos { opacity: 1; visibility: visible; transition: opacity 0.5s ease; }
.proy_textos.oculto { opacity: 0; visibility: hidden; }
.proy_textos_data {color:#666;font-family: futura-pt, sans-serif;font-weight: 300;font-size:1rem;margin-bottom:2rem;}
.proy_textos_data hr {margin-top:5px;}
.proy_titulo {margin-bottom:2rem;}


/* CONCEPTOS */

.concepto-singular h1 {font-family: adobe-garamond-pro, serif;font-weight: 400; font-style: normal;color:#666;}
.concepto-singular p, .concepto-singular strong {color:#666;}


/* FLAGS */

#flags_language_selector {position:absolute;top:5px;right:10px;padding:0;margin:0;}
#flags_language_selector img, #flags_language_selector a img {border:none; padding:0;margin:0 0 0 8px;width:22px;height:10px;opacity:1;filter:alpha(opacity=100);}
#flags_language_selector a img.off {opacity:0.5;filter:alpha(opacity=50)}
#flags_language_selector a:hover img, #flags_language_selector a:hover img.off {opacity:1;filter:alpha(opacity=100)}


/* SLIDERS & PAGER */

.slides-home {min-height:calc(100vh - 242px);min-height:-moz-calc(100vh - 242px);min-height:-webkit-calc(100vh - 242px);width: 100%;position: relative;overflow: hidden;}
.slides-singular {height:calc(50vh);height:-moz-calc(50vh);height:-webkit-calc(50vh);width:100%;position: relative;overflow: hidden;}
.banner_picture {display: flex; align-items: flex-start; justify-content: flex-start; position: relative; overflow: hidden;width:100%;height: 100%;} 
.banner_picture .banner_btn {position:absolute;top:0;right:0;left:0;bottom:0;}
.banner_picture img { width: 100%; height: 100%; object-fit: contain; object-position: left top; display: block; }
.banner_monstruo img {object-fit: contain; object-position: center top;}
.slides-home-estudio .banner_picture {background-position:center top;}

.controles {float:left;}
.controles-proyectos {float:right;}
#prevslide, #nextslide {}

.pager {text-align: right; float:right;}
.pager span {color: #999; cursor: pointer; display: inline-block; font-size: 1.5rem; line-height:100%; margin:0 .15rem;}
.pager span.cycle-pager-active, .pager span:hover {color: #212120;}

.pager-home {position: absolute; top: 10px; left: 25px; z-index: 19999;}
.pager-home  {text-align: right; float:right;}
.pager-home  span {color: #fff; cursor: pointer; display: inline-block; font-size: 1.5rem; line-height:100%; margin:0 .15rem;}
.pager-home  span.cycle-pager-active, .pager span:hover {color: #212120;}

.proy_tipologia {float:left;}
.proy_tipologia a {text-decoration:none;color:#999;}
.proy_tipologia a:hover {color:#212120}


/* FOOTER */

#copyright {color: #fff;}
#copyright p {margin:0 0 .25rem 0;}
#copyright p a {text-decoration:none;color:#999;}
#copyright p a:hover {text-decoration:none;color:#212120;}
.copyright_wrapper .left_wrapper, .copyright_wrapper .right_wrapper { color:#999; }
.copyright_wrapper .right_wrapper {text-align:left;}
.copyright_wrapper .left_wrapper a {margin:0 1rem 0 0;}
.legal {display:none;}


/* EXTRAS */

.contenido p b, .contenido p strong, .contenido ul strong, .contenido ol strong {font-family: adobe-garamond-pro, serif;font-weight: 600;font-style: normal; color:#777;}

.fecha {margin:0 0 1.25rem 0;font-family: futura-pt, sans-serif;font-weight: 600;font-style: normal;}

body.page-publicaciones h5, 
body.page-monografias h5, 
body.page-premios-y-distinciones h5 {margin:1.5rem 0;text-transform:uppercase;}
body.page-publicaciones p, 
body.page-monografias p, 
body.page-premios-y-distinciones p {margin:0;}
body.page-publicaciones h5 + p, 
body.page-monografias h5 + p, 
body.page-premios-y-distinciones h5 + p {margin-top:-1rem;}


/* MOBILES */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  
    
    .slides-singular {height:calc(60vh);height:-moz-calc(60vh);height:-webkit-calc(60vh);}
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    #wrapper {padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5);}
    .hamburguer {display:none;}
    .menu_ken {font-size: 1rem;}
    
    .copyright_wrapper .right_wrapper {text-align:right;}
    .copyright_wrapper .right_wrapper a {margin:0 0 0 1rem;text-align:right;}
    .legal {display:block;}
    
    .navbar-expand-lg .navbar-nav {flex-direction: row-reverse;}
    .contact_details {display:none;}
    
    .menu_mangado {padding:0;list-style: none;text-align:left; font-size: 1rem; line-height: 1;  width: auto; position: absolute;  top:0; right: .25rem; left:auto;background: transparent;}
    .menu_mangado li {display:inline-block;padding: 0 0;}
    
    .btn-movil {display:none;}
    .menu_movil { opacity: 1; visibility: visible; }
    .hide-movil {display:table-cell !important;}
    
    .slides-home {min-height:calc(100vh - 105px);min-height:-moz-calc(100vh - 105px);min-height:-webkit-calc(100vh - 105px);}
    .slides-singular {height:calc(100vh - 215px);height:-moz-calc(100vh - 215px);height:-webkit-calc(100vh - 215px);}
        
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
}

/* XX-Large devices (larger desktops, 1400px and up)  */
@media (min-width: 1400px) { 
}