@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');*/

/*@import url('https://fonts.googleapis.com/css?family=Chicle|Indie+Flower|Lobster|Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Playfair+Display:400,400i,700,700i,900,900i|Quicksand:300,400,500,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Yatra+One&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,vietnamese');*/

/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');*/

/*******************************/
/** Limpieza de estilos       **/
/*******************************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
/*    font-family: 'Muli', sans-serif;*/
/*    font-family: 'Instrument Serif', serif; */
    font-family: 'Roboto', sans-serif; 
/*    font-family: 'Lato', sans-serif;*/
/*    font-family: 'Roboto Condensed', sans-serif; */
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    font-size: 62.5%;
    /** 1rem=10px **/
    width: 100%;
/*    height: 100vh;*/
/*    overflow: hidden;*/
}

body {
/*    font-family: 'Open Sans', sans-serif;*/
    font-size: 1.2rem;
/*    height: 100vh;*/
/*    overflow: hidden;*/
/*    max-width: 102.4rem;*/
/*    overflow: hidden;*/
    background-color: #2D3748;
}


/**--------------------------------------------------------------**/
/**@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@**/
/**##############################################################**/
/** INICIO Estilo Ventana Modal Procesando **/
/**##############################################################**/
/**@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@**/
/**--------------------------------------------------------------**/
#contenedor_procesando {
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    z-index: 41;
    visibility: hidden;
}

#contenedor_imagen_procesando {
    margin: 0 auto;
    align-self: center;
    position: relative;
}

#contenedor_imagen_procesando img {
    width: 100%;
    max-height: 40rem;
}
/**--------------------------------------------------------------**/
/**@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@**/
/**##############################################################**/
/** FIN Estilo Ventana Modal Procesando **/
/**##############################################################**/
/**@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@**/
/**--------------------------------------------------------------**/

/* ################################# */
/* ################################# */
/* ################################# */
#conten_api_documentacion {
    width: 100vh;
    display: flex;  
/*    max-width: 144rem;*/
/*    overflow: hidden;*/
    background-color: white;
}

@media (min-width: 1489px) {
    #conten_api_documentacion {
            width: 100%;
    }
}

/* ################################# */
/* ################################# */
/* ################################# */

/* ################################# */
/* ##### API IZQUIERDA ##### */
/* ################################# */
#conten_api_documentacion_izq {
    min-width: 21rem;
    padding: .5rem;
    border-right: 1px solid #c7c7c7;
    background-color: #2D3748;
}

    .conten_item_api {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

        .conten_item_api_lbl {
            display: flex;
            text-decoration: none;
            width: 100%;
            font-size: 1.3rem;
            color: white;
            padding: 1rem 1rem;
            border: 1px solid #e5e5e5;
            border-radius: .4rem;
            margin-top: .5rem;
            background-color: rgba(83, 83, 83, 0.9);
        }

        .conten_item_api_lbl:hover {
            cursor: pointer;
            background-color: rgba(142, 142, 142, 0.9);
        }

        .item_seleccionado {
            background-color: orange;
        }


/* ################################# */
/* ##### API CENTRO ##### */
/* ################################# */
#conten_api_documentacion_cen {
    width: calc(100% - 21rem);
}

.linea {
    display: flex;
    flex-wrap: wrap;
    background-color: #2D3748;
}

.linea_izq {
    width: calc(100% - 45rem);
    min-width: calc(102.4rem - 21rem);
    background-color: white;
    padding: 1rem 3rem;
}

.linea_der {
    margin-top: 0rem;
    width: calc(100% - 45rem);
    min-width: calc(102.4rem - 21rem);
    background-color: #2D3748;
}

@media (min-width: 1489px) {
    .linea_der {
        margin-top: 0rem;
        width: 45rem;
        min-width: auto;
        background-color: #2D3748;
    }
}
    
#api_titulo {
    display: flex;
    font-size: 3rem;
}

#api_version {
    display: flex;
    font-size: 3rem;
    margin-left: 1rem;
}

