@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

:root {
  --cyan: #009ddd;
  --verde: #c3cc00;
  --cemento: #f3f3f3;
  --gris: #2A2A2B;
}
/* POPUP */

.modal-dialog {
  width: 33%;
  margin: 30px auto;
}

.self-certification-modal-footer, 
.login-footer, .modal-footer {
  padding: auto;
  display: flex;
  justify-content: center;
}

h4.modal-title {
    font-weight: 800;
    font-size: 1.5625rem;
    font-family: "Roboto", sans-serif;
    text-align: center;
    color: var(--cyan);
    text-transform: uppercase;
}

.modal-body {
  position: relative;
  padding: 3%;
}

.modal-body p {
  text-align: center;
  color: #707070;
  font-size: 1.4rem;
}

.modal-footer .btn.btn-default,
.modal-footer .btn.btn-primary {
  background-color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid var(--verde);
  border-radius: 20px;
  color: var(--verde);
}

.modal-footer .btn.btn-default {
  color: var(--verde);
}

.modal-footer .btn.btn-default:hover,
.modal-footer .btn.btn-primary:hover {
  border-color: 2px solid var(--verde);
  background: var(--verde);
  color: white !important;
  text-decoration: none !important;
}

/*ASSETS GENERALES*/

body {
  font-family: "Roboto", sans-serif;
  color: #2a2a2b;
}

.row {
  margin-top: 20px;
  margin-right: -15px !important;
  margin-left: -15px !important;
}

