body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
}

    body.impresion {
        font-size: 18px;
    }

p {
    line-height: 30px;
    text-align: justify;
}

p, img {
    page-break-before: auto;
    page-break-inside: avoid;
}

p.ap-parrafo-cen {
    text-align: center;
}

p.ap-parrafo-der {
    text-align: right;
}

p.ap-parrafo-azul {
    color: #4364E8;
}


/*//////// listas ////////////////*/
.cke_contents_ltr li, .impresion li {
    margin-bottom: 20px;
    line-height: 30px;
}

    .cke_contents_ltr li:first-child, .impresion li:first-child {
        margin-top: 15px;
    }

.cke_contents_ltr ol, .impresion ol {
    list-style: none;
    counter-reset: li;
}

.cke_contents_ltr ul, .impresion ul {
    list-style: none;
    counter-reset: li;
}

.cke_contents_ltr ol > li::before, .impresion ol > li::before {
    content: '.'counter(li);
    color: #4364E8;
    display: inline-block;
    font-weight: bold;
    width: 1em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: right;
    direction: rtl;
}

.cke_contents_ltr li, .impresion li {
    counter-increment: li;
}


.cke_contents_ltr ol > li > ol > li::before, .impresion ol > li > ol > li::before {
    content: '.'counter(li, lower-latin);
    color: #4364E8;
    display: inline-block;
    font-weight: bold;
    width: 1em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: right;
    direction: rtl;
}

.cke_contents_ltr ol > li > ol > li > ol > li::before, .impresion ol > li > ol > li > ol > li::before {
    content: '.'counter(li, decimal);
    color: #4364E8;
    display: inline-block;
    font-weight: bold;
    width: 1em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: right;
    direction: rtl;
}

    

.cke_contents_ltr ul, .impresion ul {
    list-style: none;
}

.cke_contents_ltr ul > li::before, .impresion ul > li::before {
    content: url('/Content/frontend/images/cuadrado20px.png');
    position: absolute;
    display: block;
    margin-left: -25px;
    break-inside: avoid;
    margin-top: 5px;
}



.cke_contents_ltr ul > li > ul > li::before, .impresion ul > li > ul > li::before {
    content: "\2022";
    color: #4364E8;
    font-weight: bold;
    font-size: 28px;
    display: inline-block;
    width: 10px;
    margin-left: -20px;
    margin-top: -2px;
}

.cke_contents_ltr ul > li > ul > li > ul > li::before, .impresion ul > li > ul > li > ul > li::before {
    content: url('/Content/frontend/images/cuadrado20px.png');
    position: absolute;
    display: block;
    margin-left: -25px;
    break-inside: avoid;
    margin-top: 5px;
}





/*//////// encabezados /////////////*/
.cke_contents_ltr h1, .impresion h1 {
    text-align: center;
}

.cke_contents_ltr h2, .impresion h2 {
    padding-left: 30px;
}

.cke_contents_ltr h2::before, .impresion h2::before {
    content: url('/Content/frontend/images/punto20px2.png');
    position: absolute;
    display: block;
    margin-left: -30px;
    break-inside: avoid;
}

.cke_contents_ltr h3, .impresion h3 {
    padding-left: 25px;
}

.cke_contents_ltr h3::before, .impresion h3::before {
    content: url('/Content/frontend/images/punto15px.png');
    position: absolute;
    display: block;
    margin-left: -25px;
    break-inside: avoid;
}

.cke_contents_ltr h4, .impresion h4 {
    padding-left: 25px;
}

.cke_contents_ltr h4::before, .impresion h4::before {
    content: url('/Content/frontend/images/guion20px.png');
    position: absolute;
    display: block;
    margin-left: -25px;
    break-inside: avoid;
}

.impresion h4::before {
    margin-top: 3px;
}

br {
    height: 30px;
}

img {
    max-width: 100%;
}

img.img-centro {
    display: block;
    margin: auto;
}

img.img-80-centro {
    max-width: 50%;
    display: block;
    margin: auto;
}

img.img-texto {
    max-height: 30px;
}

.ap-nota {
    padding: 15px;
    border: 1px solid #808080;
    background-color: #e6e6e6;
    break-inside: avoid;
    overflow: auto;
}




img.img-float-der {
    float: right;
    margin: 15px 0 15px 15px;
}

.ap-nota img.img-float-der {
    margin: 0 0 0 15px;
}

.ap-masinfo {
    margin-top: 40px;
    padding: 20px;
    padding-top: 15px;
    border-radius: 15px;
    background-color: #f8f8f8;
    break-inside: avoid;
    overflow: auto;
}

.ap-masinfo::before {
    break-inside: avoid;
    content: 'Más información';
    position: relative;
    display: block;
    margin-top: -5px;
    margin-bottom: 5px;
    top: 0;
    left: 0;
    font-size: 24px;
    font-weight: bold;
    break-inside: avoid;
}




.ap-info-destacada {
    margin-top: 40px;
    padding: 20px;
    padding-top: 15px;
    border-radius: 15px;
    border: 3px solid #4364E8;
    background-color: #f8f8f8;
    break-inside: avoid;
}

.ap-recordatorio {
    margin-top: 40px;
    padding: 20px;
    padding-top: 15px;
    border-radius: 15px;
    /*border: 1px solid #5f99e0;*/
    background-color: #fee0e0;
    break-inside: avoid;
}

.ap-recordatorio::before {
    break-inside: avoid;
    content: 'Recuerda...';
    position: relative;
    display: block;
    margin-top: -5px;
    margin-bottom: 5px;
    top: 0;
    left: 0;
    font-size: 24px;
    font-weight: bold;
    break-inside: avoid;
}

.ap-curiosidad {
    margin-top: 40px;
    padding: 20px;
    padding-top: 15px;
    border-radius: 15px;
    background-color: #dcecff;
    break-inside: avoid;
}

.ap-curiosidad::before {
    break-inside: avoid;
    content: '¿Sabías que...?';
    position: relative;
    display: block;
    margin-top: -5px;
    margin-bottom: 5px;
    top: 0;
    left: 0;
    font-size: 24px;
    font-weight: bold;
    break-inside: avoid;
}

.ap-ejemplo {
    margin-top: 40px;
    padding: 20px;
    padding-top: 15px;
    border-radius: 15px;
    background-color: #f8f8f8;
    break-inside: avoid;
}

.ap-ejemplo::before {
    break-inside: avoid;
    content: 'Ejemplo';
    position: relative;
    display: block;
    margin-top: -5px;
    margin-bottom: 5px;
    top: 0;
    left: 0;
    font-size: 24px;
    font-weight: bold;
    break-inside: avoid;
}

.ap-bloque-imagen-centrada {
    margin-top: 20px;
    text-align: center;
}

.ap-bloque-imagen-centrada img {
    max-width: 100%;
    display: inline-block;
}

.ap-bloque-imagen-centrada p {
    font-size: 14px;
    margin-top: 0;
    font-style: italic;
    text-align: center;
}

p.ap-revision {
    color: red;
    padding: 15px;
}

body.impresion p.ap-revision {
    display: none;
}

.MathJax_SVG {
    font-size: 2em !important;
}