/* ############################# */
#linea_1_izq {
    display: flex;
}

/* ############################# */
#linea_2 {

}

#api_apache {
    border: 1px solid #ffe3af;
    color: rgba(219, 156, 41,.9);
    font-size: 1.1rem;
    font-weight: bold;
    padding: .5rem 1rem;
    border-radius: .4rem;
}

#api_tipo_aplicacion {
    border: 1px solid #ffe3af;
    color: rgba(219, 156, 41,.9);
    font-size: 1.1rem;
    font-weight: bold;
    padding: .5rem 1rem;
    border-radius: .4rem;
}

#api_apache:hover,
#api_tipo_aplicacion:hover {
    cursor: pointer;
    border: 1px solid transparent;
    color: #db9c29;
    background-color: #ffe3af;
}

#api_tipo_aplicacion {
    margin-left: 1rem;
}

/* ############################# */
#linea_3 {

}

#api_descripcion {
    
}

/* ############################# */
#linea_4 {
    
}

#linea_4_izq {
    padding: 1rem 3rem 0rem 3rem;
}

#api_titulo_caracteristicas {
    font-size: 1.5rem;
    font-weight: bold;
}

/* ############################# */
#linea_5 {
    display: flex;
    flex-wrap: wrap;
}

#linea_5_izq {
    padding: 0rem 3rem 0rem 3rem;
}

#linea_5 li {
    display: flex;
    width: 100%;
}

.caracteristica {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 0rem;
}

.punto_caracteristica {
    display: flex;
    height: 100%;
    font-size: 2rem;
    color: #e8e8e8;
    padding: 0rem 0rem;
}

/* ############################# */
/* Linea 6 */
/* ############################# */
#linea_6 {
    
}

#linea_6_izq {
    padding-top: 6rem;
}

#api_servers {
    font-size: 3rem;    
}

/* ############################# */
/* Linea 7 */
/* ############################# */
#linea_7 {
    display: flex;
    flex-wrap: wrap;
/*    border: 1px solid #cce6ff;*/
    border-radius: .4rem;
}

#linea_7_izq {
    
}

#conten_linea_7_datos {
    padding: 1.5rem;
    background-color: #F7FAFC;
    border-radius: .4rem;
    border: 1px solid #e8e8e8;
}


#linea_7_1 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

#api_url_server {
    display: flex;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: .1rem;
}

#linea_7_1_seguridad_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #10bfb7;
    background-color: #38B2AC;
    color: white;
    font-size: 1.1rem;
    font-weight: bold;
    height: 2rem;
    padding: 0rem 1rem;
    margin-left: .5rem;
    border-radius: .4rem;    
}

#linea_7_1_seguridad_2 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #4299E1;
    background-color: #4299E1;
    color: white;
    font-size: 1.1rem;
    font-weight: bold;
    height: 2rem;
    padding: 0rem 1rem;
    margin-left: .5rem;
    border-radius: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#api_seguridad {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    font-size: 1.3rem;
}

#api_titulo_seguridad {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    font-size: 1.3rem;
}

#api_tipo_segudirdad {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    font-weight: bold;
    font-size: 1.2rem;
}

#linea_7_1_5 {
    display: flex;
    width: 100%;
    font-size: 1.3rem;
    margin-top: .5rem;
    color: #646464;
}

#conten_protocolo {
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.5rem;
    border: 1px solid #d6d6d6;
    background-color: white;
    border-radius: .4rem;
    margin-top: .3rem;
    padding: .5rem 2rem;
}

#conten_protocolo_1 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 2.5rem;
}

#protocolo_1_1 {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 1rem;
    font-weight: bold;
    color: #a3a3a3;
}

#protocolo_1_2 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #7F9CF5;
    background-color: #7F9CF5;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    height: 1.5rem;
    padding: 0rem 1rem;
    margin-left: .5rem;
    border-radius: .4rem;
}

#conten_protocolo_2 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 2.5rem;
}

#protocolo_2_1 {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 1rem;
    font-weight: bold;
    color: #a3a3a3;
}

