/**************************************************/
/******************* RESETEADOR *******************/
/**************************************************/

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* Old browsers / Para viejos exploradores */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1.5;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**************************************************/

/* Fuentes */

@font-face {
    font-family: "Alegreya Regular";
    src: url(../ttf/alegreya-regular.ttf);
}

@font-face {
    font-family: "Alegreya Italic";
    src: url(../ttf/alegreya-italic.ttf);
}

@font-face {
    font-family: "Alegreya Bold";
    src: url(../ttf/alegreya-bold.ttf);
}

@font-face {
    font-family: "Alegreya BoldItalic";
    src: url(../ttf/alegreya-bolditalic.ttf);
}

/* Headers / Encabezados */

h1, h2, h3, h4, h5, h6 {
    font-family: "Alegreya Regular", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin-bottom: 1em;
    text-align: left;
    font-size: 1em;
    -moz-hyphens: none !important;
    -webkit-hyphens: none !important;
    -o-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
}

h2, h3, h4, h5, h6 {
    margin-top: 2em;
}

h4, h5, h6 {
    text-align: right;
}

h1 {
    margin-bottom: 6em;
}

h3, h5 {
    font-family: "Alegreya Italic", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-style: italic;
}

h6 {
    font-family: "Alegreya Bold", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-weight: bold;
}

h1.title, h1.titulo {
    margin-top: 4em;
    margin-bottom: 0;
    font-size: 2em;
}

h2.subtitle, h2.subtitulo {
    margin-top: .5em;
    margin-bottom: 3em;
    font-size: 1.25em;
}

/* Paragraphs / Párrafos */

