@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | git.io/normalize */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body{
    font-family: Roboto, Open Sans, arial, sans-serif;
    font-weight: 400;
}

/* Busqueda Principal */

.veri-header{
    background: #F3F5F9;
    padding: 60px 0;
    min-height: 360px;
}

.veri-header p{
    font-size: 30px;
    font-weight: 400;
    width: 40%;
    margin: 0 auto;
}

.veri-header .display-4, .sin-header .display-4, .privacy-header .display-4, .con-header .display-4{
    display: none;
}

.veri-header p span{
    color: #23CE6B;
}

.veri-header img.logo {
	width: auto;
	height: 65px;
}

.search-box{
    margin: 0 auto;
    margin-top: -40px;
    text-align: center;
}

.search-box input[type="text"]{
    width: 85%;
    height: 80px;
    border-radius: 40px;
    font-size: 24px;
    text-indent: 0px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 8px 20px 0 rgba(39,45,45,0.14);
    box-shadow: 0 8px 20px 0 rgba(39,45,45,0.14);
    border: 0;
    padding: 0 19% 5px 3%;
    color: #7E7E7E;
}

.hide{
    display: none;
}

.search-box input.error{
    border: 1px solid #D62828;
}

.info-error{
    position: absolute;
    display: block;
    top: 262px;
    padding: 10px;
    color:#D62828;
    font-weight: 300;
    margin: 0 auto;
    left: 15%;
    right: 15%;
    width: 70%;
    text-align: center;
}

.con .info-error, .sin .info-error, .bussiness .info-error{
    top: 70px;
    left: 28%;
}

@-webkit-keyframes tiembla{
    0%  { -webkit-transform:rotateZ(-1deg); }
    50% { -webkit-transform:rotateZ( 0deg) scale(.9); }
    100%{ -webkit-transform:rotateZ( 1deg); }
  }

.search-box input[type="text"]:focus, .search-box input[type="submit"]:focus{
    outline: none;
}


@-webkit-keyframes autofill {
    to {
        color: #7E7E7E;
        background: #fff;
        font-size: 24px;
    }
}

.search-box input[type="text"]:-webkit-autofill,
.search-box input[type="text"]:-webkit-autofill:hover{
    -webkit-animation-name: autofill;
   -webkit-animation-fill-mode: both;
}

.input:not(:-webkit-autofill) {
    animation-name: autofill;
  }

::selection{
    background: #76daa0;
}
::-moz-selection{
    background: #76daa0;
}

.search-box input[type="submit"]{
    height: 56px;
    background: #23CE6B;
    color: #fff;
    border: 0;
    border-radius: 30px;
    width: 180px;
    margin-left: -200px;
    font-size: 20px;
}

.search-box input[type="submit"]{
    background-image: url(/img/lupa.svg);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 13px;
}

.bg{
    background-image: url(/img/etiquetas-grises.svg);
    background-repeat: no-repeat;
    background-size: unset;
    background-position-x: center;
    background-position-y: -45px;
}

.more-info{
    margin: 0 auto;
}

.more-info p{
    text-align: center;
    font-size: 24px;
    width: 576px;
    margin: 250px auto 0 auto;
    color: #7E7E7E;
}

footer, footer a{
    color:#BFBFBF;
}

.by{
    text-align: center;
}

.privacy{
    width: 60%;
    margin: 38px auto 0 auto;
    font-size: 16px;
    display: flex;
}

.privacy p{
    width: 33%;
    float: left;
    text-align: center;
    font-size: 12.5px;
}

.privacy .up a{
    color: #76daa0;
    font-weight: bold;
}

.legal{
    margin: 50px auto 0 auto;
    width: 33%;
    display: flex;
}

.legal p{
    width: 50%;
    float: left;
    text-align: center;
    font-size: 10px;
}

/* Sin resultados */

.sin-header .search-box, .con-header .search-box{
    width: 60%;
    float: left;
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: right;
}

.sin-header .search-img, .con-header .search-img{
    width: 40%;
    float: left;
}