#protocolo_2_2 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #7F9CF5;
    background-color: #7F9CF5;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    height: 1.5rem;
    padding: 0rem 1rem;
    margin-left: .5rem;
    border-radius: .4rem;
}

/* ********************** */
.conten_linea_7_2 {
    
}

#linea_7_2 {
    margin-top: 2rem;
}

#titulo_parametros_1 {
    display: flex;
    width: 100%;
    font-size: 1.4rem;
    background-color: #F7FAFC;
}

/* *********************** */
#linea_7_3 {
    display: flex;
    flex-wrap: wrap;
    margin-top: .8rem;
    margin-left: 2rem;
    border: 1px solid #bcbcbc;
    background-color: white;
    padding: 1rem;
    border-radius: .4rem;
    position: relative;
}

#conten_linea_7_3_izq {
    display: flex;
    flex-wrap: wrap;
    width: 30%;
    padding: .3rem;
}

.conten_linea_7_3_parametros_izq {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 1rem;
}

.conten_linea_7_3_parametros_izq:first-child {
    margin-top: 0rem;
}

.conten_linea_7_3_parametros_izq:last-child {
    margin-bottom: 0rem;
}

#linea_7_3_izq_1 {
    display: flex;
    width: 100%;
    font-size: 1.4rem;
    font-style: italic;
    padding: .3rem .3rem;
}

#linea_7_3_izq_2 {
    display: flex;
    width: 100%;
    color: rgba(255, 39, 39, 0.8);
    font-size: 1.2rem;
    padding: .3rem .3rem;
}


#conten_linea_7_3_der {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    padding: .3rem;
}


.conten_linea_7_3_parametros_der {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 1rem;
}

.conten_linea_7_3_parametros_der:first-child {
    margin-top: 0rem;
}

.conten_linea_7_3_parametros_der:last-child {
    margin-bottom: 0rem;
}

#linea_7_3_der_1 {
    display: flex;
    width: 100%;
    padding: .3rem;
    color: rgba(56,178,172,.8);
    font-size: 1.4rem;
    font-weight: bold;
}

#linea_7_3_der_2 {
    display: flex;
    width: 100%;
    padding: 0rem .3rem;
    color: #a7a7a7;
    font-size: 1.3rem;
}

/* *********************** */
#conten_linea_7_4_ej_curl{
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

#linea_7_4_lbl {
/*    margin-top: 1rem;*/
    padding: .5rem 1rem;;
    border: 1px solid black;
    border-radius: .4rem;
}


#conten_desc_ejemplo_span_curl {
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    width: 1em;
    font-size: 2rem;
}

#conten_desc_ejemplo_span_curl {
    cursor: pointer;
}

#linea_7_4 {
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    background-color: #2D3748; 
    color: #dedede;
    
/*    width: 100%;*/
    overflow: hidden;
    height: 0px;
    opacity: 0;
    transition: all .5s;
}

.conten_ej_curl {
    padding-left: 3rem;
}

.padding_izq_2 {
    padding-left: 2rem;
}

.padding_izq_2_sub {
    padding-left: 4rem;
}

.padding_izq_2_sub_2 {
    padding-left: 6rem;
}



celeste {
    color:  #9d9deb;
}

.celeste_tab {
    margin-left: 2rem;
}

verde {
    color:  #08ff08;
}

rojo {
    color:  #fa2424;
}


negro {
    color: black;
}

rojo_detacado {
    font-size: 1.2rem;
    font-weight: bold;
    color:  #fa2424;
}

blanco {
    color:  white;
}

amarillo{
    color: #d8b700;
}

.p_tab_1 {
    text-indent: 1rem;
}

.p_tab_2 {
    text-indent: 2rem;
}

.p_tab_3 {
    text-indent: 3rem;
}

.p_tab_4 {
    text-indent: 4rem;
}

.p_tab_5 {
    text-indent: 5rem;
}

.p_tab_6 {
    text-indent: 6rem;
}

.p_tab_10 {
    text-indent: 10rem;
}

