/* 
Typography
*/
.remark-slide-content {
  font-size: 40px;
  /* Base font size */
  padding: 1em 1em 1em 1em;
}

.remark-slide-content p {
  margin: 0.5em 0;
}

.remark-slide-content h1 {
  font-size: 1.7em;
  line-height: 1em;
  margin-top: 0;
  text-align: center;
}

.huge {
  font-size: 2.2em;
}

.large {
  font-size: 1.7em;
}

.medium {
  font-size: 1.4em;
}

.NORMAL {
  font-size: 1.05em;
}

.normal {
  font-size: 1em;
}

.SMALL {
  /* CURSE YOU LATEX */
  font-size: 0.9em;
}

.small {
  font-size: 0.8em;
}

.pequeno {
  font-size: 0.7em;
}

.tiny {
  font-size: 0.5em;
}

.light {
  font-weight: 300;
}

.full-width {
  width: 100%;
}

.remark-slide-number {
  font-size: 15px;
}

figure {
  margin: 15px;
}

figcaption {
  font-size: 0.5em;
}

.pull-left h2,
.pull-right h2,
.pull-left-3 h2,
.pull-middle-3 h2,
.pull-right-3 h2 {
  margin-top: 0.3em;
}

.cell-left {
  text-align: left;
}

.cell-right {
  text-align: right;
}

.cell-center {
  text-align: center;
}

.frame {
  border: 1px #000000 solid;
  padding: 20px;
  box-sizing: border-box;
}

.bg-full {
  background-size: cover;
}

.bg-90 {
  background-size: 90%;
  background-position-y: 30%;
}

.bg-y-75 {
  background-position-y: 75%;
}

.sp-after {
  margin-bottom: 1em !important;
}

.sp-after-half {
  margin-bottom: 0.7em !important;
}

.sp-after-short {
  margin-bottom: 0.5em !important;
}

.sp-after-veryshort {
  margin-bottom: 0.25em !important;
}

.sp-after-veryveryshort {
  margin-bottom: 0.15em !important;
}

.remark-code,
.remark-inline-code {
  font-size: 0.75em;
}

/* Side-by-side code/plot stuff https://www.garrickadenbuie.com/blog/decouple-code-and-output-in-xaringan-slides/ */
.left-code {
  color: #777;
  width: 48%;
  height: 92%;
  float: left;
}

.right-plot {
  width: 50%;
  float: right;
  padding-left: 1%;
}

.left-code .remark-code,
.left-code .remark-inline-code {
  font-size: 0.5em;
}

.small-code .remark-code,
.small-code .remark-inline-code {
  font-size: 0.5em;
}

/* 
Main title and section title slides
*/
.main-title {
  color: #FFFFFF;
}

.main-title {
  text-align: center;
}

.main-title h1 {
  font-weight: 900;
  font-size: 2.8em;
  line-height: 1.2;
  margin-bottom: 2em;
}

.main-title p {
  font-size: 0.8em;
}

.main-title .class-info {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: calc(0% + 0.5em);
}

.section-title h1,
.section-title-inv h1 {
  color: #FFFFFF;
  font-size: 2.3em;
  line-height: 1.3;
}

/* 
Three column layout
*/
.pull-left-3 {
  float: left;
  width: 30%;
  padding: 0 2.5% 0 0;
}

.pull-middle-3 {
  float: left;
  width: 30%;
  padding: 0 2.5%;
}

.pull-right-3 {
  float: right;
  width: 30%;
  padding: 0 0 0 2.5%;
}

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

/*
Wider pull left/right
*/
.pull-left-wide {
  float: left;
  width: 65%;
}

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

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

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

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

/* 
Slides with title bars at the top
*/
.title {
  padding-top: 0em;
  border-top: 110px solid #777777;
}

.title h1 {
  margin-top: -85px;
  margin-bottom: 50px;
}

.title-1 {
  border-top-color: #0D0887;
}

.title-2 {
  border-top-color: #5601A4;
}

.title-3 {
  border-top-color: #900DA4;
}

.title-4 {
  border-top-color: #BF3984;
}

.title-5 {
  border-top-color: #E16462;
}

.title-6 {
  border-top-color: #FC642D;
}

.title-7 {
  border-top-color: #35ACFB;
}

.title-inv-1 {
  border-top-color: #B2B1F9;
}

.title-inv-2 {
  border-top-color: #CBB5FF;
}

.title-inv-3 {
  border-top-color: #EFB3FF;
}

.title-inv-4 {
  border-top-color: #FFC0DC;
}

