body{
font-family: 'Poppins', sans-serif !important;
}
.searchPanelSearchBox{
display: none;
}
.title {
font-size: 20px !important;
}
.title:hover {
color: #ff6900;
}
/**btn ***/
.blue {
background-color: #fff !important;
border-color: #e74c3c !important;
color: #fff !important;
}
.blue:hover {
background-color: #c0392b !important;
border-color: #c0392b !important;
}
/* ========== CARD ========== */
/* =====================================================
CONTENEDOR GENERAL DE LAS CARDS
===================================================== */
.DepartmentList__listContent{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
min-height: 220px;
padding: 18px;
border-radius: 22px;
overflow: hidden;
/*background: linear-gradient(
135deg,
rgba(255,255,255,0.22),
rgba(255,255,255,0.08)*/
);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
/*border: 1px solid rgba(255,255,255,0.25);*/
box-shadow:
0 8px 24px rgba(0,0,0,0.08),
inset 0 1px 1px rgba(255,255,255,0.2);
transition: all .35s ease;
}
/* EFECTOS DECORATIVOS */
.DepartmentList__listContent::before{
content: "";
position: absolute;
width: 120px;
height: 120px;
border-radius: 50%;
/*background: rgba(255,255,255,0.18);*/
top: -40px;
right: -40px;
filter: blur(8px);
transition: .4s ease;
}
.DepartmentList__listContent::after{
content: "";
position: absolute;
width: 70px;
height: 70px;
border-radius: 50%;
/*background: rgba(255,255,255,0.12);*/
bottom: -20px;
left: -20px;
filter: blur(6px);
transition: .4s ease;
}
/* TODO EL CONTENIDO SOBRE LOS EFECTOS */
.DepartmentList__listContent *{
position: relative;
z-index: 2;
}
/* =====================================================
GRID DE LAS CARDS
===================================================== */
.DepartmentList__container{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 22px;
align-items: stretch;
}
/* =====================================================
CARD
===================================================== */
.DepartmentList__listContent{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
min-height: 210px;
padding: 18px;
border-radius: 22px;
/* IMPORTANTE */
overflow: hidden;
/*background: rgba(255,255,255,0.82);*/
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
/*border: 1px solid rgba(0,14,51,0.08);*/
box-shadow: none;
transition: all .32s ease;
}
/* EFECTOS SUAVES INTERNOS */
.DepartmentList__listContent::before{
content: "";
position: absolute;
width: 140px;
height: 140px;
border-radius: 50%;
/*background: rgba(0,14,51,0.03);*/
top: -60px;
right: -60px;
transition: .4s ease;
}
.DepartmentList__listContent::after{
content: "";
position: absolute;
width: 90px;
height: 90px;
border-radius: 50%;
/*background: rgba(72,140,170,0.05);*/
bottom: -40px;
left: -40px;
transition: .4s ease;
}
/* =====================================================
HOVER CARD
===================================================== */
.DepartmentList__listContent:hover{
/*transform: translateY(-4px);*/
/*border: 1px solid rgba(72,140,170,0.25);*/
/* box-shadow:
0 8px 18px rgba(0,14,51,0.08);*/
}
/*.DepartmentList__listContent:hover::before{
background: rgba(72,140,170,0.05);
transform: scale(1.05);
}
.DepartmentList__listContent:hover::after{
background: rgba(72,140,170,0.08);
transform: scale(1.08);
}*/
/* =====================================================
CONTENIDO
===================================================== */
.DepartmentList__listContent *{
position: relative;
z-index: 2;
}
/* =====================================================
LOGO
===================================================== */
.DepartmentList__listContent img{
width: 46px;
height: 46px;
border-radius: 12px;
}
/* =====================================================
TITULO
===================================================== */
.DepartmentList__title{
font-size: 15px !important;
font-weight: 700 !important;
color: #004e42 !important;
}
/* =====================================================
DESCRIPCION
===================================================== */
.DepartmentList__description{
font-size: 13px !important;
line-height: 1.5;
color: #5f6678 !important;
margin-top: 8px !important;
}
/* =====================================================
BOTON
===================================================== */
.DepartmentList__formBtn .Button__button{
margin-top: 16px;
width: 100%;
background: transparent !important;
color: #000e33 !important;
border: 1.5px solid #000e33 !important;
border-radius: 14px;
padding: 11px 14px;
font-size: 13px;
font-weight: 600;
transition: all .28s ease;
}
/* =====================================================
HOVER BOTON
===================================================== */
.DepartmentList__formBtn .Button__button:hover{
background: #000e33 !important;
border-color: #000e33 !important;
color: #ffffff !important;
transform: translateY(-2px);
}
/* =====================================================
MOBILE
===================================================== */
@media (max-width: 768px){
.DepartmentList__container{
grid-template-columns: 1fr;
}
.DepartmentList__listContent{
min-height: auto;
}
}
/*sesion_basedeconocimiento***/
/*.Feed__feed {
margin: 0 auto;
}*/
.Feed__feed,
.Feed__feedHeader,
.CategoryList__articleCard,
.ArticlesCard__articleCard,
.template-container,
.CommonStyle__wordWrapWord{
padding: 10px;
/*margin-top: 7px;
margin-bottom: 7px;*/
margin: 5px;
border: 2px solid #EEF0F4 !important; /* grosor | tipo | color */
border-radius: 20px !important;
/*overflow: hidden; /* importante si hay contenido interno */
/*max-width: 700px;*/
}
.bookings iframe{
border: 2px solid #EEF0F4 !important;
border-radius: 20px !important;
overflow: hidden;
max-width: 700px
}
h1,h2,h3,
.LayoutListContainer__title{
color: #004e42;
}
h1 {
font-size: 18px !important;
}
h2 {
font-size: 16px !important;
}
h3 {
font-size: 15px !important;
}
span {
font-size: 16px !important;
}
.CustomWidgets__title {
text-align: center;
}
/**FORMULARIOS**/
.DropDown__dropdown,
.Input__inputCommon{
padding: 10px;
border: 2px solid #EEF0F4 !important; /* grosor | tipo | color */
border-radius: 20px !important;
overflow: hidden; /* importante si hay contenido interno */
max-width: 700px
}
#field_layoutId,
#field_priority{
display: none;
}
/**---------**/
/*ocultarCardsoporteprocredito*/
.soporteprocredito{
display:none !important;
}
#footerContainer span {
font-size: 10px !important;
}