/*!
Theme Name: intranet
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: conexion-inmobiliaria
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

conexion-inmobiliaria is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

@import url('https://fonts.googleapis.com/css2?family=Poiret+One&family=Square+Peg&family=Raleway:wght@300;400;500;600&display=swap');


html, body{
 
	
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: 'Raleway', sans-serif;
	font-size: 0.9em;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}


@media (max-width: 425px) {
  h1 {
    
    font-size: 27px;
}
h2 {
    
    font-size: 20px;
}
h3 {
	font-size: 16px;
	}
}

section.flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 100px;
}
@media (max-width: 1000px) {
	section.flex {
		padding: 10px 50px;
	}
}
@media (max-width: 600px) {
	section.flex {
		padding: 5px 30px;
	}
}
header {
	
	position: relative;

}
header a {
	text-transform: capitalize;
	
}
header h2 {
	text-transform: uppercase;
}
header .nav {
	display: block;
}
.nav-item {
	margin: 0 8px;
	
}
.nav-item:first-child {
	margin-left: 0;
}
.nav-item:last-child {
	margin-right: 0;
}

.nav-link { display:inline; }


.top-nav {

}

.bg-dark { background-color:transparent!important; }

.head-ini {background-color:rgba(0,50,87,0.8);
	
  padding: 10px;}
  .head-int {background-color:rgba(0,50,87,1);
	
  padding: 10px;}      
.navbar-default {
    background: none;
    border: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #899fb9;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #899fb9;
}
.navbar {
    margin-bottom: 0;
}
.navbar-brand {
    height: 70px;
    padding:0;
	margin-top:-9px;
    font-size: 1.3em;
    line-height: 40px;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-nav > li > a {
	font-family: 'Poiret One', cursive;
    font-size: 13px;
    padding:25px 0;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav  li  a:hover, .navbar-default .navbar-nav  li  a.active  {
    color: #0096ff;
}

.navbar-default .navbar-nav a.lnk-prop { color: #e99800; font-weight: bold; }
.navbar-right {
  margin-top: 2em;
}

/* quadmenu */
.quadmenu-navbar-nav > li.quadmenu-item > a {font-family: 'Poiret One', cursive!important;
    font-size: 13px!important;

	font-weight: normal;
	letter-spacing: 2px!important;  }

ul.quadmenu-navbar-nav li.navidad { background-color:#c82c17; }

#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content {
    padding: 10px!important;
}


.logo-img img{
  
    height: auto;
}

@media (max-width: 1000px) {
	header {
	
	}
}
@media (max-width: 700px) {
	header {
		flex-direction: column;
	}
	header h2 {
		margin-bottom: 15px;
	}
	header .nav li {
		margin: 0 7px;
	}
}
.box {
	/*position: absolute; */
	top: 0;
	z-index: -1;
	justify-content: center;
	min-height: 100vh;
	color: #fff;
	text-align: center;
	width: 100%;
	height:  100vh;
	margin-top: -50px;
}
.box video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}**/

/**.box video {
    position: absolute;
    left: 0;
     top: 510px; 
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}**/


.box h1 {
	font-family: 'Square Peg', cursive;
	margin-bottom: 15px;
	font-size: 125px;
	line-height: 100px;

}
.box h3 {
	margin-bottom: 40px;
	font-size: 25px;
}
.box a.boxBtn {
	padding: 15px 35px;
	background: transparent;
	border-radius: 50px;
	color: #fff;
	text-transform: uppercase;
	border: 4px solid #fff;
	transition: all .5s;
}
.box a.boxBtn:hover {
	background: #fff;
	color: #000;
}
@media (max-width: 800px) {
	.box {
		min-height: 600px;

	}
	.box h1 {
		    font-size: 82px;
    line-height: 70px;
	}
	.box h3 {
		font-size: 20px;
	}
	.box a.boxBtn {
		padding: 15px 40px;
	}
	.box video {

	height: 100vh;

}
}

@media (max-width: 767px) {
	
	.box video {
  
    top: 0px;

}

}

