/* -------------------------------------------------------
 *
 *     !! This file was generated by xaringanthemer !!
 *
 *  Changes made to this file directly will be overwritten
 *  if you used xaringanthemer in your xaringan slides Rmd
 *
 *  Issues or likes?
 *    - https://github.com/gadenbuie/xaringanthemer
 *    - https://www.garrickadenbuie.com
 *
 *  Need help? Try:
 *    - vignette(package = "xaringanthemer")
 *    - ?xaringanthemer::write_xaringan_theme
 *    - xaringan wiki: https://github.com/yihui/xaringan/wiki
 *    - remarkjs wiki: https://github.com/gnab/remark/wiki
 *
 * ------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap);
@import url(https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap);
@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=Anton&family=Courier+Prime&display=swap');



.title-slide .remark-slide-number {
  display: none;
}

.title .remark-slide-number {
  display: none;
}

body {
  font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', sans-serif;
  font-weight: normal;
  color: #000;
}


b, strong {
   color: #000;
   }


b, .red {
   color: red;
   }

b, .blue {
   color: #369CE4;
   }

b, .yellow {
   color: yellow;
   }

h1, h2, h3, h4 {
  font-family: 'Cabin', sans-serif;
  font-weight: normal;
  color: #dc322f;
  margin-bottom:0.1px;
}
.remark-slide-content {
  background-color: #FFF;
  font-size: 28px;


  padding: 1em 2em 1em 2em;
}
.remark-slide-content h1 {
    font-size: 70px;
}
.remark-slide-content h2 {
    font-size: 48px;
}
.remark-slide-content h3 {
    font-size: 40px;
}

.remark-slide-content h4 {
    font-size: 35px;
}

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


}

.remark-slide-number {
  color: #DD0101;
  opacity: 1;
 font-size: 0.5em;
  margin-right: 0px;
}


strong{color:#d33682;}
a, a > code {
  color: #0062B5;
  text-decoration: none;
}
.footnote {

  position: absolute;
  bottom: 1em;
  padding-right: 4em;
  font-size: 0.2em;
}
.remark-code-line-highlighted {
  background-color: #268bd240;
}
.inverse {
  background-color: #758686;
  color: #fdf6e3;
}
.inverse h1, .inverse h2, .inverse h3 {
  color: #fdf6e3;
}

.inverse a:link {
  color: #b3446c;
}


.inverse b, strong {
   color: orange;
   }

.inverse .remark-slide-number {
  display: none;
}


.inverse h1{
  font-size: 2.5em;  
}

.inverse h2{
  font-size: 75px;  
}

.inverse h3{
  font-size: 65px;  
}

.inverse h4{
  font-size: 60px;
}

.roja {
  background-color: #cc1212;
  color: #fdf6e3;

}
.roja h1 {
  color: #FFFFFF;
  font-size: 3em;
  font-weight: bold;
}

.roja h2 {
  color: #FFFFFF;
  font-size: 2em;
}

.roja h3 {
  color: #FFFFFF;
  font-size: 1.5em;
}

.front {
  background: linear-gradient(180deg, #154360 0%, #AF601A 100%);
}

.front h1 {
  color: #FF9000;
  font-size: 2.2em;
}

.front h2 {
  color: #FFFFFF;
  font-size: 1.3em;
}

.front h3 {
  color: #154360;
  font-size: 1.3em;
}

.front h4 {
  color: #154360;
  font-size: 1.3em;
}


.front .remark-slide-number {
  display: none;
}

.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
  color: #fdf6e3;
}
.title-slide {
  background-color: #002b36;

}
.title-slide .remark-slide-number {
  display: none;
}
/* Two-column layout */
.left-column {
  width: 20%;
  height: 92%;
  float: left;
}

.left-columnb {
  width: 30%;
  height: 92%;
  float: left;
}

.right-columnb {
  width: 70%;
  float: right;
  padding-top: 1em;
}

.left-column h2, .left-column h4 {
  color: #93a1a1;
}
.left-column h2:last-of-type, .left-column h4: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;
}
img, video, iframe {
  max-width: 100%;
}
blockquote {
  border-left: solid 5px #cb4b16;
  padding-left: 1em;
}

table {
  margin: auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
table thead th { border-bottom: 1px solid #ddd; }
th, td { padding: 5px; }

.slarge { font-size: 150%
  
}

.xlarge { font-size: 115%
}

.large { font-size: 95%
}

.mlarge { font-size: 80%
  
}

.medium { font-size: 85%
}

.small { font-size: 75%
}


.tiny { 
    font-size: 60%;
    line-height: 1.2em;
}


.dat h3:last-child{
  color: #586e75;
}
.red { font-color: #FF0000
}

@page { margin: 0; }
@media print {
  .remark-slide-scaler {
    width: 100% !important;
    height: 100% !important;
    transform: scale(1) !important;
    top: 0 !important;
    left: 0 !important;
  }
}

.MathJax_CHTML {
    font-size: 30px !important;
    color: black;
}

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

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

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

/*
.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 */
}
*/

/*weblinks*/

/* unvisited link */
a:link {
  color: #b3446c;
}

/* visited link */
a:visited {
  color: #b3446c;
}

/* mouse over link */
a:hover {
  color: #b3446c;
}

/* selected link */
a:active {
  color: #b3446c;
}


.espaciosimple{
  line-height: 0.9em
} 


.espaciosimplelineas{
  line-height: 0.3  em
} 



/******************
 *
 * Coloured content boxes
 *
 ****************/


.content-box {
    box-sizing: content-box;
    	background-color: #e2e2e2;
  /* Total width: 160px + (2 * 20px) + (2 * 8px) = 216px
     Total height: 80px + (2 * 20px) + (2 * 8px) = 136px
     Content box width: 160px
     Content box height: 80px */
}


.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;
}

.content-box-yay {
  background-color: #fffcf0;
}


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


/**************
 *
 * Font colours
 *
 **************/


.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 {
    border: 1px solid black;
    width: 100%;
}

.output {
    background: #eee;
}

.segue-violet {
  text-align:center;
  vertical-align: middle;
  background-color: #002b36;
  color: #ffffff;
  text-shadow: 0 0 20px #333;
}

.final h1{
  font-size: 2.5em
}


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

.box-4{
  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.4em;
  font-weight: 600;
  display: table;
  text-align: center;
}

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

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

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

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

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


.left-column2 {
  width: 25%;
  height: 92%;
  float: left;
}
.left-column2 h2, .left-column2 h3 {
  color: #dc322f;
}

.right-column2 {
  width: 75%;
  float: right;
  padding-top: 1em;
  padding-right: 0em;
}

.coment h1{
  color: #cb3365;
}


.right-column3 {
  float: right;
  width: 55%;
}

.gris {
  background-color: #758686;
  color: #fdf6e3;

}
.gris h1 {
  color: #FFFFFF;
  font-size: 80px;
  font-weight: bold;
  text-align: right;
}

.gris h2 {
  color: #183636;
  font-size: 60px;
  text-align: right;
}

.gris h3 {
  color: #FFFFFF;
  font-size: 50px;
}