/* INFO COLOR ---------------------- */
.alert-info {
    color: #004d5e !important;
    background-color: #ccebf2 !important;
    border-color: #b3e1eb !important;
}

.alert-info hr {
    border-top-color: #99d7e4 !important;
}

.alert-info .alert-link {
    color: #002f39 !important;
}

.badge-info {
    color: #FFFFFF !important;
    background-color: #009abb !important;
}

.badge-info[href]:hover, .badge-info[href]:focus {
    color: #FFFFFF !important;
    background-color: #007c96 !important;
}

.bg-info {
    color: #FFFFFF !important;
    background-color: #009abb !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #007c96 !important;
}

.border-info {
    border-color: #009abb !important;
}

.btn-info {
    color: #FFFFFF !important;
    background-color: #009abb !important;
    border-color: #009abb !important;
}

.btn-info:hover {
    color: #FFFFFF !important;
    background-color: #008ba9 !important;
    border-color: #009abb !important;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(0,154,187,0.5) !important;
}

.btn-info.disabled, .btn-info:disabled {
    color: #FFFFFF !important;
    background-color: #009abb !important;
    border-color: #009abb !important;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #007c96 !important;
    border-color: #006c83 !important;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,154,187,0.5) !important;
}

.btn-outline-info {
    color: #009abb !important;
    background-color: transparent !important;
    border-color: #009abb !important;
}

.btn-outline-info:hover {
    color: #FFFFFF !important;
    background-color: #009abb !important;
    border-color: #009abb !important;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(0,154,187,0.5) !important;
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #009abb !important;
    background-color: transparent !important;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #009abb !important;
    border-color: #009abb !important;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,154,187,0.5) !important;
}

.list-group-item-info {
    color: #004d5e !important;
    background-color: #b3e1eb !important;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #004d5e !important;
    background-color: #99d7e4 !important;
}

.list-group-item-info.list-group-item-action.active {
    color: #FFFFFF !important;
    background-color: #004d5e !important;
    border-color: #004d5e !important;
}

.table-info {
    --bs-table-bg: #80cddd !important;
    --bs-table-striped-bg: #b3e1eb !important;
    --bs-table-active-bg: #4db9d0 !important;
    --bs-table-hover-bg: #66c3d7 !important;
    border-color: #33afc9 !important;
}

.text-info {
    color: #009abb !important;
}

a.text-info:hover, a.text-info:focus {
    color: #007c96 !important;
}

.link-info {
    color: #009abb !important;
}

a.link-info:hover, a.link-info:focus {
    color: #007c96 !important;
}

/* FIN INFO COLOR -------------------------------------------- */

/* PRIMARY COLOR -------------------------------------------- */

.alert-primary {
    color: #011e3a !important;
    background-color: #cdd8e4 !important;
    border-color: #b3c5d6 !important;
}

.alert-primary hr {
    border-top-color: #9ab1c8 !important;
}

.alert-primary .alert-link {
    color: #011223 !important;
}

.badge-primary {
    color: #FFFFFF !important;
    background-color: #013b74 !important;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #FFFFFF !important;
    background-color: #01305d !important;
}

.bg-primary {
    color: #FFFFFF !important;
    background-color: #013b74 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #01305d !important;
}

.border-primary {
    border-color: #013b74 !important;
}

.btn-primary {
    color: #FFFFFF !important;
    background-color: #013b74 !important;
    border-color: #013b74 !important;
}

.btn-primary:hover {
    color: #FFFFFF !important;
    background-color: #013669 !important;
    border-color: #013b74 !important;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(1,59,116,0.5) !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #FFFFFF !important;
    background-color: #013b74 !important;
    border-color: #013b74 !important;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #01305d !important;
    border-color: #012a52 !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1,59,116,0.5) !important;
}

.btn-outline-primary {
    color: #013b74 !important;
    background-color: transparent !important;
    border-color: #013b74 !important;
}

.btn-outline-primary:hover {
    color: #FFFFFF !important;
    background-color: #013b74 !important;
    border-color: #013b74 !important;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(1,59,116,0.5) !important;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #013b74 !important;
    background-color: transparent !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #013b74 !important;
    border-color: #013b74 !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1,59,116,0.5) !important;
}

