:root{
    --h1: clamp(1.866rem,3vw,2.488rem);
    --h2: clamp(1.555rem,3vw,2.074rem);
    --h3: clamp(1.296rem,3vw,1.728rem);
    --h4: clamp(1.08rem,3vw,1.44rem);
    --h5: clamp(.9rem,3vw,1.2rem);
    --h6: clamp(.8rem,3vw,1rem);
    --common: 1rem;
    --big: 1.44rem;
    --small: .8rem;
    --border-radius: 10px;
    --content: 1920px;
    --body-color: #F6F6F6;
    --container-color: #FFFFFF;
    --icon-border-color: #015C5780;
    --header-color: #015C57;
    --mpu-background-color: #000000B3;
    --text-color: #111215;
    --link-color: #64C1C2;
    --link-hover-color: #015C57;
    --h1-color: #F1931B;
    --hs-color: #015C57;
    --hr-color: #015C5880;
    --button-color: #FFFFFF;
    --primary-color: #F1931B;
    --primary-hover-color: #CE781B;
    --secondary-color: #64C1C2;
    --secondary-hover-color: #00A9A5;
    --tertiary-color: transparent;
    --tertiary-hover-color: transparent;
    --tertiary-text-color: #015C57;
    --tertiary-text-hover-color: #64C1C2;
    --quaternary-color: #015C57;
    --quaternary-hover-color: #64C1C2;
    --pdf-color: #E52421;
    --pdf-hover-color: #B51818;
    --close-color: #015C57;
    --danger-color: #015C5740;
    --danger-text-color: #015C57;
    --error-color: #E5242140;
    --error-text-color: #E52421;
    --info-color: #3568b040;
    --info-text-color: #3568B0;
    --success-color: #79AF3A40;
    --success-text-color: #79AF3A;
    --warning-color: #F1931B40;
    --warning-text-color: #F1931B;
    --white-color: #FFFFFF;
    --border-color: #CEDBDA;
    --checked-color: #00A9A5;
    --dark-color: #212529;
    --grey-color: #999999;
    --input-color: #212529;
    --placeholder-color: #015C5780;
    --shadow-color: #FFFFFF;
    --validation-nok-color: #FF4246;
    --area-clientes-color: #64C1C2;
    --area-clientes-background-color: #015C5833;
    --fa-color: #00A9A5;
    --nav-link-color: #015C57;
    --nav-link-hover-color: #64C1C2;
    --number-background-color: #F1931B;
    --breadcrumbs-first-color: #015C57;
    --breadcrumbs-second-color: #64C1C2;
    --td-odd-color: #1716190a;
    --td-even-color: #17161905;
    --promocion-bkg-color: #2D9388;
    --scrollbar-thumb-color: #EEEEEE;
    --scrollbar-thumb-hover-color: #FAFAFA
}
@media(max-width: 1920px){
    :root{
        --content: 1366px
    }
}
@media(prefers-color-scheme: dark){
    :root{
        --body-color: #171619;
        --container-color: #1F2428;
        --icon-border-color: #FFFFFF80;
        --header-color: #015C57;
        --mpu-background-color: #000000B3;
        --text-color: #C8CDD0;
        --link-color: #64C1C2;
        --link-hover-color: #FFFFFF;
        --h1-color: #F1931B;
        --hs-color: #FFFFFFCC;
        --hr-color: #015C5880;
        --button-color: #FFFFFF;
        --primary-color: #F1931B;
        --primary-hover-color: #CE781B;
        --secondary-color: #64C1C2;
        --secondary-hover-color: #00A9A5;
        --tertiary-color: transparent;
        --tertiary-hover-color: transparent;
        --tertiary-text-color: #FFFFFF;
        --tertiary-text-hover-color: #64C1C2;
        --quaternary-color: #015C57;
        --quaternary-hover-color: #64C1C2;
        --pdf-color: #E52421;
        --pdf-hover-color: #B51818;
        --close-color: #FFFFFFCC;
        --border-color: #CEDBDA;
        --checked-color: #00A9A5;
        --dark-color: #212529;
        --grey-color: #999999;
        --input-color: #8C8F90;
        --placeholder-color: #FFFFFF70;
        --shadow-color: #FFFFFF;
        --validation-nok-color: #FF4246;
        --area-clientes-color: #80B4B3;
        --fa-color: #64C1C2;
        --nav-link-color: #FFFFFFCC;
        --nav-link-hover-color: #64C1C2;
        --number-background-color: #F1931B;
        --breadcrumbs-first-color: #FFFFFFCC;
        --breadcrumbs-second-color: #64C1C2;
        --td-odd-color: #FAFAFA40;
        --td-even-color: #FAFAFA33;
        --promocion-bkg-color: #2D9388;
        --scrollbar-thumb-color: #111111;
        --scrollbar-thumb-hover-color: #030303
    }
}
abbr,address,article,aside,audio,b,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,a,i,iframe,img,input,select,ins,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{
    border:0;
    box-sizing:border-box;
    margin:0;
    outline:0;
    padding:0
}
abbr,address,article,aside,audio,b,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,a,i,iframe,img,ins,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
img{
    max-width:100%
}
a{
    text-decoration:none
}
nav ul li{
    list-style-type:none
}
button{
    background-color:rgba(0,0,0,0);
    cursor:pointer;
    font:normal 1em bold;
    text-rendering:geometricPrecision
}
div{
    position:relative
}
h1,h2,h3,h4,h5,h6,p,li,td{
    text-wrap:pretty
}
@font-face{
    font-family:regular;
    src:url("/css/fonts/Ubuntu-Regular.ttf")
}
@font-face{
    font-family:bold;
    src:url("/css/fonts/Ubuntu-Bold.ttf")
}
@font-face{
    font-family:medium;
    src:url("/css/fonts/Ubuntu-Medium.ttf")
}
.txtc{
    text-align:center
}
.txtr{
    text-align:right
}
.txtl{
    text-align:left
}
.landscape{
    display:block
}
@media(max-width: 580px){
    .landscape{
        display:none
    }
}
.portrait{
    display:none
}
@media(max-width: 580px){
    .portrait{
        display:block
    }
}
header{
    background-color:var(--header-color);
    height:70px;
    position:sticky;
    top:0;
    z-index:100
}
@media(max-width: 929px){
    header .hidden-tablet{
        display:none
    }
}
header>div{
    align-items:center;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin:0 auto;
    max-width:80%;
    padding:10px 30px 10px 10px;
    width:100%
}
@media(max-width: 1366px){
    header>div{
        max-width:100%
    }
}
@media(max-width: 768px){
    header>div{
        padding:10px
    }
}
header>div i{
    cursor:pointer
}
header>div .header-logo{
    background-image:url(/img/CGV/layout/logotipo-casino-gran-via-desktop-white.svg);
    background-repeat:no-repeat;
    background-size:contain;
    display:block;
    height:50px;
    width:165px
}
@media(max-width: 768px){
    header>div .header-logo{
        background-image:url(/img/CGV/layout/logotipo-casino-gran-via-mobile-white.svg)
    }
}
html{
    font-size:16px;
    line-height:1.5;
    scroll-behavior:smooth
}
body{
    background-color:var(--body-color);
    color:var(--text-color);
    display:flex;
    flex-direction:column;
    font-family:regular;
    min-height:100vh;
    text-rendering:geometricPrecision;
    -webkit-overflow-scrolling:touch
}
main{
    background-image: url(/img/CGV/afiliados/fondo-landing-desk.webp);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
    width:100%
}
main article{
    height: calc(100svh - 70px);
    margin: 0 auto;
    max-width: 80%;
    padding: 10px;
    width: 100%;
}
@media(max-width: 768px){
    main article{
        padding:10px
    }
}
main article > div {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 50%;
    justify-content: space-between;
    width: 100%;
}
main article > div > div {
    width: 33%;
}
main article > div > div img {
    width: 80%;
}
main article > div > div h1 {
    color: white;
}
main article > div > div .btn-primary {
    font-size: 1.4rem !important;
    padding: 20px 50px;
}
@media screen and (max-width: 1024px){
    main article {
        max-width: 100%;
    }
    main article > div > div img {
        width: 90%;
    }
}
@media screen and (max-width:768px){
    main article > div > div img {
        width: 96%;
    }
}
@media screen and (max-width:480px){
    main {
        background-image: url(/img/CGV/afiliados/fondo-landing-mobile.webp);
    }
    main article {
        height: auto;
    }
    main article > div {
        flex-direction: column;
        height: auto;
    }
    main article > div > div {
        margin-bottom: 20px;
        text-align: center !important;
        width: 100%;
    }
    .escritorio {
        display: none;
    }
    .movil {
        display: block;
    }
}
@media screen and (max-height:668px){
    main article {
        height: auto;
    }
}
h1,h2,h3,h4,h5,h6{
    line-height:1.1;
    margin:10px 0
}
@media(max-width: 768px){
    h1,h2,h3,h4,h5,h6{
        text-align:center
    }
}
h2,h3,h4,h5,h6{
    color:var(--hs-color);
    font-family:medium;
    font-weight:normal
}
h1{
    color:var(--h1-color);
    font-family:bold;
    font-size:var(--h1);
    text-transform:uppercase
}
.h1{
    font-size:var(--h1)
}
h2,.h2{
    font-size:var(--h2)
}
h3,.h3{
    font-size:var(--h3)
}
h4,.h4{
    font-size:var(--h4)
}
h5,.h5{
    font-size:var(--h5)
}
h6,.h6{
    font-size:var(--h6)
}
strong{
    font-family:bold
}
ul,ol{
    list-style-position:inside;
    margin:2rem
}
@media(max-width: 768px){
    ul,ol{
        margin:1rem
    }
}
ul li,ol li{
    margin-bottom:1rem
}
ul{
    list-style-type:disc
}
a{
    color:var(--link-color);
    cursor:pointer;
    transition:.1s ease-in-out
}
a:hover{
    transition:.3s ease-in-out;
    color:var(--link-hover-color)
}
a:active{
    transition:none;
    color:var(--link-hover-color)
}
hr{
    background-color:var(--hr-color);
    border:0 none;
    clear:both;
    height:1px;
    margin:20px auto;
    width:50%
}
p+p{
    margin-top:1rem
}
p+h2,p+h3,p+h4,p+h5{
    margin-top:2rem
}
input[type=file]::before,.btn-disable,a.btn-disable,input.btn-disable,.btn-pdf,a.btn-pdf,input.btn-pdf,.btn-quaternary,a.btn-quaternary,input.btn-quaternary,.btn-tertiary,a.btn-tertiary,input.btn-tertiary,.btn-secondary,a.btn-secondary,input.btn-secondary,.btn-primary,a.btn-primary,input.btn-primary,.btn--generic{
    border-radius:50px;
    border-style:solid;
    border-width:2px;
    cursor:pointer;
    display:inline-block;
    font-family:medium;
    font-size:1rem !important;
    margin:0;
    min-width:110px;
    padding:10px 20px;
    text-align:center;
    text-decoration:none;
    text-transform:none !important;
    transition:.1s ease-in-out
}
@media(max-width: 768px){
    input[type=file]::before,.btn-disable,a.btn-disable,input.btn-disable,.btn-pdf,a.btn-pdf,input.btn-pdf,.btn-quaternary,a.btn-quaternary,input.btn-quaternary,.btn-tertiary,a.btn-tertiary,input.btn-tertiary,.btn-secondary,a.btn-secondary,input.btn-secondary,.btn-primary,a.btn-primary,input.btn-primary,.btn--generic{
        padding:10px 10px
    }
}
input[type=file]:hover::before,.btn-disable:hover,.btn-pdf:hover,.btn-quaternary:hover,.btn-tertiary:hover,.btn-secondary:hover,.btn-primary:hover,.btn--generic:hover{
    transition:.3s ease-in-out
}
input[type=file]:active::before,.btn-disable:active,.btn-pdf:active,.btn-quaternary:active,.btn-tertiary:active,.btn-secondary:active,.btn-primary:active,.btn--generic:active{
    transition:none
}
.btn-primary,a.btn-primary,input.btn-primary,.btn--generic{
    background-color:var(--primary-color);
    border-color:var(--primary-color);
    color:var(--button-color)
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus,a.btn-primary:hover,a.btn-primary:active,a.btn-primary:focus,input.btn-primary:hover,input.btn-primary:active,input.btn-primary:focus,.btn--generic:hover,.btn--generic:active,.btn--generic:focus{
    background-color:var(--primary-hover-color);
    border-color:var(--primary-hover-color)
}
.btn-secondary,a.btn-secondary,input.btn-secondary{
    background-color:var(--secondary-color);
    border-color:var(--secondary-color);
    color:var(--button-color)
}
.btn-secondary:hover,.btn-secondary:active,.btn-secondary:focus,a.btn-secondary:hover,a.btn-secondary:active,a.btn-secondary:focus,input.btn-secondary:hover,input.btn-secondary:active,input.btn-secondary:focus{
    background-color:var(--secondary-hover-color);
    border-color:var(--secondary-hover-color)
}
.btn-tertiary,a.btn-tertiary,input.btn-tertiary{
    background-color:var(--tertiary-color);
    border-color:var(--tertiary-text-color);
    color:var(--tertiary-text-color)
}
.btn-tertiary:hover,.btn-tertiary:active,.btn-tertiary:focus,a.btn-tertiary:hover,a.btn-tertiary:active,a.btn-tertiary:focus,input.btn-tertiary:hover,input.btn-tertiary:active,input.btn-tertiary:focus{
    background-color:var(--tertiary-hover-color);
    border-color:var(--tertiary-text-hover-color);
    color:var(--tertiary-text-hover-color)
}
.btn-quaternary,a.btn-quaternary,input.btn-quaternary{
    background-color:var(--quaternary-color);
    border-color:var(--quaternary-color);
    color:var(--button-color)
}
.btn-quaternary:hover,.btn-quaternary:active,.btn-quaternary:focus,a.btn-quaternary:hover,a.btn-quaternary:active,a.btn-quaternary:focus,input.btn-quaternary:hover,input.btn-quaternary:active,input.btn-quaternary:focus{
    background-color:var(--quaternary-hover-color);
    border-color:var(--quaternary-hover-color)
}
.btn-pdf,a.btn-pdf,input.btn-pdf{
    background-color:var(--pdf-color);
    border-color:var(--pdf-color);
    color:var(--button-color)
}
.btn-pdf:hover,.btn-pdf:active,.btn-pdf:focus,a.btn-pdf:hover,a.btn-pdf:active,a.btn-pdf:focus,input.btn-pdf:hover,input.btn-pdf:active,input.btn-pdf:focus{
    background-color:var(--pdf-hover-color);
    border-color:var(--pdf-hover-color)
}
.btn-pdf .fa-solid,a.btn-pdf .fa-solid,input.btn-pdf .fa-solid{
    color:var(--white-color)
}
.btn-disable,a.btn-disable,input.btn-disable{
    background-color:var(--text-color);
    border-color:var(--text-color);
    color:var(--button-color);
    cursor:not-allowed
}
.btn--generic{
    margin-top:20px
}
footer{
    padding:30px 0
}
footer .footer-content{
    margin-top:-20px;
    background:var(--body-color);
    border-radius:var(--border-radius);
    max-width:100%;
    display:flex;
    flex-direction:column;
    width:100%
}
footer .footer-content>div{
    margin:0 auto;
    max-width:80%;
    width:100%
}
@media(max-width: 1024px){
    footer .footer-content>div{
        max-width:100%
    }
}
footer .footer-content div{
    margin-bottom:50px
}
footer .footer-content div ul{
    margin:10px
}
@media(max-width: 580px){
    footer .footer-content div ul{
        width:45%
    }
    footer .footer-content div ul:nth-child(5){
        width:100%
    }
}
footer .footer-content div ul li{
    line-height:1.5;
    list-style-type:none;
    margin-bottom:0
}
footer .footer-content div ul li a{
    color:var(--text-color);
    font-size:.9rem;
    text-decoration:none
}
footer .footer-content div ul li:nth-child(1){
    color:var(--text-color);
    font-family:bold;
    font-size:1.25rem
}
footer .footer-content div:nth-child(1){
    align-items:flex-start;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:50px
}
footer .footer-content div:nth-child(2),footer .footer-content div:nth-child(3){
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
footer .footer-content div:nth-child(2) img,footer .footer-content div:nth-child(3) img{
    margin:0 10px;
    max-height:50px
}
footer .footer-content div:nth-child(4){
    color:var(--text-color);
    text-align:center
}
footer .footer-content div:nth-child(n+4){
    text-align:center
}
.alert-danger,.alert-info,.validation-info>p,.alert-success,.alert-warning,.alert-error,.validation-error>p{
    border-radius:10px;
    font-family:bold;
    font-size:.9rem;
    padding:10px 10px 10px 40px;
    position:relative
}
.alert-danger::before,.alert-info::before,.validation-info>p::before,.alert-success::before,.alert-warning::before,.alert-error::before,.validation-error>p::before{
    border-radius:10px 0 0 10px;
    color:var(--white-color);
    font-family:monospace;
    height:calc(100% - 20px);
    left:-1px;
    padding:10px;
    position:absolute;
    top:0
}
.alert-error,.validation-error>p{
    background-color:var(--error-color);
    color:var(--error-text-color)
}
.alert-error::before,.validation-error>p::before{
    background-color:var(--error-text-color);
    content:"X"
}
.alert-warning{
    background-color:var(--warning-color);
    color:var(--warning-text-color)
}
.alert-warning::before{
    background-color:var(--warning-text-color);
    content:"!"
}
.alert-success{
    background-color:var(--success-color);
    color:var(--success-text-color)
}
.alert-success::before{
    background-color:var(--success-text-color);
    content:"✓"
}
.alert-info,.validation-info>p{
    background-color:var(--info-color);
    color:var(--info-text-color)
}
.alert-info::before,.validation-info>p::before{
    background-color:var(--info-text-color);
    content:"i"
}
.alert-danger{
    background-color:var(--danger-color);
    color:var(--danger-text-color)
}
.alert-danger::before{
    background-color:var(--danger-text-color);
    content:"𐩒"
}
.validation-error,.validation-info{
    margin:10px 0
}
.escritorio {
    display: block;
}
.movil {
    display: none;
}
#cookiescript_badge {
    bottom: 26px !important;
    left: 26px !important;
}
@media screen and (max-width:768px){
    #cookiescript_badge {
        bottom: 10px !important;
        left: 10px !important;
        z-index: 100 !important;
    }
}