.p_tab_15 {
    text-indent: 15rem;
}


.p_tab_20 {
    text-indent: 20rem;
}

/* ############################# */
/* Linea 8 */
/* ############################# */
#linea_8 {
    display: flex;
    flex-wrap: wrap;
}

#linea_8_izq {
    padding-top: 6rem;
}

#api_servers {
    display: flex;
    width: 100%;
    font-size: 3rem;    
}

#linea_8_1 {
    display: flex;
    margin-top: 2rem;
    width: 100%;
    height: 2.8rem;
}

#api_server_pub {
    border: 1px solid rgba(49,130,206,.8);
    color: rgba(66,153,225,.8);
    font-size: 1.3rem;
    font-weight: normal;
    padding: .5rem 1rem;
    border-radius: .4rem;
}

#api_server_pub_descripcion {
    display: flex;
    justify-content: flex-start;
    align-items: center;  
    margin-left: 1rem;
    font-size: 1.5rem;
}

/* ############################# */
/* Linea 9 */
/* ############################# */
#linea_9 {
    display: flex;
    flex-wrap: wrap;
}

.api_informacion_consumo {
    margin-top: 1rem;
    display: flex;
    width: 100%;
    color: #7b7b7b;
}

/* ############################# */
/* Linea 10 */
/* ############################# */
#linea_10 {
    display: flex;
/*    border: 1px solid #d6d6d6;*/
    background-color: #F7FAFC;
    border-radius: .4rem;
}

#linea_10_izq {
    
}

#conten_linea_10_1_datos {
    padding: 1rem 2rem;
    background-color: #F7FAFC;
    border-radius: .4rem;
    border: 1px solid #e8e8e8;
}

#linea_10_1 {
    color: gray;
    font-size: 1.3rem;
}

#linea_10_2 {
    margin-left: 1rem;
    border: 1px solid #bcbcbc;
    border-radius: .4rem;
    color: rgba(237, 153, 0, .9);
    padding: 0rem .7rem;
    font-size: 1.2rem;
}

/* ############################# */
/* Linea 11 */
/* ############################# */
#linea_11 {
    
}

/*
@media (min-width: 1024px) {
    #linea_11 {
        background-color: red;
    }
}
*/

#titulo_parametros_2 {
    display: flex;
    width: 100%;
    font-size: 1.4rem;
}

#linea_11 span {
    margin-left: .5rem;
    font-size: 1.6rem;
    font-weight: bold;
}

#linea_11_2 {
    font-size: 1.3rem;
    color: #bfbfbf;
    margin-left: .5rem;
}

/* ############################# */
/* Linea 12 */
/* ############################# */
#linea_12 {
    display: flex;
    flex-wrap: wrap;
/*    border: 1px solid #bcbcbc;*/
    border-radius: .4rem;
    position: relative;
}

#linea_12_izq {
    
}

#conten_conten_linea_12_izq_datos {
    display: flex;
    padding: 1rem 2rem;
    background-color: #F7FAFC;
    border-radius: .4rem;
    border: 1px solid #e8e8e8;
    flex-wrap: wrap;
}

#conten_linea_12_izq {
    display: flex;
    flex-wrap: wrap;
    width: 30%;
    padding: .3rem;
/*    border: 1px solid red;*/
}

.conten_parametros_izq {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 1rem;
}

.conten_parametros_izq:first-child {
    margin-top: 0rem;
}

.conten_parametros_izq:last-child {
    margin-bottom: 0rem;
}

.conten_parametros_izq_2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 1rem;
/*    margin: 1rem;*/
}

#linea_12_izq_1 {
    display: flex;
    width: 100%;
    font-size: 1.3rem;
    font-style: italic;
    padding: .3rem .3rem;
    margin-top: 5px;
    height: 2.5rem;
/*    border: 1px solid blue;*/
}

#linea_12_izq_2 {
    display: flex;
    width: 100%;
    color: rgba(255, 39, 39, 0.8);
    font-size: 1.3rem;
    padding: .3rem .3rem;
    height: 2.5rem;
