@import url('chatboot.css');
@import url('phone.css');
@import url('own-service.css');
@import url('plan.css');
@import url('corp.css');

@import url('media-querys.css');

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');

:root{
    --color-principal: rgb(0, 149, 235);
    
    --color-principal-cl-1: #0089d7;

    --color-nav: white;
    --color-nav-n: rgba(0, 0, 0, 0.301);

    --color-nav-text: black;
    --color-nav-text-n: white;
}

html{
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: 'Sen', sans-serif;
}

*::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-thumb{
    background: #c1c1c1;
}

*::-webkit-scrollbar-track{
    background: rgb(176,186,193,22%);
}

.no-margin{
    margin: 0;
}

.no-padding{
    padding: 0;
}

.page-footer {
    background-color: var(--color-principal);
}

.page-footer .icon-footer{
    margin: 0;
    font-size: 1rem;
    transform: translateY(3px);
}

.m-top-0{
    margin-top: 0;
}

nav{
    --bk-color: var(--color-nav-n);
    --tx-color: var(--color-nav-text-n);

    position: sticky;
    top: 0;
    /*background-color: var(--color-principal);*/
    /*background-color: var(--bk-color);*/
    background: rgba(255, 255, 255, 0.56);
    backdrop-filter: blur(2px);
    color: var(--tx-color);

    box-shadow: none;

    z-index: 100;
    padding: 0 30px;
    transition: 300ms;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

nav.scrolled{
    --bk-color: var(--color-nav);
    --tx-color: var(--color-nav-text);
}

nav *, .index-img *{
    margin: 0;
}

nav .dropdown-content {
    background-color: var(--bk-color);
    color: var(--tx-color);
} 

nav .dropdown-content li>a, nav .dropdown-content li>span{
    color: var(--color-principal);
}

nav .cont{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

nav .cont .part{
    min-width: 150px;
    height: 64px;
    color:  var(--tx-color);
}

nav .cont .part a{
    color:  var(--tx-color);
}

nav .cont .part.m-l{
    text-align: right;
}

nav .cont .part.cn{
    display: flex;
    min-width: 70%;
    justify-content: flex-end;
    align-items: stretch;
}

nav .cont .part.logo img{
    height: 64px;
}

nav .cont .part.cn .mn{
    min-width: calc(100% / 8);
    text-align: center;
    cursor: pointer;
    transition: all .3s;
    overflow: hidden;
    max-height: 65px;
}


nav .cont .part.cn .mn:not(.logo):hover, nav .cont .part.cn .mn:not(.logo).active{
    color: white;
    background: var(--color-principal);
    border-bottom: 2px solid white;
    /*background: linear-gradient(176deg, var(--color-principal) 0%, #0095eb9a 100%);*/
}


h1,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Urbanist', sans-serif;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{
    color: var(--color-principal);
}

.row p:not(.exp){
    font-size: 1.1rem;
}

a.btn-pr{
    background: rgb(10 10 26);
    color: white;

    box-shadow: 0px 0px 6px rgb(0 0 0 / 35%);

    padding: 8px 30px;
    border-radius: 3px;
    transition: all 0.5s;
}

a.btn-pr:hover{
    background: white;
    color: rgb(10 10 26);
}

a.btn-pr.disabled{
    pointer-events: none;
    background: rgb(112 112 112) !important;
    border-color: black !important;
}

.separador{
    min-height: 50px;
}

main, section.main{
    min-height: 100vh;
}

.world-map .row{
    margin: 40px 0;
}

.main-text{
    color: rgb(0 36 56) !important;
}

a.btn-pr{

    --bk-color:var(--color-principal);
    --tx-color:white;

    background: var(--bk-color);
    border: 2px solid var(--bk-color);
    color: var(--tx-color);
    box-shadow: none;

    padding: 8px 30px;
    border-radius: 3px;
    transition: all 0.5s;
}

a.btn-pr:hover{
    color: var(--bk-color);
    background: var(--tx-color);
}

.card-price a.btn-pr{
    --bk-color: #00eb56;
    --tx-color:white;
}


.display-flex-no-movil{
    display: flex;
    align-items: center;
}

.invert-img{
    filter: invert(1);
}