.fluido{
    width: 100%;
}


.texto_centrado{
    text-align: center;
}

.texto_bold{
    font-family: 'Jost-SemiBold';
}


.texto_justificado{
    text-align: justify;
}

/* Font sizes from 8 to 30 */
.fs-8 {
    font-size: 8px;
}
.fs-9 {
    font-size: 9px;
}
.fs-10 {
    font-size: 10px;
}
.fs-11 {
    font-size: 11px;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px;
}
.fs-15 {
    font-size: 15px;
}
.fs-16 {
    font-size: 16px;
}
.fs-17 {
    font-size: 17px;
}
.fs-18 {
    font-size: 18px;
}
.fs-19 {
    font-size: 19px;
}
.fs-20 {
    font-size: 20px;
}
.fs-21 {
    font-size: 21px;
}
.fs-22 {
    font-size: 22px;
}
.fs-23 {
    font-size: 23px;
}
.fs-24 {
    font-size: 24px;
}
.fs-25 {
    font-size: 25px;
}
.fs-26 {
    font-size: 26px;
}
.fs-27 {
    font-size: 27px;
}
.fs-28 {
    font-size: 28px;
}
.fs-29 {
    font-size: 29px;
}
.fs-30 {
    font-size: 30px;
}

/* Margin top from 1 to 40 */
.mt-1 {
    margin-top: 1px;
}
.mt-2 {
    margin-top: 2px;
}
.mt-3 {
    margin-top: 3px;
}
.mt-4 {
    margin-top: 4px;
}
.mt-5 {
    margin-top: 5px;
}
.mt-6 {
    margin-top: 6px;
}
.mt-7 {
    margin-top: 7px;
}
.mt-8 {
    margin-top: 8px;
}
.mt-9 {
    margin-top: 9px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-11 {
    margin-top: 11px;
}
.mt-12 {
    margin-top: 12px;
}
.mt-13 {
    margin-top: 13px;
}
.mt-14 {
    margin-top: 14px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-16 {
    margin-top: 16px;
}
.mt-17 {
    margin-top: 17px;
}
.mt-18 {
    margin-top: 18px;
}
.mt-19 {
    margin-top: 19px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-21 {
    margin-top: 21px;
}
.mt-22 {
    margin-top: 22px;
}
.mt-23 {
    margin-top: 23px;
}
.mt-24 {
    margin-top: 24px;
}
.mt-25 {
    margin-top: 25px;
}
.mt-26 {
    margin-top: 26px;
}
.mt-27 {
    margin-top: 27px;
}
.mt-28 {
    margin-top: 28px;
}
.mt-29 {
    margin-top: 29px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-31 {
    margin-top: 31px;
}
.mt-32 {
    margin-top: 32px;
}
.mt-33 {
    margin-top: 33px;
}
.mt-34 {
    margin-top: 34px;
}
.mt-35 {
    margin-top: 35px;
}
.mt-36 {
    margin-top: 36px;
}
.mt-37 {
    margin-top: 37px;
}
.mt-38 {
    margin-top: 38px;
}
.mt-39 {
    margin-top: 39px;
}
.mt-40 {
    margin-top: 40px;
}

/* Margin left from 1 to 40 */
.ml-1 {
    margin-left: 1px;
}
.ml-2 {
    margin-left: 2px;
}
.ml-3 {
    margin-left: 3px;
}
.ml-4 {
    margin-left: 4px;
}
.ml-5 {
    margin-left: 5px;
}
.ml-6 {
    margin-left: 6px;
}
.ml-7 {
    margin-left: 7px;
}
.ml-8 {
    margin-left: 8px;
}
.ml-9 {
    margin-left: 9px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-11 {
    margin-left: 11px;
}
.ml-12 {
    margin-left: 12px;
}
.ml-13 {
    margin-left: 13px;
}
.ml-14 {
    margin-left: 14px;
}
.ml-15 {
    margin-left: 15px;
}
.ml-16 {
    margin-left: 16px;
}
.ml-17 {
    margin-left: 17px;
}
.ml-18 {
    margin-left: 18px;
}
.ml-19 {
    margin-left: 19px;
}
.ml-20 {
    margin-left: 20px;
}
.ml-21 {
    margin-left: 21px;
}
.ml-22 {
    margin-left: 22px;
}
.ml-23 {
    margin-left: 23px;
}
.ml-24 {
    margin-left: 24px;
}
.ml-25 {
    margin-left: 25px;
}
.ml-26 {
    margin-left: 26px;
}
.ml-27 {
    margin-left: 27px;
}
.ml-28 {
    margin-left: 28px;
}
.ml-29 {
    margin-left: 29px;
}
.ml-30 {
    margin-left: 30px;
}
.ml-31 {
    margin-left: 31px;
}
.ml-32 {
    margin-left: 32px;
}
.ml-33 {
    margin-left: 33px;
}
.ml-34 {
    margin-left: 34px;
}
.ml-35 {
    margin-left: 35px;
}
.ml-36 {
    margin-left: 36px;
}
.ml-37 {
    margin-left: 37px;
}
.ml-38 {
    margin-left: 38px;
}
.ml-39 {
    margin-left: 39px;
}
.ml-40 {
    margin-left: 40px;
}

/* Margin right from 1 to 40 */
.mr-1 {
    margin-right: 1px;
}
.mr-2 {
    margin-right: 2px;
}
.mr-3 {
    margin-right: 3px;
}
.mr-4 {
    margin-right: 4px;
}
.mr-5 {
    margin-right: 5px;
}
.mr-6 {
    margin-right: 6px;
}
.mr-7 {
    margin-right: 7px;
}
.mr-8 {
    margin-right: 8px;
}
.mr-9 {
    margin-right: 9px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-11 {
    margin-right: 11px;
}
.mr-12 {
    margin-right: 12px;
}
.mr-13 {
    margin-right: 13px;
}
.mr-14 {
    margin-right: 14px;
}
.mr-15 {
    margin-right: 15px;
}
.mr-16 {
    margin-right: 16px;
}
.mr-17 {
    margin-right: 17px;
}
.mr-18 {
    margin-right: 18px;
}
.mr-19 {
    margin-right: 19px;
}
.mr-20 {
    margin-right: 20px;
}
.mr-21 {
    margin-right: 21px;
}
.mr-22 {
    margin-right: 22px;
}
.mr-23 {
    margin-right: 23px;
}
.mr-24 {
    margin-right: 24px;
}
.mr-25 {
    margin-right: 25px;
}
.mr-26 {
    margin-right: 26px;
}
.mr-27 {
    margin-right: 27px;
}
.mr-28 {
    margin-right: 28px;
}
.mr-29 {
    margin-right: 29px;
}
.mr-30 {
    margin-right: 30px;
}
.mr-31 {
    margin-right: 31px;
}
.mr-32 {
    margin-right: 32px;
}
.mr-33 {
    margin-right: 33px;
}
.mr-34 {
    margin-right: 34px;
}
.mr-35 {
    margin-right: 35px;
}
.mr-36 {
    margin-right: 36px;
}
.mr-37 {
    margin-right: 37px;
}
.mr-38 {
    margin-right: 38px;
}
.mr-39 {
    margin-right: 39px;
}
.mr-40 {
    margin-right: 40px;
}

/* Margin bottom from 1 to 40 */

.mb-menos20 {
    margin-bottom: -20px;
}
.mb-menos5 {
    margin-bottom: -5px;
}
.mb-1 {
    margin-bottom: 1px;
}
.mb-2 {
    margin-bottom: 2px;
}
.mb-3 {
    margin-bottom: 3px;
}
.mb-4 {
    margin-bottom: 4px;
}
.mb-5 {
    margin-bottom: 5px;
}
.mb-6 {
    margin-bottom: 6px;
}
.mb-7 {
    margin-bottom: 7px;
}
.mb-8 {
    margin-bottom: 8px;
}
.mb-9 {
    margin-bottom: 9px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-11 {
    margin-bottom: 11px;
}
.mb-12 {
    margin-bottom: 12px;
}
.mb-13 {
    margin-bottom: 13px;
}
.mb-14 {
    margin-bottom: 14px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-16 {
    margin-bottom: 16px;
}
.mb-17 {
    margin-bottom: 17px;
}
.mb-18 {
    margin-bottom: 18px;
}
.mb-19 {
    margin-bottom: 19px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-21 {
    margin-bottom: 21px;
}
.mb-22 {
    margin-bottom: 22px;
}
.mb-23 {
    margin-bottom: 23px;
}
.mb-24 {
    margin-bottom: 24px;
}
.mb-25 {
    margin-bottom: 25px;
}
.mb-26 {
    margin-bottom: 26px;
}
.mb-27 {
    margin-bottom: 27px;
}
.mb-28 {
    margin-bottom: 28px;
}
.mb-29 {
    margin-bottom: 29px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-31 {
    margin-bottom: 31px;
}
.mb-32 {
    margin-bottom: 32px;
}
.mb-33 {
    margin-bottom: 33px;
}
.mb-34 {
    margin-bottom: 34px;
}
.mb-35 {
    margin-bottom: 35px;
}
.mb-36 {
    margin-bottom: 36px;
}
.mb-37 {
    margin-bottom: 37px;
}
.mb-38 {
    margin-bottom: 38px;
}
.mb-39 {
    margin-bottom: 39px;
}
.mb-40 {
    margin-bottom: 40px;
}

/* Padding top from 1 to 40 */
.pt-1 {
    padding-top: 1px;
}
.pt-2 {
    padding-top: 2px;
}
.pt-3 {
    padding-top: 3px;
}
.pt-4 {
    padding-top: 4px;
}
.pt-5 {
    padding-top: 5px;
}
.pt-6 {
    padding-top: 6px;
}
.pt-7 {
    padding-top: 7px;
}
.pt-8 {
    padding-top: 8px;
}
.pt-9 {
    padding-top: 9px;
}
.pt-10 {
    padding-top: 10px;
}
.pt-11 {
    padding-top: 11px;
}
.pt-12 {
    padding-top: 12px;
}
.pt-13 {
    padding-top: 13px;
}
.pt-14 {
    padding-top: 14px;
}
.pt-15 {
    padding-top: 15px;
}
.pt-16 {
    padding-top: 16px;
}
.pt-17 {
    padding-top: 17px;
}
.pt-18 {
    padding-top: 18px;
}
.pt-19 {
    padding-top: 19px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-21 {
    padding-top: 21px;
}
.pt-22 {
    padding-top: 22px;
}
.pt-23 {
    padding-top: 23px;
}
.pt-24 {
    padding-top: 24px;
}
.pt-25 {
    padding-top: 25px;
}
.pt-26 {
    padding-top: 26px;
}
.pt-27 {
    padding-top: 27px;
}
.pt-28 {
    padding-top: 28px;
}
.pt-29 {
    padding-top: 29px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-31 {
    padding-top: 31px;
}
.pt-32 {
    padding-top: 32px;
}
.pt-33 {
    padding-top: 33px;
}
.pt-34 {
    padding-top: 34px;
}
.pt-35 {
    padding-top: 35px;
}
.pt-36 {
    padding-top: 36px;
}
.pt-37 {
    padding-top: 37px;
}
.pt-38 {
    padding-top: 38px;
}
.pt-39 {
    padding-top: 39px;
}
.pt-40 {
    padding-top: 40px;
}

.pt-100 {
    padding-top: 100px;
}

/* Padding left from 1 to 40 */
.pl-1 {
    padding-left: 1px;
}
.pl-2 {
    padding-left: 2px;
}
.pl-3 {
    padding-left: 3px;
}
.pl-4 {
    padding-left: 4px;
}
.pl-5 {
    padding-left: 5px;
}
.pl-6 {
    padding-left: 6px;
}
.pl-7 {
    padding-left: 7px;
}
.pl-8 {
    padding-left: 8px;
}
.pl-9 {
    padding-left: 9px;
}
.pl-10 {
    padding-left: 10px;
}
.pl-11 {
    padding-left: 11px;
}
.pl-12 {
    padding-left: 12px;
}
.pl-13 {
    padding-left: 13px;
}
.pl-14 {
    padding-left: 14px;
}
.pl-15 {
    padding-left: 15px;
}
.pl-16 {
    padding-left: 16px;
}
.pl-17 {
    padding-left: 17px;
}
.pl-18 {
    padding-left: 18px;
}
.pl-19 {
    padding-left: 19px;
}
.pl-20 {
    padding-left: 20px;
}
.pl-21 {
    padding-left: 21px;
}
.pl-22 {
    padding-left: 22px;
}
.pl-23 {
    padding-left: 23px;
}
.pl-24 {
    padding-left: 24px;
}
.pl-25 {
    padding-left: 25px;
}
.pl-26 {
    padding-left: 26px;
}
.pl-27 {
    padding-left: 27px;
}
.pl-28 {
    padding-left: 28px;
}
.pl-29 {
    padding-left: 29px;
}
.pl-30 {
    padding-left: 30px;
}
.pl-31 {
    padding-left: 31px;
}
.pl-32 {
    padding-left: 32px;
}
.pl-33 {
    padding-left: 33px;
}
.pl-34 {
    padding-left: 34px;
}
.pl-35 {
    padding-left: 35px;
}
.pl-36 {
    padding-left: 36px;
}
.pl-37 {
    padding-left: 37px;
}
.pl-38 {
    padding-left: 38px;
}
.pl-39 {
    padding-left: 39px;
}
.pl-40 {
    padding-left: 40px;
}

/* Padding right from 1 to 40 */
.pr-1 {
    padding-right: 1px;
}
.pr-2 {
    padding-right: 2px;
}
.pr-3 {
    padding-right: 3px;
}
.pr-4 {
    padding-right: 4px;
}
.pr-5 {
    padding-right: 5px;
}
.pr-6 {
    padding-right: 6px;
}
.pr-7 {
    padding-right: 7px;
}
.pr-8 {
    padding-right: 8px;
}
.pr-9 {
    padding-right: 9px;
}
.pr-10 {
    padding-right: 10px;
}
.pr-11 {
    padding-right: 11px;
}
.pr-12 {
    padding-right: 12px;
}
.pr-13 {
    padding-right: 13px;
}
.pr-14 {
    padding-right: 14px;
}
.pr-15 {
    padding-right: 15px;
}
.pr-16 {
    padding-right: 16px;
}
.pr-17 {
    padding-right: 17px;
}
.pr-18 {
    padding-right: 18px;
}
.pr-19 {
    padding-right: 19px;
}
.pr-20 {
    padding-right: 20px;
}
.pr-21 {
    padding-right: 21px;
}
.pr-22 {
    padding-right: 22px;
}
.pr-23 {
    padding-right: 23px;
}
.pr-24 {
    padding-right: 24px;
}
.pr-25 {
    padding-right: 25px;
}
.pr-26 {
    padding-right: 26px;
}
.pr-27 {
    padding-right: 27px;
}
.pr-28 {
    padding-right: 28px;
}
.pr-29 {
    padding-right: 29px;
}
.pr-30 {
    padding-right: 30px;
}
.pr-31 {
    padding-right: 31px;
}
.pr-32 {
    padding-right: 32px;
}
.pr-33 {
    padding-right: 33px;
}
.pr-34 {
    padding-right: 34px;
}
.pr-35 {
    padding-right: 35px;
}
.pr-36 {
    padding-right: 36px;
}
.pr-37 {
    padding-right: 37px;
}
.pr-38 {
    padding-right: 38px;
}
.pr-39 {
    padding-right: 39px;
}
.pr-40 {
    padding-right: 40px;
}

/* Padding bottom from 1 to 40 */
.pb-1 {
    padding-bottom: 1px;
}
.pb-2 {
    padding-bottom: 2px;
}
.pb-3 {
    padding-bottom: 3px;
}
.pb-4 {
    padding-bottom: 4px;
}
.pb-5 {
    padding-bottom: 5px;
}
.pb-6 {
    padding-bottom: 6px;
}
.pb-7 {
    padding-bottom: 7px;
}
.pb-8 {
    padding-bottom: 8px;
}
.pb-9 {
    padding-bottom: 9px;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-11 {
    padding-bottom: 11px;
}
.pb-12 {
    padding-bottom: 12px;
}
.pb-13 {
    padding-bottom: 13px;
}
.pb-14 {
    padding-bottom: 14px;
}
.pb-15 {
    padding-bottom: 15px;
}
.pb-16 {
    padding-bottom: 16px;
}
.pb-17 {
    padding-bottom: 17px;
}
.pb-18 {
    padding-bottom: 18px;
}
.pb-19 {
    padding-bottom: 19px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pb-21 {
    padding-bottom: 21px;
}
.pb-22 {
    padding-bottom: 22px;
}
.pb-23 {
    padding-bottom: 23px;
}
.pb-24 {
    padding-bottom: 24px;
}
.pb-25 {
    padding-bottom: 25px;
}
.pb-26 {
    padding-bottom: 26px;
}
.pb-27 {
    padding-bottom: 27px;
}
.pb-28 {
    padding-bottom: 28px;
}
.pb-29 {
    padding-bottom: 29px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-31 {
    padding-bottom: 31px;
}
.pb-32 {
    padding-bottom: 32px;
}
.pb-33 {
    padding-bottom: 33px;
}
.pb-34 {
    padding-bottom: 34px;
}
.pb-35 {
    padding-bottom: 35px;
}
.pb-36 {
    padding-bottom: 36px;
}
.pb-37 {
    padding-bottom: 37px;
}
.pb-38 {
    padding-bottom: 38px;
}
.pb-39 {
    padding-bottom: 39px;
}
.pb-40 {
    padding-bottom: 40px;
}

/* Line height classes */
.lh-1 {
    line-height: 1;
}
.lh-1-1 {
    line-height: 1.1;
}
.lh-1-2 {
    line-height: 1.2;
}
.lh-1-3 {
    line-height: 1.3;
}
.lh-1-4 {
    line-height: 1.4;
}
.lh-1-5 {
    line-height: 1.5;
}
.lh-1-6 {
    line-height: 1.6;
}
.lh-1-7 {
    line-height: 1.7;
}
.lh-1-8 {
    line-height: 1.8;
}
.lh-1-9 {
    line-height: 1.9;
}
.lh-2 {
    line-height: 2;
}


.padding_15 {
    padding: 15px;
}

.padding_10 {
    padding: 10px;
}



/*estilos ia*/
:root {
    --primary-color: #2c3e50;
    --secondary-color: #e74c3c;
    --light-color: #ecf0f1;
    --dark-color: #2c3e50;
    --text-color: #333;
    --text-light: #7f8c8d;
}

body {
    font-family: 'Jost-Regular', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-color);
    overflow-x: hidden;

}

.header_quienes{
    width: 100%;
    height: 300px;
    background-image: url(../images/header_quienes.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}

.contenedor_clientes{
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    min-height: 800px;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 10px;
}

.cliente_01 {
    background-image: url(../images/clientes/cliente_01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    /*overflow: hidden;*/
}

.cliente_02{
    background-image: url(../images/clientes/cliente_02.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    /*overflow: hidden;*/
}

.cliente_03 {
    background-image: url(../images/clientes/cliente_03.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    /*overflow: hidden;*/
}

.cliente_04 {
    background-image: url(../images/clientes/cliente_04.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    /*overflow: hidden;*/
}

.cliente_05 {
    background-image: url(../images/clientes/cliente_05.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    /*overflow: hidden;*/
}

.cliente_06 {
    background-image: url(../images/clientes/cliente_06.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_07 {
    background-image: url(../images/clientes/cliente_07.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_08 {
    background-image: url(../images/clientes/cliente_08.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_09 {
    background-image: url(../images/clientes/cliente_09.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_10 {
    background-image: url(../images/clientes/cliente_10.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_11 {
    background-image: url(../images/clientes/cliente_11.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_12 {
    background-image: url(../images/clientes/cliente_12.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_13 {
    background-image: url(../images/clientes/cliente_13.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_14 {
    background-image: url(../images/clientes/cliente_14.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_15 {
    background-image: url(../images/clientes/cliente_15.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_16 {
    background-image: url(../images/clientes/cliente_16.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_17 {
    background-image: url(../images/clientes/cliente_17.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_18 {
    background-image: url(../images/clientes/cliente_18.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_19 {
    background-image: url(../images/clientes/cliente_19.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_20 {
    background-image: url(../images/clientes/cliente_20.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_21 {
    background-image: url(../images/clientes/cliente_21.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_22 {
    background-image: url(../images/clientes/cliente_22.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_23 {
    background-image: url(../images/clientes/cliente_23.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_24 {
    background-image: url(../images/clientes/cliente_24.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_25 {
    background-image: url(../images/clientes/cliente_25.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_26 {
    background-image: url(../images/clientes/cliente_26.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_27 {
    background-image: url(../images/clientes/cliente_27.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}


.cliente_28 {
    background-image: url(../images/clientes/cliente_28.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}
.cliente_29 {
    background-image: url(../images/clientes/cliente_29.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_30 {
    background-image: url(../images/clientes/cliente_30.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_31 {
    background-image: url(../images/clientes/cliente_31.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_32 {
    background-image: url(../images/clientes/cliente_32.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_33 {
    background-image: url(../images/clientes/cliente_33.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_34 {
    background-image: url(../images/clientes/cliente_34.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}

.cliente_35 {
    background-image: url(../images/clientes/cliente_35.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    float: left;
    overflow: hidden;
}



.powered-by{
    text-align: right;
    color: #9c9c9c;
    text-decoration: none;
}

.texto_centrado{
    text-align: center;
}

.categoria_principal {
    font-family: 'Jost-SemiBold';
    color: #000000;
    text-align: center;
}


.cat_principal_01 {
    background-image: url(../images/icon_bolsa.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}

.cat_principal_02 {
    background-image: url(../images/icon_caja.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}


.cat_principal_03 {
    background-image: url(../images/icon_deportivos.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}


.cat_principal_04 {
    background-image: url(../images/icon_ejecutivos.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}

.cat_principal_05 {
    background-image: url(../images/icon_escritura.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}

.cat_principal_06 {
    background-image: url(../images/icon_termo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}

.cat_principal_07 {
    background-image: url(../images/icon_kids.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}
.cat_principal_08 {
    background-image: url(../images/icon_llavero.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}

.cat_principal_09 {
    background-image: url(../images/icon_medico.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}


.cat_principal_10 {
    background-image: url(../images/icon_oficina.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}


.cat_principal_11 {
    background-image: url(../images/icon_reloj.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}


.cat_principal_12 {
    background-image: url(../images/icon_belleza.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}

.cat_principal_13 {
    background-image: url(../images/icon_sublimacion.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}

.cat_principal_14 {
    background-image: url(../images/icon_taza.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}

.cat_principal_15 {
    background-image: url(../images/icon_usb.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}

.cat_principal_16 {
    background-image: url(../images/icon_playera.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}

.cat_principal_17 {
    background-image: url(../images/icon_viajes.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    float: left;
    background-position: center center;
}











.griss_footer{
    width: 100%;
    height: auto;
    min-height: 60px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    float: left;
    background-color: #272727;
}


.relativo{
    position: relative;
    float: left;
}

.banner_cat_01{
    background-image:  url(../images/f_banner_01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 250px;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 20px;
    color: #ffffff;
    margin-bottom: 15px;
}

.banner_cat_02{
    background-image:  url(../images/f_banner_02.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 250px;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 20px;
    color: #ffffff;
    margin-bottom: 15px;

}

.logo_footer{
    background-image:  url(../images/logo_footer.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 74px;
    position: relative;
    float: left;
    margin-bottom: 15px;
}

.logo_footer2{
    background-image:  url(../images/icon_footer.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 96px;
    position: relative;
    float: left;
    margin-bottom: 15px;
    margin-top: 30px;
}

.col-md-footer {
    flex: 0 0 auto;
    width: 23.333333%;
}


.banner_cat_03{
    background-image:  url(../images/f_banner_03.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 515px;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 20px;
    color: #ffffff;
    margin-bottom: 15px;
}
.banner_cat_04{
    background-image:  url(../images/f_banner_04.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 250px;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 20px;
    color: #ffffff;
    margin-bottom: 15px;
}

.banner_cat_05{
    background-image:  url(../images/f_banner_05.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 250px;
    overflow: hidden;
    position: relative;
    float: left;
    padding: 20px;
    color: #ffffff;
    margin-bottom: 15px;
}

.spacer_line{
    background-color: #e6e6e6;
    width: 100%;
    position: relative;
    float: left;
    height: 1px;

}


.cat_f_01{
    background-image:  url(../images/categoria_01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

.cat_f_02{
    background-image:  url(../images/categoria_02.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

.cat_f_03{
    background-image:  url(../images/categoria_03.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

.cat_f_04{
    background-image:  url(../images/categoria_04.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

.cat_f_05{
    background-image:  url(../images/categoria_05.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

.cat_f_06{
    background-image:  url(../images/categoria_06.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}


.cat_f_07{
    background-image:  url(../images/categoria_07.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

.cat_f_08{
    background-image:  url(../images/categoria_08.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}


.cat_f_09{
    background-image:  url(../images/categoria_09.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}


.cat_f_10{
    background-image:  url(../images/categoria_10.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

.cat_f_11{
    background-image:  url(../images/categoria_11.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

.cat_f_12{
    background-image:  url(../images/categoria_12.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

.cat_f_01{
    background-image:  url(../images/categoria_01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 160px;
    position: relative;
    float: left;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

.servicio_icono_01{
    background-image:  url(../images/servicio_01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 80px;
    position: relative;
    float: left;
}

.servicio_icono_02{
    background-image:  url(../images/servicio_02.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 80px;
    position: relative;
    float: left;
}


.servicio_icono_03{
    background-image:  url(../images/servicio_03.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 80px;
    position: relative;
    float: left;
}

.servicio_icono_04{
    background-image:  url(../images/servicio_04.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 80px;
    position: relative;
    float: left;
}

.servicio_icono_05{
    background-image:  url(../images/servicio_05.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 80px;
    position: relative;
    float: left;
}

.servicio_icono_06{
    background-image:  url(../images/servicio_06.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 80px;
    position: relative;
    float: left;
}

.servicio_icono_07{
    background-image:  url(../images/servicio_07.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 80px;
    position: relative;
    float: left;
}

.servicio_icono_08{
    background-image:  url(../images/servicio_08.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    width: 100%;
    height: auto;
    min-height: 80px;
    position: relative;
    float: left;
}



.btn-whatsapp {
    display: block;
    width: 70px;
    height: 70px;
    color: #fff;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    z-index: 999;
}




/* Header */
.navbar {
    background-color: white;
    /*box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
    padding: 5px 0;
    font-size: 17px;
}

.navbar-brand img {
    width: 207px;
    height: 99px;
}

.nav-link {
    color: var(--dark-color);
    font-weight: 500;
    margin: 0 10px;
    font-family: 'Jost-SemiBold';
}

.nav-link:hover {
    color: var(--secondary-color);
}



.boton_slider{
    background-color: #000000;
    width: 170px;
    height: 45px;
    color: #ffffff;
    padding: 13px 20px 13px 20px;
    font-family: 'Jost-Regular';
    text-decoration: none;
}



.banner_uno{
    background:  url('../images/banner1.jpg') no-repeat left top;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 400px;
}

.banner_dos{
    background:  url('../images/banner2.jpg') no-repeat left top;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 400px;
}


/* Hero Section */
.hero-section {
    background:  url('../images/slider-01.jpg') no-repeat center center;
    background-size: cover;
    color: white;
    padding: 350px 0;
    /*text-align: center;*/
    height: 750px;
}

.hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Jost-Bold';
    color: #000000;
}

.hero-subtitle {
    font-size: 1.3rem;
    margin-bottom: 30px;
    font-family: 'Jost-Regular';
    color: #000000;
    line-height: 1;
}

.titulo_servicios {
    font-size: 18px;

    font-family: 'Jost-SemiBold';

}
.blanco{
    color: #ffffff;
}


/* Categorías */
.section-title {
    font-size: 2rem;
    font-weight: 700;
    /* margin-bottom: 20px;*/
    color: #ff0000;
    text-align: center;
    position: relative;
}

.section-title_blanco {
    font-size: 2rem;
    font-weight: 700;
    /* margin-bottom: 20px;*/
    color: #ffffff;
    text-align: center;
    position: relative;
}

/*.section-title:after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: var(--secondary-color);
    margin: 15px auto;
}*/

.category-card {
    border: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s;
    margin-bottom: 30px;
    height: 100%;
}

.category-card:hover {
    transform: translateY(-10px);
}

.category-img {
    height: 200px;
    object-fit: cover;
}

.category-title {
    font-weight: 600;
    color: var(--primary-color);
}

/* Productos destacados */
.product-card {
    border: none;
    /* border-radius: 10px; */
    overflow: hidden;
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
    transition: all 0.3s;
    margin-bottom: 30px;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.product-img {
    height: 300px;
    object-fit: contain;
    padding: 0px;
    background: #ffffff;
    border-style: solid;
    border-color: #e6e6e6;
    border-width: 1px;
}

.product-title {
    font-weight: 600;
    color: var(--primary-color);
    margin-top: 15px;
}

.product-price {
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 1.2rem;
}

.btn-detalle {
    color: #af0000;
    font-weight: 500;
    transition: all 0.3s;
}

.btn-detalle:hover {
    color: #ff0000;
}



.btn-details {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: 500;
    transition: all 0.3s;
}

.btn-details:hover {
    background-color: var(--secondary-color);
    color: white;
    transform: translateY(-2px);
}

/* Sobre nosotros */
.about-section {
    background-color: #a20401;
    padding: 10px;
    color: #ffffff;

}


.punteada{
    border-color: #c37573;
    border-style: dashed;
    border-width: 1px;
    padding: 15px;
}

/* Servicios */
.service-card {
    background: white;
    border-color: #e8e8e8;
    /* border-radius: 10px; */
    padding: 20px;
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); */
    transition: all 0.3s;
    /* height: 100%; */
    text-align: center;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 20px;
    margin-top: 20px;
    height: auto;
    min-height: 230px;
    line-height: 1.5;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.service-icon {
    font-size: 3rem;
    color: var(--secondary-color);
    margin-bottom: 20px;
}

/* Contacto */
.contact-section {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://via.placeholder.com/1920x600') no-repeat center center;
    background-size: cover;
    color: white;
    padding: 80px 0;
}

.contact-form {
    background: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.form-control {
    height: 50px;
}

textarea.form-control {
    height: 150px;
}

.btn-submit {
    background-color: var(--secondary-color);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s;
    width: 100%;
}

.btn-submit:hover {
    background-color: var(--primary-color);
    transform: translateY(-3px);
}

/* Footer */
.footer {
    background-color: #000000;
    color: white;
    padding: 25px;
    width: 100%;
    min-height: 450px;
    overflow: hidden;
}

a {
    color: var(--text-color);
    text-decoration: none;
}

.footer-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: white;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #bdc3c7;
    text-decoration: none;
    transition: all 0.3s;
}

.footer-links a:hover {
    color: white;
    padding-left: 5px;
}

.copyright {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 20px;
    margin-top: 40px;
    color: #bdc3c7;
    font-size: 0.9rem;
}

.security-badge {
    max-width: 100%;
    margin-top: 20px;
    float: right;
}



/* Responsive */
@media (max-width: 1392px) {
    .service-card {

        min-height: 291px;
        height: auto;
        overflow: hidden;

    }
}
/* Responsive */
@media (max-width: 992px) {

    .service-card {
        min-height: 342px;
    }


    .banner_uno {
        min-height: 290px;

    }

    .banner_dos {
        min-height: 290px;
        margin-bottom: 20px;
    }

}
/* Responsive */
@media (max-width: 768px) {

    .service-card {
        min-height: 261px;

    }


    .mt-35 {
        margin-top: 5px;
    }


    /*    .py-5 {
            padding-top: 1rem !important;
            padding-bottom: 0rem !important;
            height: auto;
            min-height: 300px;
            overflow: hidden;
        }*/

    .col-md-footer {
        width: 100%;
    }

    .logo_footer {
        background-position: center;

    }

    .footer-title {
        text-align: center;
    }

    .footer-links li {
        text-align: center;
    }

    .security-badge {
        float: none;
    }



    .hero-title {
        font-size: 2.5rem;
    }

    .hero-subtitle {
        font-size: 1.2rem;
    }

    .section-title {
        font-size: 1.8rem;
        width: 100%;
        float: left;
        position: relative;
    }

    .cliente_01 {
        min-height: 80px;
    }

    .cliente_02 {
        min-height: 80px;
    }

    .cliente_03 {
        min-height: 80px;
    }
    .cliente_04 {
        min-height: 80px;
    }
    .cliente_05 {
        min-height: 80px;
    }
    .cliente_06 {
        min-height: 80px;
    }
    .cliente_07 {
        min-height: 80px;
    }
    .cliente_08 {
        min-height: 80px;
    }
    .cliente_09 {
        min-height: 80px;
    }
    .cliente_10 {
        min-height: 80px;
    }
    .cliente_11 {
        min-height: 80px;
    }
    .cliente_12 {
        min-height: 80px;
    }

    .cliente_13 {
        min-height: 80px;
    }

    .cliente_14 {
        min-height: 80px;
    }

    .cliente_15 {
        min-height: 80px;
    }

    .cliente_16 {
        min-height: 80px;
    }
    .cliente_17 {
        min-height: 80px;
    }
    .cliente_18 {
        min-height: 80px;
    }
    .cliente_19 {
        min-height: 80px;
    }
    .cliente_20 {
        min-height: 80px;
    }
    .cliente_21 {
        min-height: 80px;
    }
    .cliente_22 {
        min-height: 80px;
    }
    .cliente_23 {
        min-height: 80px;
    }
    .cliente_24 {
        min-height: 80px;
    }
    .cliente_25 {
        min-height: 80px;
    }
    .cliente_26 {
        min-height: 80px;
    }
    .cliente_27 {
        min-height: 80px;
    }
    .cliente_28 {
        min-height: 80px;
    }
    .cliente_29{
        min-height: 80px;
    }
    .cliente_30 {
        min-height: 80px;
    }
    .cliente_31 {
        min-height: 80px;
    }
    .cliente_32 {
        min-height: 80px;
    }
    .cliente_33 {
        min-height: 80px;
    }
    .cliente_34 {
        min-height: 80px;
    }
    .cliente_35 {
        min-height: 80px;
    }
}

@media (max-width: 588px) {


    .service-card {
        min-height: 207px;
    }

    .cliente_01 {
        min-height: 100px;
    }

    .cliente_02 {
        min-height: 100px;
    }

    .cliente_03 {
        min-height: 100px;
    }
    .cliente_04 {
        min-height: 100px;
    }
    .cliente_05 {
        min-height: 100px;
    }
    .cliente_06 {
        min-height: 100px;
    }
    .cliente_07 {
        min-height: 100px;
    }
    .cliente_08 {
        min-height: 100px;
    }
    .cliente_09 {
        min-height: 100px;
    }
    .cliente_10 {
        min-height: 100px;
    }
    .cliente_11 {
        min-height: 100px;
    }
    .cliente_12 {
        min-height: 100px;
    }

    .cliente_13 {
        min-height: 100px;
    }

    .cliente_14 {
        min-height: 100px;
    }

    .cliente_15 {
        min-height: 100px;
    }

    .cliente_16 {
        min-height: 100px;
    }
    .cliente_17 {
        min-height: 100px;
    }
    .cliente_18 {
        min-height: 100px;
    }
    .cliente_19 {
        min-height: 100px;
    }
    .cliente_20 {
        min-height: 100px;
    }
    .cliente_21 {
        min-height: 100px;
    }
    .cliente_22 {
        min-height: 100px;
    }
    .cliente_23 {
        min-height: 100px;
    }
    .cliente_24 {
        min-height: 100px;
    }
    .cliente_25 {
        min-height: 100px;
    }
    .cliente_26 {
        min-height: 100px;
    }
    .cliente_27 {
        min-height: 100px;
    }
    .cliente_28 {
        min-height: 100px;
    }
    .cliente_29{
        min-height: 100px;
    }
    .cliente_30 {
        min-height: 100px;
    }
    .cliente_31 {
        min-height: 100px;
    }
    .cliente_32 {
        min-height: 100px;
    }
    .cliente_33 {
        min-height: 100px;
    }
    .cliente_34 {
        min-height: 100px;
    }
    .cliente_35 {
        min-height: 100px;
    }
}


.search-listado{
    font-size: 20px;
    height: 50px;
}
.search-listado img{
    width: 26px;
    margin-top: -4px;
}