a.alert-border {
    border-style: solid;
    border-width: 1px
}

a.alert-azul {
    background: #0098c5;
    color: #fff;
    border-color: #007e9b
}

a.alert-verde-agua {
    background: #3fb7af;
    color: #fff;
    border-color: #34938a
}

a.alert-azul:hover {
    background: #007e9b
}

a.alert-verde-agua:hover {
    background: #34938a
}

#breadcrumbs {
    background: rgba(0,0,0,.06);
    display: inline-block;
    padding: 10px;
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: lighter
}

.btn-1,.btn-negro {
    background: #000
}

.btn-1,.btn-2,.btn-3,.btn-azul,.btn-negro,.btn-rojo,.buttons {
    display: inline-block;
    padding: 13px 22px;
    border: 1px solid rgb(0 0 0/5%);
    border-radius: 7px;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: "Roboto Condensed", -apple-system,system-ui,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
    font-weight: 600;
    font-size: 13pt;
    letter-spacing: 1px;
    color: #fff;
    box-shadow: 0 3px 6px 1px rgb(0 0 0 / 11%), 0 0px 15px 9px rgb(0 0 0 / 5%);
    transition: all 0.2s cubic-bezier(0.27, 0, 0.175, 1);
}
.button_blue {
    background: #0098c5
}
.button_blue:hover {
    background: #0183ab;
}
.button_green {
    background: #7B9F2D;
}
.button_green:hover {
    background: #628021;
}
.button_red {
    background: #c50019;
}
.button_red:hover { 
    background: #8c0012;
}
.button_orange {
    background: #f9a619;
}
.button_orange:hover {
    background: #d78d0c;
}
a.buttons.button_yellow {
    background: #fad576;
    color: #137691;
}
a.buttons.button_yellow:hover {
    background: #fdce56; 
    color: #137691;
}
a.buttons.button_white {
    background: #FFF;
    color: #055268;
}
a.buttons.button_white:hover {
    background: #FFF;
    color: #024558;
}
a.buttons.button_black {
    background: #4a4d59;
}
a.buttons.button_black:hover {
    background: #383a43;
}
.buttons_group_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.button_lower_case {
    text-transform: capitalize;
}
.buttons_group_grid a {
    text-align: center;
}
.btn-2,.btn-azul {
    background: #0098c5
}
.btn-3,.btn-rojo {
    background: #c03426
}

.btn-1:hover, .btn-2:hover, .btn-3:hover, .btn-azul:hover, .btn-negro:hover, .btn-rojo:hover, .button_blue:hover, .buttons:hover, p.buttons:hover {
    transform: scale(0.97);
    color: #fff;
    text-decoration: none;
}

.btn-1:hover,.btn-negro:hover {
    background: #333
}

.btn-2:hover,.btn-azul:hover {
    background: #0183ab;
}

.btn-3:hover,.btn-rojo:hover {
    background: #cc3129
}
.button_grid_center {
    display: grid;
    width: max-content;
    margin: auto;
    grid-template-columns: min-content max-content;
    grid-gap: 5px;
}
div.alert, p.alert a {
    position: relative;
    padding: 9px 13px;
    margin: 8px 0;
    border: 1px solid rgba(0 0 0/4%);
    border-radius: 7px;
    line-height: 1.3;
    font-size: 10pt; 
}

p.alert a {
    padding: 14px 15px 13px;
    color: rgba(255,255,255,.8)
}

div.acordeon,p.alert {
    margin: 20px 0
}

table tr td p.alert {
    margin: 5px 0;
    text-align: center
}

table tr td p.alert a {
    padding: 9px 15px
}

.alert p {
    color: rgba(0,0,0,.6);
    padding: 7px 3px 1px 3px;
    line-height: 1.3;
    margin: 4px 0 11px;
}

.alert-azul,.alert-primary {
    background-color: #e1f5ff
}

.alert-gris, .alert-secondary {
    background-color: #e8e8e8;
}
.alert-success, .alert-verde {
    background-color: #bedcca;
}
.alert-danger, .alert-rojo {
    background-color: #ffebeb;
    color: rgb(0 0 0/85%);
}
.alert-naranja, .alert-warning {
    background-color: #fff1e1;
}
.alert-amarillo, .alert-info {
    background-color: #f7e8a1;
}
.alert-blanco, .alert-light {
    background-color: #f4f6ff;
}
.alert-dark p,.alert-negro p {
    color: rgba(255,255,255,.8);
    color: #fff
}

.alert-dark,.alert-negro {
    background-color: #333;
    border-color: #000;
    color: #fff
}

a.alert-azul,a.alert-primary {
    background-color: #009dca
}

a.alert-gris,a.alert-secondary {
    background-color: #383d41
}

a.alert-success,a.alert-verde {
    background-color: #5d6d42
}

a.alert-danger,a.alert-rojo {
    background-color: #781915
}

a.alert-naranja,a.alert-warning {
    background-color: #ad6e29
}

a.alert-amarillo,a.alert-info {
    background-color: #998a58
}

a.alert-blanco,a.alert-light {
    background-color: #818182
}

