:root {

--bs-color-blanco:#ffffff;

--bs-color-ama1:#FCFAD6;
--bs-color-ama2:#F8F3A7;
--bs-color-ama3:#F2EC6A;
--bs-color-ama4:#F7E455; /*oficial */
--bs-color-ama5:#F0D30D;
--bs-color-ama6:#F9CF01;

--bs-color-gris1:#E8E8E8;
--bs-color-gris2:#ADB0B6;
--bs-color-gris3:#878C94; /*oficial #e0e0e0*/
--bs-color-gris4:#818181;
--bs-color-gris5:#666666;
--bs-color-gris6:#575757;


--bs-color-azul1:#ECF8F9;
--bs-color-azul2:#158cba;
--bs-color-azul3:#2779AA; /*oficial    #003366*/
--bs-color-azul4:#22619F;
--bs-color-azul5:#005279;
--bs-color-azul6:#003366;
--bs-color-azul7:#002463;



/*--bs-coloaramacc:#F8F3A7;
--bs-coloaramac:#F7E455;
--bs-coloaramam:#F4DB2B;
--bs-coloaramaf:#F9CF01;

--bs-colorgrisc:#E8E8E8;
--bs-colorgrism:#868B93;
--bs-colorgrisf:#707070;
--bs-colorgriso:#575757;*/


--bs-bg-body: #EEEEEE;
--bs-bg-blanco:#ffffff;

--bs-bg-ama1:#FCFAD6;
--bs-bg-ama2:#F8F3A7;
--bs-bg-ama3:#F2EC6A;
--bs-bg-ama4:#F7E455; /*oficial*/
--bs-bg-ama5:#F0D30D;
--bs-bg-ama6:#F9CF01;

--bs-bg-gris1:#E8E8E8;
--bs-bg-gris2:#ADB0B6;
--bs-bg-gris3:#878C94; /*oficial*/
--bs-bg-gris4:#818181;
--bs-bg-gris5:#666666;
--bs-bg-gris6:#575757;

--bs-bg-azul1:#ECF8F9;
--bs-bg-azul2:#158cba;
--bs-bg-azul3:#2779AA; /*oficial*/
--bs-bg-azul4:#22619F;
--bs-bg-azul5:#005279;
--bs-bg-azul6:#003366;
--bs-bg-azul7:#002463;




--bs-font-sans-serif: 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";
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;

}

/*----------------------------------------background------------------------------------*/
.bg-amarillo1{
    background-color: var(--bs-bg-ama1);
}
.bg-amarillo2{
    background-color: var(--bs-bg-ama2);
}
.bg-amarillo3{
    background-color: var(--bs-bg-ama3);
}
.bg-amarillo4{
    background-color: var(--bs-bg-ama4);
}
.bg-amarillo5{
    background-color: var(--bs-bg-ama5);
}
.bg-amarillo6{
    background-color: var(--bs-bg-ama6);
}

.bg-gris1{
    background-color: var(--bs-bg-gris1);
}
.bg-gris2{
    background-color: var(--bs-bg-gris2);
}
.bg-gris3{
    background-color: var(--bs-bg-gris3);
}
.bg-gris4{
    background-color: var(--bs-bg-gris4);
}
.bg-gris5{
    background-color: var(--bs-bg-gris5);
}
.bg-gris6{
    background-color: var(--bs-bg-gris6);
}

.bg-azul1{
  background-color: var(--bs-bg-azul1);
}
.bg-azul2{
  background-color: var(--bs-bg-azul2);
}
.bg-azul3{
  background-color: var(--bs-bg-azul3);
}
.bg-azul4{
  background-color: var(--bs-bg-azul4);
}
.bg-azul5{
  background-color: var(--bs-bg-azul5);
}
.bg-azul6{
  background-color: var(--bs-bg-azul6);
}
.bg-azul7{
  background-color: var(--bs-bg-azul7);
}
/*----------------------------------------background------------------------------------*/
/*----------------------------------------color------------------------------------*/
.color-amarillo1{
    color: var(--bs-color-ama1);
}
.color-amarillo2{
    color: var(--bs-color-ama2);
}
.color-amarillo3{
    color: var(--bs-color-ama3);
}
.color-amarillo4{
    color: var(--bs-color-ama4);
}
.color-amarillo5{
    color: var(--bs-color-ama5);
}
.color-amarillo6{
    color: var(--bs-color-ama6);
}

