.serv-logos-1 {
    margin-top: 2rem !important;
}
@media only screen and (min-width: 767px) {
    .serv-logos-1 {
        margin-top: 0rem !important;
    }
}

.serv-logos-2 {
    width: 80%
}
@media only screen and (min-width: 405px) {
    .serv-logos-2 {
        width: 100%;
    }
}

.enegia-titulo{
    color: #dd0818;
    font-size: 1.5em;
    font-weight: 600;
}
.agua-titulo{
    color: #54a4d9;
    font-size: 1.5em;
    font-weight: 600;
}
.tele-titulo{
    color: #142b83;
    font-size: 1.5em;
    font-weight: 600;
}
.sepelio-titulo{
    color: #2b978f;
    font-size: 1.5em;
    font-weight: 600;
}
.gas-titulo{
    color: #cd6f13;
    font-size: 1.5em;
    font-weight: 600;
}
.saneamiento-titulo{
    color: #3887c4;
    font-size: 1.5em;
    font-weight: 600;
}
.servicios-material-titulo{
    color: #3f8b63;
    font-size: 1.5em;
    font-weight: 600;
}

.servicios-textos-1{
    color: #545454;
    text-align: justify;
}
.servicios-textos-2{
    color: #545454;
}
.servicios-separador-1{
    border-bottom: 1px solid rgba(84,84,84,0.74);
}
.servicios-telefonos-titulo-1 {
    color: #3f8b63;
    font-size: 1.3em;
}
.links-telefonos {
    color: #ff0000;
    text-decoration: none;
}
.links-telefonos a {
    color: #ff0000;
    text-decoration: none;
}
.links-telefonos a:hover {
    color: #ff0000;
    text-decoration: none;
}

.linea {
    padding-top: 2vh;
    padding-bottom: 2vh;
    border-bottom: 1px solid #545454;
    margin-bottom: 5vh;
}
.ocultar {
    display: none;
}
.mostar {
    display: block;
}

@media (min-width: 600px) {
    .ocultar {
        display: block;
    }
    .mostar {
        display: none;
    }
}
.ocultar1 {
    display: none;
}
.mostar1 {
    display: block;
}

@media (min-width: 1000px) {
    .ocultar1 {
        display: block;
    }
    .mostar1 {
        display: none;
    }
}

.btn-info {
    color: #fff;
    background-color: #54a4d9;
    border-color: #54a4d9;
}

.btn-info:hover {
    color: #fff;
    background-color: #4C93C3;
    border-color: #4C93C3;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(50, 180, 255, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #54a4d9;
    border-color: #54a4d9;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #4C93C3;
    border-color: #4C93C3;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(50, 180, 255, 0.5);
}

.material {
    color: #3f8b63;
    font-weight: 600;
    text-decoration: none;
}
.material a {
    color: #3f8b63;
    font-weight: 600;
    text-decoration: none;
}

/* Estilos para los elementos de la lista */
.ul {
    /*  Elimina los marcadores de la lista */
    /*list-style-type: none;*/
    /* Elimina el relleno predeterminado de la lista */
    /*padding: 0;*/
    color: #3f8b63;
}

.li {
    /* Añade un espacio entre cada elemento de la lista */
    padding: 8px 0; 
}

/* Estilos para los enlaces dentro de los elementos de la lista */
.li a {
  text-decoration: none; /* Quita el subrayado predeterminado de los enlaces */
  color: #3f8b63; /* Define el color del texto para los enlaces */
}

/* Estilos cuando pasas el ratón sobre los enlaces */
.li a:hover {
  text-decoration: underline; /* Subraya los enlaces al pasar el ratón sobre ellos */
  color: #3f8b63; /* Cambia el color del texto al pasar el ratón sobre los enlaces */
}
.btn-sepelio {
    color: #165e1d;
    background-color: #a0c49a;
    border-color: #a0c49a;
}

.btn-sepelio:hover {
    color: #165e1d;
    background-color: #a0c49a;
    border-color: #a0c49a;
}

.btn-sepelio:focus, .btn-sepelio.focus {
    box-shadow: 0 0 0 0.2rem rgba(50, 180, 255, 0.5);
}

.btn-sepelio.disabled, .btn-sepelio:disabled {
    color: #165e1d;
    background-color: #a0c49a;
    border-color: #a0c49a;
}

.btn-sepelio:not(:disabled):not(.disabled):active, .btn-sepelio:not(:disabled):not(.disabled).active,
.show > .btn-sepelio.dropdown-toggle {
    color: #165e1d;
    background-color: #a0c49a;
    border-color: #a0c49a;
}

.btn-sepelio:not(:disabled):not(.disabled):active:focus, .btn-sepelio:not(:disabled):not(.disabled).active:focus,
.show > .btn-sepelio.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(50, 180, 255, 0.5);
}