/*    border: 1px solid green;*/
}


#conten_linea_12_der {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    padding: .3rem;
/*    border: 1px solid black;*/
}


.conten_parametros_der {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 1rem;
}

.conten_parametros_der:first-child {
    margin-top: 0rem;
}

.conten_parametros_der:last-child {
    margin-bottom: 0rem;
}

.conten_parametros_der_2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
/*    margin: 1rem;*/
}

#linea_12_der_1 {
    display: flex;
    width: 100%;
    font-size: 1.3rem;
    font-style: italic;
    padding: .3rem .3rem;
    margin-top: 5px;
    color: green;
/*    border: 1px solid blue;*/
    height: 2.5rem;
}

#linea_12_der_2 {
    display: flex;
    width: 100%;
    color: rgba(101, 101, 101, 0.8);
    font-size: 1.3rem;
    padding: .3rem .3rem;
/*    border: 1px solid green;*/
    height: 2.5rem;
}


#conten_linea_12_izq_sub,
#conten_linea_12_der_sub {     
/*    border: 5px solid red;*/
    margin-top: 2rem;
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 10rem;
}

.conten_parametros_izq_sub {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 1rem;
}
/*

.conten_parametros_izq_sub label {
    width: 100%;
}
*/

.conten_parametros_izq_sub:first-child {
    margin-top: 0rem;
}

.conten_parametros_izq_sub:last-child {
    margin-bottom: 0rem;
}

#linea_12_izq_1_sub {
    display: flex;
    width: 100%;
    font-size: 1.4rem;
    font-style: italic;
    padding: .3rem .3rem;
}

#linea_12_izq_2_sub {
    display: flex;
    width: 100%;
    color: rgba(255, 39, 39, 0.8);
    font-size: 1.2rem;
    padding: .3rem .3rem;
}

.conten_parametros_der_sub {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 1rem;
}

.conten_parametros_der_sub:first-child {
    margin-top: 0rem;
}

.conten_parametros_der_sub:last-child {
    margin-bottom: 0rem;
}

#linea_12_der_1_sub {
    display: flex;
    width: 100%;
    padding: .3rem;
    color: rgba(56,178,172,.8);
    font-size: 1.4rem;
    font-weight: bold;
}

/* ############################# */
/* Linea 12_1 */
/* ############################# */
#linea_12_1 {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    position: relative;
    width: 100%;
}

.conten_ver_ejemplo_consumo {
    margin: 0 auto;
    background-color: #2D3748;
    position: relative;
    left: 0;
    width: calc(100% - 6rem);
    top: 0;
    padding: 2rem;
    border-radius: .4rem;
}

@media (min-width: 1489px) {
    .conten_ver_ejemplo_consumo {
        margin: 0 auto;
        background-color: #2D3748;
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        padding: 1rem 0rem 0rem 1rem;
        border-radius: 0rem;
    }
}


#ver_ejemplo_consumo label {
    color: #d9d9d9;
    padding: .5rem 0rem;
    border-radius: .4rem;
    font-size: 1.7rem;
}

.conten_desc_ejemplo_consumo {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    position: relative;
}

.conten_etiqueta_ejemplo {
    display: flex;
    width: 100%;
}

#conten_desc_ejemplo_lbl {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3rem 1.5rem;
    color: #d9d9d9;
    font-size: 1.5rem;
    border-radius: .4rem;
}

#conten_desc_ejemplo_span_consumo {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 2rem;
}

#conten_desc_ejemplo_span_consumo {
    cursor: pointer;
}

#descripcion_ejemplo_consumo {
    display: flex;    
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    height: 0px;
    opacity: 0;
    transition: all .5s;
    position: relative;
}

.descripcion_ejemplo_det {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    background-color: #191F2B;
    padding: 1.5rem;
    border-radius: .4rem;
/*    padding: 0rem;*/
/*    height: 0rem;*/
    overflow: hidden;    
    font-size: 1.2rem;
    
/*
        white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
*/

}

