/* FONTS */
@font-face {
    font-family: 'Roobert-light';
    src: url('/font/Roobert-Light.eot');
    src: url('/font/Roobert-Light.eot?#iefix') format('embedded-opentype'),
        url('/font/Roobert-Light.woff2') format('woff2'),
        url('/font/Roobert-Light.woff') format('woff'),
        url('/font/Roobert-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roobert-bold';
    src: url('/font/Roobert-Bold.eot');
    src: url('/font/Roobert-Bold.eot?#iefix') format('embedded-opentype'),
        url('/font/Roobert-Bold.woff2') format('woff2'),
        url('/font/Roobert-Bold.woff') format('woff'),
        url('/font/Roobert-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/****************************/
/*    GENERAL               */
/****************************/




:root {
    --duration: 0.4s;
    --bs-light-rgb: 255,255,255;
    --bs-body-font-family: "Lato",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --tool-color: #e8451e;
    --tool-grey: #66676c;
    --tool-pri: #0b995f;
    --tool-sec: #2bbcd1;
}

body{
    font-size: 1rem;
    color: #000;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

h1, h2, h3  {
    font-weight: bold;
    line-height: 1.2;
}

a {
    color: #000;
    font-weight: bold;
}

p {
    text-align: justify;
}

footer{
    margin-top: auto;
}

.table{
    --bs-table-hover-bg: rgb(41 186 206 / 21%);
}

.center{
    text-align: center;
}


/******************************************/
/*             FORMS                      */
/******************************************/
.form-check-input:checked {
    background-color: #29bace;
    border-color: #0dcaf0;
}

/******************************************/
/*               LOGIN                    */
/******************************************/
.login-box {
    width: 360px;
    margin: 2% auto;
    border: 2px solid #0081b8;
    border-radius: 20px;
}

.login-box-body {
    margin-bottom: 20%;
    padding: 20px;
}

.login-logo {
    margin-bottom: 30%;
}

.login-logo img {
    width: 100%;
}

p.login-box-msg {
    font-size: 1.2em;
}

i.form-icon-inline {
    float: right;
    margin-right: 8px;
    margin-top: -25px;
    position: relative;
    opacity: 50%;
    z-index: 2;
}


/****************************/
/*   MENU                 ***/
/****************************/

.navbar-nav{
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: bold;
    --bs-nav-link-color: #000000;
    --bs-nav-link-hover-color: #000000;
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    font-family: 'Lato';
}

.nav-link {
    --bs-nav-link-font-size: 0.9rem;
}

.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .nav-link{   }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #FFF;
    --bs-dropdown-bg: #000;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: 0;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #FFF;
    --bs-dropdown-link-hover-color: #FFF;
    --bs-dropdown-link-hover-bg: #6f6f6f;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #6f6f6f;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 15px;
    --bs-dropdown-item-padding-y: 8px;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
}

.btn {
    --bs-btn-padding-x: 0.8rem;
    --bs-btn-padding-y: 0.1rem;
    --bs-btn-font-size: 1.4rem;
    --bs-btn-font-weight: 700;
    --bs-btn-border-radius: 20px;
    text-transform: uppercase;
}

.btn-primary {
    --ctp-btn-color: var(--tool-pri);
    --bs-btn-color: var(--ctp-btn-color);
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: var(--ctp-btn-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--ctp-btn-color);
    --bs-btn-hover-border-color: var(--ctp-btn-color);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--ctp-btn-color);
    --bs-btn-active-border-color: var(--ctp-btn-color);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--tool-grey);
    --bs-btn-border-color: white;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--tool-pri);
    --bs-btn-hover-border-color: white;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--tool-pri);
    --bs-btn-active-border-color: white;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn-sec {
    --ctp-btn-color: var(--tool-sec);
}

.btn-sm {
    text-transform: none;
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
}

ul.dropdown-menu li {
    border-bottom: 1px solid #eee;
}

li.nav-item {
    padding: 7px;
}

.navbar-light{
    border-bottom: #31b9ce 2px solid;
    box-shadow: 0 4px 12px -6px #222;
}


/****************************/
/*   HOME                 ***/
/****************************/

.flex-home-slider {
    border-bottom: var(--tool-pri) 2px solid;
    box-shadow: 0 4px 12px -6px #222;
}

.home-slider-1 {
    background: white url("/img/home-slider1.jpg") no-repeat center;
}
.home-slider-2 {
    background: white url("/img/home-slider2.jpeg") no-repeat center;
}
.home-slider-3 {
    background: white url("/img/home-slider3.jpg") no-repeat center;
}
.home-slider-4 {
    background: white url("/img/home-slider4.jpeg") no-repeat center;
}

