/* Hoja de estilo usada por pantalla Servicios de la Aplicación */

body#page-servicios .container-lg {
    padding-bottom: 60px;
}

/* Bloque 00 - Volver */
#bloque-00 {
    margin-bottom: 24px;
}

/* Bloque 01 - Título Pantalla */
#bloque-01 {
    margin-bottom: 24px;
}
#bloque-01 .titulo-generico,
#bloque-01 .descripcion-titulo
 {
    margin: 0;
}
#bloque-01 .titulo-generico {
    margin-bottom: 8px;
}

/* Bloque Servicios */
.wrapper-servicio {
    row-gap: 24px;
    margin-bottom: 40px;
}
.titulo-servicio {
    height: 80px;
    display: flex;
    align-items: center;   
    padding-left: 16px;
    padding-right: 16px; 
    background-color: #668392;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.titulo-servicio h4 {
    margin: 0;
    font-family: "Montserrat";
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #CCD6DB;
    position: absolute;
    z-index: 2;
}
.titulo-servicio .overlay {    
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.descripcion-servicio {    
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #668392;
    margin: 0;
}
.descripcion-servicio br {
    border: solid;
}
.titulo-contacto-servicio {
    text-align: center;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #2BA309;
    margin: 0;
    margin-bottom: 16px;
}
.btn-contacto-servicio {      
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    height: 50px;
    justify-content: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    background: #2BA309;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    letter-spacing: 2px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 7px;
}
.btn-contacto-servicio img {    
    width: 16px;
}

/* Bloque 02 - Internet */
#bloque-02 .titulo-servicio {
    background-image: url('./img/background-internet.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

/* Bloque 03 - Cable */
#bloque-03 .titulo-servicio {
    background-image: url('./img/background-cable.jpg');
    background-size: cover;
    background-repeat: no-repeat;  
}
#bloque-03 .descripcion-servicio:first-child {
    margin-bottom: 15px;
}

/* Bloque 04 - Telefonía */
#bloque-04 .titulo-servicio {
    background-image: url('./img/background-telefonia.jpg');
    background-size: cover;
    background-repeat: no-repeat;  
}
#bloque-04 .descripcion-servicio:first-child,
#bloque-04 .descripcion-servicio:nth-child(2) {
    margin-bottom: 15px;
}

/* Bloque 05 - Sepelio */
#bloque-05 .titulo-servicio {
    background-image: url('./img/background-sepelio.jpg');
    background-size: cover;
    background-repeat: no-repeat;  
}
#bloque-05 .descripcion-servicio:first-child,
#bloque-05 .descripcion-servicio:nth-child(2) {
    margin-bottom: 15px;
}

/* Bloque 06 - Canal de Televisión */
#bloque-06 .titulo-servicio {
    background: linear-gradient(270.05deg, rgba(255, 204, 40, 0.2) -12.74%, rgba(43, 163, 9, 0.2) 54.14%);
    display: flex;
    align-items: center;
}
#bloque-06 .titulo-servicio .overlay {    
    display: none;
}
#bloque-06 .titulo-servicio h4 {    
    color: #003049;
}
#bloque-06 .descripcion-servicio:first-child {
    margin-bottom: 15px;
}
#bloque-06 .titulo-servicio img {
    position: absolute;
    right: 16px;
    width: 80px;
}

/* Bloque 07 - GNC */
#bloque-07 .titulo-servicio {
    background-image: url('./img/background-gnc.jpg');
    background-size: cover;
    background-repeat: no-repeat;  
}
#bloque-07 .descripcion-servicio:first-child,
#bloque-07 .descripcion-servicio:nth-child(2) {
    margin-bottom: 15px;
}

/* Bloque 08 - Gas Envasado */
#bloque-08 .titulo-servicio {
    background-image: url('./img/background-gas.jpg');
    background-size: cover;
    background-repeat: no-repeat;  
}
#bloque-08 .descripcion-servicio:first-child {
    margin-bottom: 15px;
}