/** BASE **/ /* Márgenes */ body { font-family: sans-serif; font-size: 1em; line-height: 1.5; margin: 0; padding: 0 20px; } body * { font-family: inherit; line-height: inherit; } /* Control partición silábica */ #titlepage p, #dedication p, h1, h2, h3, h4 { page-break-after: avoid; hyphens: auto; adobe-hyphenate: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -epub-hyphens: auto; } p, li, td, dt, dd { -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 1; -webkit-hyphenate-limit-lines: 2; orphans: 2; widows: 2; } /** FRONTMATTER **/ /* Cubierta */ .cover { height: 100%; margin: 0; padding: 0; text-align: center; text-indent: 0; } /* Portadilla */ #titlepage * { text-align: center; text-indent: 0; } #titlepage p.title { font-family: inherit; font-size: 1.75em; font-style: normal; font-weight: 800; line-height: 1.2; margin: 2em 0 0 0; padding: 0; text-align: center; text-indent: 0; } #titlepage p.title span.big { display: block; font-size: 2.25em; } #titlepage p.author { color: #e83935; font-family: inherit; font-size: 1em; font-style: normal; font-weight: bold; margin: 0; padding: 0; text-align: center; text-indent: 0; } #titlepage p.subtitle { font-family: inherit; font-size: 1.15em; font-style: normal; font-weight: normal; margin: 4em 0; padding: 0; text-align: center; text-indent: 0; } #titlepage p.contrib { font-family: inherit; font-size: .9em; font-style: normal; font-weight: normal; margin: 0 0 0 0; padding: 0; text-align: center; text-indent: 0; } #titlepage p.publisher { margin-top: 4em; padding: 0; text-align: center; text-indent: 0; } #titlepage p.publisher img { width: 4em; } /* Créditos */ #copyright-page { margin: 4em 2em 0 0; } #copyright-page div + div { margin: 1em 0 0 0; } #copyright-page p { font-size: .8em; margin: 0; text-align: left; text-indent: 0; } /* Sinopsis */ #summary * { color: #000; font-family: sans-serif; } #summary h1 { font-size: 1.2em; font-style: normal; font-weight: bold; } #summary p { text-align: justify; } /* Índice */ #toc { display: none; } #toc ol { list-style-type: none !important; margin: 1em 0; padding: 0; } #toc li { font-size: 1em; margin: .75em 0; padding: 0; text-align: left; } #toc li ol { margin: 0 0 0 1em; } #toc li li { margin: 0; } #toc li span.label { display: block; } #toc li span.title { font-weight: bold; } #toc a { color: #000; font-weight: normal; page-break-inside: avoid; text-decoration: none !important; } /* Dedicatoria */ #dedication { margin-top: 5em; } #dedication p { margin-top: 1em; text-align: center; text-indent: 0; } /* BODYMATTER */ /* Estilos generales */ h1 { font-size: 2em; font-style: normal; font-weight: 800; margin: 2em 0 4em 0; padding: 0; text-align: center; text-indent: 0; } h1 span.byline { display: block; font-weight: normal; } h1 span.ordinal { display: block; font-weight: bolder; margin-bottom: .5em; } .frontmatter h1 { font-size: 1.2em; } .chapter h1 { margin-top: 0; } h2 { border: 1px dotted currentColor; font-size: 1.5em; font-style: normal; font-weight: bold; line-height: 1.2; margin: 1.5em 0; padding: 2em; text-align: center; text-indent: 0; } h3 { font-size: 1em; font-style: normal; font-weight: bold; line-height: 1.2; margin: 1em 0 0 0; padding: 0; text-align: left; text-indent: 0; } p.question { font-size: 1.05em; font-style: normal; font-weight: bold; margin: 1em 0 0 0; padding: 0; text-align: left; text-indent: 0; } h1 + p, h2 + p, h3 + p, p.question + p { text-indent: 0; } p { font-size: 1em; margin: 0; padding: 0; text-align: justify; text-indent: 1em; } a { color: #00F; font-family: inherit; font-weight: bold; text-decoration: none; } abbr { border: 0; text-decoration: none; white-space: nowrap; } i cite { font-style: normal; } cite { display: inline; font-style: italic; } hr { border: none !important; height: 1em; margin: .25em 0; } hr + p { text-indent: 0; } img { margin: 0; max-width: 100%; padding: 0; } q { font-style: italic; } q i { font-style: normal; } q:before { content: ""; } q:after { content: ""; } sub, sup { font-size: .7em; } /* Listas */ ol { margin: 1em 0 1em 0; padding: 0 0 0 1.25em; } ul { list-style: disc; margin: 1em 0 1em 0; padding: 0 0 0 1.25em; } li { font-size: 1em; margin: 0; padding: 0; text-align: left; text-indent: 0; } li p { font-size: 1em; margin: 1em 0; text-indent: 0; } .lower-alpha { list-style: lower-alpha; margin-left: 1em; } .upper-alpha { list-style: upper-alpha; } ul.none { list-style: none; margin: 1em 0; padding: 0; } ol.decalogue li { font-weight: bold; margin: 1em 0; } ol.decalogue li p { font-weight: normal; } /* Figuras y captions */ div.figure { margin: 1em 0; break-inside: avoid; page-break-inside: avoid; text-align: center; width: 100%; } div.figure img { max-height: 80%; page-break-inside: avoid; text-align: center; } div.icon { margin: 1em 0; page-break-inside: avoid; text-align: center; width: 100%; } div.icon img { max-height: 80%; page-break-inside: avoid; text-align: center; max-width: 10rem; width: auto; } div.separator { padding: 0; break-after: page; page-break-after: always; text-align: center; /* height: 100%; */ width: 100%; } div.separator img { margin: 0; padding: 0; text-align: center; } div.separator-caption { margin: 1em 0; break-after: page; page-break-after: always; text-align: center; height: 100%; width: 100%; } div.separator-caption img { max-height: 80%; page-break-inside: avoid; text-align: center; } div.figcaption p { font-size: .9em; margin: 0; text-align: center; text-indent: 0; } div.figcaption p.question { text-align: left; text-indent: 0; } div.figcaption p.question + p { text-align: left; text-indent: 0; } /* Seudoversalitas */ span.sc { font-size: .8em; } /* Firmas */ div.signature { margin: 1em 0; } div.signature p { font-family: serif; font-size: 1.3em; text-align: right; } /* Recetas */ div.recipe { break-before: page; page-break-before: always; padding-top: 1em; } div.recipe p.title { font-size: 1.25em; font-weight: bold; margin: 1em 0; text-align: left; text-indent: 0; } div.recipe div.note { margin: 2em 0; } div.recipe div.note p { font-weight: bold; text-indent: 0; } div.recipe div.steps p.for { font-style: italic; margin-top: 1em; text-indent: 0; } div.recipe div.steps p.for + p { text-indent: 0; } div.trick { border-top: 1px dashed #e83935; margin-top: 1.5em; padding-top: .6em; } div.trick p { font-weight: bold; text-indent: 0; } div.trick span.label { color: #e83935; font-weight: bold; } div.trick span.method { font-weight: normal; } p.point { margin: 1em 0 0 0; text-indent: 0 !important; } /* Tablas */ table { border: 1px dashed #e83935; border-collapse: collapse; margin: 1em 0; } table td { border: 1px dashed #e83935; border-collapse: collapse; padding: 1em; vertical-align: top; } table td p { font-size: .8em; text-align: left; text-indent: 0; } table.categories { border: 0; } table.categories td { background: #eaece7; border-top: 0; border-bottom: 0; border-right: 1px dashed #e83935; border-left: 1px dashed #e83935; padding: 0 .2em; vertical-align: top; } table.categories td p { font-size: .8em; text-align: left; text-indent: 0; } table.categories td img { height: 3em; } table.categories-w { border: 0; } table.categories-w td { border-top: 0; border-bottom: 0; border-right: 1px dashed #e83935; border-left: 1px dashed #e83935; padding: 0 .2em; vertical-align: top; } table.categories-w td p { font-size: .8em; text-align: left; text-indent: 0; } table.categories-w td img { height: 3em; } /* Otros */ blockquote { margin: 1em; } blockquote p { font-size: 1.2em; text-align: center; text-indent: 0; text-decoration: underline dashed #b0dad2; } blockquote + p { text-indent: 0; } span.first-line { font-size: .9em; font-weight: bold; } div.intro { border: 1px solid currentColor; padding: 1em; } div.intro p { text-indent: 0; } div.intro p + p { text-indent: 1em; } div.subchapter { break-before: page; page-break-before: always; } div.faq { margin: 1em 0; } div.faq p.question { text-indent: 0; } div.faq div.answer { border: 1px dashed #e83935; padding: .7em; } div.faq div.answer p { text-indent: 0; } div.faq div.answer p + p { text-indent: 1em; } /* Agradecimientos */ #acknowledgments { margin-top: 4em; } #acknowledgments h1 { font-size: 1em; margin: 1.5em 0; } #acknowledgments p { text-align: center; text-indent: 0; } /* Índice de recetas */ #idx h1 { font-size: 1.5em; margin: 2em 0 4em 0; text-align: left; } #idx ol { list-style-type: none !important; margin: 1em 0; padding: 0; } #idx li { font-size: 1em; margin: .75em 0; padding: 0; text-align: left; } #idx li ol { margin: 0 0 0 1em; } #idx li li { margin: 0; } #idx li span.label { display: block; } #idx li span.title { font-weight: bold; } #idx a { color: #000; font-weight: normal; page-break-inside: avoid; text-decoration: none !important; }