@charset "UTF-8";
@font-face {
  font-family: "Delivery";
  font-style: normal;
  font-weight: 400;
  src: local("Delivery_Lt"), url("../fonts/Delivery_Lt.woff") format("woff"), url("../fonts/Delivery_Lt.ttf") format("truetype");
}
@font-face {
  font-family: "Delivery";
  font-style: normal;
  font-weight: 500;
  src: local("Delivery_Bd"), url("../fonts/Delivery_Bd.woff") format("woff"), url("../fonts/Delivery_Bd.ttf") format("truetype");
}
@font-face {
  font-family: "Delivery Bold";
  font-style: normal;
  font-weight: 400;
  src: local("Delivery_Bd"), url("../fonts/Delivery_Bd.woff") format("woff"), url("../fonts/Delivery_Bd.ttf") format("truetype");
}
@font-face {
  font-family: "Delivery Condensed Black";
  font-style: normal;
  font-weight: 400;
  src: local("Delivery_CdBlk"), url("../fonts/Delivery_CdBlk.woff") format("woff"), url("../fonts/Delivery_CdBlk.ttf") format("truetype");
}
@font-face {
  font-family: "Delivery Light";
  font-style: normal;
  font-weight: 400;
  src: local("Delivery_Lt"), url("../fonts/Delivery_Lt.woff") format("woff"), url("../fonts/Delivery_Lt.ttf") format("truetype");
}
h1 {
  font-family: "Delivery Condensed Black";
  color: black;
  font-size: 1.5rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-family: "Delivery Condensed Black";
  color: #d40511;
  font-size: 3.375rem;
}

@media only screen and (max-width: 414px) {
  h3 {
    font-size: 2.8rem;
  }
}
h4 {
  font-family: "Delivery Bold";
  color: black;
  font-size: 1.7rem;
}

h5 {
  font-family: "Delivery Condensed Black";
  color: black;
  font-size: 1.25rem;
}

p {
  font-family: "Delivery";
  color: black;
  font-size: 1rem;
}

nav, .sidenav {
  background-color: #ffcb08;
  background-image: linear-gradient(to right, #ffcb08, #ffcb08, #ffefb4);
  font-family: "Delivery Bold";
}
nav .sidenav-trigger, .sidenav .sidenav-trigger {
  color: #d40511;
}

.sidenav .row {
  margin-top: 20px;
}
.sidenav .fa {
  color: #d40511;
  font-size: 1.5rem;
}

.parallax-container .cubierta {
  height: 110%;
  background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  position: relative;
  top: -45px;
}
.parallax-container .cubierta .container {
  padding-top: 10%;
}
@media only screen and (max-width: 1440px) and (min-width: 415px) {
  .parallax-container .cubierta .container {
    padding-top: 13%;
  }
}
@media only screen and (max-width: 414px) {
  .parallax-container .cubierta .container {
    padding-top: 0;
  }
}
@media only screen and (max-width: 414px) {
  .parallax-container .cubierta {
    background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
  }
}

@media only screen and (max-width: 768px) {
  #idoxParallax .parallax img {
    left: 25%;
  }
}

@media only screen and (max-width: 414px) {
  .parallax-container {
    height: 300px;
  }
  .parallax-container .cubierta {
    top: -20px;
  }
}
#intro .link__tyc {
  color: #d40511;
  font-weight: 700;
}
#intro .lista_tyc {
  padding-left: 40px;
}
#intro .lista_tyc li::before {
  content: "•";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #d40511;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
#intro .lista_tyc li {
  font-family: "Delivery";
  color: black;
  font-size: 1rem;
}
#intro .lista_tyc li a {
  color: #d40511;
  font-weight: 700;
}
#intro .lista_tyc li ul {
  padding-left: 40px;
}
#intro .lista_tyc li ul li::before {
  content: none;
}
#intro .lista_tyc li ul li a {
  color: #d40511;
  font-weight: 700;
}
#intro .btn {
  height: 3rem;
  line-height: 3rem;
  color: white;
  font-family: "Delivery Bold";
  font-size: 1.125rem;
  text-transform: none;
  background-color: #d40511;
  border: 2px solid #d40511;
}
#intro .btn:hover, #intro .btn:focus {
  background-color: white;
  color: black;
}
#intro thead tr {
  background-color: #ffcb08;
}