/*.descripcion_ejemplo_det {*/
/*
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    background-color: #191F2B;
    padding: 1.5rem;
    border-radius: .4rem;
    overflow: hidden;
    width: 100%;
    border: 5px solid white;
*/
/*}*/


.desc_ejemplo_inicio {
    display: flex;
    width: 100%;
}

.desc_ejemplo_inicio p {
    color: white;
}

.desc_ejemplo_inicio_sub {
    display: flex;
    width: 100%;
}

.desc_ejemplo_inicio_sub p {
    color: white;
    margin-left: 1rem;
    margin-top: .5rem;
}

.desc_ejemplo_centro {
    display: flex;
    width: 100%;
    margin-top: .8rem;
    position: relative;
}

.desc_ejemplo_centro_sub {
    display: flex;
    width: 100%;
    margin-top: .8rem;
    margin-left: 1rem;
    position: relative;
}

.ej_nombre_campo {
    margin-left: 1rem;
    color: #33c733;
}

.ej_dos_puntos {
    margin-left: .2rem;
    color: #d6d6d6;
}

.conten_ej_valor_normal {
    display: flex;
    width: 100%;
    position: relative;
}

.ej_valor_normal {
    position: absolute;
    max-width: 100%;
    margin-left: 1rem;
    color: #ffc55c;
}

.ej_separador_coma {
/*    margin-left: .3rem;*/
    color: white;
}

.desc_ejemplo_fin {
    display: flex;
    width: 100%;
}

.desc_ejemplo_fin p {
    color: white;
}

.desc_ejemplo_fin_sub {
    display: flex;
    width: 100%;
}

.desc_ejemplo_fin_sub p {
    margin-top: .5rem;
    margin-left: 1rem;
    color: white;
}


#lectura_ejemplo_lbl {
    color: #7F9CF5;
    font-size: 1.2rem;
    font-style: italic;
}

#lectura_ejemplo_0 {

}

#lectura_ejemplo_lbl_0 {
    color: #7F9CF5;
    font-size: 1.2rem;
    font-style: italic;
}



/* ############################# */
/* Linea 13 */
/* ############################# */
#linea_13 {
    display: flex;
    flex-wrap: wrap;
/*    font-size: 3rem;*/
}

#api_respuesta {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: .3rem;
}

#conten_api_respuesta {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: .8rem;
    border: 1px solid #bcbcbc;
    background-color: #F7FAFC;
    padding: 1rem;
    border-radius: .4rem;
}

.api_respuesta_linea_titulo {
    display: flex;
    width: 100%;
}


#conten_titulo_respuesta {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 2.5rem;
}

.titulo_respuesta {
    font-size: 1.5rem;
    font-weight: bold;
    padding: .2rem 1rem;
    color: rgba(255, 165, 0, .8);
    border: 1px solid rgba(255, 165, 0, .8);
    border-radius: .4rem;
}


.api_respuesta_linea_contenido {
    display: flex;
    width: 100%;
    margin-top: 3rem;
}

#api_respuesta_1 {
    margin-top: 1rem;
}

#conten_api_respuesta_izq {
    display: flex;
    flex-wrap: wrap;
    width: 10%;
    padding: .1rem;
}


.api_respuesta_izq {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: .5rem;
}

.api_respuesta_izq:first-child {
    margin-top: 0rem;
}

.api_respuesta_izq:last-child {
    margin-bottom: 0rem;
}

#api_respuesta_izq_1 {
    display: flex;
    align-content: flex-start;
    width: 100%;
    font-size: 1.4rem;
    font-style: italic;
    padding: .3rem .3rem;
}

#api_respuesta_izq_2 {
    display: flex;
    width: 100%;
    color: rgba(255, 39, 39, 0.8);
    font-size: 1.2rem;
    padding: .3rem .3rem;
}



#conten_api_respuesta_cen {
    display: flex;
    flex-wrap: wrap;
    width: 30%;
    padding: .3rem;
}


.api_respuesta_cen {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin: .5rem;
}