.home-slider-text-flex {
    padding: 100px 0 0 0;
}

.home-slider-img img {
    width: 100%;
    max-width:400px;
}

.home-slider-img {
    padding: 0;
}

.row.home-slider {
    background-color: #e4e8e9;
}

.home-slider-text {
    padding: 40px 60px;
    background-color: rgba(0,0,0,0.7);
    max-width: 800px;
    color: white;
}

h3.home-slider-title {
    margin-bottom: 50px;
    text-transform: uppercase;
}

h4.home-slider-subtitle {
    margin-bottom: 30px;
}

p.home-slider-text-p {
    font-size: 0.85em;
}

/* Finder */
.container-home-finder {
    padding: 30px 0px;
}

.home-finder-img img{
    width:100%;
    max-width:300px;
}

.home-finder-text h5 {
    text-transform: uppercase;
    font-weight: 700;
}

.home-finder-text p {
    margin: 0px;
    font-size: 1.3rem;
    color: var(--tool-sec);
}

hr.home-finder-hr {
    opacity: 1;
}

.flex-home-huellas {
    background-color: var(--tool-grey);
    margin-bottom: 30px;
    padding: 50px 0 30px;
}

.home-huellas-ver p {
    text-align: center;
    color: white;
    margin-bottom: 0px;
}

.home-huellas-ver img {
    margin-right: 20px;
}

.home-huellas {
    margin-bottom: 20px;
}

.home-huellas-ver a {
    text-decoration: none;
    font-weight: normal;
}

.home-crea-img {
    text-align: center;
}

.home-crea-img img {
    width: 100%;
    max-width: 400px;
}

.container-flex.container-f-home-crea {
    border-bottom: var(--tool-pri) 2px solid;
}

.container-home-crea {
    margin-bottom: 30px;
}

.container-home-impulsa {
    margin-top: 30px;
}

.home-impulsa img {
    height: 150px;
}

.home-crea-img a:hover img {
    transform: scale(1.2);
    transition: all 1s;
}

.home-huellas-ver a:hover img {
    transform: rotate(180deg);
    transition: all 1s;
}

.home-huellas-title {
    text-align: center;
    color: white;
    margin-bottom: 15px;
}


/**************************************/
/***   BUSCADOR                       */
/*************************************/

.flex-tools-finder {
    border-bottom: var(--tool-pri) 2px solid;
    box-shadow: 0 4px 12px -6px #222;
    z-index: 1000;
    position: relative;
}

.container-finder-title {
    margin: 40px auto 30px auto;
}

.flex-tools-library {
    border-bottom: var(--tool-sec) 2px solid;
    box-shadow: 0 4px 12px -6px #222;
    background-color: var(--tool-grey);
}

.library-text-icon img {
    height: 80px;
    margin-right: 30px;
}

.metodology-text-icon img {
    height: 80px;
    margin-right: 30px;
}

.library-text h4{
    color:white;
}

.metodology-text h4{
    color: var(--tool-pri);
}

.buscador-text-banner-flex {
    height: 100%;
}

.buscador-text-banner-arrow {
    width: 0px;
    height: 0px;
    border-top: 90px solid transparent;
    border-bottom: 90px solid transparent;
    border-left: 50px solid var(--tool-sec);
}

.buscador-text-banner-panel {
    background: linear-gradient(to right, var(--tool-pri),var(--tool-sec));
    height: 180px;
    color: white;
    text-align: justify;
    padding: 10px 20px;
    font-size: 1.15rem;
}

.container-tools-library {
    padding: 30px 0px;
}

.container-tools-metodology {
    padding: 30px 0px;
}


.finder-step1-elements-row {
    background-color: black;
}

.finder-step1-option-col {
    padding: 0px;
}

.finder-step1-option {
    height: 200px;
    text-align: center;
    padding: 20px;
}

.finder-step1-option-icon img {
    height: 80%;
}

.finder-step1-option span {
    display: block;
    padding: 10px;
    font-size: 16px;
    color: white;
    text-decoration: none;
}

.finder-step1-option-col a {
    text-decoration: none;
}

.finder-step1-option-col a:hover img {
    transform: scale(1.1);
    transition: all 1s;
}

.finder-step1-option:hover {
  opacity: 0.8;
  transition: all .3s; 
}

.finder-step2-button {
    text-align: center;
    margin: 30px;
}

.finder-header-row {
    height: 46px;
}

.finder-header-step {
    margin: 12px 10px -8px 10px;
    color: white;
    background-color: var(--tool-sec);
    border-radius: 10px;
}

