@font-face{font-family:"zagmaRegular";src:url("../fonts/F37Zagma-Regular.woff2") format("woff2");font-style:normal}
@font-face{font-family:"zagmaLight";src:url("../fonts/F37Zagma-Light.woff2") format("woff2");font-style:normal}
@font-face{font-family:"zagmaBold";src:url("../fonts/F37Zagma-Bold.woff2") format("woff2");font-style:normal}
:root{
    --brand: #8eff00;
}
*,
html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display:flex;
    flex-direction: column;
    min-height: 100vh;
    background: #fff;
    color: #000;font-family: zagmaLight, Arial, sans-serif;
}

.contOut {
    width: 100%;
    float: left;
}

.contIn {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 10px;
}
.skip-link{display:none;}
/* header   */
header{padding-top:12px;background:#000;}
.prev{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.prev .logo img{height:48px;}
.idiom{
    display: flex;
    align-content: center;
    gap:8px;
    padding:2px 0px 0px 4px;
    border-radius:5px;
}
.idiom:hover,.idiom:active{
    background:#313131; ;
    cursor:pointer;
}
.idiom .flag img{
    width:22px;
}
.idiom .lang{
    padding-top:3px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
.idiom .icon img{
    width:22px;
}
.claim{position:relative;
}
.claim .text{position:relative;display:grid;padding:30px 0;
    text-align:start;
    z-index:1;
}
.claim .text h1{color:#fff;line-height:auto;text-transform: uppercase;
    text-shadow: 4px 4px 4px #000000;}
.claim .text h1 strong{display:block;color:var(--brand);}
.claim .text p{color:#aaaaaa;font-size:14px;}
.claim .imgBG{
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    z-index:0;
}
.claim .imgBG img{
    width:100%;height:100%;object-fit:cover;
}
.btnSelect{display:inline-flex;gap:4px;align-items:center;padding:0px 0px 0px 4px;color:#fff;border-radius:5px;background:
        #313131;}
.btnSelect img{width:22px;}
.btnSelect:hover, .btnSelect:active{
    background:#000;
    cursor:pointer;
}
/* main */
main{flex:1;}
.listCall{display:grid;padding:1rem 0;}
.group{display:grid;gap:0.5rem;margin-bottom:0;padding:10px 0;border-bottom:solid 1px
#e1e1e1;}
.group .legal{
    position:relative;
    padding:0 4.5rem 0 0.5rem;
    font-size:9px;
    color:#666;
    line-height:1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.group .legal.expanded{
    display: block;
    overflow: visible;
    padding-right: 0.5rem;
}
.group .legal .toggle{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    background:rgb(255, 255, 255);
    padding:0 5px;
    cursor:pointer;
    font-weight:bold;
}
.group .legal #toggleMore{
    display: inline-block;
}
.group .legal #toggleLess{
    display: none;
}
.group .legal.expanded #toggleMore{
    display: none;
}
.group .legal.expanded #toggleLess{
    display: inline-block;
    position: relative;
    float: right;
    margin-left: 5px;
}
.itemCall{padding:0.5rem;
    text-decoration:none;
    color:#000000;
    display:flex;
    flex-wrap: wrap;
    gap:8px;
    background: #fff;}
.itemCall .brand{width:90px;height:40px;display:flex;align-items:center;justify-content: center;border:solid 1px #ededed;border-radius:5px;overflow:hidden;}
.itemCall .brand img{width:100%;height:auto;object-fit:cover;}
.itemCall .text{display:grid;align-items: start;;}
.itemCall .text strong{font-size:14px;}
.itemCall .text p {font-size:12px;}
.itemCall .text small {font-size:10px;}
.itemCall .btnCall{width:100%;min-height:50px;
    display:flex;align-items:center;justify-content: center;
    padding:0 10px;
    font-weight: bold;;
    background:var(--brand);border-radius:5px;
}
.itemCall:last-of-type{
    border-bottom: none;
}
.itemCall:hover,.itemCall:active{
    cursor:pointer;
    background:#f3f2f2;
    transition:0.3s ease;
    transform: scale(1.005);
}
/* footer */
footer{background:#03060a;padding:1rem 0;}
.footerList{width:100%;display:grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:1rem 0;font-size:12px;}
.href2 a{color:#fff;text-decoration:none;}
.href2 a:hover,.href2 a:active{
    color:var(--brand);
    cursor:pointer;
}
.disclaimer{font-size:12px;color:#666;}
.copy{padding:1rem 0;font-size:12px;color:#666;text-align:center;}
.logos{width:100%;display:flex;align-items:center;justify-content: center;gap:20px;padding:1rem 0;}
.logos img{height:32px;}
@media (min-width:400px) {
    .itemCall{align-items: start;}
    .itemCall .brand{width:110px;height:50px;}
    .itemCall .text{flex:1}
    .itemCall .btnCall{width:auto;height:auto;}
}
@media (min-width:600px) {
    .itemCall{align-items: center;}
    .itemCall .brand{width:130px;height:60px;}
    .itemCall .text strong{font-size:16px;}
}