.list-group-item-primary {
    color: #011e3a !important;
    background-color: #b3c5d6 !important;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #011e3a !important;
    background-color: #9ab1c8 !important;
}

.list-group-item-primary.list-group-item-action.active {
    color: #FFFFFF !important;
    background-color: #011e3a !important;
    border-color: #011e3a !important;
}

.table-primary {
    --bs-table-bg: #809dba !important;
    --bs-table-striped-bg: #b3c5d6 !important;
    --bs-table-active-bg: #4e769e !important;
    --bs-table-hover-bg: #678aac !important;
    border-color: #346390 !important;
}

.text-primary {
    color: #013b74 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #01305d !important;
}

.link-primary {
    color: #013b74 !important;
}

a.link-primary:hover, a.link-primary:focus {
    color: #01305d !important;
}

/* FIN PRIMARY COLOR -------------------------------------------- */


/* DARKINFO COLOR -------------------------------------------- */

.alert-darkinfo {
    color: #023944 !important;
    background-color: #cde3e8 !important;
    border-color: #b4d5dc !important;
}

.alert-darkinfo hr {
    border-top-color: #9bc7d0 !important;
}

.alert-darkinfo .alert-link {
    color: #022329 !important;
}

.badge-darkinfo {
    color: #FFFFFF !important;
    background-color: #047288 !important;
}

.badge-darkinfo[href]:hover, .badge-darkinfo[href]:focus {
    color: #FFFFFF !important;
    background-color: #045c6d !important;
}

.bg-darkinfo {
    color: #FFFFFF !important;
    background-color: #047288 !important;
}

a.bg-darkinfo:hover, a.bg-darkinfo:focus,
button.bg-darkinfo:hover,
button.bg-darkinfo:focus {
    background-color: #045c6d !important;
}

.border-darkinfo {
    border-color: #047288 !important;
}

.btn-darkinfo {
    color: #FFFFFF !important;
    background-color: #047288 !important;
    border-color: #047288 !important;
}

.btn-darkinfo:hover {
    color: #FFFFFF !important;
    background-color: #04677b !important;
    border-color: #047288 !important;
}

.btn-darkinfo:focus, .btn-darkinfo.focus {
    box-shadow: 0 0 0 0.2rem rgba(4,114,136,0.5) !important;
}

.btn-darkinfo.disabled, .btn-darkinfo:disabled {
    color: #FFFFFF !important;
    background-color: #047288 !important;
    border-color: #047288 !important;
}

.btn-darkinfo:not(:disabled):not(.disabled):active, .btn-darkinfo:not(:disabled):not(.disabled).active, .show > .btn-darkinfo.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #045c6d !important;
    border-color: #035060 !important;
}

.btn-darkinfo:not(:disabled):not(.disabled):active:focus, .btn-darkinfo:not(:disabled):not(.disabled).active:focus, .show > .btn-darkinfo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(4,114,136,0.5) !important;
}

.btn-outline-darkinfo {
    color: #047288 !important;
    background-color: transparent !important;
    border-color: #047288 !important;
}

.btn-outline-darkinfo:hover {
    color: #FFFFFF !important;
    background-color: #047288 !important;
    border-color: #047288 !important;
}

.btn-outline-darkinfo:focus, .btn-outline-darkinfo.focus {
    box-shadow: 0 0 0 0.2rem rgba(4,114,136,0.5) !important;
}

.btn-outline-darkinfo.disabled, .btn-outline-darkinfo:disabled {
    color: #047288 !important;
    background-color: transparent !important;
}

.btn-outline-darkinfo:not(:disabled):not(.disabled):active, .btn-outline-darkinfo:not(:disabled):not(.disabled).active, .show > .btn-outline-darkinfo.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #047288 !important;
    border-color: #047288 !important;
}

.btn-outline-darkinfo:not(:disabled):not(.disabled):active:focus, .btn-outline-darkinfo:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-darkinfo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(4,114,136,0.5) !important;
}

.list-group-item-darkinfo {
    color: #023944 !important;
    background-color: #b4d5dc !important;
}

