.bold{
    font-weight: 700;
  }

  .color-naranja{ color: #FF8000; }
  .text-blanco{ color: #FFF; }
  .bg-naranja{ background-color: #FF8000; }

  .foto-header{
    filter: brightness(70%);
  }
  .bg-eventos-alfaro{
    background-image: url("../imagesfondo-header.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .relativo-eventos{
    position: relative;
    overflow: hidden;
  }


  .text-eventos-titulo hr{
    border-top: 5px solid #FFF;
    width: 50%;
    box-shadow: 2px 3px 9px #000;
    display: block;
    float: right;
  }

  .text-eventos-titulo h1{
    color: #000;
  }

  .relativo-acompaniame{
    position: relative;
  }

  #map{min-height: 80vh;}

  .mapa-evento h2{
    color: #FFF;
    background-color: #48249E;
  }

  .hr-evento-doble-barra{
    display: block;
    border-top: 2px solid #FF8000;
    height: 20px;
    border-bottom: 2px solid #FF8000;
  }

  .img-evento-relativo{
    position: relative;
    border: 1px solid #333333;
    box-shadow: 2px 3px 10px #000;
    border-radius: 13px;
    padding-bottom: 20px;
  }
  .img-evento-relativo h4{
    margin-top: 70px;
  }
  .img-evento-relativo .caja-en-bottom{
    position: absolute;
    bottom: 52%;
  }
  .mini-linea-naranja{
    display: block;
    width: 45px;
    background-color: #E77B20;
    height: 3px;
    margin: 0px auto 15px auto;
  }

  .width-de-mapa {
      width: 300px;
  }
  .caja-img-de-mapa{
    width: 100% !important;
    overflow: hidden;
    height: 150px;
  }

  .fondo-esquina{
    background-image: url('../images/frame_.svg');
    background-size: 100% 100%;
  }

  .gm-style-mtc{
    display: none;
  }

  a.btn.text-blanco:hover,
  a.btn.text-blanco:active{
    color: #FFF !important;
  }

  .bloque-agenda{
    border: 1px solid #2BC2AE;
    box-shadow: 0px 0px 13px #2BC2AE;
    border-radius: 10px
  }

  .bloque-agenda h2,
  .bloque-agenda h3{
    color: #2BC2AE;
  }
  .bloque-agenda .dia span{
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    color: #FFF;
    background-color: #2BC2AE;
  }
  .bloque-agenda .dia span .posicionador{
    position: relative;
    top: -13px;
  }
  .bloque-agenda .dia span .dia{
    color: #FFF;
  }
  .bloque-agenda .informacion p{
    display: block;
    width: 100%;
    color: #000;
    border-bottom: 2px solid #AADAFF;
  }
/* Contenidos General Primero el Diseño Móvil*/



/* BREAKPOINTS RESPONSIVOS*/
  /* Dispositivos Extra Pequeños (Relojes, 320px) */
  @media only screen and (min-width : 320px) {}
  @media only screen and (min-width : 430px) {
    .text-eventos-titulo{
      position: absolute;
      top: 33%;
      right: 3%;
    }
    .text-eventos-titulo h1{
      color: #FFF;
      text-shadow: 2px 3px 9px #000;
    }
  }
  /* Dispositivos Pequeños (Celulares, 576px) */
  @media only screen and (min-width : 576px) {
    #map{min-height: 90vh;}
  }
  /* Dispositivos Medianos a Pequeños (Tabletas, 768px) */
  @media only screen and (min-width : 768px) {
    .text-eventos-titulo {
        top: 40%;
    }
    .img-evento-relativo{
      position: relative;
      top: -19%;
      min-height: 376px;
    }
    #map{min-height: 90vh;}
    .img-evento-relativo .caja-en-bottom{
      bottom: 70%;
    }
  }
  /* Dispositivos Mediano (Monitores Pequeños, 992px) */
  @media only screen and (min-width : 992px) {
    .text-eventos-titulo {
        top: 43%;
    }
    .img-evento-relativo{
      top: -27%;
    }
    #map{min-height: 500px;}
    .img-evento-relativo .caja-en-bottom{
      bottom: 57%;
    }
  }
  /* Dispositivos Grandes (Escriotrio, 1200px) */
  @media only screen and (min-width : 1200px) {
    .img-evento-relativo{
      top: -40%;
    }
    .img-evento-relativo .caja-en-bottom{
      bottom: 45%;
    }
    .img-evento-relativo h4{
      margin-top: 70px;
    }
    .img-evento-relativo .caja-en-bottom{
      bottom: 55%;
    }
  }
/* BREAKPOINTS RESPONSIVOS*/