.api_respuesta_cen:first-child {
    margin-top: 0rem;
}

.api_respuesta_cen:last-child {
    margin-bottom: 0rem;
}

#api_respuesta_cen_1 {
    display: flex;
    width: 100%;
    padding: .3rem;
    color: rgba(56,178,172,.8);
    font-size: 1.4rem;
    font-weight: bold;
}

#api_respuesta_cen_2 {
    display: flex;
    width: 100%;
    padding: 0rem .3rem;
    color: #a7a7a7;
    font-size: 1.2rem;
}

#conten_api_respuesta_der {
    display: flex;
    flex-wrap: wrap;
    width: 60%;
    padding: .3rem;
}

.api_respuesta_der {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: .5rem;
}

.api_respuesta_der:first-child {
    margin-top: 0rem;
}

.api_respuesta_der:last-child {
    margin-bottom: 0rem;
}

.api_respuesta_der_1 {
    display: flex;
    width: 100%;
    padding: .3rem;
    font-size: 1.4rem;
    font-weight: bold;
}

.api_respuesta_der_2 {
    display: flex;
    width: 100%;
    padding: 0rem .3rem;
    font-size: 1.2rem;
}

.respuesta_col1 {
    display: flex;
    width: 15%;
    margin-top: .3rem;
}

.respuesta_col2 {
    display: flex;
    width: 85%;
    margin-top: .3rem;
    color: #a7a7a7;
}

.rojo {
    color: red;
}

.verde {
    color: green;
}



/* ############################# */
/* Linea 13_1 */
/* ############################# */
#linea_13_1 {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    position: relative;
    width: 100%;
}

.conten_ver_ejemplo_respuesta {
    margin: 0 auto;
    background-color: #2D3748;
    position: relative;
    left: 0;
    width: calc(100% - 6rem);
    top: 0;
    padding: 2rem;
    border-radius: .4rem;
}

@media (min-width: 1489px) {
    .conten_ver_ejemplo_respuesta {
        margin: 0 auto;
        background-color: #2D3748;
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        padding: 4rem 0rem 0rem 1rem;
        border-radius: 0rem;
    }
}

#ver_ejemplo_respuesta label {
    color: #d9d9d9;
    padding: .5rem 0rem;
    border-radius: .4rem;
    font-size: 1.7rem;
}

.conten_desc_ejemplo_respuesta {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    position: relative;
}

#conten_desc_ejemplo_lbl {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3rem 1.5rem;
    border: 1px solid #d9d9d9;
    color: #d9d9d9;
    font-size: 1.5rem;
    border-radius: .4rem;
}

#conten_desc_ejemplo_span_respuesta {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 2rem;
}

#conten_desc_ejemplo_span_respuesta {
    cursor: pointer;
}

#descripcion_ejemplo_respuesta {
    width: 100%;
    overflow: hidden;
    height: 0px;
    opacity: 0;
    transition: all .5s;
}


.descripcion_ejemplo_det p {
    font-size: 1.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.desc_ejemplo_inicio_respuesta {
    display: flex;
    width: 100%;
}

    .desc_ejemplo_inicio_respuesta p {
        margin-top: .5rem;
        color: white;
    }


.desc_ejemplo_inicio_respuesta_sub {
    display: flex;
    width: 100%;
/*    border: 1px solid red;*/
}

    .desc_ejemplo_inicio_respuesta_sub p {
        margin-top: .5rem;
        margin-left: 30px;
        color: white;
    }

.desc_ejemplo_centro_respuesta_sub {
    display: flex;
    width: 100%;
    margin-left: 40px;
}

    .desc_ejemplo_centro_respuesta_sub p {
        display: flex;   
    }

.conten_eje_nombre_campo p {
    margin-top: .5rem;
}

.desc_ejemplo_centro_respuesta {
    display: flex;
    width: 100%;
    margin-top: .8rem;
}

.ej_nombre_campo {
    margin-left: 1rem;
    width: 20rem;
    color: #33c733;
}

.ej_dos_puntos {
    margin-left: .2rem;
    color: #d6d6d6;
}

.ej_valor_normal {
    margin-left: 1rem;
    color: #ffc55c;
}

.ej_conten_llaves {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    margin-left: -67rem;
}

@media (min-width: 1489px) {
    .ej_conten_llaves {
        margin-left: -39rem;
    }
}

.p_espacio {
    display: flex;
    width: 100%;
    color: white;   
}

.desc_ejemplo_fin_respuesta {
    display: flex;
    width: 100%;
}

.desc_ejemplo_fin_respuesta p {
    color: white;
}


/* ############################# */
/* Linea 13_2 */
/* ############################# */
#linea_13_2 {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    position: relative;
    width: 100%;
    padding-bottom: 2rem;
}