.list-group-item-darkinfo.list-group-item-action:hover, .list-group-item-darkinfo.list-group-item-action:focus {
    color: #023944 !important;
    background-color: #9bc7d0 !important;
}

.list-group-item-darkinfo.list-group-item-action.active {
    color: #FFFFFF !important;
    background-color: #023944 !important;
    border-color: #023944 !important;
}

.table-darkinfo {
    --bs-table-bg: #82b9c4 !important;
    --bs-table-striped-bg: #b4d5dc !important;
    --bs-table-active-bg: #509dac !important;
    --bs-table-hover-bg: #69abb8 !important;
    border-color: #378fa0 !important;
}

.text-darkinfo {
    color: #047288 !important;
}

a.text-darkinfo:hover, a.text-darkinfo:focus {
    color: #045c6d !important;
}

.link-darkinfo {
    color: #047288 !important;
}

a.link-darkinfo:hover, a.link-darkinfo:focus {
    color: #045c6d !important;
}

/* FIN DARKINFO COLOR -------------------------------------------- */


/* GRAY COLOR -------------------------------------------- */

.alert-gray {
    color: #747474 !important;
    background-color: #fbfbfb !important;
    border-color: #f9f9f9 !important;
}

.alert-gray hr {
    border-top-color: #f6f6f6 !important;
}

.alert-gray .alert-link {
    color: #464646 !important;
}

.badge-gray {
    color: #FFFFFF !important;
    background-color: #e8e8e8 !important;
}

.badge-gray[href]:hover, .badge-gray[href]:focus {
    color: #FFFFFF !important;
    background-color: #bababa !important;
}

.bg-gray {
    color: #FFFFFF !important;
    background-color: #e8e8e8 !important;
}

a.bg-gray:hover, a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus {
    background-color: #bababa !important;
}

.border-gray {
    border-color: #e8e8e8 !important;
}

.btn-gray {
    color: #FFFFFF !important;
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
}

.btn-gray:hover {
    color: #FFFFFF !important;
    background-color: #d1d1d1 !important;
    border-color: #e8e8e8 !important;
}

.btn-gray:focus, .btn-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(232,232,232,0.5) !important;
}

.btn-gray.disabled, .btn-gray:disabled {
    color: #FFFFFF !important;
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
}

.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #bababa !important;
    border-color: #a3a3a3 !important;
}

.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(232,232,232,0.5) !important;
}

.btn-outline-gray {
    color: #e8e8e8 !important;
    background-color: transparent !important;
    border-color: #e8e8e8 !important;
}

.btn-outline-gray:hover {
    color: #FFFFFF !important;
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
}

.btn-outline-gray:focus, .btn-outline-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(232,232,232,0.5) !important;
}

.btn-outline-gray.disabled, .btn-outline-gray:disabled {
    color: #e8e8e8 !important;
    background-color: transparent !important;
}

.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
}

.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(232,232,232,0.5) !important;
}

.list-group-item-gray {
    color: #747474 !important;
    background-color: #f9f9f9 !important;
}

.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus {
    color: #747474 !important;
    background-color: #f6f6f6 !important;
}

.list-group-item-gray.list-group-item-action.active {
    color: #FFFFFF !important;
    background-color: #747474 !important;
    border-color: #747474 !important;
}

.table-gray {
    --bs-table-bg: #f4f4f4 !important;
    --bs-table-striped-bg: #f9f9f9 !important;
    --bs-table-active-bg: #efefef !important;
    --bs-table-hover-bg: #f2f2f2 !important;
    border-color: #ededed !important;
}

.text-gray {
    color: #e8e8e8 !important;
}

a.text-gray:hover, a.text-gray:focus {
    color: #bababa !important;
}

.link-gray {
    color: #e8e8e8 !important;
}

a.link-gray:hover, a.link-gray:focus {
    color: #bababa !important;
}

/* FIN GRAY COLOR -------------------------------------------- */

/* BLACK COLOR -------------------------------------------- */

.alert-black {
    color: #000000 !important;
    background-color: #cccccc !important;
    border-color: #b3b3b3 !important;
}

.alert-black hr {
    border-top-color: #999999 !important;
}

.alert-black .alert-link {
    color: #000000 !important;
}