.sin-header, .con-header{
    display: flex;
    background: #F3F5F9;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.sin-header .search-img img, .con-header .search-img img{
    width: 85%;
    margin-top: 0px;
}

@-webkit-keyframes autofill_header {
    to {
        color: #7E7E7E;
        background: #fff;
        font-size: 18px;
    }
}

.con-header .search-box input[type="text"]:-webkit-autofill,
.con-header .search-box input[type="text"]:-webkit-autofill:hover
.sin-header .search-box input[type="text"]:-webkit-autofill,
.sin-header .search-box input[type="text"]:-webkit-autofill:hover{
    -webkit-animation-name: autofill_header;
   -webkit-animation-fill-mode: both;
}

.input:not(:-webkit-autofill) {
    animation-name: autofill_header;
  }


.sin-header .search-box input[type="text"], .con-header .search-box input[type="text"] {
    width: 75%;
    height: 48px;
    border-radius: 40px;
    font-size: 18px;
    text-indent: 0px;
    box-shadow: 0 8px 20px 0 rgba(39,45,45,0.14);
    padding: 0 8% 0px 3%;
}

.sin-header .search-box input[type="submit"], .con-header .search-box input[type="submit"] {
    height: 48px;
    background: #23CE6B;
    color: #fff;
    border: 0;
    border-radius: 30px;
    width: 25%;
    margin-left: -50px;
    font-size: 18px;
}

.sin-header .search-box input[type="submit"], .con-header .search-box input[type="submit"]{
    background-image: url(/img/lupa.svg);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 10px;
}

.sin-header img.logo {
	width: auto;
	height: 50px;
}

.sin .bg{
    background-image: url(/img/no-resultados.svg);
    background-repeat: no-repeat;
    background-size: unset;
    background-position-x: center;
    background-position-y: -65px;
    padding-top: 300px;
}

.sin .info span{
    color: #D62828;
    font-weight: 700;
}

.sin .info p{
    text-align: center;
    font-size: 24px;
    width: 773px;
    margin: 0 auto 0 auto;
    color: #272D2D;
}

.sin .info .desc{
    font-size: 30px;
    margin-bottom: 35px;
}

.sin .url{
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #BFBFBF;
    word-wrap: break-word;
    word-break: break-all;
    height: 28px;
    overflow: hidden;
}

.sin .url span, .con .url span{
    color: #7E7E7E;
    text-decoration: underline;
}

.sin .domain span, .con .domain span{
    color: #7E7E7E;
}

/* Privacy */

.privacy-page .container{
    color: #7E7E7E;
}

a.text-center {
    display: block;
}

.privacy-page h3{
    color: #23CE6B;
    margin-bottom: 20px;
    margin-top: 30px;
}

.privacy-page .policy-section-header {
    font-weight: bold;
}
.privacy-page .policy-section-content {
    margin: 24px 0;
}
.privacy-page .policy-section-content ul {
    margin-top: 16px;
}

.privacy-page .terms-section-header {
    margin: 24px 0;
    text-transform: uppercase;
}
.privacy-page .terms-section-content {
    margin: 24px 0;
}

/* Error */

.sin .error .info{
    text-align: center;
}

.error .info h1{
    font-size: 50px;
    text-align: center;
    margin: 140px 0 90px;
    color: #D62828;
    font-weight: bold;
    display: inline-block;
}

.error .info .desc{
    margin-bottom: 80px;
}

.error .more-info p{
    margin: 140px auto 0 auto;
}

/* Con resultados */

.con .url{
    overflow: hidden;
    text-align: left;
    margin: 0;
    word-wrap: break-word;
    word-break: break-all;
    height: 28px;
}

.con .domain{
    overflow: hidden;
    text-align: left;
    margin: 0;
    word-wrap: break-word;
    word-break: break-all;
    display: inline;
}

.con .info{
    padding-top: 35px;
    display: inline-block;
    margin-top: 85px;
    width: 100%;
}

.con .info .box{
    margin-top: 10px;
}

.con .info .img{
    width: 30%;
    float: left;
    padding: 10px 20px 0 0;
}

.con .info .text{
    width: 70%;
    float: left;
}