.color-gris1{
    color: var(--bs-color-gris1);
}
.color-gris2{
    color: var(--bs-color-gris2);
}
.color3-gris3{
    color: var(--bs-color-gris3);
}
.color-gris4{
    color: var(--bs-color-gris4);
}
.color-gris5{
    color: var(--bs-color-gris5);
}
.color-gris6{
    color: var(--bs-color-gris6);
}

.color-azul1{
  color: var(--bs-color-azul1);
}
.color-azul2{
  color: var(--bs-color-azul2);
}
.color-azul3{
  color: var(--bs-color-azul3);
}
.color-azul4{
  color: var(--bs-color-azul4);
}
.color-azul5{
  color: var(--bs-color-azul5);
}
.color-azul6{
  color: var(--bs-color-azul6);
}
.color-azul7{
  color: var(--bs-color-azul7);
}
/*----------------------------------------background------------------------------------*/


/*----------------------------------------botones------------------------------------*/

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-color-azul6) !important;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-color-azul5) !important;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.cursor {cursor : pointer}
/*----------------------------------------botones------------------------------------*/
/*----------------------------------------titulos--------------------------------------*/
h3 {
    color: var(--bs-color-azul4) !important;
    font-size: 26px;
    margin-bottom: 20px !important;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 700!important;
    padding: 0 0 0 20px;
    position: relative;
    padding: 0 0 0 20px;
    display: inline-block;
    background-color: var(--bs-bg-azul1);
    padding: 1.25rem;
    /*border: 1px solid var(--bs-bg-azul2)  !important;*/
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
    width: 100%;
}
h3:after {
    background: var(--bs-bg-azul4) !important;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),0 1px 1px rgba(255,255,255,.3);
    background-image: linear-gradient(to top,#ec6a33 0,#e93f33 100%);
    background-image: linear-gradient(to top,#e93f33,#ea4b32,#eb5632,#ec6032,#ec6a33);
}


.color-box {
    margin: 20px 0;
    padding-left: 20px;
    position: relative;
    margin-bottom: 40px!important;
}
.color-box .shadow-box {
    margin: 0;
}
.shadow-box {
    /*background: #F7F8F9;*/
    /*padding: 3px;*/
    margin: 15px 0 20px !important;
    box-shadow: var(--bs-box-shadow)!important;

}
.note-box,.warning-box,.tip-box{
    padding:15px 15px 2px 28px
}
.tip-icon {
    background: var(--bs-bg-azul1) !important;
}
.info-tab {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 0;
}
.tip-box {
    color: var(--bs-color-blanco);
    background: var(--bs-bg-azul4) !important;
    font-size: 32px;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 700!important;
}

.tip-icon i::before {
    background: var(--bs-bg-azul1) !important;

}
.info-tab i::before {
    width: 20px;
    height: 20px;
    box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}
.info-tab i::before, .info-tab i::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -15px;
    transform: rotateX(60deg);
}
.info-tab i::after {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: var(--bs-bg-body);
    border-left-color: var(--bs-bg-body);
    bottom: -18px;
}
.info-tab::before, .info-tab::after {
    display: inline-block;
    color: var(--bs-color-azul6);
    line-height: normal;
    /*font-family: "icomoon";*/
    position: absolute;
}
.tip-icon::before {
    font-size: 24px;
    /*content: "\e901";*/
    top: 7px;
    left: 9px;
}


/*----------------------------------------texto--------------------------------------*/

.text-justify {
    text-align: justify!important;
}
/*----------------------------------------texto--------------------------------------*/