@media (min-width: 1489px) {
    #linea_13_2 {
        padding-bottom: 0rem;
    }
}

.conten_ver_ejemplo_respuesta_0 {
    margin: 0 auto;
    background-color: #2D3748;
    position: relative;
    left: 0;
    width: calc(100% - 6rem);
    top: 1rem;
    padding: 2rem;
    border-radius: .4rem;
}

@media (min-width: 1489px) {
    .conten_ver_ejemplo_respuesta_0 {
        margin: 0 auto;
        background-color: #2D3748;
        position: relative;
        left: 0;
        width: 100%;
        top: 0rem;
        padding: 2rem 0rem 0rem 1rem;
        border-radius: 0rem;
    }
}

#ver_ejemplo_respuesta_0 label {
    color: #d9d9d9;
    padding: .5rem 0rem;
    border-radius: .4rem;
    font-size: 1.7rem;
}

.conten_desc_ejemplo_respuesta_0 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    position: relative;
}

#conten_desc_ejemplo_lbl_0 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3rem 1.5rem;
    border: 1px solid #d9d9d9;
    color: #d9d9d9;
    font-size: 1.5rem;
    border-radius: .4rem;
}

#conten_desc_ejemplo_span_respuesta_0 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 2rem;
}

#conten_desc_ejemplo_span_respuesta_0 {
    cursor: pointer;
}

#descripcion_ejemplo_respuesta_0 {
    width: 100%;
    overflow: hidden;
    height: 0px;
    opacity: 0;
    transition: all .5s;
}

.descripcion_ejemplo_det_0 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    width: 100%;
    background-color: #191F2B;
    padding: 1.5rem;
    border-radius: .4rem;
/*    padding: 0rem;*/
/*    height: 0rem;*/
    overflow: hidden;
}

.descripcion_ejemplo_det_0 p {
    font-size: 1.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.desc_ejemplo_inicio_respuesta_0 {
    display: flex;
    width: 100%;
}

.desc_ejemplo_inicio_respuesta_0 p {
    margin-top: .5rem;
    color: white;
}

.desc_ejemplo_centro_respuesta_0 {
    display: flex;
    width: 100%;
    margin-top: .8rem;
}

.ej_nombre_campo_0 {
    margin-left: 1rem;
    width: 20rem;
    color: #33c733;
    font-size: 1.2rem;
}

.ej_dos_puntos_0 {
    margin-left: .2rem;
    color: #d6d6d6;
}

.ej_valor_normal_0 {
    margin-left: 1rem;
    color: #ffc55c;
    font-size: 1.2rem;
}

.ej_conten_llaves_0 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.p_espacio_0 {
    display: flex;
    width: 100%;
    color: white;   
}

.desc_ejemplo_fin_respuesta_0 {
    display: flex;
    width: 100%;
}

.desc_ejemplo_fin_respuesta_0 p {
    color: white;
}




/* ################################# */
/* ##### API DERECHA ##### */
/* ################################# */
#conten_api_documentacion_der {
/*    width: 20%;*/
/*    min-width: 25rem;*/
/*    background-color: blue;*/
/*    padding: 1rem;*/
/*    border-left: 1px solid #c7c7c7;*/
/*    background-color: #2D3748;*/
}