p, blockquote, li, figcaption, details, aside {
    font-family: "Alegreya Regular", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 1em;
    text-align: justify;
    line-height: 1.5em;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -o-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

p + p {
    text-indent: 1.5em;
}

blockquote {
    font-size: .9em;
    margin: 1em 1.5em;
}

blockquote + blockquote {
    text-indent: 1.5em;
    margin-top: -1em;
}

blockquote, blockquote > * {
    line-height: 1.65;
}

.justified, .justificado {
    text-align: justify !important;
}

.right, .derecha {
    text-indent: 0;
    text-align: right !important;
}

.left, .izquierda {
    text-align: left !important;
}

.centered, .centrado {
    text-indent: 0;
    text-align: center !important;
}

.hanging, .frances {
    margin-left: 1.5em;
    text-indent: -1.5em;
    text-align: left !important;
}

* + .hanging, * + .frances {
    margin-top: 1em;
}

.hanging + .hanging, .frances + .frances {
    margin-top: 0;
    text-indent: -1.5em;
}

.indent, .sangria {
    text-indent: 1.5em;
}

.no-indent, .sin-sangria {
    text-indent: 0;
}

.no-hyphens, .sin-separacion {
    -moz-hyphens: none !important;
    -webkit-hyphens: none !important;
    -o-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
}

.invisible {
    visibility: hidden;
}

.hidden, .oculto {
    display: none;
}

.block, .bloque {
    display: block;
}

/* Font effects / Efectos en las fuentes */

i, em {
    font-family: "Alegreya Italic", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-style: italic;
}

b, strong {
    font-family: "Alegreya Bold", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-weight: bold;
}

i > b, b > i,
em > strong, strong > em,
i > strong, strong > i,
em > b, b > em {
    font-family: "Alegreya BoldItalic", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.initial, .capitular {
    float: left;
    font-size: 3em;
    margin-top: .15em;
    padding-right: .1em;
}

.uppercase, .versal {
    text-transform: uppercase;
}

.normal, .redonda {
    font-variant: none;
}

.smallcap-light, .versalita-ligera {
    font-variant: small-caps;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -o-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.smallcap, .versalita {
    text-transform: lowercase;
    font-variant: small-caps;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -o-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.underline, .subrayado {
    text-decoration: underline black;
}

.auto-width, .anchura-auto {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

@media not amzn-mobi, not amzn-kf8 {    /* For any device except Kindle / Para cualquier dispositivo excepto Kindle */
    .auto-width, .anchura-auto {
        max-width: 100%;
    }
}

/* Links / Enlaces */

a, a:link, a:visited {
    text-decoration: none;
}

/* Lists / Listas */

ol, ul {
    margin: 1em 1em 1em 2.5em;
    padding: 0;
}

ol {
    list-style-type: decimal;
}

ul {
    list-style-type: disc;
}

ol ol, ol ul,
ul ol, ul ul {
    margin: 0 1em;
}

ol p, ul p {
    margin-left: .5em;
}

ul.dash, ul.en-dash, ul.em-dash {
    list-style-type: none;
}

ul.dash > li:before, ul.en-dash > li:before, ul.em-dash > li:before {
    display: block;
    width: 1.5em;
    text-align: right;
    padding: 0 .5em 0 0;
    margin: 0 0 -1.25em -2em;
}

ul.dash > li:before {
    content: "-";
}

ul.en-dash > li:before {
    content: "–";
}

ul.em-dash > li:before {
    content: "—";
}

li.no-count {
    list-style-type: none;
}

li.no-count:before {
    content: none !important;
}

.li-manual {
	list-style-type: none;
}

.li-manual > li > p:first-child > span:first-of-type:not(.versalita) {
	display: block;
	margin-left: -1.5em;
	margin-bottom: -1.25em;
}

li > .li-manual {
    margin: 0 0 0 1.5em;
}

/* Images / Imágenes */

img {    /* It helps if the source doesn't exist / Ayuda a detectarlos si no existe el recurso */
    color: #0000EE;
    width: 100%;
}

figure {
    margin: 2em auto;
}

figcaption {
    font-family: "Alegreya Regular", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin-top: .5em;
    font-size: .9em;
}

figure + figure {
    margin-top: 0;
}

p + img {
    margin-left: -1.5em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.caption, .leyenda {
    font-size: .9em;
    margin-top: -1.5em;
    margin-bottom: 2em;
}

.caption + img, .leyenda + img {
    margin-top: 0;
}

img + .caption, img + .leyenda {
    margin-top: .5em;
}

.caption + p, .leyenda + p {
    text-indent: 0;
}

p > img {
    display: inline;
    height: 1.5em;
    width: auto;
}

/* Superscript and subscripts / Superíndices y subíndices */

sup, sub {
    font-size: .75em;
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

/* Code / Código (inspirados en https://codepen.io/elomatreb/pen/hbgxp)*/

code {
    font-family: "Courier New", Courier, monospace;
    background-color: #fff;
    padding: .125em .5em;
    border: 1px solid #ddd;
    border-radius: .25em;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -o-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre {
    width: 90%;
    font-family: "Courier New", Courier, monospace;
    background-color: #fff;
    margin: 2em auto;
    padding: .5em;
    line-height: 1.5;
    border-radius: .25em;
    box-shadow: .1em .1em .5em rgba(0,0,0,.45);
    white-space: unset;
}

pre * {
    color: #555;
}

pre code {
    display: block;
    margin: 0;
    padding: 0;
    background-color: inherit;
    border: none;
    border-radius: 0;
}

pre code:before {
    width: 1.5em;
    display: inline-block;
    padding: 0 .5em;
    margin-right: .5em;
    color: #888;
}

@media not amzn-mobi, not amzn-kf8 {    /* For any device except Kindle / Para cualquier dispositivo excepto Kindle */
    pre {
        counter-reset: line;
        overflow: scroll;
    }

    pre code:before {
        counter-increment: line;
        content: counter(line);
    }

    pre code {
        white-space: pre;
    }
}

@media amzn-mobi, amzn-kf8 {    /* Only for Kindle / Solo para Kindle */
    pre code:before {
        content: "•";
    }
}

/* Glosses / Glosas */

section.gloss, body.gloss, section.glosa, body.glosa {   /* El estilo ha de ponerse en el contenedor de los párrafos y en el span de la glosa */
    margin-right: 7em;
}

span.gloss, span.glosa {
    width: 6em;         /* No son 7 porque se resta uno del margen añadido a continuación */ 
    margin-right: -8em; /* No son -7 porque se añade 1 de margen */
    float: right;
    text-indent: 0;
    text-align: left;
    font-size: .75em;
}

/* Poetry / Poesía: <p class="poetry">Verse 1<br />verse 2<br />verse 3.</p>*/

.poetry, .poesia {
    margin: 1em 1.5em;
    text-indent: 0;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -o-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/* Screenwriting / Guiones */

.mono, 
section.script *, section.guion * {
    font-family: "Courier New", Courier, monospace;
}

section.script *, section.guion * {
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    -moz-hyphens: none !important;
    -webkit-hyphens: none !important;
    -o-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
}

section.script ol, section.guion ol,
section.script ul, section.guion ul {
    margin: 1em 2em;
}

section.script h2, section.guion h2,
section.script h3, section.guion h3,
section.script blockquote, section.guion blockquote {
    width: 60%;
    margin-left: 3em;
}

section.script h1, section.guion h1 {
    text-transform: uppercase;
    margin-bottom: 1em;
}

section.script h2, section.guion h2 {
    margin-top: 1em;
    padding-left: 6em;
    text-transform: uppercase;
}

section.script h3, section.guion h3 {
    padding-left: 3em;
}

section.script > p, section.guion > p {
    margin-top: 1em;
}

section.script blockquote + blockquote > p, 
section.guion blockquote + blockquote > p {
    text-indent: 1.5em;
}

/* Special contents / Contenidos especiales */

.title, .titulo {
    margin-top: 3em;
    margin-left: 0;
    font-size: 2em;
}

.subtitle, .subtitulo {
    margin-top: -1.25em;
    margin-bottom: 3em;
    margin-left: 0;
}

.author, .autor {
    width: 250px; /* Avoids 100% width in author image / Se añade a la imagen del autor para que no abarque el 100% */
}

.contributor + p, .contribuidor + p {
    text-indent: 0;
}

h1 + .contributor, h1 + .contribuidor {
    margin-top: -6em !important;
    margin-bottom: 6em;
}

.copyright, .legal * {
    text-indent: 0;
}

.epigraph, .epigrafe {
    font-size: .9em;
    text-align: right;
    line-height: 1.65em;
    margin-left: 40%;
}

body > .epigraph:first-child, body > .epigrafe:first-child {
    margin-top: 3em;
}

.epigraph + p, .epigrafe + p {
    margin-top: 2em;
    text-indent: 0;
}

.epigraph + .epigraph, .epigrafe + .epigrafe {
    margin-top: .5em;
}

.vertical-space1, .espacio-arriba1 {
    margin-top: 1em !important;
}

.vertical-space2, .espacio-arriba2 {
    margin-top: 2em !important;
}

.vertical-space3, .espacio-arriba3 {
    margin-top: 3em !important;
}

.space, .espacio {
    white-space: pre-wrap;
}

/* Footnotes / Notas al pie */

.n-note-sup {
    font-style: normal;
    font-weight: normal;
}

.n-note-hr {
    margin-top: 2em;
    width: 25%;
    margin-left: 0;
    border: 1px solid blue;
    background-color: blue;
}

.n-note-a {
    display: block;
    margin-left: -3em;
    margin-bottom: -1.375em;
}

.n-note-sup:before, .n-note-a:before {
    content: "[";
    color: #0000EE;
}

.n-note-sup:after, .n-note-a:after {
    content: "]";
    color: #0000EE;
}

.n-note-p, .n-note-p2 {
    margin-left: 3em;
    font-size: .9em;
    text-indent: 0;
}

* + .n-note-p {
    margin-top: 1em;
    text-indent: 0;
}

.n-note-p2 {
    margin-top: 0;
    text-indent: 1.5em;
}

/* Indexes / Índices analíticos */

.i-item-section p {
    margin-top: .5em !important;
}

.i-item-div > h2:first-child, .i-item-div-single > h2:first-child {
    margin-top: 0;
}

@media screen and (min-width:768px) {
    @media not amzn-mobi, not-amzn-kf8 {    /* For any device except Kindle / Para cualquier dispositivo excepto Kindle */
        .i-item-div {
            column-count: 2;
            column-gap: 2em;
            column-rule: solid 1px lightgray;
        }
    }
}

.i-item-a:before {
    content: "[";
    color: #0000EE;
}

.i-item-a:after {
    content: "]";
    color: #0000EE;
}

/* For print / Para impresión */

@media print {
    section {
        page-break-before: always;
    }

    section:first-of-type {
        page-break-before: avoid;
    }

    section > h1:first-child {
        padding-top: 5em !important;
    }
}

/* Styles for this edition / Estilos de esta edición */

body {max-width: 410px; margin: 50px;}
header > h2.subtitulo {margin-bottom: 0;}
header > h3 {margin: 0 0 50px 0;}
footer {margin-top: 50px; font-size: 0.75em;}
h1.titulo {margin-top: 0}
code {background: inherit; padding: 0; border: none; color: #424242}
