body { font-family: 'Open Sans', sans-serif; color: #000; font-size: 0.8rem; }
@media (min-width: 768px) { body { font-size: 1rem; } }

a:hover { text-decoration: none; }

.ocultar-elemento-xs { visibility: hidden; }
@media (min-width: 768px) { .ocultar-elemento-xs { visibility: visible; } }

.border-nav { border: 1px solid #CDCDCD; }

.img-logo { height: 50px; width: auto; }
@media (min-width: 768px) { .img-logo { height: 80px; } }

.dropdown-item { font-size: 0.8rem; }

.nav-item:hover { background-color: #000; }
.nav-item:hover .nav-link { color: white !important; }

.nav-item:focus { background-color: #26DBA7 !important; }
.nav-item:focus .nav-link { color: white !important; }

.container-mt { margin-top: 10%; }

.p-galeria { font-size: 0.8rem; }

h1 { font-size: 1.5rem; font-weight: 800; }
@media (min-width: 768px) { h1 { font-size: 2.5rem; } }
@media (min-width: 1440px) { h1 { font-size: 4rem; } }

h4 { font-size: 1rem; }
@media (min-width: 1440px) { h4 { font-size: 1.5rem; } }

.fondo-index { background-image: url(../img/fondo-01.svg); background-position: bottom center; background-repeat: no-repeat; background-size: cover; background-color: white; height: 100vh; }

.footer-galeria { background-image: url(../img/footer-01.svg); background-repeat: no-repeat; background-position: bottom center; }
.footer-galeria .footer p { font-size: 0.7rem; }

.btn-01 { font-size: 1rem; background-color: #000; color: white; padding-left: 20px; padding-right: 20px; }
@media (min-width: 1024px) { .btn-01 { font-size: 1.5rem; } }
.btn-01:hover { background-color: #cdcdcd; color: #000; }

.site-wrapper { display: table; width: 100%; height: 100%; /* For at least Firefox */ min-height: 100%; }

.site-wrapper-inner { display: table-cell; vertical-align: top; }

.cover-container { margin-right: auto; margin-left: auto; }

.footer { margin-top: 10%; }

/*GALERIA*/
.altura-fila { height: 160px; }

.posicion-container { position: absolute; }
@media (min-width: 1024px) { .posicion-container { top: 80px; left: -3%; } }

.posicion-container2 { position: relative; z-index: 2; }
@media (min-width: 768px) { .posicion-container2 { left: 9%; } }
@media (min-width: 1024px) { .posicion-container2 { position: relative; top: 20px; left: 11%; } }
@media (min-width: 1366px) { .posicion-container2 { position: relative; top: 20px; left: 15%; } }

.fondo-naranja { background-color: #FF7A33; }

.fondo-azul { background-color: #26DBA7; }

.quitar-vinieta { list-style-type: none; }

.quitar-padding-ul { padding-left: 0px; }

@media (min-width: 1024px) { .border-color { border-left: 2px solid #26DBA7; } }

@media (min-width: 768px) { .lineas-ul { width: 200px; } }
@media (min-width: 1024px) { .lineas-ul { width: 30px; }
  .lineas-ul li:first-child { border-top: 2px solid #26DBA7; }
  .lineas-ul li:nth-child(2n + 2) { border-top: 2px solid #FF7A33; border-bottom: 2px solid #26DBA7; }
  .lineas-ul li:last-child { border-bottom: none; border-left: none; } }

.galeria-ul li { height: 150px; margin-bottom: 10px; width: 93%; background-color: #26DBA7; }
@media (min-width: 768px) { .galeria-ul li { width: 70%; } }
.galeria-ul li:nth-child(2n + 2) { background-color: #FF7A33; }
.galeria-ul li:hover { background-color: #6F6D6D; }
.galeria-ul a { color: #FFF; }

.album-galeria .titulo-album { font-weight: 800; }
.album-galeria p { font-size: 0.85rem; }

.portada-album { height: 150px; width: 100%; object-fit: cover !important; }

/*PARTICIPANTES*/
.sombras { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.img-participante { width: 150px; }

.img-boletines { height: 100%; width: 100%; object-fit: cover !important; }

.linea { border-bottom: 1px solid #DDD; margin: 20px; }

.datos-participantes { text-align: center; color: #878787; }
@media (min-width: 768px) { .datos-participantes { text-align: left; } }

.container-participante { padding-left: 50px; padding-right: 50px; }
.container-participante .nombre-p { font-weight: 800; font-size: 1.5rem; margin-bottom: 0px; color: #000; line-height: 1; }
@media (min-width: 768px) { .container-participante .nombre-p { line-height: 1.5; } }
.container-participante .municipio-p { text-transform: uppercase; font-weight: bold; font-size: 0.7rem; letter-spacing: -0.2px; }

.subtitulo { font-weight: bold; color: #898989; font-size: 1.2rem; text-transform: uppercase; letter-spacing: -1px; text-align: center; }
@media (min-width: 768px) { .subtitulo { text-align: left; } }

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