/* Estilo generales */
body{
    font-family: "Work Sans", sans-serif;
    background-color: #F3F4F6;
}
h1{
    font-family: "Work Sans", sans-serif;
    font-size: 72px;
    font-weight: 600;
    }
  @media (max-width: 768px) {
  h1 {
     font-size: 38px;
  }
}
h2{
    font-family: "Work Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
}
  @media (max-width: 768px) {
  h2 {
     font-size: 32px;
  }
}
/* Estilo navbar menu */
a{
    text-decoration: none !important;
}
.navbar-toggler {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Estilos botones */
.web-btn-primary{
    background-color: #005AFE;
    border: none;
    border-radius: 500px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
}
.fa-sirlv{
    color: #005AFE;
}
/* Estilos index */
.web-sirlv-hero{
    height: 70vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
}
.web-sirlv-overlay{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.644);
    padding: 0px;
}
.web-sirlv-shape{
    width: 100%;
    height: 160px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 3 !important;
    padding: 0px; 
}
.web-position-absolute {
    position: absolute;
    margin-top: -40px;
    z-index: 4;
     left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
    .web-position-absolute {
        position: relative; 
        margin-top: 80px;
        left: auto;
        transform: none;
    }
}
.web-sirlv-card{
    width: 100%;
    height: 300px;
    background-color: #005AFE;
    border-radius: 40px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.212);
    padding: 40px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: white;
}
@media (max-width: 991px) {
    .web-sirlv-card {
        height: auto;
          padding: 20px;
    }
}
.web-fill {
    height: 180px;
    width: 100%;
    background-color: transparent;
}
@media (max-width: 991px) {
    .web-fill {
        height: 0px;
    }
}
.web-sirlv-card h5{
    font-size: 16px !important;
    font-weight: 600;
    margin-top: 15px;
}
.web-sirlv-card p{
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}
.web-sirlv-img-fluid{
    max-width: 100%;
    height: auto;
    border-radius: 40px;
}
.web-sirlv-brands{
    height: auto;
    border-radius: 40px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 120px;
}
.web-sirlv-brands-overlay{
    height: 100%;
    background: linear-gradient(135deg, #000000f3, #303030a6);
    padding: 40px;
    border-radius: 40px;
    color: white !important;
}
.web-sirlv-pill{
    width: auto;
    height: auto;
    background-color: white;
    border-radius: 500px;
    color: #3C3C3C;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0.5px;
    padding: 4px 18px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.web-sirlv-card-gray{
    width: 100%;
    height: 300px;
    background-color: #ffffff;
    border-radius: 40px;
    padding: 40px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: #3C3C3C;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}
.web-sirlv-card-gray h4{
    font-size: 18px !important;
    font-weight: 600;
    margin-top: 15px;
}
.web-sirlv-card-img{
    width: 150px;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 200px;
}
.web-sirlv-highlight{
    width: 100%;
    height: 300px;
    background: linear-gradient(135deg, #0F48B2, #005AFE);
    color: white;
    padding: 40px;
    font-weight: 600;
    margin-top: 140px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.web-sirlv-writeus{
    min-height: 520px;
    background-color: #3C3C3C;
    color: white;
    padding: 60px;
    font-weight: 600;
    margin-top: 40px;
    border-radius: 40px 0px 0px 40px;
}
@media(max-width: 991px){
    .web-sirlv-writeus {
      border-radius: 40px;
    }
  }
.web-sirlv-contactus{
    min-height: 520px;
    background-color: #2A2A2A;
    color: white;
    padding: 60px;
    font-weight: 600;
    margin-top: 40px;
    border-radius: 0px 40px 40px 0px;
}
@media(max-width: 991px){
    .web-sirlv-contactus {
      border-radius: 40px;
    }
  }
.web-sirlv-footer{
    min-height: 460px;
    background-color: #2A2A2A;
    color: white !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
@media(max-width: 991px){
    .web-sirlv-footer {
        padding: 80px 20px;
    }
  }
.nav-sirlv-footer-sub{
    color: white !important;

}
.nav-sirlv-footer{
    color: rgb(216, 216, 216) !important;
    padding-left: 0px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.web-sirlv-header{
    height: 45vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
}
.web-sirlv-header-overlay{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.644);
    padding: 0px;
}
.web-card-absolute{
    width: 240px;
    height: 140px;
    background-color: white;
    border-radius: 20px;
    box-shadow: 12px 14px 16px rgba(0, 0, 0, 0.1);
    padding: 26px;
    position: absolute;
    margin-left: -2%;
    color: #3C3C3C !important;
}   
.web-sirlv-img-secondary{
    width: 100%;
    height: 35vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    display: flex;
    align-items: end;
}
.web-hexa-absolute{
    width: 240px;
    height: 140px;
    background-color: white;
    border-radius: 20px;
    box-shadow: 12px 14px 16px rgba(0, 0, 0, 0.1);
    padding: 26px;
    position: absolute;
    margin-right: -2%;
    color: #3C3C3C !important;
}