.banner-ecommerce {
    background-image: url('/static/webpage_app/insumos/patrocina/banner-aporte.jpg');
    color: #fff;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 1.2rem;
    font-weight: 400;
}

/* Layout */
.patrocina-persona {
    max-width: 1150px;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Botones persona empresa */
.persona-options {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.persona-options .btn {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
    background-color: #F5F5F5;
    border-color: #f5f5f5;
    outline: none !important;
    font-size: 1.1rem;
    font-weight: 600;
    padding: .5rem;
    min-width: 200px;
    color: #888;
    display: flex;
    align-self: center;
    justify-content: center;
}

.persona-options .btn:active {
    background-color: #FF6B00 !important;
    border-color: #FF6B00 !important;
}

.persona-options .btn > * {
    align-self: center;
}

.catalogo2 .persona-options .btn > * {
    font-size: 1rem;
}

.persona-options img {
    margin-right: .75rem;
}

.persona-options .btn .white {
    display: none;
}

.persona-options .btn .orange {
    display: inline-block;
}

.persona-options .btn.active {
    background-color: #FF6B00 !important;
    border-color: #FF6B00 !important;
    outline: none !important;
}

.persona-options .btn.active .white {
    display: inline-block;
}

.persona-options .btn.active .orange {
    display: none;
}

/* Activar busqueda */
.activar-busqueda {
    font-weight: 600;
    color: #666;
    font-size: .9rem;
    padding-bottom: .3rem;
    display: inline-block;
    border-bottom: 5px solid #F5F5F5;
    cursor: pointer;
}

.activar-busqueda.active {
    border-bottom: 5px solid transparent;
}

.activar-busqueda i {
    margin-left: .3rem;
}

/* Busqueda */
.busqueda-avanzada {
    background-color: #F5F5F5;
    display: grid;
    grid-template-columns: repeat(4, auto);
    padding: 1rem 2rem;
    border-radius: 5px;
    grid-gap: 1rem;
}

.busqueda-avanzada > * {
    display: flex;
    justify-content: center;
    align-self: center;
}

.busqueda-avanzada > * > * {
    align-self: center;
}

.busqueda-avanzada .edad span {
    margin-left: .5rem;
    margin-right: .5rem;
}

.busqueda-avanzada .edad .range {
    display: flex;
}

.busqueda-avanzada .genero > * {
    margin-left: 1rem;
    margin-right: 1rem;
}

.busqueda-avanzada .genero label {
    display: flex;
    align-self: center;
    cursor: pointer;
    margin-bottom: 0;
}

.busqueda-avanzada .genero label > * {
    align-self: center;
    margin-right: .5rem;
}

.busqueda-avanzada .action .btn {
    font-weight: 600;
    min-width: 120px;
}

.busqueda-avanzada {
    position: relative;
}

.busqueda-avanzada .times {
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #F5F5F5;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.333rem;
    font-weight: 600;
    border-radius: 50%;
    cursor: pointer;

}

/* Slider */
.slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.sliderRange {
    -webkit-appearance: none; /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 10px; /* Specified height */
    background: #d3d3d3; /* Grey background */
    border-radius: 3px;
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}

/* Mouse-over effects */
.sliderRange:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.sliderRange::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 20px; /* Set a specific slider handle width */
    height: 20px; /* Slider handle height */
    border-radius: 50%;
    background: #FF6B00; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.sliderRange::-moz-range-thumb {
    width: 20px; /* Set a specific slider handle width */
    height: 20px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

/* Niños Previews */
.gridNinos {

    max-width: 960px;
    margin: 1.5rem auto 3rem auto;
}

.ninoPreview {
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}

.children-slider {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
    margin-top: 1rem;
}

.children-slider .ninoPreviewWrap {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
}

.fotoWrap {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    display: inline-block;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.ninoPreview .foto {
    margin: 0;
    margin-bottom: -33.333%;
    border-radius: 0;
    max-height: 175px;
}

.ninoPreview .info {
    color: #888;
}

.ninoPreview .info .dash {
    margin-left: .333rem;
    margin-right: .333rem;
}

.ninoPreview .info img {
    margin-right: .333rem;
}

.ninoPreview .cumpleanos {
    font-size: .9rem;
}

.ninoPreview .actions {
    display: flex;
    background-color: #F5F5F5;
    margin-top: 1rem;
}

.ninoPreview .actions > * {
    flex: 50%;
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .9rem;
    font-weight: 600;
    color: #00ACCA;
    cursor: pointer;
}

.ninoPreview .actions .left img {
    margin-right: .333rem;

}

.ninoPreview .actions .right {
    background-color: #CCCCCC;
    color: #666;
    line-height: 1.5rem;
}

/* Otras formas */
.fila-formas {
    margin-top: .75rem;
}

.otras-formas {
    padding-top: 1rem;
    padding-bottom: 4rem;
}

.formaAyudar .wrap {
    height: 100%;
    position: relative;
}

.formaAyudar .titulo {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.65);
    padding: .5rem 1.5rem;
    font-weight: 600;
    color: #fff;
    border-radius: 10px 0 0 0;
    font-size: 1.1rem;
}

.formaAyudar .titulo i {
    color: #FF6B00;
    font-size: 1.2rem;
    margin-right: .33rem;
}

/* Empresa */
.empresaGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
}

.empresaGrid .benefit {
    background-color: #F5F5F5;
    padding: 1rem 1.5rem;
}

.empresaGrid .benefit {
    display: flex;
    line-height: 1.2;
    border-radius: 5px;
    color: #555;
}

.empresaGrid .benefit .icon {
    margin-right: 1rem;
}

.empresaGrid .benefit > * {
    align-self: center;
}

/* Donar Grid */
.donarGrid {
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.donarGrid .left img {
    padding:1.5rem;
    max-width: 450px;
    margin: 0 auto;
    display: block;
}

.donarGrid .left p {
    margin-bottom: 0;
    line-height: 1.2;
    color: #777;
}

.donarGrid .titulo {
    font-weight: 600;
    color: #FF6B00;
}

.donarGrid .right{
    border:1px solid rgba(0,0,0,0.12);
    border-radius: 10px;
    overflow: hidden;
}

/* Formulario Donar */
.formulario-donar table {
    max-width: 415px;
    min-width: 350px;
    text-align: left;
    margin: 0 auto;
}

@media (max-width: 750px) {
    .formulario-donar table{
        min-width: 300px;
    }
}

.donarGrid .formulario-donar .titulo {
    margin-bottom: 1rem;
}

.formulario-donar table label {
    font-weight: 600;
}

.formulario-donar table td {
    padding-bottom: .5rem;
    padding-top: .5rem;
}

.formulario-donar table {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

.formulario-donar .break {
    padding-bottom: 0;
    padding-top: 0;
}

.formulario-donar .break hr {
    margin-bottom: 0.5rem;
    border-top: 1px solid #ddd;
}

.formulario-donar .total {
    font-size: 1.2rem;
    color: #FF6B00;
    font-weight: 600;
    text-align: center;
}

.formulario-donar .btn {
    font-weight: 600;
}

/* Condiciones de certificacion */
.condiciones-certificacion {
    background-color: #F5F5F5;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-top: 3rem;
}

.condiciones-certificacion h5, .condiciones-certificacion p {
    margin-bottom: 0;
}

.condiciones-certificacion h5 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #555;
}

/* Empresas aliadas */
.empresas-aliadas {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.empresas-aliadas .section-title {
    margin-bottom: 0;
}

.empresas-aliadas .boton {
    margin-top: 2rem;
}

.logos-aliados {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.logos-aliados .icono {
    border-radius: 50%;
}

/* Contacto empresas */
.contacto-empresas {
    background-color: #00ACCA;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

.contacto-empresas p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
}

.contacto-empresas .boton {
    padding: .5rem 1rem;
    cursor: pointer;
    display: flex;
}

.contacto-empresas .boton:hover {
    background-color: #f1f1f1;
}

.contacto-empresas .boton > * {
    align-self: center;
}

.contacto-empresas .boton img {
    margin-left: .5rem;
}

/* Haz tu donación */
.banner-donar .widgetDonar {
    position: absolute;
    width: 500px;
    right: 0;
    bottom: 0;
}

.donacion1 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.donacion1 .section-title {
    margin-bottom: 1.5rem;
}

.donacionGrid {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: 1fr 1fr;
}

.donacionPreview{
    border:1px solid rgba(0,0,0,0.12);
    border-radius: 10px;
    overflow: hidden;
}

.donacionPreview .naui-overlay{
    position: relative;
}

.donacionPreview .box {
    position: relative;
    bottom: 0;
    width: 100%;
    display: flex;
    padding: .5rem 1rem;
    color: #555;
    min-height: 130px;
}

.donacionPreview .box .info {
    flex: auto;
    padding-right: 1rem;
    padding-bottom:.75rem;
}

@media(max-width: 750px){
    .donacionPreview .box{
        display: block;
    }
}

.donacionPreview .box .info dd {
    line-height: 1.1
}

.donacionPreview .box > * {
    align-self: center;
}

.donacionPreview .box .btn {
    font-weight: 600;
}

.donacionPreview .box .btn i {
    margin-left: .33rem;
}

.donacion2 {
    padding-bottom: 4rem;
}

.section-donar {
    padding-top: 2rem;
}

.otras-formas .donarGrid {
    margin-top: 1rem;
}

/* Catalogo de regalos */
.catalogo1 {
    padding-top: 3rem;
}

.catalogo1 .section-title {
    margin-bottom: 0;
}

.catalogo2 p {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.catalogo2 {
    padding-bottom: 3rem;
}

/* Regalos */
.regalosGrid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
    display: grid;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.donacionPreview.regalo .box {
    bottom: auto;
    top: 0;
}

/* Checkout */
.checkout {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.checkoutGrid {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-gap: 3rem;
}

/* Cart */
.cart .title {
    display: flex;
}

.cart .title > * {
    align-self: center;
}

.cart .title h5 {
    margin: 0;
    font-size: 1.4rem;
    color: #555;
    font-weight: 600;
}

.cart .title img {
    margin-right: .75rem;
}

/* Cart Item */
.item-cart {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    padding-top: 1rem;
    padding-right: 4rem;
}

.item-cart .itemGrid {
    display: grid;
    grid-template-columns: 190px 2fr 1fr;
    grid-template-areas: 'image name total' 'image fields fields';
    grid-gap: .5rem 1rem;
}

.item-cart.patrocinio dd {
    color: #FF6B00;
}

.itemGrid .image {
    grid-area: image;
}

.itemGrid .name {
    grid-area: name;
    padding-top: 1rem;
}

.itemGrid .fields {
    grid-area: fields;
}

.itemGrid .total {
    grid-area: total;
    padding-top: 1rem;

}

.item-cart {
    position: relative;
}

.item-cart .times {
    position: absolute;
    right: 1rem;
    top: 1.75rem;
    font-size: 1.5rem;
    border-radius: 50%;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 25px;
    width: 30px;
    text-align: center;
    color: #555;
    cursor: pointer;
}

.item-cart dt {
    color: #333;
    font-weight: 500;
    font-size: 1.33rem;
}

.item-cart label {
    color: #555;
    font-size: .9rem;
}

/* Formulario Checkout */
.ficha-form {
    padding: 1.5rem;
    background-color: #f5f5f5;
}

.totales {
    display: flex;
    justify-content: flex-end;
    padding-right: 2.5rem;
    margin-top: 1rem;
}

.totales table td {
    padding: .5rem 1rem;
    font-size: 1.1rem;
    color: #555;
}

.totales table .total {
    background-color: #f5f5f5;
    color: #FF6B00;
    font-weight: 600;
}

.totales table .total td {
    color: #FF6B00;
}

/* Acordion */
.accord .card-header h5 {
    font-size: 1.1rem;
    color: #555;
}

.accord .card-header {
    background-color: #eee;
    border: none;
    border-radius: 0;
}

.accord .card.active .card-header {
    background-color: #ddd;
}

.accord .card {
    margin-bottom: .25rem;
    border: none;
    border-radius: 5px;
    overflow: hidden;
}

/* Perfil del niño */
.back {
    font-weight: 600;
    color: #FF6B00;
    margin-bottom: .5rem;
    font-size: .9rem;
    display: inline-block;
}

.back:hover {
    color: #FF6B00;
}

.nino-cover {
    padding-top: 3rem;
}

.nino-cover {
    padding-bottom: 7rem;
}

.nino-cover .naui-overlay {
    bottom: 0;
}

.nino-cover .naui-overlay .foto {
    position: absolute;
    width: 100%;
    bottom: -6rem;
}

.nino-cover .naui-overlay .foto img {
    border-radius: 0;
    margin-bottom: -33.33%;
    width: 200px;
}

.nino-cover .naui-overlay .foto .btn {
    font-weight: 600;
}

.nino-cover .fotoWrap {
    margin-bottom: .5rem;
}

.nino-words {
    color: #333;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.nino-words h1 {
    font-size: 2rem;
}

.nino-words h5 {
    font-size: 1.15rem;
    font-weight: 500;
}

.nino-words h5 span {
    color: #FF6B00;

}

/* Ajuste slider niños */
.children-slider .slider-arrow {
    background: none;
    border: none;
    opacity: 1;
}

/* Vista niño */

.vista-nino {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.vista-nino .orange {
    color: #FF6B00;
}

.vista-nino .media.principal {
    min-height: 220px;
}

.vista-nino .media.principal .media-left {
    width: 230px;
}

.vista-nino .media.principal .media-left img {
    max-height: 150px;
    margin-right: 2rem;
}

.vista-nino .media.principal .media-body {
    padding-right: 1rem;
}

.vista-nino video {
    background-color: #f4f4f4;
    margin-bottom: 2rem;
}

.vista-nino .block-left .media.item img {
    max-width: 60px;
    margin-right: 2rem;
}

.vista-nino .block-left .media.item {
    margin-bottom: 2rem;
    margin-left: 2rem;
}

.vista-nino .block-left .media.item p {
    font-size: 1.4rem;
    margin-top: 1rem;
    line-height: 1.3
}

.vista-nino .block-right .content h5 {
    margin-top: 2rem;
}

.vista-nino .block-right .content {
    padding-left: 2rem;
}

.vista-nino .block-right {
    border-left: 1px solid #ccc;
}

.vista-nino .block-bottom {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ccc;
}

.vista-nino p {
    font-weight: 400
}

.vista-nino .row1 p {
    font-weight: 400;
}

/* Pago Exitoso */
.pago-exitoso {
    padding-top: 4rem;
    padding-bottom: 3rem;
}

.pago-exitoso h1 {
    font-weight: 300;
    color: #FF6B00;
    margin-bottom: 2rem;
}

.pago-exitoso h5 {
    margin-bottom: 1.5rem;
    color: #555;
}

.pago-exitoso table {
    border-top: 1px solid #ddd;
    margin-top: 1rem;
}

.pago-exitoso .boton {
    margin-top: 1rem;
}

/* Donar por causas */
.gridCausas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.5rem;
}

.causa {
    display: grid;
    grid-template-columns: 210px 1fr;
    grid-gap: 2rem;
    padding:1rem;
    border:1px solid rgba(0,0,0,0.12);
    border-radius: 10px;
}

.causa-bar .progress-bar {
    background-color: #FF6B00;
}

.causa .text {
    margin-top: 1.5rem;
}

.causa-bar .bar {
    margin-bottom: .5rem;
}

.causa-bar .collected {
    color: #999999;
    font-weight: 600;

}

.causa-bar .collected span {
    color: #FF6B00;
    font-weight: 600;
    margin-right: .33rem;
    font-size: 1.2rem;
}

.causa .btn {
    font-weight: 600;
    margin-top: .5rem;
}

.causa .btn i {
    margin-left: .5rem;
}

.causa .image {
    position: relative;
}

.causa .image .title {
    position: absolute;
    bottom: 0;
    padding: .5rem 1rem;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-weight: 600;
    line-height: 1.3;
    width: 100%;
    border-radius:5px;
}

.causas3 {
    padding-bottom: 6rem;
}
w1200{
    max-width: 1200px;
    margin: 0 auto;
}

.causa-bar .collected .goal {
    font-weight: 500;
    color: #333333;
}

/* Donar Causa Item */
.section-donar-causa h1 {
    font-size: 1.5rem;
    color: #FF6B00;
    text-align: left;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.action-causa-progress {
    background-color: #F6F6F6;
}

.gridRowCausa {
    padding: 1rem 2rem;
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-gap: 3rem;
    text-align: left;
}

.gridRowCausa .label {
    font-size: 1.1rem;
    font-weight: 600;
    color: #666666;
}

.action-causa-form .titulo {
    display: none;
}

.action-causa-form .formulario-donar table {
    margin-top: 0;
}

.action-causa-form .formulario-donar .total {
    text-align: left;
}

.action-causa-form .formulario-donar button {
    width: 100%;
}

.section-donar-causa .impacto {
    margin-top: 0;
}

.section-donar-causa dt {
    color: #333333;
    margin-bottom: .33rem;
}

.section-donar-causa dd {
    color: #00ACCA;
}

.section-donar-causa p {
    font-size: 1.05rem;
}


.gridCausas4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2.5rem;
}

.box-b{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

small{
    line-height: 1;
}

.causa.vertical {
    grid-template-columns: 1fr;
}

.causa.vertical {
    display: block;
}

.causa.vertical .image {
    margin-bottom: 2rem;
}

.mixed-title h3 {
    color: #666666;
    font-weight: 600;
    font-size: 1.7rem;
}

.mixed-title h4 {
    color: #FF6B00;
    font-size: 1.3rem;
    font-weight: 600;
}

.mixed-title {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.causas2 {
    padding-bottom: 3.33rem;
}

.causas2 .texto-banner {
    display: flex;
    height: 100%;
    padding-left: 2rem;
}

.causas2 .texto-banner > * {
    align-self: center;
}

.causas2 .texto-banner h2 {
    color: #fff;
}

.section-donar-causa-2 {
    padding-bottom: 4rem;
}


/* Banner Casuas */
.causas2 {
    background-color: #f4f4f4;
    padding-top: 1rem;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
}

.banner-causa {
    display: flex;
    margin-left: 3rem;
}

.banner-causa h2 {
    color: #FF6B00;
}

.banner-causa > * {
    align-self: center;
}

.banner-causa .img-wrapper {
    width: 125px;
    height: 125px;
    /*overflow: hidden;*/
    border-radius: 50%;
    margin-right: 2rem;
}

.banner-causa .img-wrapper img {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.causas2 {
    background-color: #00ACCA;
    color: #fff;
}

.causas2 h2 {
    color: #fff;
}

.causas2 p {
    color: #fff;
    margin-bottom: 0;
    font-size: 1.1rem;
}

/* Ajustes checkout pagos recurrentes */
.pago-resumen{
    padding-bottom:1rem;
}

.pago-resumen p{
    margin-bottom:0.25rem;
    color: #000;
}

.pago-resumen .label{
    margin-bottom:.5rem;
}

.pago-resumen .label i{
    margin-right:.5rem
}

.pago-resumen .label .fa-info-circle{
    margin-left: .5rem;
    color: #FF6B01;
}

.titulo-resumen-checkout{
    color: #000;
}

.titulo-resumen-checkout p{
    color: #000;
}

.titulo-resumen-checkout span{
    margin-left: .5rem;
    color: #FF6B01;
    text-decoration: underline;
    cursor: pointer;
    font-size: .9rem;
}

.accord a{
    color: #FF6B01;
}

.accord input[type="checkbox"]{
    margin-right:.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    height: 17px;
    width: 17px;
    border-radius: 4px;
    border:1px solid #ddd;
    background-color: white;
    position: relative;
    top:2px;
}

.accord input[type="checkbox"]:checked{
    background-color: #FF6B00;
    border-color: #FF6B00;
}

.accord input[type="checkbox"]:checked:after{
    content: '';
    border-right:2px solid white;
    border-bottom:2px solid white;
    width: 5px;
    height: 10px;
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    left: calc(50% - 2px);
    top:calc(50% - 7px);
    color: white;
    position: absolute;
}

.accord .form-group{
    margin-bottom:.5rem;
}

.accord .btn-primary{
    margin-top:1rem;
}

.accord .alert{
    margin-bottom:1rem;
}

.accord .alert i{
    margin-right:.5rem;
}

.accord .alert{
    width: 100%;
}

.accord .alert a{
    color: #007bff;
}

.accord .orange{
    color: #FF6B00;
}

.accord .iconos{
    margin-bottom: .5rem;
}

.accord p{
    margin-bottom:.25rem;
}

.checkout-resumen p{
    color:#000;
    margin-bottom:0.25rem;
}

.card-header{
    cursor: pointer;
}

.checkout-back{
    color: #FF6B00;
    cursor: pointer;
    padding:.5rem;
    margin-top:.5rem;
}

.box-total{
    display: flex;
    justify-content: center;
    background-color: white;
    color: #000;
    align-items: center;
    padding:.5rem 0;
}

.box-total strong{
    font-weight: 600;
}

.box-total p{
    font-weight: 500;
}

.box-total>*{
    margin: 0;
    font-weight: 400;
}

.box-total>*:first-child{
    margin-right:1rem;
}

.card-checkout{
    background-color: white;
    padding:1rem;
    border:1px solid #E1E1E1;
    margin-bottom:1rem;
}

.card-checkout .d-flex img{
    margin-right:.5rem;
}

.card-checkout .d-flex{
    align-items: center;
}

.radio-metodos{
    margin:.5rem 0;
}

.radio-metodo-pago{
    margin-right:1rem;
}

.card-checkout p{
    margin-bottom:.25rem;
}

.card-checkout p:last-child{
    margin-bottom:0;
}

.overlay-text{
    padding:.5rem;
    background-color: white;
    border:1px solid lightgrey;
    border-radius:4px;
    font-size: .9rem;
}

.pointer{
    cursor: pointer;
}

.checkout-conoce-mas{
    text-decoration: underline;
    cursor: pointer;
}