@font-face {
    font-family: 'Nunito';
    src: url('/fonts/200127112305Avenir.woff2') format('woff2'),
        url('/fonts/200127112305Avenir.woff') format('woff');
    font-display: auto;
}
@font-face {
    font-family: 'Avenir';
    src: url('/fonts/200127112305Avenir.woff2') format('woff2'),
        url('/fonts/200127112305Avenir.woff') format('woff');
    font-display: auto;
}

.avenir{font-family: 'avenir' !important;}

/*@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');*/
:root {
    --yellow-color:#ffcc00;
    --black-color:#000000;
    --gray-color:#666666;
    --lightgray-color:#999999;
    --darkgray-color:#333333;
}
a{
    color:var(--yellow-color);
}
a:visited{
    color:var(--yellow-color);
}
a:hover{
    color:var(--black-color);
}
.btn-back{
    float:left;
    clear:both;
    background-color: #f0f0f0;
    color:white !important;
    padding:15px 20px;
    text-decoration:none;
}
.btn-back:hover{
    background-color: #ffcc00;
    color:white;
    padding:15px 20px;
    text-decoration:none;
}
.columna .btn {width:95%; text-align:center;}

@media (min-width:1200px) {
    body{
        font-family: 'Nunito', sans-serif;
        max-width:1200px;
        margin:0px auto;
        padding:0px;
    }
    .streaming iframe{width:1200px;height:705px}
    .col60{
        /* Columna al 50% */
        width:56%;
        float:left;
        margin:0% 2%;
    }
    .col40{
        /* Columna al 50% */
        width:36%;
        float:left;
        margin:0% 2%;
    }
    .col66{
        /* Columna al 50% */
        width:62%;
        float:left;
        margin:0% 2%;
    }
    .col33{
        /* Columna al 50% */
        width:29%;
        float:left;
        margin:0% 2%;
    }
    .col75{
        /* Columna al 50% */
        width:71%;
        float:left;
        margin:0% 2%;
    }
    .col25{
        /* Columna al 50% */
        width:21%;
        float:left;
        margin:0% 2%;
    }
    .col50{
        /* Columna al 50% */
        width:46%;
        float:left;
        margin:0% 2%;
    }

    .columna img{
        width: 100%;
    }
    
}
@media (max-width:1199px) {.streaming{width:100%;padding-bottom: 56.25%;position: relative; /* ratio 16/9 */} .streaming iframe{width:100%;height:100%;position:absolute;}}
    /* GENERAL */
    html{margin:0;padding:0;}
    body{
        font-family: 'Nunito', sans-serif;
        margin:0px auto;
        padding:0px;
    }
    .clear{clear:both;}
    .separador-linea-texto.left{border-top:solid 2px var(--yellow-color);margin:20px 43% 20px 10%;clear:both;}
    .separador-linea-texto.right{border-top:solid 2px var(--yellow-color);margin:20px 10% 20px 43%;clear:both;}
    /* HEADER */
    header{margin:0;padding:0;}
    @media (max-width:1200){header{width:100%;float:left;margin:0;padding:0;}}
    header .logoadp{background:url(/img/logo_premios_2025.jpg)no-repeat center center;width:100px;height:100px;background-size:contain;float:left;}
    header .logoadp a {float:left;text-decoration:none;width:100%;height:100%;}
    header .titulo {float:left;font-size:24pt;font-weight:bold;height:70px;text-align:center;padding-top:30px;padding-left:auto;padding-right:auto;width:1000px;}
    header .separadoramarillo {float:left;width:100%;clear:both;border-bottom:solid 2px var(--yellow-color);margin-top:10px;}
    /* MENU */
    div.menu ul{
        padding:0;
        margin:0;
        list-style: none;
    }
        div.menu ul li{
            float:left;
            width:295px;
            height:250px;
            margin:0px 20px 40px 20px;
            /* border-bottom: solid 2px var(--yellow-color); */
            padding:0px 0px 0px 0px;
            background-color: #eeeeee;
            overflow: hidden;;
        }
            div.menu ul li a{
                float:left;
                width:100%;
                height:60px;
                text-align: center;
                text-decoration: none;
                color: var(--yellow-color);
                transition: transform .2s;
                padding-top:190px;
                /* font-weight: bold; */
            }
            div.menu ul li a:hover{transform: scale(1.2);} /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
            div.menu ul li.central{
                width:490px;
                height:250px;
                background-color: #ddd;
            }
            div.menu ul li.academia a{background:url("/img/menuprincipal2025/bloque1.jpg") no-repeat center center;background-size:cover;color:var(--black-color)}
            div.menu ul li.ganadores a{background:url("/img/menuprincipal2025/bloque5.jpg") no-repeat center center;background-size:cover;color:var(--black-color)}
            div.menu ul li.gala a{background:url("/img/menuprincipal2025/bloque2.jpg") no-repeat center center;background-size:cover;color:var(--black-color)}
            div.menu ul li.jurados a{background:url("/img/menuprincipal2025/bloque4.jpg") no-repeat center center;background-size:cover;color:var(--black-color)}
            div.menu ul li.smellnews a{background:url("/img/menuprincipal2025/bloque3.jpg") no-repeat center center;background-size:cover;color:var(--black-color)}
            div.menu ul li.votaciones a{background:url("/img/menuprincipal2025/bloque6.jpg") no-repeat center left;background-size:cover;color:var(--black-color)}
            div.menu ul li.votaciones2 a{background:url("/img/menuprincipal2025/bloque3.jpg") no-repeat center left;background-size:cover;color:var(--black-color)}

            div.line{width:250px;border-top:solid 2px var(--yellow-color);height:2px;}
            div.menu ul li.gala a div.line{width:330px}
            div.menu ul li.ganadores a div.line{width:300px;}
            div.menu ul li.jurados a div.line{width:190px;}
            div.menu ul li.smellnews a div.line{width:254px;margin-left:0px;}
            div.menu ul li.votaciones a div.line{width:258px;float:right;}
            div.menu ul li.votaciones2 a div.line{width:223px;float:right;}
            div.line div.botonazo {color:white;visibility:hidden;opacity:0;background: var(--yellow-color);border-radius:3px;padding:0px 5px;font-size:12px;margin-top:1px;transition: visibility 0s, opacity 0.5s linear;}
            div.menu ul li a:hover div.line div.botonazo {display:block;visibility: visible; opacity: 1;}

            div.menu ul li.academia a div.line div.botonazo{text-align:right;}
            div.menu ul li.gala a div.line div.botonazo{text-align:right;}
            div.menu ul li.ganadores a div.line div.botonazo{text-align:right}
            div.menu ul li.jurados a div.line div.botonazo{text-align:right}
            div.menu ul li.smellnews a div.line div.botonazo{text-align:right}
            div.menu ul li.votaciones a div.line div.botonazo{text-align:left}
            div.menu ul li.votaciones2 a div.line div.botonazo{text-align:left}
            div.menu ul li a:hover div.line div.botonazo{display:none;}
            
            @media (max-width:1199px) {
                header .titulo {width:auto;float:unset !important;}
                div.menu ul li{
                    float:left;
                    width:100% !important;
                    height:auto;
                    min-height: 250px;
                    margin:0px 0px 10px 0px;
                    /* border-bottom: solid 2px var(--yellow-color); */
                    padding:0px 0px 0px 0px;
                    background-color:#eeeeee;
                    overflow: hidden;;
                }
                div.menu ul li a {background-size: cover;font-size:150%;}
                div.menu ul li a div.line{width:100% !important;margin:0 !important;float:none !important;clear:both !important;}
                div.line div.botonazo {text-align: center !important;}
                /* div.menu ul li.gala a div.line{float:right;width:80%}
                div.menu ul li.gala a div.line{float:right;width:80%}
                div.menu ul li.ganadores a div.line{width:80%;}
                div.menu ul li.jurados a div.line{width:80%;}
                div.menu ul li.smellnews a div.line{width:80%;margin-left:120px;}
                div.menu ul li.votaciones a div.line{width:80%;float:right;clear:left;} */
                }

    /* CONTENT */
    content{margin:0px auto;}
    .streaming{margin:20px 0px;border-bottom:solid 2px var(--yellow-color);}

    .titulopagina{margin:20px;text-align:center;}
    .titulopagina span{margin-top:+10px;background-color: white;font-weight: bold;font-size:24px;}
    .texto {text-align:justify;margin:0% 10%;font-size:14px;color:var(--black-color);line-height: 170%;}
    .texto a {color:var(--yellow-color);}
    /* .texto strong {font-size:18px;} */
    .texto strong {font-weight:900;}
    .texto .texto-imagen.left{float:left;width:300px;margin-right:20px;}
    .texto .texto-imagen.right{float:right;width:300px;margin-left:20px;}
    .video.right{float: right;margin-left:50px;}
    .video.left{float: left;margin-right:50px;}
    .juradodistribucion{margin-bottom:50px;min-width:300px;margin-top:0px;}
    .juradoprensa{margin-bottom:50px;min-width:300px;margin-top:0px;}
    .juradoarteycultura{margin-bottom:50px;min-width:300px;margin-top:0px;}
    .juradoacademicos{margin-bottom:50px;min-width:300px;margin-top:0px;}
    div.smellnewsvideo{width:960px;height:500px;margin:0px auto;}
    .texto-imagen.estatuillas{float:right;width:200px;margin-left:20px;max-width: 200px;}
    .center{text-align:center;margin-left:150px;}
    /* GRID */
    .grid{
        width:960px;
        margin:0 auto;
        padding:0px;
    }
    @media (max-width:1200px){
       .grid{
            width:100%;
            margin:0 auto;
            padding:0px;
        }
        .miniatura{min-height: 237px;}
    }
    .grid .item{
        float:left;
        width:20%;
        height:250px;
        margin:20px;
        background-color: #eeeeee;
    }
    .grid .item .item-contenido{
        text-align: center;
        vertical-align: middle;
    }
    .grid .video-item.w50 {width:450px;float:left;margin:0px 10px;}
    .grid .video-item.w50 h3 {text-align: center;font-size:18px;margin-bottom:40px;}
    .grid .video-item.w25 {width:220px;float:left;margin:0px 10px;}
    .grid .video-item.w25 h3 {text-align: center;font-size:14px;margin-bottom:20px;}
    .miniatura {opacity:0.6;transition: visibility 0s, opacity 0.5s linear;}
    .miniatura:hover {opacity:1;}
    @media (max-width:1200px){
        .grid .video-item.w50 {width:100%;float:left;margin:0px 10px;}
        .grid .video-item.w25 {width:100%;float:left;margin:0px 10px;}
    }

    /* GANADORES */
    @media (min-width:1200px){
        .winner-group{
            width:50%;
            float:left;
        }
        .winner-group .winners li{
            width:300px;
            height:400px;
            float:left;
            transition: transform .2s;
        }
        .winner-group .winners li.mono{
            margin-left:150px;
            margin-right:150px;
        } 
        .winner-group .winners li h4.nombre{
            margin-top:280px;
            margin-left:20px;
            margin-right:20px;
        }
        .winner-group.full{
            width:100%;
            float:left;
        }

    }
    @media (max-width:1200px){
        .winner-group{
            width:100%;
            float:left;
            clear:both;
        }
        .winner-group .winners li{
            width:50%;
            height:300px;
            float:left;
            transition: transform .2s;
        }
        .winner-group .winners li.mono{
            margin-left:30%;
            margin-right:30%;
        } 
        .winner-group .winners li h4.nombre{
            margin-top:210px;
        }
    }    
        .winner-group .winner-group-title{
            text-transform: uppercase;
            text-align: center;
            font-size:18px;
            border-bottom: solid 2px var(--yellow-color);
            margin:20px 40px;
            padding-bottom:20px;
        }
        .winner-group .winners{
            list-style: none;
            margin:0;padding:0;
            margin-bottom:40px;
        }
                           
        .winner-group .winners li:hover{
            transform: scale(1.1);
        }
            .winner-group .winners li h4{
                text-align: center;
                font-size: 14px;
                font-weight: normal;;
            }
    .cita{font-size:12px;padding-left:20%;padding-right:20%;text-align: center;}        


    /* FOOTER */
    .partners p, .logos{text-align: center;}
    .logo{display:inline;margin:0px 10px;}
    div.logo img {max-width:77px;transition: transform .2s; /* Animation */}
    div.logo.big img {max-width:100px;transition: transform .2s; /* Animation */}
    .logo:hover img {transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
    .social-sharer {width:100%;text-align: center;}
    .social-sharer ul {list-style: none;}
    .social-sharer ul li {display: inline;text-align: center;}
    .social-sharer ul li a img {height:24px;transition: transform .2s;margin:0px 10px;}
    .social-sharer ul li a:hover img{transform: scale(1.2);}


    /*@media (max-width:428px){*/
    @media (max-width: 428px){
        body{
            max-width:428px;
            margin:0px auto;
            padding:0px;
        }
        header .titulo {float:left;font-size:16pt;font-weight:bold;height:unset;text-align:center;padding-top:30px;/*width:calc(100% - 100px);*/}
        header .separadoramarillo {float:left;width:100%;clear:both;border-bottom:solid 2px var(--yellow-color);margin-top:10px;}
    
        div.menu ul li, div.menu ul li.central{
            float:left;
            width:100%;
            margin:0px 0px 0px 0px;
            background-color: #eeeeee;
            overflow: hidden;;
        }
        div.menu ul li.academia a div.line{float:right;width:290px;}
        div.menu ul li.gala a div.line{float:right;width:270px}
        div.menu ul li.ganadores a div.line{width:245px;}
        div.menu ul li.jurados a div.line{width:235px;}
        div.menu ul li.smellnews a div.line{width:450px;margin-left:40px;}
        div.menu ul li.votaciones a div.line{width:335px;float:left;clear:left;margin-right:110px}

        div.menu ul li.academia a div.line div.botonazo{text-align:left;}
        div.menu ul li.gala a div.line div.botonazo{text-align:left;}
        div.menu ul li.ganadores a div.line div.botonazo{text-align:right}
        div.menu ul li.jurados a div.line div.botonazo{text-align:right}
        div.menu ul li.smellnews a div.line div.botonazo{text-align:left}
        div.menu ul li.votaciones a div.line div.botonazo{text-align:right}

        .columna {width:90%;margin:0px 5%;max-width: 428px;}
        .columna img {margin:10% 5%;width:428px; max-width: 428px;display:none;}
        .columna .btn {width:90%; text-align:center;} 
        .invitacion {width:90%; height:428px; background: url(/img/v6-invitacion-26-oct-gala-streaming-premios-adp-2022-768x768.jpg.webp) no-repeat center center;background-size: contain;margin-top:50px;}
}

#cookies-table{text-align:center;}


/* HEREDADO */
.SEOText{color:white;}
.lightbox {
  /*background-color: rgba(0, 0, 0, 0.8);
  overflow: scroll;*/
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  position: fixed;
  display: none;
  z-index: 100;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
.lightbox-container {
  position: relative;
  max-width: 960px;
  margin: 7% auto;
  display: block;
  padding: 0 3%;
  height: auto;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .lightbox-container {
    margin-top: 10%;
  }
}
@media screen and (max-width: 414px) {
  .lightbox-container {
    margin-top: 13%;
  }
}
.lightbox-content {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}
.lightbox-close {
  text-transform: uppercase;
  background: transparent;
  position: absolute;
  font-weight: 300;
  font-size: 12px;
  display: block;
  border: none;
  color: #666;
  top: -22px;
  right: 3%;
}
.video-container {
  padding-bottom: 56.25%;
  position: relative;
  padding-top: 30px;
  overflow: hidden;
  height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}


.visor-gala{width:48%;float:left;}
.visor-gala.derecha{margin-left:1%;}
.titulo-visor-gala{text-align: center;font-size:120%;border-bottom:solid 2px #fc0;}


.video-footer{
    width:23%;
    margin-right: 1%;
    display: inline-block;
}
.video-footer img{width:100%;}
h2{color:#fc0}
@media (max-width: 769px){
    .video-footer{
        width:100%;
        margin-right: 0%;
        display: inline-block;
    }
}

.show-in-desktop{display: block;}
.show-in-mobile{display: none;}

@media (max-width: 810px){
    .texto-imagen{width:100% !important;}
    .show-in-desktop{display: none;}
    .show-in-mobile{display: block;}
}