.finder-header-title {
    border-radius: 10px;
    margin: 0px 0px -10px;
    background-color: var(--tool-grey);
}

.finder-header-row span {
    color: white;
    font-weight: 800;
    margin: 0px 20px 5px 20px;
}

hr.finder-header-hr {
    border: 0;
    opacity: 1;
    height: 20px;
    background-color: var(--tool-grey);
    margin: 0 -12px;
    z-index: 1000;
    position: relative;
}

.finder-results-header-step {
    width: 100px;
}

.option-s3-text {
    display: flex;
}

.option-s3-icon img {
    height: 60px;
}

.option-s3-text {
    height: 60px;    
    padding-left: 30px;
    color: white;
}

.options-s3-check-label {
    width: 100%;
    cursor: pointer;
    background-color: #bababa;
}

.options-s3-check-label:hover {
    background-color: var(--tool-grey);
}

.options-s3-check-input[type="checkbox"] {
  -webkit-appearance: none;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.options-s3-check-input[type="checkbox"]:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f111";
  font-size: 18px;
  color: var(--tool-sec);
  right: 10px;
  top: 10px;
}
.options-s3-check-input[type="checkbox"]:checked:after {
  font-weight: 900;
  content: "\f058";
  color: var(--tool-sec);
}

.options-s3-check-input:checked + .options-s3-check-label {
    background-color: var(--tool-grey);
}

/***********************************/
/*     HERRAMIENTAS               **/
/***********************************/

.library-filter-buttons {
    margin: 20px 20px 60px;
}

.containter-finder-step1-elements {
    margin-bottom: 50px;
}

.container.containter-finder-results-tools {
    margin-bottom: 40px;
}

.row.home-finder-text {
    min-height: 300px;
}


.tool-ficha-resumen {
    border: 1px solid var(--tool-grey);
    height: 100%;
    background-color: #eeeded;
}

.flex-finder-no-results {
    padding-bottom: 40px;
    border-bottom: var(--tool-sec) 2px solid;
    box-shadow: 0 4px 12px -12px #222;
}

.finder-no-results h3 {
    color: var(--tool-grey);
    text-align: justify;
}

.tool-ficha-resumen-lite {
    border-top: none;
}

hr.hr-border-top-gradient {
    opacity: 1;
    border: 0;
    height: 4px;
    margin: 0;
    background: linear-gradient(to left, var(--tool-sec), var(--tool-pri));
}

.tool-ficha-resumen-lite {
    background-color: #fff;
}

.tool-ficha-recomendada {
    margin: 10px 0px;
}

.finder-results-tools-col {
    margin-bottom: 20px;
}

.tool-ficha-mupff {
    margin: 0;
    height: 20px;
    background-color: var(--tool-color);
}

.tool-ficha-buttons a {
    margin: 0px 10px;
}

.tool-ficha-logo {
    height: 100px;
    background-color: white;
}

.tool-ficha-buttons {
    margin-bottom: 10px;
}

.tool-ficha-recomendada img {
    height: 40px;
}

hr.tool-ficha-separador {
    opacity: 1;
    border: 0;
    height: 10px;
    margin: 0;
}

hr.tool-ficha-separador-grey {
    color: grey;
    opacity: 1;
    border: 2px solid;
    margin:0px;
}

hr.tool-ficha-separador-gradient {
    opacity: 1;
    border: 0;
    height: 10px;
    margin: 0;
}

hr.tool-ficha-separador-sec {
    background: linear-gradient(to right, var(--tool-sec), var(--tool-grey),var(--tool-grey));
}

hr.tool-ficha-separador-sec-short {
    background: linear-gradient(to right, var(--tool-sec), var(--tool-grey));
}

hr.tool-ficha-separador-pri {
    background: linear-gradient(to right, var(--tool-pri), var(--tool-grey),var(--tool-grey));
}

hr.tool-ficha-separador-gradient-pri {
    background: linear-gradient(to left , var(--tool-pri), var(--tool-grey));
}
hr.tool-ficha-separador-gradient-sec {
    background: linear-gradient(to left , var(--tool-sec), var(--tool-grey));
}

.tool-ficha-name {
    padding: 20px 30px;
}


h4.ficha-title-section {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 800;
}

.tool-ficha-section {
    padding: 20px;
}

.tool-ficha-section-ambitos {
    padding: 0px!important;
}

.tool-ficha-ambito {
    margin: 1px 0px 0px 0px;
}

.tool-ficha-ambito img {
    height: 50px;
    background-color: grey;
}

.tool-ficha-ambito span {
    margin-left: 10px;
    color: white;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
}