#nosotros { padding: 4em 2em; color: #74777c; background-image:url(img/bg-nostros.jpg); }
#nosotros h1 { color: #e99800; font-weight: 300; margin-bottom: 1em; }
#nosotros p {  font-size: 1.2em; line-height: 1.8em; }

@media (max-width: 767px) {
#nosotros { padding:  0 2em 2em 2em; }
}

#remates { padding: 4em 2em; color: #74777c; background-image:url(img/remates-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; }
#remates h1 { color: #e99800; font-weight: 300; text-align: left; }
#remates h2, #remates p { color: #fff; }
#remates p { font-size: 1.2em; line-height: 1.8em; }
#remates img { max-width: 100%; width: 100%; }
@media (max-width: 425px) {
#remates { padding: 3em 0.5em; }
}



#agencia-inmobiliaria { padding: 4em 2em; color: #74777c; background-image:url(img/agencia-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; }
#agencia-inmobiliaria h1 { color: #e99800; font-weight: 300; text-align: left; }
#agencia-inmobiliaria h2, #agencia-inmobiliaria p { color: #fff; }
#agencia-inmobiliaria p { font-size: 1.2em; line-height: 1.8em; color: #74777c; }
#agencia-inmobiliaria img { max-width: 100%; width: 100%; }
@media (max-width: 428px) {
#agencia-inmobiliaria  { padding: 3em 0.5em; }
}

