/* Converted for Quarto / reveal.js presentation
 * Original: xaringan theme generated by xaringanthemer
 * This file preserves original styles and adds reveal.js-compatible selectors
 *
 * Note: Quarto reveal.js slides render content inside .reveal .slides section elements.
 * We include both .remark-* (xaringan) and .reveal selectors so the same classes work
 * when slides are authored with the original classes (e.g. .inverse, .roja, .content-box).
 */

/* Import fonts */
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
@import url(https://fonts.googleapis.com/css?family=sourcesans);
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');

/* Basic typography and body */
.title-slide .remark-slide-number,
.reveal .slide-number { display: none; }

body {
  font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC' 'Courier Prime', serif;
  font-weight: normal;
  color: #000;
}
h1, h2, h3 {
  font-family: 'Courier Prime';
  font-weight: normal;
  color: #dc322f;
  margin-bottom:0.2px;
}

/* Slide content container (xaringan + reveal.js targets) */
.remark-slide-content,
.reveal .slides section {
  background-color: #FFF;
  font-size: 35px;
  padding: 0em 1em 1em 1em;
}
.remark-slide-content h1,
.reveal .slides section h1 {
  font-size: 70px;
}
.remark-slide-content h2,
.reveal .slides section h2 {
  font-size: 55px;
}
.remark-slide-content h3,
.reveal .slides section h3 {
  font-size: 45px;
}

/* Code blocks and inline code */
.remark-code, .remark-inline-code,
.reveal pre, .reveal code, pre, code {
  font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
}
.remark-code, .reveal pre {
  font-size: 0.9em;
}
.remark-inline-code, .reveal code {
  font-size: 1em;
  color: #6c71c4;
}

/* Slide number styling (xaringan + reveal) */
.remark-slide-number,
.reveal .slide-number {
  color: #DD0101;
  opacity: 1;
  font-size: 0.6em;
  margin-right: 1115px;
}

/* Links and strong */
strong { color: #d33682; }
a, a > code {
  color: #0062B5;
  text-decoration: none;
}

/* Footnote positioning */
.footnote {
  position: absolute;
  bottom: 3em;
  padding-right: 4em;
  font-size: 0.9em;
}

/* Inline code highlight */
.remark-code-line-highlighted,
.reveal .highlight { background-color: #268bd240; }

/* Inverse / dark variant */
.inverse,
.reveal .inverse {
  background-color: #002b36;
  color: #fdf6e3;
}
.inverse h1, .inverse h2, .inverse h3,
.reveal .inverse h1, .reveal .inverse h2, .reveal .inverse h3 {
  color: #fdf6e3;
}
.inverse .remark-slide-number,
.reveal .inverse .slide-number {
  display: none;
}
.inverse h1 { font-size: 100px; }
.inverse h2 { font-size: 60px; }
.inverse h3 { font-size: 50px; }

.inverse .MathJax_CHTML,
.reveal .inverse .MathJax_CHTML {
    font-size: 1.3em !important;
    color: #FFFFFF;
}

/* Roja variant */
.roja,
.reveal .roja {
  background-color: #758686;
  color: #fdf6e3;
}
.roja h1, .reveal .roja h1 {
  color: #FFFFFF;
  font-size: 80px;
  font-weight: bold;
  text-align: right;
}
.roja h2, .reveal .roja h2 {
  color: #183636;
  font-size: 60px;
  text-align: right;
}
.roja h3, .reveal .roja h3 {
  color: #FFFFFF;
  font-size: 50px;
}

/* Front / title-slide */
.front, .title-slide, .reveal .front, .reveal .title-slide {
  /* preserve space for custom backgrounds */
}
.front h1, .reveal .front h1 {
  color: #FFFFFF;
  font-size: 2.2em;
}
.front h2, .reveal .front h2 {
  color: #FFFFFF;
  font-size: 1.8em;
}
.front .remark-slide-number,
.reveal .front .slide-number {
  display: none;
}

/* Title slide specifics */
.title-slide, .title-slide h1, .title-slide h2, .title-slide h3,
.reveal .title-slide, .reveal .title-slide h1, .reveal .title-slide h2, .reveal .title-slide h3 {
  color: #fdf6e3;
}
.title-slide { background-color: #002b36; }

/* Two-column layout and pull helpers (preserved) */
.left-column { width: 20%; height: 92%; float: left; }
.left-column h2, .left-column h3 { color: #93a1a1; }
.left-column h2:last-of-type, .left-column h3:last-child { color: #586e75; }
.right-column { width: 75%; float: right; padding-top: 1em; }

.pull-left { float: left; width: 47%; }
.pull-right { float: right; width: 47%; }

.pull-left-narrow { float: left; width: 33%; }
.pull-right-narrow { float: right; width: 33%; }

.pull-left-wide { float: left; width: 66%; }
.pull-right-wide { float: right; width: 66%; }

.pull-right ~ * { clear: both; }

/* Images, video, iframe */
img, video, iframe { max-width: 100%; }

/* Quote */
blockquote { border-left: solid 5px #cb4b16; padding-left: 1em; }

/* Tables */
table {
  margin: auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 0;
}
table thead th { border-bottom: 1px solid #ddd; }
th, td { padding: 5px; }
table tr { border-top: 1px solid #cccccc; background-color: white; margin: 0; padding: 0; }
table tr:nth-child(2n) { background-color: #f8f8f8; }
table tr th { font-weight: bold; border: 1px solid #cccccc; text-align: left; margin: 0; padding: 6px 13px; }
table tr td { border: 1px solid #cccccc; text-align: left; margin: 0; padding: 6px 13px; }

/* Font sizing helpers */
.large { font-size: 130%; }
.medium { font-size: 85%; }
.small { font-size: 70%; }
.smally { font-size: 60%; }
.tiny { font-size: 50%; }

/* Color helpers */
.black { color: black; }
.red { color: red; }
.blue { color: blue; }
.green { color: green; }
.yellow { color: yellow; }
.orange { color: orange; }
.purple { color: purple; }
.gray { color: gray; }
.grey { color: gray; }
.white{ color: white; }

.bold { font-weight: bold; }
.bolder { font-weight: bolder; }

/* iframe styling */
iframe { border: 1px solid black; width: 100%; }

/* output area */
.output { background: #eee; }

/* small spacing helper (keeps original intent) */
.espaciosimplelineas { line-height: 0.3em; }

/* Content boxes */
.content-box {
  box-sizing: content-box;
  background-color: #e2e2e2;
}
.content-box-blue,
.content-box-gray,
.content-box-grey,
.content-box-army,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
  border-radius: 10px;
  margin: 0 0 15px;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
.content-box-blue { background-color: #F0F8FF; }
.content-box-gray { background-color: #e2e2e2; }
.content-box-grey { background-color: #F5F5F5; }
.content-box-army { background-color: #737a36; }
.content-box-green { background-color: #d9edc2; }
.content-box-purple { background-color: #e2e2f9; }
.content-box-red { background-color: #f9dbdb; }
.content-box-yellow { background-color: #fef5c4; }

.full-width { display: flex; width: 100%; flex: 1 1 auto; }

/* MathJax */
.MathJax_CHTML {
    font-size: 1em !important;
    color: #225b7c;
}

/* Print-friendly adjustments (reveal.js + fallback) */
@page { margin: 0; }
@media print {
  /* reveal.js scaling */
  .reveal .slides { width: 100% !important; height: 100% !important; transform: none !important; top: 0 !important; left: 0 !important; }
  /* xaringan fallback */
  .remark-slide-scaler { width: 100% !important; height: 100% !important; transform: none !important; top: 0 !important; left: 0 !important; }
}

/* Optional: keep some commented original rules for reference */
/*
.remark-slide-content:not(.exclude) {
  background-image: url(../images/footer.png);
  background-position: 9% 100%;
  background-size: 900px;
  padding-left: 100px;  delete this for 4:3 aspect ratio
}
*/