.con .info .text span{
    color: #7E7E7E;
}

.con .info .img img{
    max-width: 100%;
    max-height: 400px;
}

.con .info  h1{
    font-size: 24px;
    margin-bottom: 25px;
}

.con .info .price-box{
    width: 70%;
    float: left;
}

.con .info .price-box select{
    border: 1px solid #BFBFBF;
    padding: 8px;
    background:transparent;
    border-radius: 10px;
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/img/tringuale.png) 100% / 24px no-repeat;
    padding-right: 35px;
    margin-top: 6px;
    max-width: 100%;
}

.con .info .price-box select:focus {
    outline: none;
}

.con .info .price-box p{
    color:#BFBFBF;
    font-size: 13px;
    margin-bottom: 4px;
}

.con .info .price-box .tabcontent p{
    color: #BFBFBF;
    font-size: 13px;
}

.con .info .price-box .tabcontent .note{
    margin-top: 20px;
    margin-bottom: 0px;
}
 /*  bussiness  */

 .business .info h1{
    font-size: 40px;
    text-align: center;
    margin: 50px 0;
    font-weight: bold;
    display: inline-block;
}

.business .info h2{
    margin-bottom: 40px;
    font-size: 30px;
}

.business .more-info p{
    margin: 124px auto 0 auto;
}

.business .info .desc a{
    color: #76daa0;
    font-weight: bold;
}

.seller-disclaimer {
    font-weight: bold;
}

/* Style the tab */
.tab {
overflow: hidden;
border-radius: 8px 8px 0 0;
padding-left: 12px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
color: #7E7E7E;
border-radius: 5px;
font-size: 14px;
min-width: 160px;
box-shadow: 0px 0px 10px 0px rgba(39,45,45,0.14);
}

/* Change background color of buttons on hover */
.tab button:hover {
box-shadow: 0 10px 20px 0 rgba(39,45,45,0.14);
color: #7E7E7E;
}

/* Create an active/current tablink class */
.tab button.active {
color: #23CE6B;
font-weight: 600;
}

.tabcontent {
display: none;
padding: 6px 12px;
border-top: none;
border-radius: 0 0 8px 8px;
}

.con .info .active{
    display: block;
}

.con .info  table{
    width: 100%;
}

.con .info  table th{
    border-bottom:1px solid;
    color: #BFBFBF;
    padding: 10px 0;
}

.con .info  table td{
    padding: 10px 0;
}

.con .info table td span{
    color: #BFBFBF;
}

.con .info  table .alto{
    color: #D62828;
}

.con .info  table .bajo{
    color:#23CE6B;
}

.con .info  table .medio{
    color: #7E7E7E;
}

.con .graph{
    margin-top: 25px;
    box-shadow: 0 4px 12px 0 rgba(39,45,45,0.16);
    padding: 20px;
}

.con .graph p{
    text-align: center;
    color: #272D2D;
    font-size: 20px;
} 


.con .more-info p{
    text-align: center;
    font-size: 24px;
    width: 576px;
    margin: 100px auto 0 auto;
    color: #7E7E7E;
}

.con .social{
    text-align: center;
    margin: 50px auto;
}

.con .social .box{
    border-radius: 40px;
    box-shadow: 0 4px 12px 0 rgba(39,45,45,0.16);
    margin: 0 auto;
    padding: 6px;
    display: inline-flex;
}

.con .social p{
    color: #272D2D;
    font-size: 20px;
}

.con .social .box .fa-whatsapp{
    background: #25D366;
    color: #fff;
}

.con .social .box .fa-twitter{
    background: #00ACED;
    color: #fff;
}

.con .social .box .fa-facebook-f{
    background: #1877F2;
    color: #fff;
}

.con .social .box .copy{
    background: url(/img/copiar-enlace.svg) no-repeat #23CE6B 10% 50%;
    color: #fff;
    padding: 10px 12px 10px 50px;
    border-radius: 24px;
    font-weight: 600;
    font-size: 18px;
    margin: 0 5px;
}