h3.ficha-name {
    font-size: 1.6rem;
}

.tool-ficha-section ul {
    font-size: 0.9rem;
}

.tool-ficha-section-light {
    background-color: white;
}

.tool-ficha-section-dark {
    background-color: #eeeded;
}

.tool-ficha-details {
    background: var(--tool-grey);
    height: 60px;
}

.tool-ficha-details p {
    text-align: center;
    color: white;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.tool-ficha-details img {
    margin-right: 20px;
}

.tool-ficha-details a {
    text-decoration: none;
    font-weight: normal;
}


.containter-show-tool {
    max-width: 800px;
}

.show-tool-flex-container {
    margin-bottom: 50px;
    margin-top: 50px;
}

.flex-show-tool {
    width: 100%;
    border: 1px solid black;
}

.show-tool-header {
    background-color: var(--tool-color);
    padding: 20px 0px 0 20px;
}

.show-tool-header h3 {
    color: white;
    padding: 10px 30px;
    margin: 0px 0px -10px 0px;
    border-radius: 13px;
    font-size: 1.2rem;
    text-transform: uppercase;
    background-color: #6c6c6c;
}

.tool-recomended-logo {
    padding: 0px 20px;
    text-align: center;
}

.tool-recomended-logo img {
    width: 80%;
}

.tool-ficha-ambito-dtl{
    margin: 0px 0px 1px 0px;
}


hr.tool-ficha-separador-gris {
    margin: 0;
    height: 10px;
    background-color: #6c6c6c;
    opacity: 1;
    border: 0;
}

.show-tool-title-logo {
    padding: 10px 20px;
    margin: 0px 0px 20px;
}

.show-tool-complexity img {
    width: 50%;
    margin: 20px 0px;
}

.show-tool-buttons a {
    margin-right: 20px;
}

a.btn-ficha-tool {
    text-transform: none;
    font-size: 1rem;
    border: 1px solid var(--tool-color);
    border-radius: 10px;
    color: var(--tool-color);
    margin: 10px;
}

a.btn-ficha-tool-web {
    background-color: #ebecf2;
}

a.btn.btn-ficha-tool:hover {
    color: white;
    background-color: var(--tool-color);
}

.show-tool-logo img {
    padding: 20px;
}

.show-tool-section-title {
    padding: 0px 20px;
}

.show-tool-section-title-white {
    background-color: #fff;
}

.show-tool-section-title h4 {
    color: white;
    padding: 5px 30px;
    margin: 0px 0px -7px 0px;
    border-radius: 10px;
    font-size: 1rem;
    text-transform: uppercase;
}

.show-tool-section-title-gra-pri h4{
    background: linear-gradient(to right, var(--tool-pri), var(--tool-grey));
}

.show-tool-section-title-pri h4{
    background-color: var(--tool-pri);
}

.show-tool-section-title-sec h4{
    background-color: var(--tool-sec);
}

.show-tool-section-title-gra-sec h4{
    background: linear-gradient(to right, var(--tool-sec), var(--tool-grey));
}

.show-tool-section-dark {
    background-color: #eeeded;
}

.show-tool-section {
    padding: 10px 20px;
    font-size: 0.9rem;
}

.show-tool-section-title-grey h4{
    background-color: #6c6c6c;
}

.show-tool-footer {
    height: 40px;
    background-color: var(--tool-grey);
}


/*************************
 *   HUELLAS            **
 * ***********************/
 .footprint-create-text {
    margin: 40px 0px;
}

.footprint-create-text-col {
    padding: 0;
}

.footprint-create-text-panel {
    color: white;
    background: linear-gradient(to bottom, var(--tool-pri), var(--tool-sec));
    padding: 20px;
}

.footprint-create-text-panel a {
    color: #d7feff;
    text-decoration: none;
}

.footprint-create-text-panel a:hover {
    text-decoration: underline;
}

.footprint-create-text-arrow {
    width: 0px;
    height: 0px;
    border: 100px solid;
    border-color: var(--tool-sec) transparent transparent transparent;
    border-width: 50px 100px 0 100px;
}

.container-create-footprint-form a {
    text-decoration: none;
}

.container-create-footprint-form a:hover {
    text-decoration: underline;
    color: var(--tool-pri);
}

.footprint-create-logo img {
    width: 65%;
}

.form-gei-perc {
    margin-top: 24px;
}

.show-tool-footprint-container {
    margin: 10px 0;
}

.containter-show-footprint {
    max-width: 600px;
}

.flex-show-footprint {
    width: 100%;
    border: 1px solid var(--tool-grey);
    background-color: white;
}

hr.hr-header-footprint {
    opacity: 1;
    border: 0;
    height: 4px;
    margin: 0;
}

.footprint-logo img {
    max-height: 150px;
    max-width: 95%;
    margin: 20px 0px;
}

.footprint-ficha-ambito {
    background: var(--tool-grey);
    color: white;
}

.footprint-ficha-ambito span {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 600;
}

.footprint-ficha-ambito img {
    height: 100px;
}

.footprint-ficha-ambito-text {
    margin: 0px 20px;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.footprint-ficha-ambito-text h5 {
    font-weight: 100;
    opacity: 0.9;
}

.footprint-ficha-section {
    margin: 10px 0;
}

.footprint-ficha-section-proyecto {
    margin: 20px 0 10px 0;
}

.footprint-ficha-section img {
    height: 60px;
    margin: 0px 20px 0px 70px;
}

.footprint-ficha-section-text h5 {
    margin: 0;
    color: var(--tool-pri);
}

.color-sec{
    color: var(--tool-sec)!important; 
}

.footprint-ficha-section-text span {
    font-size: 1.3rem;
    font-weight: 700;
}

hr.hr-section {
    margin: 0;
    border: 1px solid;
    opacity: 1;
}

.btn-ficha-footprint{
    margin: 10px;
}

.show-footprint-footer {
    height: 50px;
}

.flex-show-footprint-lite .footprint-logo img {
    max-height: 90px;
    max-width: 95%;
}

.flex-show-footprint-lite .footprint-ficha-ambito img {
    height: 70px;
}

.flex-show-footprint-lite .footprint-ficha-ambito-text h5 {
    font-size: 0.8rem;
}

.flex-show-footprint-lite .footprint-ficha-ambito span {
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 0.9rem;
}

.flex-show-footprint-lite .footprint-ficha-section img {
    height: 40px;
    margin: 0px 20px 0px 20px;
}

.flex-show-footprint-lite .footprint-ficha-section-text h5 {
    font-size: 0.8rem;
}

.flex-show-footprint-lite .footprint-ficha-section-text span {
    font-size: 0.8rem;
}

.show-footprint-footer a {
    text-decoration: none;
    font-weight: normal;
}

.show-footprint-footer p {
    text-align: center;
    color: white;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.title-huellas-tab {
    padding-left: 10%;
}

.flex-title-huellas .show-tool-section-title h4 {
    margin: 0px 0px -35px 0px;
}

.flex-title-huellas .show-tool-section-title {
    padding-left: 15%;
}

hr.hr-footprints-title {
    opacity: 1;
    border: 0;
    height: 10px;
    margin: 0;
    background: linear-gradient(to right, var(--tool-sec), var(--tool-pri));
    z-index: 100;
    position: relative;
}

.flex-show-footprint-lite .show-footprint-footer {
    border: 1px solid white;
}



/*************************
 * *** TIPOS PROYECTO   **
 * **********************/

 .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.ambitos-accordion-container a {
    text-decoration: none;
}

.ambitos-accordion-container a:hover {
    text-decoration: underline;
    color: var(--tool-sec);
}

button.accordion-button {
    padding: 0 20px 0 0;
    background-color: var(--tool-grey);
}

.ambitos-icon {
    background: linear-gradient(to bottom, var(--tool-pri), transparent);
}

.ambitos-icon.ambitos-icon-sec {
    background: linear-gradient(to bottom, var(--tool-sec), transparent);
}

.ambitos-icon img {
    height: 80px;
}

.ambitos-text h3 {
    color: white;
    text-transform: uppercase;
    font-size: 1.3rem;
    padding: 0 20px;
}

.accordion-button:not(.collapsed)::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>");
}

.accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath 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'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed) {
    background: linear-gradient(to right, var(--tool-pri), var(--tool-sec));
}

.accordion-button.accordion-button-sec:not(.collapsed) {
    background: linear-gradient(to right, var(--tool-sec), var(--tool-pri));
}

.accordion-body{
    border: 1px solid var(--tool-grey);
    border-top: none;
}



/**************************
 *  BREADCRUMB ************
 * ************************/
.breadcrumb-text {
    margin: 10px 0px;
}

span.breadcrumb-span {
    font-size: 0.9rem;
}

 .breadcrumb-span a {
    text-decoration: none;
}

 .breadcrumb-span a:hover {
    color: var(--tool-color);
}


















/****************************/
/*   FOOTER               ***/
/****************************/

.footer-copyright {
    text-align: center;
    padding: 4px;
    background: linear-gradient(to left, var(--tool-pri), var(--tool-sec));
    color: white;
    margin: 0;
}