.agencia { padding: 4em 2em;  }
.agencia i {color: #e99800; }
.agencia-txt {background-color:rgba(250,250,250,0.8); }
.agencia p { font-size: 1.2em; line-height: 1.8em; color: #666; }

#desarrollos, #departamentos { padding: 4em 0; color: #74777c; background-color: #0e3157; }
#desarrollos h1, #departamentos h1 { color: #e99800; font-weight: 300; text-align: center; line-height: 1.8em; font-size: 38px; }
#desarrollos h1 span, #departamentos h1 span { color: #fff; font-size: 30px; }
#desarrollos img { max-width: 100%; width: 100%; }

 #departamentos img {
  max-width: 100%;
  width: 90%;
  margin: 0 5% 2em;
  border: 1px solid #fff;
 
}

 #departamentos p { color:#fff; text-align:center; font-size:1.5em; padding: 0 2em 1em 2em; }

#contacto-desarrollo { padding: 4em 0; color: #74777c; background-color: #333; }
#contacto-desarrollo h1 { text-align: center; margin-bottom: 2em; }

@media (max-width: 767px) {
	
	header.nav { display: block; }
	.navbar-default .navbar-nav  li a {
 text-align: center;
 padding: 20px 0;
 border-bottom: 1px solid rgba(250, 250, 250, 0.3)
}
.navbar-default .navbar-nav li:last-child a { border: none; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
}
.navbar-toggle {
	
    margin-top: 40px;
}
.navbar-toggler{
	float: right;
    margin-top: 40px;
}
.custom-toggler.navbar-toggler {
    border-color: lightgreen;
}

	}

	@media (max-width: 700px) {
	
	.logo-img img {
		width: 50%;
    height: auto;

        .box h1 {
        font-size: 32px;
        line-height: 30px;
    }
}
}


.mas-info-des { font-size: 1.1em; text-align: center; color: #e99800; display: block;  margin-bottom: 2em; border-bottom: 1px solid #375c84; padding: 0 2em 2em; }
.mas-info-des:hover { text-decoration: none; color: #0096ff; }

.mas-info-dep { font-size: 1.1em; text-align: center; color: #e99800; display: block;  margin-bottom: 2em;  padding: 0 2em 2em; text-transform:uppercase; }
.mas-info-dep:hover { text-decoration: none; color: #0096ff; }



.recomendados { width:70%; margin:0 15%;  }
.recomiendan { padding: 2em;}

.recomendados img {
  margin: 0 auto 2em auto;
  max-width: 100%;
  width: 90%;
  height: auto;

}
.link-r a {}
.link-r a i { margin-right:0.6em; font-size:1.6em; color: #e99800; }
.logo-r  {text-align: center;}
.logo-r img {width:55%; text-align: center;}


@media (max-width: 767px) { 

	.recomendados { width:100%; text-align: center; margin: 0;}
	.recomiendan { padding: 1em;}

}


  /* formulario-contacto */
.contacto { padding: 4em 0; }
.contacto h1 { text-align: center; margin-bottom: 2em; }
.dts-contacto { font-size: 1.3em; margin: 2em 0; }
.dts-contacto  a{
    color: #e99800; 
}


.info-des { width: 70%; height: auto; padding: 1.5em 2em; border: 1px solid #e99800; font-size: 1.3em; text-align: center; margin: 0 auto; color: #e99800; display: block; margin-bottom: 2em; }
.info-des i { margin-right: 15px; font-size: 1.5em; }
.info-des:hover { background-color: #e99800; color: #fff; text-decoration: none;}
@media (max-width: 767px) {
.info-des {
	width: 90%;
	 font-size: 1.1em;
	
}
 .contacto h1 {  margin-bottom: 0; }
}

.formulario-contacto { width: 100%; height: auto; }
.formulario-contacto input, .formulario-contacto textarea { display: block; padding: 1em; width: 100%; border: 1px solid
#cdcdcd; border-radius: 3px;  background-color: transparent; margin-bottom: 1em; color: #3a3939;}
input::-webkit-input-placeholder {
            color: #979797;
        }
        input:focus::-webkit-input-placeholder {
            color: gray;
        }

        /* Firefox < 19 */
        input:-moz-placeholder {
            color: #979797;
        }
        input:focus:-moz-placeholder {
            color: gray;
        }

        /* Firefox > 19 */
        input::-moz-placeholder {
            color: #979797;
            opacity: 1;
        }
        input:focus::-moz-placeholder {
            color: gray;
        }

        /* Internet Explorer 10 */
        input:-ms-input-placeholder {
            color: #979797;
        }
        input:focus:-ms-input-placeholder {
            color: gray;
        }

       .formulario-contacto input[type="submit"]  { background-color: #e99800;
border: 1px solid #efd174; font-weight: bolder; font-size: 1.1em; color: #fff;
 }
 .formulario-contacto input[type="submit"]:hover { background-color:#f2b237; color:#efde74; }
.welcome h4 {
    font-size: 1.8em;
    text-align: center;
    line-height: 1.6em;
    color: #333;
    width: 75%;
    margin: 1em auto;
    border-bottom: 2px dashed #E0B5B8;
    padding-bottom: 1em;
}
.footer {
    padding: 4em 0;
    text-align: center;
    background-color: #0e3157;

}
.footer h3 {
    font-size: 4em;
}
.footer h3 a{
    color:#fff;
}
.footer p {
    color: #fff;
    margin: 0;
     font-size: 16px;
     line-height: 28px;
}
.footer p a{
    color: #e99800;
}
.footer p a i { padding: 0 10px; font-size: 28px; }
.footer p a i.fas {; font-size: 16px; }
.footer p a:hover{
    color: #fff;
}
.footer .social-icons ul li:nth-child(3) {
    margin-right:.5em;
}
.footer .social-icons ul li a:hover {
    border-radius: 32px;
}



span.espacio { display: none; }

span.salto { display: block; width: 100%; height: 10px; }

@media (max-width: 560px) {

.footer p {

     font-size: 14px;

}
span.espacio { display: block; }

span.salto, span.barra { display: none; }
 }

.img-fluid { max-width: 100%; width: 100%; height: auto; }


.caracteristicas { padding: 0; }
.desarrollos-int h1 { color: #0e3157;  }
.desarrollos-int h1 span { color: #74777c; font-size:20px; }
.amenidades { padding: 1em; }
.amenidades li { list-style: disc; margin: 10px 0; font-size: 1.2em; color: #666; }
.financiamiento {padding: 4em 0; text-align: center; background-color: #e5e5e5; margin-top: 2em;}
.financiamiento h1 {font-weight: 600; color: #0e3157;}
.financiamiento h1 span {font-weight: 300; color: #e99800; }
.financiamiento h2 {font-weight: 300;}
.financiamiento h2 span {font-weight: 600; color: #0e3157}
.financiamiento p { font-size: 1.3em; color: #666; }
.financiamiento p.enganche span { font-style: italic; font-weight: bold; display: block; }


.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {

  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
  .photo-gallery .item { width: 49%; display: inline-block; margin: 0 auto; }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}


/*   flex  */

.d-flex { display: flex; flex-direction: row;  }

.texto-car { order: 1; }
.img-car { order: 2; }

@media (max-width:767px) {
	.d-flex { flex-direction: column;  }
.texto-car { order: 2; }
.img-car { order: 1; }
.contacto-img {display: none;}

	}

.carousel-caption {
  color: #fff;
  text-align: center;
  text-shadow: 2px 3px 3px rgba(0,0,0,1);
}

.amarillo {color: #e99800;}


	/*** boton wats */
#wats_btn { width: 68px; height: 72px; position: fixed; bottom: 30px; right: 5px; z-index: 99999; }
#wats_btn img { width: 84%; height: auto; }

	/*** boton recomiendan*/
#comentan { width: 50px; height: auto; position: fixed; top: 150px; right: 20px; z-index: 99999; font-size:0.6em; text-align:center; color:#fb9f00; font-weight:bold; }
#comentan img { width: 89%; height: auto; }



	/*** dropdawn */
	/* NEW 2nd-Level Dropdown CSS START */
.dropdown-submenu{position: relative;}
.dropdown-submenu .caret{-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.dropdown-submenu > .dropdown-menu {top:0; left:100%; margin-top:-6px; margin-left:-1px;}
.dropdown-submenu.open > a:after{border-left-color:#fff;}
.dropdown-submenu.open > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {display: block;}
.dropdown-submenu .dropdown-menu{margin-bottom: 8px;}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color: #f6f6f6;}
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#333;}
.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding: 30px;}
.dropdown-menu>li>a {

    padding: 10px 20px!important;
    font-size: 1em;
}
@media screen and (min-width:992px){
    .dropdown-submenu .dropdown-menu{margin-bottom: 2px;}
    .navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding: 25px; color: #fff}
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
}
/* NEW 2nd-Level Dropdown CSS END */


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent!important;
}



/* GOOGLE TRANSLATE */
.google {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}


/* Departamentos */

.slides img {width: 100%; height: 450px!important;
  object-fit: cover; }

.deptos img.attachment-post-thumbnail {width: 100%; height: 300px;
  object-fit: cover;}
.deptos h2 {margin: 2em;}
.deptos_ind h4 { font-size:16px; }
.deptos_ind h3 { font-size: 21px }
.deptos_ind p { font-size:12px; }
.iconos { display:flex; justify-content: space-between; border-top:1px solid #e7e7e7; padding-top:10px; }
.iconos img { width:20px; height:20px; }
.iconos2 {display: flex;
    flex-direction: column;
    flex-wrap: nowrap !important; padding-bottom:15px; }
.iconos2 img { width:20px; height:20px; margin-right:5px; }
.iconos2 span { 
  white-space: nowrap;
  font-size: 14px;
  margin-right: 10px; line-height:26px; }
  .deptos-int { margin-top:3em; margin-bottom:3em; }
.deptos_ind {width: 31%;
    margin: 0 1%; margin-bottom:3em; padding: 10px 10px 30px 10px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(43,52,59,.1);}
  .amenidades-deptos { padding: 0.5em 1em; }
.amenidades-deptos li { list-style: disc; margin: 5px 0; font-size: 1.2em; color: #666; }

.mapa {width: 100%; height: 300px; display: block; background-color: #000;}

.mapa iframe { max-width:100%; width:100%; height:300px; margin-top:3em; display:block; }

  @media (max-width: 767px){

  	.slides img {height: 270px!important; }

   .deptos_ind {width: 100%;}

   	.iconos2 .d-flex {
   		flex-direction: row!important; }
   		.banner { display:none; }

    }

.info { padding:10px; }

@media (min-width: 1440px){
.container {
    width: 1170px;
}

}

.gracias_txt { font-size:1.7em; padding: 0 20% 10% 20%; }
.btn_inicio { padding:1em 2em; text-align:center; background-color: #e99800;
border: 1px solid #efd174;
font-weight: bolder;
font-size: 1.1em;
color: #fff;
}
.fa-check { font-size:2em; color: rgba(0,50,87,1);}
@media (max-width: 425px) {
.gracias_txt { font-size:1.4em; padding: 0 10% 10% 10%; }
	}


	#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a > .quadmenu-item-content {
  color: #000!important;
     padding:  10px;
    font-size: 13px!important;
 
}

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff!important;
    

}
#quadmenu.quadmenu-default_theme:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open > a > .quadmenu-item-content > .quadmenu-caret {
  color: #fff!important;
  background-color: transparent!important;

}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a > .quadmenu-item-content {
  color: #fff!important;
  text-transform: none;
}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu {
  background-color: transparent!important;
}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a {
    border-color: #5d7a8f!important;
}
}

#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav>li.quadmenu-item.quadmenu-has-caret>a>.quadmenu-item-content>.quadmenu-text {
   font-weight: bold;
    color: #e99800!important;
}

/* intranet */


.logo-img_ini img{
  
    margin: 0 auto;
    height: auto;
}



.accordion-button i { font-size:0.7em; margin-right:20px; color: #fb9f00; }

.accordion-body a { text-align:left;  }
.accordion-body a i {font-size:1.2em; margin-right:15px; color: #fff; }


.boton-atras a, .boton-atras span {
    color: white;  /* Cambia el color del texto a blanco */
    font-size: 14px;
}

.boton-atras span { font-size:12px; margin: 0 5px; }
.boton-atras a i { font-size:12px; margin: 0 5px 0 0; }

.boton-atras a.logout { color:orangered; }

.div-btn a {
	display: block;
	padding: 0.7em;
	border-bottom: 1px solid rgba(186, 210, 237, 0.3);
	font-weight: 500;
}

.div-btn a i {  }

.um-page-login .intranet-ini::before {
    
}

.cont_intranet { padding: 4em 0; }
.cont_intranet  h1 { text-align: center; margin-bottom: 0.6em; color: #e99800; }
.cont_intranet  h3 { text-align: center; margin: 1.7em auto 2.3em auto;  }

.intranet-ini {
    
    background-image: url('img/fondo-intranet2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; /* Fija el fondo para que no cambie al hacer scroll */

}

.intranet-ini .head-int {
    background-color: transparent!important;
    
}

.intranet-ini .footer {

	 background-color: transparent!important;
}

.logo-img_ini img  { 
   width: 380px;
   height: auto;
   margin: -50px auto 15px auto;
   display: block;
 }

 .logo-img {

 	display: none;
 }


/* intranet v2 */

h2.wpdt-c {
    
    display: none;
}


.accordion-button i { font-size:0.7em; margin-right:20px; color: #fb9f00; }

.accordion-body a { text-align:left;  }
.accordion-body a i {font-size:1.2em; margin-right:15px; color: #fff; }


.boton-atras a, .boton-atras span {
    color: white;  /* Cambia el color del texto a blanco */
    font-size: 14px;
}

.boton-atras span { font-size:12px; margin: 0 5px; }
.boton-atras a i { font-size:12px; margin: 0 5px 0 0; }

.boton-atras a.logout { color:orangered; }

.div-btn a {
	display: block;
	padding: 0.7em;
	border-bottom: 1px solid #fff;
	font-weight: 500;
}

.div-btn a i {  }

.um-page-login .intranet-ini::before {
    
}

.cont_intranet { padding: 4em 0; }
.cont_intranet  h1 { text-align: center; margin-bottom: 0.6em; color: #212529; }
.cont_intranet  h3 { 
	text-align: center;
	 margin: 1.7em auto 2.3em auto; 
	 color:#fff;
	 text-shadow: 1px 1px 6px rgba(5, 21, 39, 1);  
	}

.intranet-ini {
    
    background-image: url('img/fondo-intranet2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; /* Fija el fondo para que no cambie al hacer scroll */

}

.intranet-ini .head-int {
    background-color: transparent!important;
    
}

.intranet-ini .footer {

	 background-color: transparent!important;
	 min-height: 200px;
}

.site-intranet { 
   color: #FFF;
 }


.btn_inicio_intranet, .btn_logout_intranet {
	padding:1em 2em; text-align:center;
	background-color: #0e3157;
border:none;
border-radius: 5px;
font-weight: 400;
font-size: 1.1em;
color: #fff;
}

.btn_logout_intranet {

    background-color: transparent;
	border: 1px solid orangered;
     border-radius: 5px;
	color: orangered;
	font-weight: bolder;

}


.restriccion-horaria {
    max-width: 800px;
    margin: 100px auto;
    text-align: center;
    background: rgba(255, 255, 255, 0.5); /* Blanco semi-transparente */
    border: 2px solid #ccc; /* Gris claro */
    padding: 40px;
    border-radius: 12px;
    font-family: sans-serif;
    box-shadow: 0 0 20px rgba(0,0,0,0.1); /* Sombra sutil */
    color: #333; /* Texto en gris oscuro */
}

.restriccion-horaria .icono-alerta {
    font-size: 100px;
    margin-bottom: 20px;
    display: block;
}

.restriccion-horaria p {
    font-size: 24px;
    line-height: 1.6;
    margin: 0;
}


.restriccion-horaria .btn-logout {
    display: inline-block;
    margin-top: 30px;
    padding: 12px 24px;
    background-color: #333;
    color: white;
    text-decoration: none;
    font-size: 18px;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.restriccion-horaria .btn-logout:hover {
    background-color: #555;
}



/* Estilos generales del acordeón */
.accordion {
  background-color: transparent !important;
}

/* Quitar el fondo de cada item del acordeón */
.accordion-item {
  background-color: transparent !important;
  border: none;
}

/* Estilos del botón del acordeón */
.accordion-button {
  background-color: transparent !important;
  color: white !important;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  box-shadow: none;
}

/* Cambiar el color del icono en el botón */
.accordion-button i {
  
}

/* Remover el fondo del botón al hacer hover o estar activo */
.accordion-button:not(.collapsed) {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: white !important;
}

/* Eliminar el borde del acordeón abierto */
.accordion-button:focus {
  box-shadow: none;
}

/* Estilos del cuerpo del acordeón */
.accordion-body {
  background-color: transparent !important;
  color: white;
}

/* Estilos para los enlaces dentro del acordeón */
.accordion-body a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  display: block;
  
}

/* Cambiar color de los enlaces al pasar el mouse */
.accordion-body a:hover {
  color: #f0c040;
  text-decoration: none;
}

/* Estilos de los íconos dentro del body */
.accordion-body i {

}

.accordion-button::after {
  
}

/* Ocultar el primer logo en la página de intranet */
.page-template-page-intranet .logo-img {
    display: none;
}

/* Mostrar el segundo logo solo en la página de intranet */
.page-template-page-intranet .logo-img_ini {
    display: block;
}

/* Asegurar que el primer logo se vea en otras páginas */
.logo-img {
    display: block;
}

/* Ocultar el segundo logo en otras páginas */
.logo-img_ini {
    display: none;
}


/* Estilos BLOG */

.posts-conexion {
	padding: 4em 0;
}

.posts-conexion h1 {

	font-size: 2em;
}

.posts-conexion .post-thumbnail {

	margin: 2em auto;
}

.posts-conexion .post-thumbnail img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.posts-conexion ul li {

	list-style: disc;
}

span.posted-on .updated {
	display: none;
}

.btn-blog { background-color:#0e3157; border:0; }

.post-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding: 15px 0;

}

.nav-links a {
    text-decoration: none;
    font-weight: bold;
    color: #007bff;
    text-transform: uppercase;
    padding: 1em;
    width: 90%;
    margin: auto 5%;
}

.nav-links a:hover {
    text-decoration: none;
}

.tambien {
	font-size: 1.4em;
	margin: 1em 0;
	color: #999;
	border-top: 1px solid #999;
	padding-top: 1em;
}


.apoyo {
	color: #FFF;
}

.envira-gallery-wrap {

    margin: 30px auto!important;
}

.justified-gallery>div>div>a>img, .justified-gallery>div>div>img, .justified-gallery>div>div>a>div.effect-wrapper>img {

    border:1px solid #d6d6d6!important;
}