.con .social .box i{
    height: 49px;
    width: 49px;
    font-size: 35px;
    border-radius: 30px;
    padding: 6px;
    margin: 0 8px;
}

a.copy {
    cursor: pointer;
}

@media only screen and (max-width: 1200px){

    .veri-header p{
        width: 50%;
    }

    .search-box input[type="text"] {
        width: 95%;
        height: 80px;
        border-radius: 40px;
        font-size: 18px;
        text-indent: 18px;
        -webkit-appearance: none;
        -webkit-box-shadow: 0 8px 20px 0 rgba(39,45,45,0.14);
        box-shadow: 0 8px 20px 0 rgba(39,45,45,0.14);
        padding: 0 22% 2px 3%;
    }

    .search-box input[type="submit"]{
        font-size: 18px;
    }

    .sin-header .search-box input[type="text"],  .con-header .search-box input[type="text"] {
        width: 75%;
        font-size: 16px;
        padding: 0 10% 0px 3%;
    }

    .sin .container, .con .con-header .container{
        padding-left: 0;
        padding-right: 0;
    }

    .sin-header .search-box input[type="submit"], .con-header .search-box input[type="submit"]{
        text-indent: 25px;
        font-size: 16px;
    }

    .privacy{
        width: 80%;
    }

}

@media only screen and (max-width: 992px){

    .search-box input[type="text"]{
        padding: 0 30% 0px 3%;
    }

    .sin-header .search-box input[type="text"], .con-header .search-box input[type="text"] {
        padding: 0 12% 0px 3%;
    }
}



@media only screen and (max-width: 900px){

    .veri-header p{
        width: 60%;
    }

    .sin-header .search-box input[type="text"], .con-header .search-box input[type="text"] {
        width: 90%;
        height: 64px;
        padding: 0 28% 0px 3%;
    }

    .sin .info p{
        width: 100%;
    }

    .sin-header .search-box, .sin-header .search-img, .con-header .search-box, .con-header .search-img{
        width: 100%;
        text-align: center;
    }

    .sin-header .search-box .inner, .con-header .search-box .inner{
        margin-bottom: -40px;
    }

    .privacy {
        width: 100%;    
    }

    .con .info {
        padding-top: 60px;
        margin-top: 150px;
    }

    .con .info .text h1 {
        font-weight: 600;
    }

    .con .info .text table {
        width: 100%;
    }

    .sin-header .search-box input[type="submit"], .con-header .search-box input[type="submit"] {
        margin-left: -200px;
    }

    .sin-header, .con-header {
        position: relative;
    }

    .con .info {
        padding-top: 50px;
        margin-top: 0;
    }

    .error .info h1, .bussiness .info h1 {
        margin: 80px 0 50px;
    }

    .con .info-error, .sin .info-error, .bussiness .info-error {
        top: 0;
        left: 0;
        position: relative;
    }

}

@media only screen and (max-width: 767px){

    .veri-header p{
        width: 80%;
    }

    .search-box input[type="text"] {
        text-indent: 16px;
        font-size: 15px;
        padding: 0 40% 2px 3%;
    }

    .search-box input[type="submit"]{
        font-size: 16px;
    }

    .info p{
        width: 100%;
        margin: 15px auto 0 auto;
    }

    .bussiness .info p {
        width: 100%;
        margin: 25px auto 0 auto;
    }

    footer{
        margin-top: 30px;
    }

    .sin-header .search-box input[type="text"], .con-header .search-box input[type="text"] {
        font-size: 15px;
        width: 90%;
    }

    .sin .url{
        text-align: center;
    }

    .con .url{
        max-width: 100%;
        text-align: left;
        margin: 0 auto 0 auto;
    }

    .sin .info .desc, .con .info .desc{
        font-size: 26px;
    }

    .privacy {
        width: 100%;
    }

    .legal{
        width: 50%;
    }

    .more-info p, .con .more-info p {
        font-size: 20px;
        width: 376px;
    }

    .con .info .img img {
        max-height: 250px;
    }

    .con .info table {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 10px;
    }

    .con .info .price-box {
        width: 100%;
        float: left;
        margin-top: 30px;
    }

    .sin-header .search-box input[type="submit"], .con-header .search-box input[type="submit"] {
        margin-left: -150px;
    }

    .info-error {   
        font-size: 14px;
        width: 80%;
        left: 10%;
        right: 10%;
    }

    .con .info .price-box select{
        width: 100%;
        background: url(/img/tringuale.png) 100% / 7% no-repeat;
    }

    .cookieinfo-close{
        min-width: 36px !important;
    }

    .cookieinfo{
        padding: 8px !important;
    }


}