a.alert-dark,a.alert-negro {
    background-color: #c9c9c9;
    border-color: #000
}

p.alert a:hover {
    text-decoration: none;
    opacity: .9;
    box-shadow: inset 0 0 5px 3px rgba(0,0,0,.1)
}

div.alert hr {
    border-top-color: rgba(0,0,0,.6)
}

.alert-rojo-danger,.alert-text-danger {
    color: #c53526
}

.alert-text-naranja,.alert-text-warning {
    color: #faa61a
}

.alert-text-succes,.alert-text-verde {
    color: #79a340
}
/*  */
.alert.alert-politicas {
    padding: 6px 12px;
    background: #f5f5f5;
}
.alert-policy p {
    padding: 0;
    font-size: 9pt;
    line-height: 1.1;
    letter-spacing: -0.3px;
}
/*  */
.button-icon {
    border-radius: 30px;
    border: 1px solid rgba(175,175,175,.8);
    font-size: 17px;
    color: #666!important;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center
}

.button-icon:hover {
    background: #f1f1f1
}

.button-icon i {
    text-align: center;
    width: 100%
}

.acordeon li ul,.acordeon>div>div {
    display: none
} 
.acordeon>div>a:after,
.acordeon>li>a:after,
.acordeon>div>button:after {
    content: '\002B';
    float: right;
    margin-left: 5px;
    font-family: 'foundrymonolinebold'
}

.acordeon >div>a.active:after,
.acordeon >div>button.active:after {
    content: "\002D"
}

div.acordeon {
    box-shadow: 0 2px 6px 0px rgb(0 0 0 / 5%), 0 0 60px 0 rgb(39 102 149 / 10%);
    border-radius: 7px;
}

.acordeon>div>div,div.acordeon>div>a,div.acordeon>div>button {
    border-bottom: 1px solid #edeeef;
}

div.acordeon>div>a{
    padding: 18px 22px;
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 10px;
    font-family: "Roboto Condensed", -apple-system,system-ui,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
    font-size: 12pt;
    font-weight: 600;
    letter-spacing: 1px;
}
div.acordeon>div>button {
    text-align: left;
    border: none;
    font-size: 13pt;
    padding: 18px 22px;
    cursor: pointer;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 10px;
    color: #007ae6;
    border-bottom: 1px solid #e1e4ea;
}

.acordeon > div >a.active,
.acordeon > div >button.active {
    background: rgb(0 0 0/5%);
}

.acordeon>div>div {
    padding: 20px
}

div.acordeon>div:last-child>a,div.acordeon>div:last-child>div,div.acordeon>div:last-child>button {
    border-bottom: none
}
div.acordeon>div:last-child>div {
    border-top: 1px solid #e1e4ea
    
}

.acordeon.out_styles {
    box-shadow: none;
    border-radius: 7px;
    margin: 15px 0;
    border: 1px solid #e1e1e1;
}
.accordeon.out_styles > div:nth-child(2n+1) {
    background: rgb(0 0 0 /3%);
}
div.acordeon.pdp>div>button {
    grid-template-columns: max-content 1fr min-content;
}
div.acordeon.pdp>div>button::before {
    content: counter(step);
    counter-increment: step;
}
div.acordeon.highlight div a.acordeon_name_button {
    background: #047495;
    color: #f6a700;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14pt;
}
/* ACCORDEON*/
.accordeon>div>button:after {
    content: '\002B';
    float: right;
    margin-left: 5px; 
    font-family: 'foundrymonolinebold';
}
.accordeon .open > button:after {
    content: "\002D"
}
div.accordeon {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%), 0 10px 30px 0 rgb(39 102 149 / 20%);
    border-radius: 7px;
    margin:15px 0;
}  
div.accordeon > div {
    border-bottom: 1px solid rgb(0 0 0/10%);
}
div.accordeon > div:last-child {
    border-bottom: none;
}
div.accordeon button {
	text-align:left;
	border:none;
    font-size: 13pt;
    padding: 18px 22px;
    cursor: pointer;
    width:100%;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 10px;
    color: #007ae6;
}
.accordeon .open > button {
    background: rgb(0 0 0/5%);
    border-bottom: 1px solid #e1e4ea;
} 
.accordeon > div > div {
	padding: 20px 18px; 
  	background-color: white;
  	max-height: 0;
    overflow: hidden; 
    display: none;
 	transition: height 0.2s ease-in;
} 
.accordeon > div > div.active {
    display: block;
}
.tabs .accordeon {
    background: rgb(0 0 0/6%);
    border: 1px solid rgb(0 0 0/6%);
    box-shadow: none;
}
.alert-highlight {
    color: #fff;
    padding: 6px;
    display: inline-block
}

.alert-highlight:hover {
    color: #fff
}
p.green_text {
    color: #7B9F2D;
} 
p.blue_text {
    color: #0098c5
} 
p.purple_text {
    color: #5c19f9;
} 
p.yellow_text {
    color: #f9a619;
} 
p.orange_text {
    color: #f96719;
} 
p.red_text {
    color: #c50019;
}