/*
    Theme Name: Neva
    Theme URI: https://www.neva.cl/
    Author: Rods Publicidad
    Author URI: https://www.rods.cl/
    Description: Neva 360 / Plataforma para hacer crecer tu empresa.
*/

:root {
    --bg-color-section: #F2F5FA; 
    --title-font: 'Montserrat', sans-serif;
    --body-font: 'Roboto', sans-serif;
    --primary-color: #15ACC0;
  }

/* *{
    border: 1px solid red;
}    */
  
body {
    font-family: var(--body-font);
    color: #2E363E 
}

h1, h2, h3, h4, h5 {
    font-family: var(--title-font); 
}

.bold {
    font-weight: 600;
}
 

.navbar-neva {
    border-bottom: 1px solid rgb(228, 228, 228);
} 

.navbar-neva a.nav-link {
    font-weight: 300;
}

.navbar-neva .button-primary {
    width: 144px;
    padding: 7px 10px;
    font-size: 13px; 
}

 .bg-light {
    background-color: white!important; 
} 

/* .navbar-collapse {
    background-color: white;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;  
} */

.button-primary{
    width: 200px;
    background: var(--primary-color);
    border-radius: 8px;
    color: white; 
    padding: 12px 10px;  
    text-align: center;
    font-family: var(--title-font); 
    font-style: normal;
    font-weight: 500;  
    font-size: 16px; 
    line-height: 152%;
    text-decoration: none;
    transition: .5s;
    display: block;
}

.button-primary:hover {
    background: #03889a;
    color: white;
    text-decoration: none;
    transition: .5s; 
}

.btn-outline-secondary{
    background: #ffffff !important;
    border-color: #15acc0 !important; 
    border: 1px solid #15acc0!important;
    border-radius: 8px;
    color: #15acc0; 
    text-align: center;
    font-family: var(--title-font); 
    font-style: normal;
    font-weight: 500;  
    font-size: 16px; 
    line-height: 152%;
    text-decoration: none;
    transition: .5s;
    display: block;
}

.btn-outline-secondary:hover {
    color: #2E363E;
    border-color: #2E363E !important;
    text-decoration: none;
    transition: .5s; 
}
 
header {
    height: 100vh;
    padding-top: 75px;
    position: relative;
    overflow: hidden; 
}

.elipse {
position: absolute;
width: 820px;
height: 820px;
left: 916.23px;
top: -209px;
background: linear-gradient(165.96deg, rgba(17, 83, 91, 0.24) 10.8%, rgba(51, 187, 171, 0.0696) 67.77%);
filter: blur(100px);
transform: rotate(15deg);  
z-index: -10;
}

header p {
    font-size: 20px;
    line-height: 150%;  
    font-weight: 300;
 
}

 header h1 { 
    font-style: normal;
    font-weight: 500; 
    font-size: 40px; 
    line-height: 125%;
    letter-spacing: -1px;
 }

.title__secc{
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
}

.planes__secc h2.title__secc span {
    font-size: 26px;
    font-weight: 500;
    line-height: 30px; 
}

.parrafo__secc {
    font-style: normal;
    font-weight: 300;
    font-size: 17px; 
    line-height: 160%;
    /* or 29px */
    color: #212121;
}
.parrafo__secc.destacado {
    font-size: 22px;

} 

.planes__secc{
    background-color: var(--bg-color-section);
    padding: 8% 0%;
} 

.secc003, .secc002 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top; 
    padding-top: 8%;
}

.secc003 {
    background-image: url('assets/img/background01.jpg');   
}

/* .secc002 {
    background-image: url('assets/img/background02.jpg');    
} */



.secc001 {
    background-color: var(--bg-color-section);
    padding: 8% 0% 1%;  
} 


 .secc002  { 
    padding: 10% 0% 2%;   
 } 

.form__secc  {  
    padding: 8% 0% 2%;   
 } 
.color {
    color: var(--primary-color);
}
.box-beneficio2 { 
    display: flex;
    flex-direction: row; 
    align-items: center;
    width: 100%;  
    background: #FFFFFF;
    /* sombra-01 */
     box-shadow: 38px 38px 74px rgba(56, 50, 124, 0.06);
    border-radius: 6px;
    padding-left: 24px;   
}

.box-beneficio { 
    display: flex;
    flex-direction: row; 
    align-items: center;
    width: 100%; 
    height: 112px; 
    background: #FFFFFF;
    /* sombra-01 */
     box-shadow: 38px 38px 74px rgba(56, 50, 124, 0.06);
    border-radius: 6px;
    padding-left: 24px;   
}

.box-beneficio h5 { 
    font-size: 16px;      
    padding-left: 10px; 
    margin: 0px;
    padding-bottom: 0px; 
}

.secc003 .box-beneficio {
    height: 80px;    
    width: 90%; 
    padding-left: 22px; 
}
.secc003 .box-beneficio h5 {
    font-size: 15px;         
}

.divider {
width: 42px;
height: 10px;
background: #15ACC0;
margin-bottom: 20px; 
}

@media (min-width: 1200px) {
.container {
    max-width: 1140px !important;
} 
} 


@media (min-width: 1200px) {
    header .container {
        max-width: 1240px !important; 
    } 
    } 