.title-inv-5 {
  border-top-color: #FFD0CF;
}

.title-inv-6 {
  border-top-color: #FFDFD1;
}

.title-inv-7 {
  border-top-color: #EAF6FF;
}

/*
General color classes
*/
.color-1 {
  color: #0D0887;
}

.color-2 {
  color: #5601A4;
}

.color-3 {
  color: #900DA4;
}

.color-4 {
  color: #BF3984;
}

.color-5 {
  color: #E16462;
}

.color-6 {
  color: #FC642D;
}

.color-7 {
  color: #35ACFB;
}

.color-light-1 {
  color: #B2B1F9;
}

.color-light-2 {
  color: #CBB5FF;
}

.color-light-3 {
  color: #EFB3FF;
}

.color-light-4 {
  color: #FFC0DC;
}

.color-light-5 {
  color: #FFD0CF;
}

.color-light-6 {
  color: #FFDFD1;
}

.color-light-7 {
  color: #EAF6FF;
}

/* 
Coloring and inverse coloring in title bars and content boxes
*/
.box-1,
.section-title-1 {
  background-color: #0D0887;
}

.box-2,
.section-title-2 {
  background-color: #5601A4;
}

.box-3,
.section-title-3 {
  background-color: #900DA4;
}

.box-4,
.section-title-4 {
  background-color: #BF3984;
}

.box-5,
.section-title-5 {
  background-color: #E16462;
}

.box-6,
.section-title-6 {
  background-color: #FC642D;
}

.box-7,
.section-title-7 {
  background-color: #35ACFB;
}

.section-maroon {
  background-color: #800000;
}

.box-inv-1,
.section-title-inv-1 {
  background-color: #B2B1F9;
}

.box-inv-2,
.section-title-inv-2 {
  background-color: #CBB5FF;
}

.box-inv-3,
.section-title-inv-3 {
  background-color: #EFB3FF;
}

.box-inv-4,
.section-title-inv-4 {
  background-color: #FFC0DC;
}

.box-inv-5,
.section-title-inv-5 {
  background-color: #FFD0CF;
}

.box-inv-6,
.section-title-inv-6 {
  background-color: #FFDFD1;
}

.box-inv-7,
.section-title-inv-7 {
  background-color: #EAF6FF;
}

.box-inv-1,
.title-inv-1 h1,
.section-title-inv-1 h1 {
  color: #0D0887;
}

.box-inv-2,
.title-inv-2 h1,
.section-title-inv-2 h1 {
  color: #5601A4;
}

.box-inv-3,
.title-inv-3 h1,
.section-title-inv-3 h1 {
  color: #900DA4;
}

.box-inv-4,
.title-inv-4 h1,
.section-title-inv-4 h1 {
  color: #BF3984;
}

.box-inv-5,
.title-inv-5 h1,
.section-title-inv-5 h1 {
  color: #E16462;
}

.box-inv-6,
.title-inv-6 h1,
.section-title-inv-6 h1 {
  color: #FC642D;
}

.box-inv-7,
.title-inv-7 h1,
.section-title-inv-7 h1 {
  color: #35ACFB;
}

.box-7, .box-6, .box-5, .box-4, .box-3, .box-2, .box-1, .title-7 h1, .title-6 h1, .title-5 h1, .title-4 h1, .title-3 h1, .title-2 h1, .title-1 h1, .section-title h1 {
  color: #FFFFFF;
}

.box-7, .box-inv-7, .box-6, .box-inv-6, .box-5, .box-inv-5, .box-4, .box-inv-4, .box-3, .box-inv-3, .box-2, .box-inv-2, .box-1, .box-inv-1 {
  margin: 0em auto;
  overflow: hidden;
  padding: 0.1em 0.2em;
  font-weight: 600;
  display: table;
  text-align: center;
}

.float-left {
  text-align: left;
}

.float-right {
  text-align: right;
}

.float-left .box-1, .float-left .box-inv-1,
.float-right .box-1, .float-right .box-inv-1 {
  display: inline;
}

.float-left .box-2, .float-left .box-inv-2,
.float-right .box-2, .float-right .box-inv-2 {
  display: inline;
}

.float-left .box-3, .float-left .box-inv-3,
.float-right .box-3, .float-right .box-inv-3 {
  display: inline;
}

.float-left .box-4, .float-left .box-inv-4,
.float-right .box-4, .float-right .box-inv-4 {
  display: inline;
}

.float-left .box-5, .float-left .box-inv-5,
.float-right .box-5, .float-right .box-inv-5 {
  display: inline;
}