#contenido {
  padding-top: 5%;
  padding-bottom: 5%;
}
#contenido .slider .slides li .caption {
  top: unset;
  bottom: 1%;
  left: 5%;
}
#contenido #contenido__pp1 {
  background-image: url("../img/pp__contenido1.png");
}
#contenido #contenido__pp2 {
  background-image: url("../img/pp__contenido2.png");
}
#contenido #contenido__pp3 {
  background-image: url("../img/pp__contenido3.png");
}
#contenido #contenido__pp4 {
  background-image: url("../img/pp__contenido4.png");
}
#contenido #contenido__pp5 {
  background-image: url("../img/pp__contenido5.png");
}
#contenido #contenido__pp6 {
  background-image: url("../img/pp__contenido6.png");
}
#contenido #contenido__pp7 {
  background-image: url("../img/pp__contenido7.png");
}
@media only screen and (max-width: 414px) {
  #contenido #contenido__pp1 {
    background-image: url("../img/pp__contenido1-movil.png") !important;
  }
  #contenido #contenido__pp2 {
    background-image: url("../img/pp__contenido2-movil.png") !important;
  }
  #contenido #contenido__pp3 {
    background-image: url("../img/pp__contenido3-movil.png") !important;
  }
  #contenido #contenido__pp4 {
    background-image: url("../img/pp__contenido4-movil.png") !important;
  }
  #contenido #contenido__pp5 {
    background-image: url("../img/pp__contenido5-movil.png") !important;
  }
  #contenido #contenido__pp6 {
    background-image: url("../img/pp__contenido6-movil.png") !important;
  }
  #contenido #contenido__pp7 {
    background-image: url("../img/pp__contenido7-movil.png") !important;
  }
}
#contenido .pp1 {
  background-image: url("../img/home__body-pp1.png");
}
#contenido .id1 {
  background-image: url("../img/home__body-id1.png");
}
#contenido video {
  width: 100%;
  height: auto;
}
#contenido .collapsible {
  box-shadow: unset;
}
#contenido .collapsible-header i {
  color: #d40511;
  font-size: 2rem;
}
#contenido .collapsible-header span {
  font-family: "Delivery Condensed Black";
  font-size: 1.5rem;
}
#contenido .collapsible-header:hover span, #contenido .collapsible-header:focus span {
  color: #d40511;
}
#contenido .collapsible-body span {
  font-family: "Delivery";
  font-size: 1rem;
}
#contenido #paises .pais {
  display: inline-block;
  cursor: pointer;
}
#contenido #paises .pais i {
  font-size: 1rem;
  color: #eaeaea;
}
#contenido #paises .pais:hover i, #contenido #paises .pais:focus i {
  color: #d40511;
}
#contenido .mapa img {
  max-width: 100%;
  height: auto;
}
#contenido .alin__btn-izq {
  text-align: right;
}
#contenido .alin__btn-der {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  #contenido .alin__btn-izq {
    text-align: center;
  }
  #contenido .alin__btn-der {
    text-align: center;
    padding-top: 1rem;
  }
}
#contenido .btn {
  width: 15rem;
  height: 3rem;
  line-height: 3rem;
  color: white;
  font-family: "Delivery Bold";
  font-size: 1.125rem;
  text-transform: none;
  background-color: #d40511;
  border-radius: 0.5rem;
  border: 2px solid #d40511;
}
#contenido .btn:hover, #contenido .btn:focus {
  background-color: white;
  color: black;
}
#contenido .link__tyc {
  color: #d40511;
  font-weight: 700;
}

#calculadora .formula {
  padding-top: 9%;
}
#calculadora .input-field label {
  font-family: "Delivery Light";
  font-size: 0.75rem;
  color: #9e9e9e;
}
#calculadora .input-field input[type=number]:focus + label {
  color: black;
}
#calculadora .input-field input[type=number] {
  border: 1px solid #9e9e9e;
}
#calculadora .input-field input[type=number]:focus {
  border: 1px solid black;
  box-shadow: 0 0px 0 0 #000;
}
#calculadora .input-field input[type=number].valid {
  border: 1px solid #4caf50;
  box-shadow: 0 0px 0 0 #000;
}
#calculadora .input-field input[type=number].invalid {
  border: 1px solid red;
  box-shadow: 0 0px 0 0 #000;
}
#calculadora .btn {
  width: 100%;
  height: 3rem;
  color: white;
  font-family: "Delivery Bold";
  font-size: 1.125rem;
  text-transform: none;
  background-color: #d40511;
  border: 2px solid #d40511;
}
#calculadora .btn:hover, #calculadora .btn:focus {
  background-color: white;
  color: black;
}
#calculadora .btn:disabled, #calculadora .btn[disabled] {
  border: 2px solid #9f9f9f;
}
#calculadora .alin__btn-izq {
  text-align: right;
}
#calculadora .alin__btn-der {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  #calculadora .alin__btn-izq {
    text-align: center;
  }
  #calculadora .alin__btn-der {
    text-align: center;
    padding-top: 1rem;
  }
}
#calculadora .btn__cta {
  width: 15rem;
  height: 3rem;
  line-height: 3rem;
  color: white;
  font-family: "Delivery Bold";
  font-size: 1.125rem;
  text-transform: none;
  background-color: #d40511;
  border-radius: 0.5rem;
  border: 2px solid #d40511;
}
#calculadora .btn__cta:hover, #calculadora .btn__cta:focus {
  background-color: white;
  color: black;
}
#calculadora img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 1400px) and (min-width: 1025px) {
  #calculadora .formula {
    padding-top: 13%;
  }
}
#calculadora video {
  width: 100%;
  height: auto;
}

#enciclopedia .container thead tr {
  background-color: #ffcb08;
}
@media only screen and (max-width: 600px) {
  #enciclopedia .container {
    width: 100%;
  }
  #enciclopedia .container .col {
    padding: 0;
  }
}

footer p {
  font-family: "Delivery Bold";
  color: #636363;
  font-size: 0.88rem;
}
footer p a {
  color: #636363;
}
footer p a:hover, footer p a:focus {
  color: black;
}
footer p a i {
  font-size: 1.25rem !important;
}

/*# sourceMappingURL=estilo_seccion.css.map */