.box-plan {
background: #FFFFFF;
box-shadow: 38px 38px 74px rgba(56, 50, 124, 0.06);
border-radius: 16px; 
padding: 10%;
}

.nombre-plan { 
width: 90px; 
padding: 3px;
color: #ffffff; 
display: block;
background: #FF7F5C;
border-radius: 50px;
text-align: center;
font-size: 14px;
letter-spacing: .5px;
}

.nombre-plan.crece {
    background: var(--primary-color);
}

.precio-plan h2{ 
    font-weight: 500;
font-size: 60px;  
font-family: "Manrope", sans-serif;
margin: 0px;
padding: 0px; 
line-height: 85px;    
letter-spacing: -3px; 
}


.items-plan {
    color: #8593A3; 
} 

.items-plan h5 {
    font-family: var(--body-font);
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
}
.items-plan .caracteristicas {
    list-style: none;
    padding-left: 0px;
}
  
.items-plan .caracteristicas li { 
    font-weight: 300; 
    font-size: 14px;    
    line-height: 200%; 
    height: 30px;   
    display: flex;
    align-items: center; 
}

.items-plan .material-symbols-outlined {
    color: var(--primary-color);
    font-size: 18px; 
}

.items-plan .material-symbols-outlined.cancel {
    color: #FFE0DC; 
    font-size: 18px; 
}

.disable { 
    color: #B1BAC4; 
}

.sublist li {
    font-weight: 300;
    font-size: 14px;
    padding: 3px 0px;
}
 
a.button-planes {
    width: 100%;
    display: block;
    color: #8593A3; 
    height: 45px;
    border: 1px solid #8593A3;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin-top: 20px;
    border-radius: 60px;
    font-family: var(--title-font); 
    transition: .5s;
} 

a.button-planes:hover {
    background-color: var(--primary-color);
    color: white;
    border: 1px solid var(--primary-color); 
    transition: .5s; 
}

.box-plan.gran-empresa {
    background: var(--primary-color);
    color: white!important;
}

.box-plan.gran-empresa .items-plan, .box-plan.gran-empresa .items-plan .material-symbols-outlined { 
    color: white!important;
}
 
.box-plan.gran-empresa a.button-planes {
    color: #424141;
    border: 1px solid #ffffff;
    background-color: #F2F5FA;
}

.box-plan.gran-empresa  a.button-planes:hover {
    background-color: #FF7F5C;
    color: white;
    border: 1px solid #FF7F5C; 
    transition: .5s; 
}

.box-plan.gran-empresa .nombre-plan {
    width: 130px; 
    color: #424141;
    display: block;
    background: #ffffff;

}


.form__secc .form-control, .form__secc .form-select {
    background-color: #F2F5FA;
    border-radius: 6px;
    border: 0px;
    font-weight: 300;
    /* font-family: roboto; */
    font-size: 14px;
    padding: 11px 15px;
    color: #212529; 
} 



.img-contact {
    background-image: url('assets/img/neva-03.jpg');
    height: 560px; 
    background-size: cover;
    background-position: right;
}

.form__secc .button-primary {
    padding: 8px 1px;    
    font-size: 14px; 
    width: 120px;  
}


footer {
    background-color: #272C30;
    color: white;
    font-family: var(--title-font);
    font-size: 13px;
    padding-top: 2%;       
}

footer .material-symbols-outlined {
    font-size: 14px; 
} 


.divider_secc {
    position: relative;
} 


.custom-shape-divider-top-1675648658 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1675648658 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 140px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1675648658 .shape-fill {
    fill: var(--bg-color-section); 
} 

.custom-shape-divider-top-1675653710 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1675653710 svg {
    position: relative;
    display: block; 
    width: calc(110% + 1.3px);
    height: 62px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1675653710 .shape-fill {
    fill: var(--bg-color-section);    
} 


.custom-shape-divider-bottom-1675654149 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1675654149 svg {
    position: relative;
    display: block;
    width: calc(135% + 1.3px);
    height: 99px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1675654149 .shape-fill {
    fill: #934e4e;
}  



/* MOBILE */

@media (max-width:990px){
    header {
        height: auto;
    }
}
@media (max-width:650px){
 
    .container { 
        padding: 0% 8%;   
    }
    header {
        height: auto; 
        padding-top: 90px; 
    }
    header h1 {
        font-size: 27px; 
        line-height: 120%;
    
    }

    .button-primary {
        width: 200px;
        padding: 8px 25px;
        font-size: 16px;
    }
    
    header p {
        font-size: 16px;
        line-height: 140%;
        padding-right: 20px;
    }

    .title__secc { 
        font-size: 27px;
        line-height: 30px;
    } 
    .parrafo__secc {
        font-size: 16px;
        line-height: 140%;
    }

    .box-beneficio {
        height: 82px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .parrafo__secc.destacado {
        font-size: 18px;
    } 

    .secc003 .box-beneficio {
        height: 70px;
        width: 100%;
        padding-left: 22px;
        padding-right: 22px;
    }
    .planes__secc h2.title__secc span {
        font-size: 19px;
    }

    .box-plan {
        margin-bottom: 25px; 
    }
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: var(--bs-navbar-active-color);
    font-weight: 400;
} 

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d!important;
    display: flex;
    align-items: center;
}