@import url('https://fonts.googleapis.com/css2?family=Montserrat: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');

body { font-family: 'Montserrat', sans-serif; }

/* backgrounds */
#section0{ background: url(../imgs/portada_1f.png) no-repeat fixed center; background-size: 100% 100%; }
/* #section1{ background: url(../imgs/portada_2b.png) no-repeat; background-size: 100% 100%; } */
/* #section4{ background: url(../imgs/portada_5.png) no-repeat; background-size: 100% 100%; } */

.radius-circle { border-radius:25px !important; }

.img-section2 { max-width: 40%; }
.img-arrow { max-width: 50%; }

.img-rrss { max-width: 20%; }

.mainImgPhone { display: initial; width: 100%; }

.border { border: 3px solid #dee2e6!important; }
.border-black { border: 3px solid #000000!important; }
.border-btn { border: 1px solid #ffffff !important; }

.img-gira{ width: 15%; }
.emoticon{ width: 20px; }

.img-logo { width:100%; height: auto; }
.text-yellow { color: #F7B736 !important; }
.text-secondary { color: #bcbcbc !important; }
.bg-yellow { background-color: #F7B736; }
.bg-black { background-color: #000000; }
/* .title-home { font-weight:600; } */
.fw-section { font-weight:600; }

.circles-init {  width: 4px !important; }
.circles-section {  width: 3px !important; }
.btn-group-lg>.btn, .btn-lg {
    font-size: 0.8rem;
}

.fs-p{font-size: 12px;}
.fs-intro{ font-size: 14px; }
.claim{ font-size: 14px }

.slider_icon { width: 128px; }
/* .fp-controlArrow.fp-prev {
    left: 0;
    border: none;
    width: 50px;
    height: 5px;
    background: url(../imgs/arrow_left.svg) no-repeat;
    cursor: pointer;
}
.fp-controlArrow.fp-next {
    right: 0;
    border: none;
    width: 50px;
    height: 5px;
    background: url(../imgs/arrow_right.svg) no-repeat;
    cursor: pointer;
} */

/* .fp-controlArrow.fp-prev {
    left: 0;
    border: none;
    width: 50px;
    height: 25px;
    background: url(../imgs/arrow_left_2_yellow.svg) no-repeat center;
    background-size: 25px;
    cursor: pointer;
}
.fp-controlArrow.fp-next {
    right: 0;
    border: none;
    width: 50px;
    height: 25px;
    background: url(../imgs/arrow_right_2_yellow.svg) no-repeat center;
    background-size: 25px;
    cursor: pointer;
} */

.fp-slides { order: 2; }

.fp-controlArrow { position:unset; }

.fp-controlArrow.fp-prev {
    padding-right: .5rem!important;
    padding-left: .5rem!important;
    left: 0;
    border: none;
    width: 85px;
    /* height: 25px; */
    height: 100%!important;
    background: url(../imgs/arrow_left_2_yellow.svg) no-repeat center;
    background-size: 25px;
    cursor: pointer;
    order: 1;
}


.fp-controlArrow.fp-next {
    padding-right: .5rem!important;
    padding-left: .5rem!important;
    height: 100%!important;
    right: 0;
    border: none;
    width: 50px;
    background: url(../imgs/arrow_right_2_yellow.svg) no-repeat center;
    background-size: 25px;
    cursor: pointer;
    order: 3;
}



/* #slider { background: url(../imgs/border_white.png); background-size: 100% 100%;} */

#element {
    position: fixed;
    z-index: 3;
    bottom: 2em;
    right: 2em;
    text-align: center;
    border-radius: 1em;
    width:50px;
    height:50px;
}

#landscape { display: none; z-index: -100; }
 
/* iphone X */
/* @media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3){
    .fp-controlArrow.fp-next { right: 1vw; top:115vw; }
    .fp-controlArrow.fp-prev  { left: 1vw; top:115vw; }
} */

/* iphone 6/7/8 aprox */

/* @media only screen 
and (device-width : 375px) 
and (device-height : 667px) 
and (-webkit-device-pixel-ratio : 2){
    .fp-controlArrow.fp-next { right: 1vw; top:105vw; }
    .fp-controlArrow.fp-prev  { left: 1vw; top:105vw; }
} */


/* @media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) { 
        .fp-controlArrow.fp-next { right: 1vw; top:98vw; }
        .fp-controlArrow.fp-prev  { left: 1vw; top:98vw; }
    } */



@media(max-width: 812px) and (orientation: landscape){
    #landscape {
        display: flex;
        position: fixed;
        top: 0;
        bottom: 0px;
        right: 0px;
        left: 0px;
        background: #f2f2f2;
        z-index: 990000;
        width: 100%;
        height: 100vh;
        font-size: 120%;
        align-items: center;
        justify-content: center;
    }
}





@media (min-width: 500px){
    #section0{ background: url(../imgs/big_portada_1.png) no-repeat fixed center;}
    /* #section4{ background: url(../imgs/portada_5_PC.png) no-repeat center; background-size: 100% 100%;} */
    .container, .container-sm { max-width: 540px; }
    .fs-p { font-size: 1rem; }
    .claim{ font-size: 1.1rem; }
    .fs-intro{ font-size: 1rem; }
    /* .fp-controlArrow.fp-next { right: 40vw; top:25vw; }
    .fp-controlArrow.fp-prev  { left: 40vw; top: 25vw; } */
}

/* @media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .fp-controlArrow.fp-next { right: 30vw; top:65vw; }
    .fp-controlArrow.fp-prev  { left: 30vw; top: 65vw; }
} */

/* surface duo */
@media only screen and (device-width: 540px){
    #section0 { background-size: cover; }
    /* .fp-controlArrow.fp-next { right: 5vw;  top: 70vw; }  
    .fp-controlArrow.fp-prev { left: 5vw; top: 70vw; } */
 }

/* ipad air */
@media only screen and (device-width: 820px){
    #section0 { background-size: cover; }
    /* .fp-controlArrow.fp-next { right: 20vw;  top: 75vw; }  
    .fp-controlArrow.fp-prev { left: 20vw; top: 75vw; } */
    .fs-p {  font-size: 1.4rem; }
    .claim{ font-size: 1.6rem; }
    .fs-intro{ font-size: 1.4rem; }
    .title-content { font-size:2rem; }
    .h5 { font-size:1.7rem; }
 }

/* surface pro 7 */
@media only screen and (device-width: 912px){
    #section0 { background-size: cover; }
    /* .fp-controlArrow.fp-next { right: 25vw;  top: 70vw; }  
    .fp-controlArrow.fp-prev { left: 25vw; top: 70vw; } */
    .fs-p {  font-size: 1.4rem; }
    .claim{ font-size: 1.6rem; }
    .fs-intro{ font-size: 1.4rem; }
    .title-content { font-size:2rem; }
    .h5 { font-size:1.7rem; }
 }

/* nest hub */
@media only screen and (device-width: 1024px){
    /* .fp-controlArrow.fp-next { right: 30vw; top: 33vw;}
    .fp-controlArrow.fp-prev { left: 30vw; top: 33vw; } */
    .fs-p { font-size: 0.8rem; }
    .claim{ font-size: 1rem; }
    .title-content { font-size:1.2rem; }
 }

/* nest hub max */

/* @media only screen and (device-width: 1280px){
    .fp-controlArrow.fp-next { right: 30vw; top: 33vw; } 
    .fp-controlArrow.fp-prev { left: 30vw; top: 33vw; }
 } */


/* @media only screen and (device-width: 768px) {
    .fp-controlArrow.fp-next { right: 20vw; top:65vw; }
    .fp-controlArrow.fp-prev { left: 20vw; top: 65vw; }
 } */

 /* en principio de iphone 6 hacia abajo */
 @media only screen 
 and (max-device-width : 375px) {
    .title { font-size: 20px;}
    .container-title, .container-subtitle { margin-bottom: 0.5rem !important; margin-top:0.5rem !important; }
    .section-subtitle{ font-size: 17px; }
    .title-content { font-size: 17px }
    .fs-p{ font-size:10px; color:#ffffff;}
    .claim{ font-size: 12px; }
    .fs-intro { font-size:10px }
    .h5 { font-size:15px; }
    .circles { visibility: hidden; }
    .img-client { width: 90%; }
    /* .fp-controlArrow.fp-next { right: 0vw; top:100vw; }
    .fp-controlArrow.fp-prev  { left: 0vw; top: 100vw; } */
}