.badge-black {
    color: #FFFFFF !important;
    background-color: #000000 !important;
}

.badge-black[href]:hover, .badge-black[href]:focus {
    color: #FFFFFF !important;
    background-color: #000000 !important;
}

.bg-black {
    color: #FFFFFF !important;
    background-color: #000000 !important;
}

a.bg-black:hover, a.bg-black:focus,
button.bg-black:hover,
button.bg-black:focus {
    background-color: #000000 !important;
}

.border-black {
    border-color: #000000 !important;
}

.btn-black {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-black:hover {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-black:focus, .btn-black.focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}

.btn-black.disabled, .btn-black:disabled {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}

.btn-outline-black {
    color: #000000 !important;
    background-color: transparent !important;
    border-color: #000000 !important;
}

.btn-outline-black:hover {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-outline-black:focus, .btn-outline-black.focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}

.btn-outline-black.disabled, .btn-outline-black:disabled {
    color: #000000 !important;
    background-color: transparent !important;
}

.btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}

.list-group-item-black {
    color: #000000 !important;
    background-color: #b3b3b3 !important;
}

.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus {
    color: #000000 !important;
    background-color: #999999 !important;
}

.list-group-item-black.list-group-item-action.active {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.table-black {
    --bs-table-bg: #808080 !important;
    --bs-table-striped-bg: #b3b3b3 !important;
    --bs-table-active-bg: #4d4d4d !important;
    --bs-table-hover-bg: #666666 !important;
    border-color: #333333 !important;
}

.text-black {
    color: #000000 !important;
}

a.text-black:hover, a.text-black:focus {
    color: #000000 !important;
}

.link-black {
    color: #000000 !important;
}

a.link-black:hover, a.link-black:focus {
    color: #000000 !important;
}

/* FIN BLACK COLOR -------------------------------------------- */

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}


.text-shadow-5{
    text-shadow: 0px 5px 10px rgba(0,0,0,0.5);
}

.card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ----- NAVBAR      ----------------------------------------------------------------- */
.navbar {
    --bs-navbar-color: rgb(1, 59, 116) !important;
    --bs-navbar-hover-color: rgb(1, 54, 105) !important;
    font-weight: 800;
}

.logo-menu{
    width: 140px;
}

/* ----- HERO HOME      ----------------------------------------------------------------- */

.hero {
    height: 90vh !important;
    overflow: hidden;
}

.hero2 {
    height: 60vh !important;
    overflow: hidden;
}

.hero .card-img {
    object-fit: cover;
    height: inherit;
}

.card-img-overlay img {
    width: 280px;
}

.hero .card-img-overlay {
    width: 100%;
}
.texto-over-image{
    width: 80%;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {

    .texto-over-image{
        width: 70%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 991px) {

    .texto-over-image{
        width: 50%;
        margin: 0 auto;
    }
}



/* ----- FOOTER     ----------------------------------------------------------------- */

.logo-footer {
    width: 400px;
    height: auto;
}

/* Hide default arrow and prepare for Font Awesome */
.wpcf7-select {
    -moz-appearance: none;
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none;
    padding-right: 30px;
    padding-left: 8px;
}

#site-footer::before {
    content: "";
    background-image: url(../img/piramide-logo-bottom.png);
    background-size: 40%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    height: 100%;
    bottom: 0px;
    left: 0px;
    background-position: bottom right;
    opacity: .5;
}


/* ----- quienes somos     ----------------------------------------------------------------- */

.accordion-button:after { 
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion {
    --bs-accordion-border-width: 0px !important;
}


ul {
    list-style-type: none;
    padding-left: 0;
}

li {
    padding: .7rem 0;
    border-bottom: 1px solid #fff;
}

li::before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    font-family: "bootstrap-icons";
    content: "\F235";
}

ul#menu-principal {
    list-style-type: none;
    padding-left: 0;
}

ul#menu-principal li {
    padding: 0;
    border-bottom: none;
}

ul#menu-principal li::before {
    content: none;
}

.q-somos-img img {
    transition: all .5s;
    opacity: 1;
}

.q-somos-img img:hover {
    opacity: .7;
}