.float-left .box-6, .float-left .box-inv-6,
.float-right .box-6, .float-right .box-inv-6 {
  display: inline;
}

.float-left .box-7, .float-left .box-inv-7,
.float-right .box-7, .float-right .box-inv-7 {
  display: inline;
}

/* Corner ribbon */
/* Adapted from https://codepen.io/eode9/pen/twkKm */
.corner-ribbon {
  width: 425px;
  position: fixed;
  top: auto;
  bottom: 50px;
  left: -85px;
  transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  text-align: center;
  font-size: 0.6em;
  padding: 0.25em 0;
  background: #BF3984;
  color: #FFFFFF;
}

.highlight {
  background: #ffeb3b;
  padding: 0.05em .25em;
  border-radius: .15em;
}

.highlight-red {
  background: #ff0082;
  padding: 0.05em .25em;
  border-radius: .15em;
}

.red {
  color: #c62828;
  font-weight: 600;
}

.blue {
  color: #1565c0;
}

.green {
  color: #2e7d32;
}

.red {
  color: #c62828;
  font-weight: 600;
}

.blue {
  color: #1565c0;
}

.maroon {
  color: #4b1310;
}

.scroll-up {
  animation: scrollUp 10s linear;
}

@keyframes scrollUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(-100%);
  }
}

.scroll-container {
  height: 400px;
  overflow-y: auto;
  border: 1px solid #ccc;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #f2f2f2;
}

/* Improve blockquote appearance */
blockquote {
  border-left: 5px solid #C0C0C0;
  color: #2f2f2f;
}

/* Coral Modern Table - Complete CSS Styling */

/* Base Table Styling */
.coral-table {
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0 2px 8px rgba(225, 101, 98, 0.12);
  border-radius: 12px;
  overflow: hidden;
}

/* Header Styling */
.coral-table th {
  background-color: #FFE9E8; /* Very light coral tint */
  color: #C13835; /* Darker coral for contrast */
  text-align: left;
  padding: 7px 14px;
  border: 1px solid #F5B9B7; /* Medium coral border */
  font-size: 1em;
}

/* Table Data Cells */
.coral-table td {
  padding: 7px 12px;
  border: 1px solid #FFD4D3; /* Light coral border */
  color: #A85553; /* Dark gray for readability */
  font-size: 1em;
}

/* Alternating Row Colors (Zebra Striping) */
.coral-table tbody tr:nth-child(even) {
  background-color: #FFF6F5; /* Ultra light coral */
}

.coral-table tbody tr:nth-child(odd) {
  background-color: #FFFFFF; /* White */
}

/* Hover Effect */
.coral-table tbody tr:hover {
  background-color: #FFE9E8; /* Light coral on hover */
  transition: background-color 0.2s ease;
  cursor: pointer;
}

/* Accent Border on Header */
.coral-table thead tr {
  border-bottom: 3px solid #E16562; /* Theme color accent */
}

/* Table Caption (if used) */
.coral-table caption {
  caption-side: top;
  padding: 7px;
  font-weight: 600;
  color: #C13835; /* Darker coral */
  font-size: 1em;
  text-align: left;
}

/* Modern Touch: Highlight Active Row */
.coral-table tbody tr.active {
  background-color: #E16562;
  color: #FFFFFF;
}

.coral-table tbody tr.active td {
  color: #FFFFFF;
  border-color: #C13835;
}

/* Responsive Design */
@media (max-width: 768px) {
  .coral-table th,
  .coral-table td {
    padding: 8px 12px;
    font-size: 1em;
  }
  
  .coral-table {
    font-size: 0.8em;
  }
}

/* Extra Small Screens */
@media (max-width: 480px) {
  .coral-table th,
  .coral-table td {
    padding: 6px 8px;
    font-size: 0.6em;
  }
}

/* Rose Table - Complete CSS Styling */

/* Base Table Styling */
.rose-table {
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0 2px 8px rgba(225, 101, 98, 0.12);
  border-radius: 12px;
  overflow: hidden;
}

/* Header Styling */
.rose-table th {
  background-color: #FCE7F3; /* Very light rose tint */
  color: #831843; /* Darker rose for contrast */
  font-weight: 600;
  text-align: left;
  padding: 7px 14px;
  border: 1px solid #F5B9B7; /* Medium rose border */
  font-size: 1.1em;
}

/* Table Data Cells */
.rose-table td {
  padding: 7px 12px;
  border: 1px solid #FBCFE8; /* Light rose border */
  color: #8e1334; /* Dark gray for readability */
  font-size: 1em;
}

