/* ===================================
    Cover
====================================== */

.cover{
  position: relative;
  min-height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: ellipse(150% 100% at 50% 0%);
  -webkit-clip-path: ellipse(150% 100% at 50% 0%);
  background:  url("../../assets/img/cover-ondas.png"),linear-gradient(270deg, #1F2547 0%, #012B38 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ===================================
    General
====================================== */

.tag-sector {
    width: auto;
    height: auto;
    position: relative;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 5px 5px;
    margin-bottom: 15px;
}

.tag-sector h4{
        color: #fff;
    font-weight: 400;
    writing-mode: initial;
    text-orientation: initial;
    transform: rotate(0deg);
    margin: 0px;
}

.card-sector{
    background:#F2F4F8;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 150px;
}

.card-sector .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.card-sector .title h4{
    font-weight: 800;
    margin-bottom: 0px;
}

.card-sector .description h4{
    font-weight: 400;
    margin-bottom: 0px;
}


/*Colores sector financiero*/

.bg-financiero{background: #58ABB9;}
.text-financiero{color:#58ABB9;}
.bg-img-financiero{
  background: url("../../assets/img/sectores/sector-financiero-foto.jpg")!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}
.bg-exito-financiero{background: linear-gradient(84.94deg, #58ABB9 0%, #1F2547 99.89%);}

/*Colores sector salud*/

.bg-salud{background: #8ABEB2;}
.text-salud{color:#8ABEB2;}
.bg-img-salud{
  background: url("../../assets/img/sectores/sector-salud-foto.jpg")!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}
.bg-exito-salud{background: linear-gradient(84.94deg, #9BC7BD 0%, #316C5E 99.89%);}

/*Colores sector gobierno*/

.bg-gobierno{background: #A9A4A1;}
.text-gobierno{color:#A9A4A1;}
.bg-img-gobierno{
  background: url("../../assets/img/sectores/sector-gobierno-foto.jpg")!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}
.bg-exito-gobierno{background: linear-gradient(84.98deg, #B8B3AF -7.74%, #52504E 99.74%);}

/*Colores sector Manufactura*/

.bg-manufactura{background: #B0A18D;}
.text-manufactura{color:#B0A18D;}
.bg-img-manufactura{
  background: url("../../assets/img/sectores/transporte-logistica-foto.jpg")!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}
.bg-exito-manufactura{background: linear-gradient(85.25deg, #B4A591 -0.04%, #83725C 97.77%);}


/*Colores sector Retail*/

.bg-retail{background: #ADA8D3}
.text-retail{color:#ADA8D3}
.bg-img-retail{
  background: url("../../assets/img/sectores/sector-retail-foto.jpg")!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}
.bg-exito-retail{background: linear-gradient(85.03deg, #ADA8D3 -0.04%, #4F4C67 100%);}


/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

.tag-sector {
    position: absolute;
    top: 50px;
    left: 0px;
    padding: 25px 5px;
    margin-bottom: 0px;
}

.tag-sector h4{
writing-mode: sideways-lr;
    text-orientation: mixed;
    transform: rotate(180deg);
}

}
/* md  */ @media (min-width: 768px) {



} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}