@charset "utf-8";
/* CSS Document */
#cont-logo-menu{
 width:50px;   
}
.logo-menu_a{
 	display:none;   
}
.logo-menu_b{
 	display:block;   
}
.menu_bar {
	display:none;
}
nav{ 
    position: relative;
    z-index: 500;
    /*background:#001B4E;*/
    border-radius:8px;
    margin-bottom:5px;
}
nav > ul{ 
	list-style:none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 5px;
}
nav > ul > li{ 
position:relative;
flex: auto;
}
nav > ul > li > a{ 
text-decoration:none;
display:flex;
justify-content:center;
align-items: center;
white-space:nowrap;
font-size:0.9rem;
text-align: center;
font-family: "Poppins", sans-serif;
font-weight: 400;
/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);*/
}
nav .myMenu > li > a {
    border-radius:5px;
    transition: all 0.50s ease;
}
nav > ul > li:nth-last-child(-n+3) > a {
  background:#00885B;
  color:#FFFFFF;
  text-shadow: none;
  border-radius:5px;
}
/* === CLASES === */
.btn-menu-a{
color:rgba(32, 74, 65,0.90);
padding:10px 0;
font-weight:400;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
.btn-menu-b{
	background-color: transparent;
    padding:5px 0;
	color: rgba(32, 74, 65,0.90);
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);*/
}
.brillo-logo{
	filter: brightness(0) invert(1);
}
.tel-header_a{
	color:#203E8B; font-weight:600; font-size:1.2rem;
}
.tel-header_b{
	color:#ffffff; font-weight:600; font-size:1.2rem;
}
.pressed{
	background-color:;
}
.pressSpa{ color:#ffffff;
	
}
.contSpn{
	/*width: 26px;
	height: 26px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255,255,255,0.1);*/
	margin-right: 8px;
    position:relative;
    top:2px;
}
.contSpn > span{
	color:#FFFFFF;
    font-size:1.0rem;
	
}
/* === LÍNEA DIVISORIA === */
.myMenu > li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 15%;
  height: 70%;
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.3), transparent);
}
/* PRIMER NIVEL */
nav .myMenu > li:hover{ 
}
nav .myMenu > li:hover > a{ 
    background: linear-gradient(135deg, #1C3619, #2c5a27);
    color: rgba(255,255,255,0.95);
    text-decoration:none;
    text-shadow:none;
    /* efecto profesional */
    /*transform: translateY(-2px);*/
    box-shadow: 0 6px 12px rgba(0,0,0,0.25);
}
nav .myMenu > li:hover .subMenu{ 
	display:block;
	
}
nav .myMenu > li > a > span{ 
	
}
nav ul li .caret {
	position: relative;
	top:2px;
	margin-left:10px;
	margin-right:0px;
	font-size:0.9em;
	color:#ffffff;
	float: right;
}
/* SEGUNDO NIVEL */
nav ul ul{background-color: #fff;
	-webkit-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.75);
    list-style:none;
}
nav .subMenu{
	display:none;
	position:absolute;
	z-index:6000;
	background-color: #fffff;
	padding: 2px 2px 5px 2px;
	border-radius:0 0 5px 5px;
	
 }
 
 nav .subMenu  > li{
	 position:relative; 	
 }
nav .subMenu  > li a{
	 position:relative; 
 }
nav .subMenu  li:hover{
	background:#08936C;
}
nav .subMenu > li:hover >a{
	color:#fff;
    text-shadow:none;
}
 nav .subMenu > li:hover .subPaginas{ display:block; 
	 
 }
	nav .subMenu  li  a{
	color: #000;
	text-decoration:none; 
	white-space:nowrap;
	font-size:0.85em;
	display:block; margin-top: 0px;
    border-bottom:dotted 1px #C5C2C2;
    color: #000000;
    padding: 5px 15px 5px 20px;
	
}
nav .arrowRight {
	position: relative;
	font-size:0.8em;
	top:0px; 
	margin-left: 10px;
	/*float: right;*/
}
/* TERCER NIVEL */
nav .subPaginas{ position:absolute; 
display:none;
z-index:1000;
left:20%;
top:30px;
padding: 2px 2px 5px 3px;
	border-radius:5px;
 }
nav .subPaginas li a{
	display: block;
	padding: 5px 15px 5px 20px; 
	border-bottom:dotted 1px #C5C2C2; color: #000000;
}
nav .subPaginas li a:hover{
	color: #fff;
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    nav > ul > li > a{ 
        font-size: 0.8rem;
    }
    .contSpn{
        /*width: 24px;
        height: 24px;*/
        margin-right: 5px;
    }
    .contSpn > span{
        font-size: 0.9rem;
    }
}
/* ========================= */
/* DESKTOP / LAPTOP (992 - 1199) */
/* ========================= */
@media (min-width: 992px) and (max-width: 1199.98px){
    nav > ul > li > a{ 
        font-size: 0.7rem;
    }
    .contSpn{
        width: 24px;
        height: 24px;
        margin-right: 5px;
    }
    .contSpn > span{
        font-size: 0.75rem;
    }
}
/* ========================= */
/* TABLET Y MOBILE (<= 800px) */
/* ========================= */
@media (max-width: 800px){
    /* ===== BOTÓN MENÚ ===== */
    .menu_bar{
        display: flex;
        background: none;
    }
    .bt-menu{
        color: #000;
        font-size: 25px;
        font-weight: bold;
        text-decoration: none;
    }
    .bt-menu span{
        font-size: 40px;
        border-radius: 3px;
        border: solid 2px #fff;
        color: #000;
        margin: 0 10px;
    }
    /* ===== NAV ===== */
    nav{
        width: 85%;
        right: 100%;
        position: absolute;
        z-index: 1000;
        background: #FCF8F9;
        padding: 0;
        margin: 0;
        border-radius: 0;
    }
    nav ul{
        display: block;
        padding: 0;
    }
    nav > ul > li{
        flex: none;
    }
    nav > ul > li > a{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 15px !important;
        font-size: 1rem;
        color: #fff;
        border-radius: 0;
    }
    /* ===== PRIMER NIVEL ===== */
    nav .myMenu li{
        display: block;
    }
    nav .myMenu > li:hover{
        background: rgba(253,252,252,0.15);
    }
    nav .myMenu li:hover .subMenu{
        display: none;
    }
    /* ===== SEGUNDO NIVEL ===== */
    nav .subMenu{
        position: relative;
        margin: 0;
    }
    nav .subMenu li:hover .subPaginas{
        display: none;
    }
    nav .subMenu li a{
        font-size: 0.9em;
        padding: 15px 20px !important;
    }
    /* ===== TERCER NIVEL ===== */
    nav .subPaginas{
        position: relative;
        left: 0;
        top: 0;
    }
}