/* Alternating Row Colors (Zebra Striping) */
.rose-table tbody tr:nth-child(even) {
  background-color: #FDF2F8; /* Ultra light rose */
}

.rose-table tbody tr:nth-child(odd) {
  background-color: #FFFFFF; /* White */
}

/* Hover Effect */
.rose-table tbody tr:hover {
  background-color: #FCE7F3; /* Light rose on hover */
  transition: background-color 0.2s ease;
  cursor: pointer;
}

/* First Column Emphasis (Optional) */
.rose-table td:first-child {
  font-weight: 500;
  color: #9F1239; /* Theme color */
}

/* Accent Border on Header */
.rose-table thead tr {
  border-bottom: 3px solid #9F1239; /* Theme color accent */
}

/* Table Caption (if used) */
.rose-table caption {
  caption-side: top;
  padding: 7px;
  font-weight: 600;
  color: #9F1239; /* Darker rose */
  font-size: 1em;
  text-align: left;
}

/* Modern Touch: Highlight Active Row */
.rose-table tbody tr.active {
  background-color: #e075a6;
  color: #FFFFFF;
}

.rose-table tbody tr.active td {
  color: #FFFFFF;
  border-color: #c13984;
}

/* Responsive Design */
@media (max-width: 768px) {
  .rose-table th,
  .rose-table td {
    padding: 8px 12px;
    font-size: 1em;
  }
  
  .rose-table {
    font-size: 0.8em;
  }
}

/* Extra Small Screens */
@media (max-width: 480px) {
  .rose-table th,
  .rose-table td {
    padding: 6px 8px;
    font-size: 0.6em;
  }
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #f2f2f2;
}

/* Light Blue Table - Complete CSS Styling */
/* Base Table Styling */
.light-blue-table {
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0 2px 8px rgba(96, 165, 250, 0.12);
  border-radius: 12px;
  overflow: hidden;
}
/* Header Styling */
.light-blue-table th {
  background-color: #DBEAFE; /* Very light blue tint */
  color: #1E3A8A; /* Darker blue for contrast */
  font-weight: 600;
  text-align: left;
  padding: 7px 14px;
  border: 1px solid #93C5FD; /* Medium blue border */
  font-size: 1.1em;
}
/* Table Data Cells */
.light-blue-table td {
  padding: 7px 12px;
  border: 1px solid #BFDBFE; /* Light blue border */
  color: #1E40AF; /* Dark blue for readability */
  font-size: 1em;
}
/* Alternating Row Colors (Zebra Striping) */
.light-blue-table tbody tr:nth-child(even) {
  background-color: #EFF6FF; /* Ultra light blue */
}
.light-blue-table tbody tr:nth-child(odd) {
  background-color: #FFFFFF; /* White */
}
/* Hover Effect */
.light-blue-table tbody tr:hover {
  background-color: #DBEAFE; /* Light blue on hover */
  transition: background-color 0.2s ease;
  cursor: pointer;
}
/* First Column Emphasis (Optional) */
.light-blue-table td:first-child {
  font-weight: 500;
  color: #1D4ED8; /* Theme color */
}
/* Accent Border on Header */
.light-blue-table thead tr {
  border-bottom: 3px solid #1D4ED8; /* Theme color accent */
}
/* Table Caption (if used) */
.light-blue-table caption {
  caption-side: top;
  padding: 7px;
  font-weight: 600;
  color: #1E3A8A; /* Darker blue */
  font-size: 1em;
  text-align: left;
}
/* Modern Touch: Highlight Active Row */
.light-blue-table tbody tr.active {
  background-color: #60A5FA;
  color: #FFFFFF;
}
.light-blue-table tbody tr.active td {
  color: #FFFFFF;
  border-color: #3B82F6;
}
/* Responsive Design */
@media (max-width: 768px) {
  .light-blue-table th,
  .light-blue-table td {
    padding: 8px 12px;
    font-size: 1em;
  }
  
  .light-blue-table {
    font-size: 0.8em;
  }
}
/* Extra Small Screens */
@media (max-width: 480px) {
  .light-blue-table th,
  .light-blue-table td {
    padding: 6px 8px;
    font-size: 0.6em;
  }
}

.zoom-figure {
  display: inline-block;
  overflow: hidden;
  border-radius: 3px;
  transition: transform .25s ease, box-shadow .25s ease;
  cursor: zoom-in;
}

.zoom-figure img {
  display: block;
  transition: transform .25s ease;
}

.zoom-figure:hover {
  transform: scale(1.15);
  z-index: 10;
}

.zoom-figure:hover img {
  transform: scale(1.3);
}