@media only screen and (max-width: 500px){

    .search-box input[type="submit"] {
        background-image: url(/img/lupa.svg);
        background-repeat: no-repeat;
        background-position-x: 12px;
        background-position-y: 14px;
    }

    .sin .bg {
        background-size: 133%;
        padding-top: 60%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .sin-header .search-box input[type="text"] {
        font-size: 12px;
    }

    .sin .info .desc {
        font-size: 20px;
        margin-bottom: 35px;
    }

    .con .url {
        height: 50px;
        overflow: hidden;
    }

    .sin .url{
        max-width: 100%;
        padding: 5px;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        height: 80px;
        margin: 0 auto;
    }

    .sin .url span{
        display: block;
    }

    .privacy {
        width: 100%;
    }

    .legal{
        width: 70%;
    }

    .sin-header .search-box input[type="text"] , .con-header .search-box input[type="text"]{
        width: 90%;
        font-size: 12px;
    }

    .sin-header .search-box input[type="submit"] , .con-header .search-box input[type="submit"] {
        width: 30%;
    }

    .veri-header p {
        width: 85%;
        font-size: 20px;
    }

    .search-box input[type="submit"], .sin-header .search-box input[type="submit"], .con-header .search-box input[type="submit"] {
        width: 56px;
        color: transparent;
        margin-left: -50px;
        font-size: 12px;
        height: 56px;
    }

    .search-box{
        text-align: initial;
        margin-top: -30px;
    }

    .veri-header {
        background: #F3F5F9;
        padding: 40px 0;
        min-height: 300px;
    }

    .veri-header img, .privacy-page .privacy-header img{
        width: 80%;
    }

    .search-box input[type="text"] {
        font-size: 14px;
        height: 56px;
        padding: 0 15% 1px 3%;
    }

    .privacy-page .container{
        font-size: 14px;
    }

    .more-info p{
        font-size: 16px;
        width: 100%;
        padding: 10px 20px;
        margin: 200px auto 0 auto;
    }

    .con .more-info p, .sin .more-info p {
        font-size: 16px;
        width: 100%;
        padding: 10px 20px;
        margin: 80px auto 0 auto;   
    }

    .con .highcharts-root {
        padding: 5px;
    }

    .con .info .img img {
        max-height: 200px;
    }

    .con .info .text h1 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .con .social .box .copy {
        padding: 14px 10px 10px 35px;
        font-size: 13px;
    }

    .con .social .box i {
        margin: 0 5px;
    }

    .con .info .img{
        order:2;
        margin: 0 auto;
        padding: 0px 0px 0px 0;
    }

    .con .info .box {
        display: grid;
    }    

    .error .info p{
        padding: 0 10px;
    }

    .error .info h1 {
        margin: 90px 0 90px;
    }

    .error .more-info p{
        margin: 75px auto 0 auto;
    }

    .sin-header .search-box input[type="text"], .con-header .search-box input[type="text"] {
        height: 56px;
        padding: 0 13% 0px 3%;
    }

    .info-error {
        left: 0%;
        right: 0%;
        top: 200px;
        width: 100%;
    }

    .con .info-error, .sin .info-error, .bussiness .info-error{
        padding: 0px 0px 10px 0px;
    }

    .con .info .img, .con .info .text{
         width: 100%;
         text-align: center;
     }

     .con .info .text{
        margin: 0 auto;
        width: 100%;
        text-align: left;
    }

    .con .info .price-box p {
        margin-top: 5px;
    }

    .con .info .price-box {
        margin-top: 0px;
        margin-top: 10px;
    }

}