b,
strong {
  display: inline;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

sup {
  display: inline;
}

p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.middle-content {
  width: 100% !important;
  padding-left: 0px;
  padding-right: 0px;
}

.middle-content h1 {
  font-weight: 700;
  font-size: 34px;
  color: #009ddd;
  font-family: "Roboto", sans-serif;
}

.middle-content h2 {
  font-weight: 700;
  font-size: 24px;
  color: #009ddd;
  font-family: "Roboto", sans-serif;
  margin-left: 10%;
}

.middle-content h3 {
  font-weight: 700;
  font-size: 19px;
  line-height: 37px;
  color: white;
  background-color: #c3cc00;
  display: inline;
  font-family: "Roboto", sans-serif;
  margin-left: 19%;
  padding: 4px 10px;
}

.middle-content h4 {
  font-size: 17px;
  line-height: 1.25;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.middle-content h5 {
  font-weight: 700;
  font-size: 19px;
  line-height: 37px;
  color: #009ddd;
  background-color: white;
  display: inline;
  font-family: "Roboto", sans-serif;
  padding: 4px 10px;
}

.middle-content p {
  font-weight: 400;
  line-height: 25px;
  margin-left: 10%;
  margin-right: 10%;
  /*display: flex;
    flex-flow: row;
    justify-content: center;*/
}

.middle-content-paragraph {
  font-weight: 400;
  line-height: 25px;
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
}

.middle-content .legales p {
  margin-left: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.middle-content-ipp {
  color: white;
  font-weight: 700;
  font-size: 24px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  margin: 20%;
}
/*NAVBAR*/

.navbar .primary-navigation .nav li a img {
  width: 30px;
}

.navbar-inverse .primary-navigation {
  background: #fff !important;
}

.primary-navigation
  .nav
  .static-links-wrapper
  > li.first-level-item {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.breadcrumb.section {
  background-color: #f5f5f5;
  margin-bottom: 3% !important;
}

/*HEADER*/

.component-section.style-1.parallax {
  padding-top: 22% !important;
  padding-bottom: 50px;
  text-shadow: 0px 0px 3px #000;
}

/*title after parallax */
.title-parallax {
  font-size: 85px;
  display: flex;
  align-items: center;
  justify-items: center;
}

/*PARRAFO INTRO*/
.parrafo-intro {
  margin-left: 12%;
  margin-right: 5%;
  width: 74% !important;
}

/*NUMEROS EN EL MUNDO*/

.estadisticas {
  margin-top: 3%;
  margin-left: 16%;
  margin-right: 5%;
  width: 69% !important;
}

.icono-descripcion {
  margin-top: 3%;
  text-align: center;
}

.icono-descripcion p {
  margin-left: 5%;
  margin-right: 5%;
  line-height: 1.7 !important;
}

.numeros-resaltados {
  color: #dd1f20;
  font-family: "Roboto", sans-serif;
  font-weight: 700 !important;
  font-size: 15px;
  margin-bottom: -1px;
}
.numeros-resaltados-verde {
  color: #c3cc00;
  font-family: "Roboto", sans-serif;
  font-weight: 700 !important;
  font-size: 15px;
  margin-bottom: -1px;
}
.numeros-resaltados-cyan {
  color: #009ddd;
  font-family: "Roboto", sans-serif;
  font-weight: 700 !important;
  font-size: 15px;
  margin-bottom: -1px;
}

.estadisticas .column-1:hover,
.estadisticas .column-2:hover,
.estadisticas .column-3:hover,
.estadisticas .column-4:hover {
  transition: transform 0.2s;
  transform: scale(1.2);
}

/*EVENTOS*/

/*.component-section.style-4 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}*/

.eventos-container {
  margin-top: 5%;
  background-color: #009ddd;
  color: white;
  padding: 0;
  overflow: hidden;
}
.eventos-container-parallax {
  /*margin-top:5%;*/
  background-color: #dd1f20;
  color: white;
  padding: 0;
  font-size: 100px;
  display: flex;
  align-items: center;
  justify-items: center;
}

.middle-content .title-parallax {
  font-weight: 400;
  line-height: 25px;
  margin-left: 2%;
  margin-right: 10%;
}

.eventos-container-texto {
  margin-left: 23%;
  margin-right: 5%;
  width: 72% !important;
}
.eventos-container-imagen {
  margin-left: 30%;
  margin-right: 5%;
  width: 72% !important;
}

.eventos-container-btn {
  margin-left: 30%;
  margin-right: 5%;
  width: 31% !important;
}
.eventos-container-educacion {
  margin-left: 8%;
  margin-right: 5%;
  width: 81% !important;
}

.eventos-container-cyan {
  margin-top: 5%;
  background-color: #009ddd;
  color: white;
  padding: 0;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.eventos-container-cyan h2 {
  color: white;
  width: 50%;
  margin-left: 24%;
}
.eventos-container-cyan a {
  color: white;
}

.eventos-container h3 {
  color: #009ddd;
  background-color: white;
  margin-left: 30%;
}

.eventos-container h4 {
  margin-left: 10%;
  width: 60%;
}

.eventos-container .subHeading {
  padding-top: 6%;
  padding-bottom: 0%;
}

.iconos-eventos {
  margin: 5% 0 0 9%;
}

.eventos-texto {
  width: 85% !important;
  margin-left: 12% !important;
}

/*.eventos-banner {
    margin-top: 25%;
}*/

.link-evento a {
  text-decoration: none !important;
  color: white;
  font-size: 17px !important;
  line-height: 1.25;
  font-family: "Roboto", sans-serif;
  font-weight: 700 !important;
}

/*CAROUSEL*/
.carousel {
  margin-top: 5%;
  margin-bottom: 5%;
  width: 100%;
}
.carousel-title {
  background-color: transparent !important;
}

.carousel .carousel-content-block {
  background: transparent !important;
}

.carousel .carousel-indicators {
  width: 10% !important;
}

.carousel-control {
  display: flex !important;
}

.carousel-control .fa.fa-chevron-right {
  display: flex;
  vertical-align: middle;
  padding-left: 3px;
}

.fa-chevron-right::before {
  content: "\f054";
  color: #009ddd;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fa-chevron-left::before {
  content: "\f053";
  color: #009ddd;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-control .fa.fa-chevron-left {
  display: flex;
  vertical-align: middle;
  padding-right: 3px;
  justify-content: center;
  align-items: center;
}

.fa {
  display: flex;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  justify-content: center;
  align-items: center;
}

.carousel .carousel-indicators {
  bottom: 5%;
  z-index: 15;
  width: 90%;
  margin: 0 auto;
  padding-left: 0;
  left: 0;
  right: 0;
  display: flex;
  table-layout: fixed;
}

.carousel .carousel-indicators {
  bottom: 5%;
  z-index: 15;
  width: 90%;
  margin: 0 auto;
  padding-left: 0;
  left: 0;
  right: 0;
  display: flex;
  table-layout: fixed;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  filter: alpha(opacity=50);
  opacity: 0.5;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
}

/*LINKS CARROUSEL*/

.carousel-links .btn.btn-primary {
  border-color: transparent !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 70px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 30% 115% 30% 115% !important;
  display: flex;
  align-content: center;
  justify-content: center;
  overflow: hidden !important;
}
/*EDUCACIÓN*/

.educacion-container {
  margin-top: 2%;
}

.educacion-container h3 {
  margin-left: 0;
  margin-bottom: 4%;
}

.educacion-container p {
  font-size: 14px;
  line-height: 1.7;
  margin-left: 0;
  margin-right: 1%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.educacion-container h4 {
  font-size: 15px;
  line-height: 1.25;
  margin-top: 7%;
}

.botones-educacion .btn {
  border: 3px solid #009ddd !important;
  border-radius: 2px;
  font-family: "Roboto" !important;
  background: transparent;
  font-style: normal !important;
  font-weight: 700 !important;
  color: #009ddd !important;
}

.botones-educacion .btn:hover {
  border: 3px solid #009ddd !important;
  border-radius: 2px;
  font-family: "Roboto" !important;
  background: #009ddd;
  font-style: normal !important;
  font-weight: 700 !important;
  color: white !important;
}

.botones-educacion .margin-right-5 {
  margin-right: 0 !important;
}

.botones-educacion-textos .btn {
  border: 3px solid #009ddd !important;
  border-radius: 2px;
  font-family: "Roboto" !important;
  background: transparent;
  font-style: normal !important;
  font-weight: 700 !important;
  color: #009ddd !important;
  margin-left: 10% !important;
}

.botones-educacion-textos .btn:hover {
  border: 3px solid #009ddd !important;
  border-radius: 2px;
  font-family: "Roboto" !important;
  background: #009ddd;
  font-style: normal !important;
  font-weight: 700 !important;
  color: white !important;
  margin-left: 10% !important;
}

.botones-educacion-textos .margin-right-5 {
  margin-right: 0 !important;
}
.botones-educacion-invertido .btn {
  border: 3px solid #ffffff !important;
  border-radius: 2px;
  font-family: "Roboto" !important;
  background: transparent;
  font-style: normal !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.botones-educacion-invertido .btn:hover {
  border: 3px solid #ffffff !important;
  border-radius: 2px;
  font-family: "Roboto" !important;
  background: #ffffff;
  font-style: normal !important;
  font-weight: 700 !important;
  color: #009ddd !important;
}

.botones-educacion-invertido .margin-right-5 {
  margin-right: 0 !important;
}
/*Videos */

.video-thumb-parent {
  cursor: pointer;
  text-align: center;
  width: 80%;
  margin-left: 10%;
}

/*PARALLAX*/

.component-section.parallax-cierre {
  padding: 350px 0px 70px;
  position: relative;
}

/*MARCAS*/

.marcas {
  margin-top: 4% !important;
}

.img-corazon {
  margin-bottom: 5%;
}
/*LEGALES*/

.legales {
  margin-bottom: 5% !important;
  margin-top: 4% !important;
}

.legales p {
  font-size: 12px !important;
  padding-top: 0% !important;
}

/*BIBLIOGRAFIA*/

.fuentes {
  padding-top: 3% !important;
}

.bibliografia p {
  padding-top: 1% !important;
  padding-bottom: 2% !important;
  font-size: 11px;
  color: #828282 !important;
  margin: auto;
  width: 80%;
}

.text.parbase div {
  text-shadow: none !important;
}

/*FOOTER*/
.footer {
  margin-top: 0 !important;
}

/*ENCUESTAS*/
#encuesta-evento {
  height: 80vh !important;
  overflow: hidden !important;
}

/* Banner productos */
.container-productos {
  background-color: var(--cyan);
  padding: 0;
}

.container-productos .component-section.page-section-inner {
  position: relative;
  z-index: 2;
  padding: 0;
  margin-right: 0 !important;
}


.container-productos h2 {
  color: white;
  margin-bottom: 0;
  padding-top: 8% !important;
  margin-left: 0;
}

.container-productos p { 
  color: white;
  padding-bottom: 3%;
  margin-left: 0 !important;
}

.container-productos a {
  border: 3px solid white;
  border-radius: 2px;
  font-family: "Roboto", sans-serif;
  background: transparent;
  font-style: normal;
  font-weight: 700 !important;
  color: white;
  padding: 2% 5%;
  margin-top: 3% !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

.container-productos .newImage {
  width: 212%!important;
}


/*MEDIA QUERIES*/

@media (min-width: 768px) {
  body {
    overflow-x: hidden !important;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  /*popup*/
  .modal-dialog {
    width: 45%;
    margin: 30px auto;
  }

  .component-section.style-1.parallax {
    padding-top: 36% !important;
    padding-bottom: 50px;
    text-shadow: 0px 0px 3px #000;
  }
  .eventos-portada .new-image-desktop {
    width: 115% !important;
  }

  .eventos-texto {
    padding-bottom: 3%;
  }

  .eventos-container h4 {
    width: 89%;
  }
  .eventos-container-texto {
    margin-left: 13%;
    margin-right: 5%;
    width: 72% !important;
  }
  .eventos-container h3 {
    color: #009ddd;
    background-color: white;
    margin-left: 20%;
  }
  .eventos-container-imagen {
    margin-left: 20%;
    margin-right: 5%;
    width: 72% !important;
    padding: 0;
  }
  .eventos-container-btn {
    margin-left: 20%;
    margin-right: 5%;
    width: 36% !important;
  }
  .eventos-container-parallax {
    /*margin-top:5%;*/
    background-color: #dd1f20;
    color: white;
    padding: 0;
    font-size: 100px;
    display: flex;
    align-items: center;
    justify-items: center;
  }

  .middle-content .title-parallax {
    font-weight: 400;
    line-height: 25px;
    margin-left: 14%;
    margin-right: 10%;
    font-size: 65px;
  }

  .carousel-links .btn.btn-primary {
    padding: 30% 90% 20% 100% !important;
  }
}

@media (max-width: 1300px) and (min-width: 1000px) {
  #encuesta-evento {
    height: 90vh !important;
  }
  .modal-dialog {
    width: 60%;
    margin: 30px auto;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
  .middle-content .legales p {
    margin-left: 16%;
    margin-right: 15%;
  }

  .eventos-portada .new-image-desktop {
    width: 121% !important;
  }

  .eventos-texto {
    padding-bottom: 3%;
  }

  .eventos-container h4 {
    width: 89%;
  }

  .middle-content .eventos-texto p {
    font-size: 12px;
    line-height: 20px;
  }

  .middle-content .eventos-texto h4 {
    font-size: 15px;
  }
  .eventos-container-texto {
    margin-left: 13%;
    margin-right: 5%;
    width: 72% !important;
  }
  .eventos-container h3 {
    color: #009ddd;
    background-color: white;
    margin-left: 20%;
  }
  .eventos-container-imagen {
    margin-left: 20%;
    margin-right: 5%;
    width: 72% !important;
    padding: 0;
  }
  .eventos-container-btn {
    margin-left: 20%;
    margin-right: 5%;
    width: 36% !important;
  }
  .title-parallax {
    font-size: 44px;
    display: flex;
    align-items: center;
    justify-items: center;
  }
  .middle-content .title-parallax {
    font-weight: 400;
    line-height: 25px;
    margin-left: 19%;
    margin-right: 10%;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  #encuesta-evento {
    height: 100vh !important;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .modal-dialog {
    width: 80%;
    margin: 30px auto;
  }

  .eventos-texto {
    width: 66% !important;
    margin-left: 12% !important;
    padding-bottom: 5% !important;
  }

  .component-section.style-1.parallax-header {
    padding-top: 25% !important;
  }

  .middle-content .legales p {
    margin-left: 13%;
    margin-right: 13%;
  }

  .eventos-container .col-sm-8 {
    margin-left: 3% !important;
    width: 100% !important;
  }

  .eventos-portada .new-image-desktop {
    display: none !important;
  }

  .eventos-texto .row {
    margin-right: -20% !important;
  }
  .title-parallax {
    font-size: 44px;
    display: flex;
    align-items: center;
    justify-items: center;
  }
  .middle-content .title-parallax {
    font-weight: 400;
    line-height: 25px;
    margin-left: 14%;
    margin-right: 10%;
  }

  .eventos-container h3 {
    color: #009ddd;
    background-color: white;
    margin-left: 20%;
  }
  .eventos-container-texto {
    margin-left: 13%;
    margin-right: 5%;
    width: 66% !important;
  }
  .eventos-container-imagen {
    margin-left: 20%;
    margin-right: 5%;
    width: 72% !important;
  }
  .eventos-container-btn {
    margin-left: 20%;
    margin-right: 5%;
    width: 32% !important;
  }

  /*         .logo-facebook{
            left: -90% !important;
        } */

  .logo-twitter {
    left: -90% !important;
  }
  .container-productos h2 {
    color: white !important;
    margin-bottom: 0;
    padding-top:  1% !important;
    margin-left: 0;
  }
  .container-productos p { 
    color: white !important;
    padding-bottom: 3%;
    margin-left: 0;
  }
  .container-productos .newImage {
    width: 196% !important;
}
}


/*MEDIA QUERIES MOBILE*/

@media (max-width: 768px) {
  .modal-dialog {
    width: 90%;
    margin: 30px auto;
  }

  .logo-facebook {
    margin-top: -91% !important;
  }

  .logo-twitter {
    margin-top: -80% !important;
  }

  /*.middle-content h3 {
        margin-left: 10% !important;
    }*/

  .component-section.style-1.parallax-header {
    padding-top: 43% !important;
  }

  .parrafo-intro {
    margin-left: 1%;
    margin-right: 5%;
    width: 99% !important;
  }
  .middle-content .title-parallax {
    font-weight: 400;
    line-height: 25px;
    margin-left: 13%;
    margin-right: 10%;
  }
  .title-parallax {
    font-size: 41px;
    display: flex;
    align-items: center;
    justify-items: center;
  }

  .eventos-texto {
    margin-bottom: 10%;
    margin-left: 1% !important;
    width: 95%;
  }

  .link-evento {
    padding-top: 0;
  }
  .eventos-container h3 {
    margin-left: 13%;
  }

  .iconos-numeros {
    margin-top: 5%;
  }

  .middle-content h3 {
    font-weight: 700;
    font-size: 19px;
    line-height: 37px;
    color: white;
    background-color: #c3cc00;
    display: inline;
    font-family: "Roboto", sans-serif;
    margin-left: 10%;
    padding: 4px 10px;
  }

  .educacion-container {
    margin-top: 0%;
    width: 100%;
    margin-left: 0;
  }

  .educacion-container h3 {
    margin-left: 0;
  }

  /* Eventos */
  .eventos-container h3 {
    color: #009ddd;
    background-color: white;
    margin-left: 11%;
  }

  .eventos-container-texto {
    margin-left: 3%;
    margin-right: 4%;
    width: 89% !important;
  }
  .eventos-container h4 {
    margin-left: 10%;
    width: 69%;
    padding: 0;
  }

  .eventos-container-imagen {
    margin-left: 12%;
    margin-right: 5%;
    width: 72% !important;
  }

  .portada-educacion {
    margin-top: 5%;
  }

  .eventos-container-btn {
    margin-left: 12%;
    margin-right: 5%;
    width: 31% !important;
  }

  .legales {
    margin: auto;
    margin-top: 10% !important;
    margin-bottom: 5% !important;
  }

  .legales p {
    padding-top: 5%;
  }

  .bibliografia p {
    margin-left: 10%;
    margin-right: 10%;
  }

  .middle-content .legales p {
    margin-left: 13%;
    margin-right: 13%;
  }
  .carousel-links .btn.btn-primary {
    padding: 10% 45% 15% 90% !important;
  }
  .carousel-links .carousel-indicators {
    display: none !important;
  }

  .tab-container {
    display: none !important;
  }

  .carousel .carousel-content-block {
    background: transparent !important;
    position: absolute !important;
  }

  #encuesta-evento {
    height: 100vh !important;
  }
  .container-productos h2 {
    color: white !important;
    margin-bottom: 0;
    padding-top: 1% !important;
    margin-left: 0;
}
  .container-productos p { 
    color: white !important;
    padding-bottom: 3%;
    margin-left: 0;
  }
  
  .container-productos .newImage {
    width: 224% !important;
  }

  .container-productos .col-sm-7 {
    width: 46.33333%;
}
}
@media screen and (max-width: 767px) {
  #self-certify-template .modal-dialog, 
  #browser-check-template .modal-dialog {
    margin: 30px auto;
}
}

@media (max-width: 490px) {
  .modal-dialog {
    width: 90%;
    margin: 30px auto;
  }
  .self-certification-modal-footer,
  .login-footer, .modal-footer {
    padding: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

  .component-section.style-1.parallax-header {
    padding-top: 47% !important;
  }

  .middle-content .title-parallax {
    font-weight: 400;
    line-height: 25px;
    margin-left: 6%;
    margin-right: 10%;
  }
  .title-parallax {
    font-size: 29px;
    display: flex;
    align-items: center;
    justify-items: center;
  }
  .carousel-links .btn.btn-primary {
    padding: 1% !important;
  }
  .container-productos .col-sm-7 {
    width: 100%;
}
  .container-productos .newImage {
    width: 100% !important;
  }
.container-productos .column-2 {
  padding: 0;
}
.container-productos h2 {
  color: white !important;
  margin-bottom: 0;
  padding-top:  9% !important;
  margin-left: 0;
  text-align: center;
}
.container-productos p { 
  color: white !important;
  padding-bottom: 3%;
  margin-left: 0;
  text-align: center;
}
}
@media (max-width: 375px) {
  .modal-dialog {
    width: 90%;
    margin: 30px auto;
  }
  .self-certification-modal-footer,
  .login-footer, .modal-footer {
    padding: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

  .component-section.style-1.parallax-header {
    padding-top: 19% !important;
  }

  .title-parallax {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-items: center;
  }
  .middle-content h2 {
    font-weight: 700;
    font-size: 21px;
    color: #009ddd;
    font-family: "Roboto", sans-serif;
    margin-left: 10%;
    line-height: 25px;
  }
  .eventos-container-cyan h2 {
    color: white;
    margin-left: 9%;
    margin-bottom: 6%;
    width: 80%;
  }
  .eventos-container-cyan a {
    color: white;
  }
  .carousel-links .btn.btn-primary {
    padding: 1% !important;
  }
  .container-productos h2 {
    color: white !important;
    margin-bottom: 0;
    padding-top:  9% !important;
    margin-left: 0;
    text-align: center;
  }
  .container-productos p { 
    color: white !important;
    padding-bottom: 3%;
    margin-left: 0;
    text-align: center;
  }
}