body,html,* {margin:0;padding:0;}
html,body {font-family:"IBM Plex Sans", sans-serif;margin:0;padding:0;color:#2F3343;font-size:16px;}
a {text-decoration:none;transition:all .15s !important;}
img {border:0;}
h1,h2,h3,h4,h5,th {margin:0;padding:0;font-weight:normal;}
.contenedor {max-width:1150px;margin-left:auto;margin-right:auto;box-sizing:border-box;text-align:left;}
main *,.main * {transition:transform .5s, opacity .5s, border .5s;}
.imgMobile, .imgMobileDivider{display: none;}
#header::before{padding-top:0 !important;}

.header_back{background:url("../img/pandasecurity-hero-family-desktop.jpg") no-repeat;background-size:cover;color:#2F3343;text-align:left;position:relative;}
.header_back .intro{color: #FFFFFF;}
.header_back .noPadding{padding: 0 0 3rem !important;}
.intro img, .intro h2{display: inline-block;}
.intro h1{font-size: 1.875rem;line-height: 2.812rem;font-weight: 400;margin-top: 0.5rem;margin-bottom: 1.5rem;}
.intro h2{font-size: 2.25rem;line-height: 3.375rem;font-weight: 700;vertical-align: text-bottom;margin-left: 6px;}
.intro h3{font-size: 1.75rem;line-height: 2.625rem;font-weight: 400;margin: 2rem 0 0.5rem;}
.intro p.body{font-size: 1rem;line-height: 1.5rem;font-weight: 400;margin-bottom: 1.5rem;width: 80%;}
.intro .precio_antes{font-size: 1.375rem;line-height: 2.062rem;font-weight: 300;text-decoration: line-through;}
.intro .precio_despues{font-size: 1.375rem;line-height: 2.062rem;font-weight: 700;color: #B12704;}
.btn-offer{display: grid;grid-template-areas: "rectangle triangle btn";grid-template-columns: fit-content(10%) 0 auto;}
.btn-offer .rectangle{z-index: 2;grid-area: rectangle;padding-left: .5rem;color: #FFFFFF;font-weight: 700;background-color: #E02222;display: flex;justify-content: center;align-items: center;}
.btn-offer .triangle{z-index: 1;grid-area: triangle;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #e02222;}
.btn-offer .btn{grid-area: btn;}
.btn-primary{color: #FFFFFF;background-color: #FF9010 !important;border-color: #FF9010;}
.btn-primary:hover{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);}
.btn{position: relative;display: inline-block;font-weight: 700;text-align: center;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;background-color: transparent;border: 2px solid transparent;padding: .475rem .75rem;font-size: 1rem;line-height: 1.4;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.intro .btn{width: 226px;}
.intro .compatible p{font-size: 0.937rem;line-height: 1.375rem;font-weight: 300;margin-top: 0.5rem;}
.into i{display: inline-block;}
.intro i:nth-of-type(1){margin-right: 1rem;}
i.pandasecurity-icon-location{width: 32px;text-align: center;}

#cards, #tips{background: #F3F3F3;padding: 2rem 0;}
#cards .contenedor-cards{display: grid;grid-template-columns: repeat(4, 23%);grid-column-gap: 1.5rem;}
#cards h3, #tips h3, #video h3{font-size: 1.562rem;line-height: 2.062rem;font-weight: 700;margin-bottom: 2.5rem;}
.card{background: #FFFFFF;border-radius: 4px;padding: 1rem;text-align: center;}
.img{margin-bottom: 1rem;height: 134px;}
.img-card1{background: url(../img/ubicacion.jpg) no-repeat center;}
.img-card2{background: url(../img/localizacion.jpg) no-repeat center;}
.img-card3{background: url(../img/controlapp.jpg) no-repeat center;}
.img-card4{background: url(../img/alarma.jpg) no-repeat center;}
.card h4{font-size: 1.5rem;line-height: 2.25rem;text-align: center;font-weight: 400;min-height: 108px;margin-bottom: 0.5rem;}
.card h4.pt{min-height: 144px !important;}
.card h4.de{font-size: 1.3rem !important;}
.card p{font-size: 1rem;line-height: 1.5rem;text-align: center;font-weight: 400;}

#tips .contenedor-tips{display: grid;grid-template-columns: repeat(3, 32%);grid-gap: 1.5rem;grid-template-rows: repeat(3, 52px);}
#tips i{font-size: 2rem;display: inline-block;height: 40px;margin-right: 1rem;vertical-align: top;}
#tips .tip span{display: inline-block;width:64%;min-height: 40px;vertical-align: text-bottom;}
.double{margin-top:4px;}
.half{margin-top:-4px;}

#video{background: #FFFFFF;padding: 2rem 0 3rem;}
#video h3{margin-bottom: 1.25rem !important;}
#video h4{font-size: 1.375rem;line-height: 1.812rem;font-weight: 400;margin-bottom: 0.25rem;}
#video p{font-size: 1rem;line-height: 1.5rem;font-weight: 300;margin-bottom: 2rem;}
.contenedor-video{position: relative;height: 0;overflow: hidden;padding-bottom: 56.2%;margin-bottom: 20px;}
.contenedor-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#fototext{background-color: #FFFFFF;padding: 2rem 0;text-align: center;}
#fototext h3{font-size: 1.562rem;line-height: 2.062rem;font-weight: 700;text-align:left;margin-bottom: 3rem;}
.contenedor_fototext h4{font-size: 1.375rem;line-height: 1.812rem;font-weight: 700;text-align:left;margin-bottom: 0.625rem;}
.contenedor_fototext p.body{font-size: 1rem;line-height: 1.5rem;font-weight: 300;text-align:left;margin-bottom: 1.5rem;}
.contenedor_fototext{display: grid;grid-column-gap: 1.625rem;}
.contenedor_fototext.bloqueIzq{grid-template-columns: 440px auto;margin-bottom: 2rem;}
.newblock{margin-top: 2rem;}
.contenedor_fototext.bloqueDcha{grid-template-columns: auto 440px;}
.bloqueIzq .left.uno{background: url("../img/pandasecurity-control-parental.jpg") no-repeat;width: 440px;height: 270px;background-size: 440px 270px;}
.bloqueDcha .right.dos{background: url("../img/p2.jpg") no-repeat;width: 440px;height: 270px;background-size: 440px 270px;}
.bloqueIzq .left.tres{background: url("../img/p3.jpg") no-repeat;width: 440px;height: 270px;background-size: 440px 270px;}
.bloqueDcha .right.cuatro{background: url("../img/p4.jpg") no-repeat;width: 440px;height: 270px;background-size: 440px 270px;}

#divider{background:url("../img/pandasecurity-divider-family-desktop.jpg") no-repeat center 60%;background-size:cover;color:#2F3343;text-align:left;position:relative;}
#divider .intro{padding: 3rem 0 0;}
#divider .noPadding{padding: 0 0 3rem !important;}
#divider .intro{color: #2F3343;}
.intro h3.div{font-size: 2.25rem;line-height: 3.375rem;font-weight: 700;vertical-align: text-bottom;margin-left: 6px;display: inline-block;margin:0 0 0 6px !important;}
.intro h4.div{font-size: 1.875rem;line-height: 2.812rem;font-weight: 400;margin-top: 0.5rem;margin-bottom: 2rem;}

@media screen and (max-width: 600px) {
    .contenedor{padding: 0 15px;}
    .imgMobile, .imgMobileDivider{height: 166px;}
    .bloqueIzq .left.uno, .bloqueDcha .right.dos, .bloqueIzq .left.tres, .bloqueDcha .right.cuatro{height: 178px;}
    .img{height: 176px;}
}

@media screen and (max-width:1023px){
    .header_back, #divider{background: #FFFFFF;}
    .imgMobile{display: block;background: url("../img/pandasecurity-hero-family-mobile.jpg") no-repeat;background-size: cover;}
    .imgMobileDivider{display: block;background: url("../img/pandasecurity-divider-family-mobile.jpg") no-repeat;background-size: cover;margin-bottom: 2rem;}

    .header_back .intro{color: #2F3343;}
    .title{width: 285px;margin: 0 auto;}
    .titleFR{width: 100% !important}
    .titleFR img, .titleFR h3, .titleFR h2{display: block !important;text-align: center;margin: 0 auto !important;}
    .intro img{width: 32px !important;}
    .intro h2{font-size: 1.625rem !important;line-height: 2.437rem;}
    .intro h1{font-size: 1.437rem !important;line-height: 2.125rem;font-weight: 300;text-align: center;margin-bottom: 2rem;}
    .intro h3{font-size: 1.375rem !important;line-height: 2.062rem;font-weight: 300;text-align: center;}
    .intro p.body{width:auto;text-align: center;}
    .intro .precio_antes, .intro .precio_despues{text-align: center;}
    .intro .btn{width: auto;}
    .compatible{text-align: center;}
    .intro .compatible p{margin: 1.5rem 0 0.5rem;}

    #cards h3, #tips h3, #video h3, #fototext h3{font-size: 1.187rem;line-height: 1.5rem;text-align: center;}
    #cards .contenedor-cards{grid-template-columns: 100%;grid-row-gap: 1.5rem;}
    .card h4{min-height: 0;}
    .img{background-size: cover;}

    #tips .contenedor-tips{grid-template-columns: 100%;}
    #tips i{width:2rem;text-align: center;}
    #tips .tip span{width: 69%;}

    #video h4{font-size: 1.125rem;line-height: 1.437rem;text-align: center;font-weight: 400;}
    #video p{text-align: center;}

    #fototext{padding: 0 0 2rem;}
    .contenedor_fototext.bloqueIzq, .contenedor_fototext.bloqueDcha{grid-template-columns: 100%;}
    .bloqueIzq .left.uno, .bloqueDcha .right.dos, .bloqueIzq .left.tres, .bloqueDcha .right.cuatro{width:100%;background-size: cover;margin-bottom: 1rem;}
    .contenedor_fototext p.body{margin-bottom: 0;}
    .bloqueDcha .left{order:2;}
    .bloqueDcha .right{order:1;}
    .contenedor_fototext h4, .contenedor_fototext p.body{text-align: center;}

    .intro h3.div{line-height: 2.062rem;vertical-align: top;margin-left: 6px !important;}
    .intro h4.div{font-size: 1.375rem !important;line-height: 2.062rem;font-weight: 300;text-align: center;}
}

@media screen and (min-width: 601px) and (max-width: 1023px){
    .contenedor{padding: 0 40px;}
    .header_back{background: #FFFFFF;}
    .header_back .intro{color: #2F3343;}
    .imgMobile, .imgMobileDivider{height: 310px;}
    .bloqueIzq .left.uno, .bloqueDcha .right.dos, .bloqueIzq .left.tres, .bloqueDcha .right.cuatro{height: 354px;}
    .img{height: 292px;}
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    #divider{background: url("../img/pandasecurity-divider-family-desktop.jpg") no-repeat 70%;background-size: cover;}
    .header_back{background:url("../img/pandasecurity-hero-family-desktop.jpg") no-repeat 70%;background-size: cover;}
}

@media screen and (max-width: 1190px) {
    .contenedor{max-width: 95%;}
}



/*#cWebAuthor{display: none;}