body { padding: 0; margin: 0;}
#nabilzpap { color: white; background: #245b00; font-family: Roboto, Arial; font-size: 20px; text-align: center; }
.nabilzpap-row { max-width: 1100px; margin: auto;width: calc(96% - 100px);position:relative;}
.nabilzpap-rowmini { max-width: 730px; margin: auto; width: 98%; }
img[src*="hojas"] { max-width: 130px; height: auto; margin: -110px auto 0 auto; display: block; }
.sprite {background-image: url(sprite2.png); }

.figura-red { width: 400px; height: 600px; position: absolute; top: 50px; left: -150px; }
.figura-yellow { width: 429px; height: 600px; position: absolute; top: 14px; right: -65px; background-position: -400px 0;z-index: 2; }
.figura-arbol { width: 445px; height: 600px; position: absolute; top: 119px; left: calc(100% - 130px); background-position: -1300px 0; z-index: 1; }
.figura-tambor { width: 215px; height: 560px; position: absolute; top: 0;  background-position: -836px 0; z-index: 2; }
.figura-galleta1 { width: 145px; height: 180px; background-position: -1060px -380px;}
.figura-galleta2 { width: 200px; height: 220px; background-position: -1060px 0px;}
.figura-regalo { background-position: -1058px -225px; width: 240px; height: 154px;}

.brillos { background: url(https://cl-13-storage.s3.amazonaws.com/c13/especiales/nabilzpap/brillos.png); width: 100%; height: 256px; position: absolute; z-index: 1; }


section#nabilzpap-bienvenida { padding: 20px 0 340px 0; background: rgb(35,90,0); background: -moz-linear-gradient(top,  rgba(35,90,0,1) 0%, rgba(140,193,0,1) 100%); background: -webkit-linear-gradient(top,  rgba(35,90,0,1) 0%,rgba(140,193,0,1) 100%); background: linear-gradient(to bottom,  rgba(35,90,0,1) 0%,rgba(140,193,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235a00', endColorstr='#8cc100',GradientType=0 ); overflow-x:hidden;}
section#nabilzpap-bienvenida .figura-tambor { top: -42px; right: 196px; z-index: 2; transform: scaleX(-0.3) scaleY(0.3) rotate(-10deg); }
section#nabilzpap-bienvenida .figura-galleta { top: 0; left: 220px; position: absolute; transform: scaleX(-0.5) scaleY(0.5) rotate(-57deg); }
section#nabilzpap-bienvenida .figura-galleta1 { position: absolute; left: 222px; transform: scaleX(-0.55) scaleY(0.55) rotate(-56deg); top: 19px; }

#nabilzpap-player-wrapper { max-width: 730px; margin: auto; }
#nabilzpap-player { width: 100%; padding-top: 56.23%; background: black; height: 0; position: relative; margin: auto;z-index:15;}
#nabilzpap-player iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#nabilzpap-player::after {content: "";display: block;width: 100%;height: 10px;filter: blur(20px);background: black;border-radius: 50%;opacity: .7;transform: translateY(40px);}
#nabilzpap-logos img:last-child { max-width: 100px; height: auto; margin-left: 25px; padding: 25px 0 25px 25px; border-left: 1px solid white; }
#nabilzpap-logos { display: flex; align-items: center; justify-content: center; }

#nabilzpap-horarios {background:#014541;padding:0px 0 100px 0;}
#nabilzpap-horarios .nabilzpap-rowmini { background: url(bg-horarios.svg); background-size: 100%; padding: 60px; max-width: calc(730px - 120px); text-align: left; transform: translateY(-200px); min-height: calc(500px - 140px); }
section#nabilzpap-horarios .figura-tambor { left: -95px; }
#nabilzpap-horarios-texto { max-width: 422px; margin: auto; }
#nabilzpap-horarios-texto ul { font-family: 'Ranchers'; text-transform: uppercase; font-size: 22px; letter-spacing: 1px; }
section#nabilzpap-horarios .figura-galleta1 { position: absolute; bottom: -76px; right: 200px; }
section#nabilzpap-horarios .figura-galleta2 { transform: scaleX(-0.5) scaleY(0.5); position: absolute; bottom: -93px; right: 0; }
section#nabilzpap-horarios  .figura-regalo { position: absolute; bottom: 94px; right: -44px;}
section#nabilzpap-horarios .brillos { transform: rotate(-15deg); width: 94%; top: 103%; }


.corner-green { width: 45px; height: 45px; background: url(corner-green.png); position: absolute;}
.corner-green:nth-child(1) {transform: rotate(-90deg);top: -16px;left: -16px;}
.corner-green:nth-child(2) {top:-16px;right:-16px;}
.corner-green:nth-child(3) {bottom:-16px;left:-16px;transform: rotate(180deg);}
.corner-green:nth-child(4) {bottom:-16px;right:-16px;transform: rotate(90deg);}
section#nabilzpap-cuento .nabilzpap-row::after { content: ""; display: block; width: calc(100% - 55px); position: absolute; left: 28px; bottom: -14px; border-top: 3px solid #e9c772; height: 10px; background: #00433f; }
section#nabilzpap-cuento .nabilzpap-row::before {content: ""; display: block; width: calc(100% - 55px); position: absolute; left: 28px; top: -14px; border-bottom: 3px solid #e9c772; height: 10px; background: #00433f;}
section#nabilzpap-cuento .nabilzpap-row .green-lateral-left {content: ""; display: block; height: calc(100% - 55px); width: 10px; position: absolute; top: 28px; left: -14px; border-right: 3px solid #e9c772; background: #00433f;}
section#nabilzpap-cuento .nabilzpap-row .green-lateral-right {content: ""; display: block; height: calc(100% - 55px); width: 10px; position: absolute; top: 28px; right: -14px; border-left: 3px solid #e9c772; background: #00433f;}

section#nabilzpap-cuento img[src*="hojas"] { z-index: 2; position: relative; }
section#nabilzpap-cuento {background:#014541;padding:20px 0 200px 0;font-family:Ranchers;font-size:30px;letter-spacing: 2px;}
section#nabilzpap-cuento .nabilzpap-row { box-shadow:0px 10px 30px 10px rgba(0,0,0,.3); padding: 50px;background:url(trama-verde.jpg);border-radius: 30px;padding: 20px 0 80px 0;}
section#nabilzpap-cuento .figura-tambor { transform: scale(0.4); top: -99px;}
section#nabilzpap-cuento .figura-tambor:last-child { left:initial;right:0;transform: scaleX(-0.4) scaleY(0.4); }
section#nabilzpap-cuento .nabilzpap-rowmini p::before {content: '"';display: inline-block;color: #e0c776;}
section#nabilzpap-cuento .nabilzpap-rowmini p::after { content: '"'; color: #e0c776; }
section#nabilzpap-cuento .nabilzpap-rowmini p * {color: #e0c776;}

#nabilzpap-horarios .nabilzpap-rowmini p {color: #e0c776;}

section#nabilzpap-participantes > .nabilzpap-row {     transform: translateY(-150px); }

.nabilzpap-item-imagen { border-radius: 50%; overflow: hidden; width: max-content; margin: auto; line-height: 0; background: #ad0000; padding: 15px; box-shadow: 0px 10px 20px rgba(0,0,0,.3); }
.nabilzpap-item-imagen img { border-radius: 50%; border: 3px solid #DFC676; }
.nabilzpap-item-nombre { text-transform: uppercase; width: max-content; margin: auto; padding: 10px; display: flex; font-size: 18px; line-height: 18px; align-items: center; justify-content: center; margin-top: -29px; z-index: 2; position: relative;background: url(soporte-red.svg);    min-width: 165px;min-height: 20px;font-size: 16px;letter-spacing: -.5px;}


section#nabilzpap-participantes { background: url(bg-green.jpg); }
section#nabilzpap-participantes .figura-red { transform: scaleX(-1); left: initial; right: -85px; }
section#nabilzpap-participantes .figura-yellow { transform: scaleX(-1); left: -100px; }


.corner-red { width: 45px; height: 45px; background: url(corner-red.png); position: absolute;}
.corner-red:nth-child(1) {transform: rotate(-90deg);top: -16px;left: -16px;}
.corner-red:nth-child(2) {top:-16px;right:-16px;}
.corner-red:nth-child(3) {bottom:-16px;left:-16px;transform: rotate(180deg);}
.corner-red:nth-child(4) {bottom:-16px;right:-16px;transform: rotate(90deg);}
.nabilzpap-group::after { content: ""; display: block; width: calc(100% - 55px); position: absolute; left: 28px; bottom: -14px; border-top: 3px solid #e9c772; height: 10px; background: #ae0000; }
.nabilzpap-group::before {content: ""; display: block; width: calc(100% - 55px); position: absolute; left: 28px; top: -14px; border-bottom: 3px solid #e9c772; height: 10px; background: #ae0000;}
.nabilzpap-group .red-lateral-left {content: ""; display: block; height: calc(100% - 55px); width: 10px; position: absolute; top: 28px; left: -14px; border-right: 3px solid #e9c772; background: #ae0000;}
.nabilzpap-group .red-lateral-right {content: ""; display: block; height: calc(100% - 55px); width: 10px; position: absolute; top: 28px; right: -14px; border-left: 3px solid #e9c772; background: #ae0000;}


.nabilzpap-item.nabilzpap-sergiolagos {margin-bottom:200px;}
.nabilzpap-item.nabilzpap-sergiolagos .nabilzpap-rowmini { padding: 50px 0; max-width: 598px; margin: auto; font-size: 22px; font-weight: 300; }
.nabilzpap-item:not(.nabilzpap-sergiolagos) .nabilzpap-item-imagen img{max-width: 200px;}
.nabilzpap-group .nabilzpap-rowmini { display: flex; justify-content: center; flex-flow: wrap; max-width: 800px;}
.nabilzpap-item:not(.nabilzpap-sergiolagos) .nabilzpap-item-imagen { background: #014541; }
.nabilzpap-item:not(.nabilzpap-sergiolagos) .nabilzpap-item-nombre { background: #014541; background: url(soporte.svg);min-width: 165px; min-height: 20px;font-size: 16px; letter-spacing: -.5px;}
.nabilzpap-group { width: 100%; flex: none; clear: both; background:url(trama-roja.jpg) #a91414; margin: 0 0 200px 0; box-shadow: 0px 10px 30px 10px rgba(0,0,0,.3);padding-bottom:30px;border-radius:30px;}
.nabilzpap-group img[src*="hojas"] { width: 55px; height: auto; margin: 0; }
.nabilzpap-group .nabilzpap-description { width: 100%;text-transform: uppercase;padding: 15px 0 0 0;}
.nabilzpap-item { margin: 0 15px; }
.nabilzpap-group .nabilzpap-item {margin-top: -110px;position:relative;z-index:2;}

footer.nabilzpap-footer { border-top: 4px solid #378c00;background:#245b00; }

@media (max-width:1200px){
    section#nabilzpap-participantes .figura-red { transform: scaleX(-0.6) scaleY(0.6);right: -145px;}
    section#nabilzpap-participantes .figura-yellow { transform: scaleX(-0.6) scaleY(0.6);left: -138px;}
    section#nabilzpap-cuento .figura-tambor { top: initial!important; bottom: -278px; transform: scaleX(0.2) scaleY(0.2); left: -35px; }
    section#nabilzpap-cuento .figura-tambor:last-child { transform: scaleX(-0.2) scaleY(0.2); right: -45px; left: initial; }
}

@media (max-width:1000px){
    #nabilzpap{font-size:15px;background: #014541;}
    section#nabilzpap-horarios .figura-tambor { display: none; }
    section#nabilzpap-bienvenida{background: rgb(39,95,0); background: -moz-linear-gradient(top, rgba(39,95,0,1) 0%, rgba(95,149,0,1) 27%, rgba(114,193,2,1) 100%); background: -webkit-linear-gradient(top, rgba(39,95,0,1) 0%,rgba(95,149,0,1) 27%,rgba(114,193,2,1) 100%); background: linear-gradient(to bottom, rgba(39,95,0,1) 0%,rgba(95,149,0,1) 27%,rgba(114,193,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275f00', endColorstr='#72c102',GradientType=0 );}
    section#nabilzpap-bienvenida .figura-yellow {transform: scale(0.4); right: -194px; top: -141px; } 
    section#nabilzpap-bienvenida .figura-red {transform: scale(0.5); left: -205px;top: -99px; }
    section#nabilzpap-bienvenida .figura-arbol { left: calc(50% - 225px);top: 93px;transform: scale(0.65); }
    #nabilzpap-logos img:last-child { margin: 0; padding: 0; border: none; display: none; }
    section#nabilzpap-bienvenida .figura-tambor {top: 80px; right: calc(50% - 219px); transform: scaleX(-0.15) scaleY(0.15) rotate(-10deg);}

    #nabilzpap-logos { margin-bottom: 165px; }
    section#nabilzpap-participantes .figura-yellow { transform: scaleX(-0.25) scaleY(0.25); left: -180px;top: -181px; }
    section#nabilzpap-participantes .figura-red {     transform: scaleX(-0.25) scaleY(0.25);right: -169px; top: -181px; }
    .nabilzpap-sergiolagos .nabilzpap-item-imagen img { width: 100%; height: auto; }
    .nabilzpap-sergiolagos .nabilzpap-item-imagen { width: 41%; display: flex; contain: content; justify-content: center;flex-direction: column;align-items:center;}
    #nabilzpap-horarios {background:transparent;}
    #nabilzpap-horarios .nabilzpap-row{margin-top: -200px;}
    #nabilzpap-horarios .nabilzpap-rowmini {width: calc(100% - 40px); padding: 20px; background: url(bg-horarios-mob.svg); background-size: 100% 100%; background-repeat: no-repeat; min-height: 448px; max-width: 349px; background-position: center top; display: flex; flex-direction: column; align-items: center; justify-content: center;    transform: none;}
    .nabilzpap-row {width: calc(96% - 25px);margin:0 auto 110px auto; }
    section#nabilzpap-cuento .nabilzpap-row { width: calc(93% - 60px); padding: 10px; }
    section#nabilzpap-cuento .nabilzpap-row { width: calc(93% - 60px); padding: 55px 10px 100px; }
    section#nabilzpap-cuento { font-size: 20px;padding-bottom:100px;}
    section#nabilzpap-horarios .figura-regalo { transform: scale(0.5); }
    .nabilzpap-item-imagen img { max-width: 100%; height: auto; }
    .nabilzpap-item:not(.nabilzpap-sergiolagos) .nabilzpap-item-imagen img { max-width: 100%; height: auto; }
    .nabilzpap-item:not(.nabilzpap-sergiolagos) .nabilzpap-item-imagen {max-width: 81%;padding: 10px;display: flex;align-items: center;justify-content: center;text-align: center;display: flex;flex-direction: initial;align-items: center;justify-content: center;}
    .nabilzpap-group .nabilzpap-item { width: 48%; margin: 0 0 20px 0; position: relative;    max-width: 200px;}
    .nabilzpap-item-nombre { font-size: 13px; bottom: -15px; width: max-content;min-width: 94px; font-size: 11px; min-height: 6px;padding: 4px 11px;}
    .nabilzpap-group .nabilzpap-rowmini { padding-top: 30px; }
    .nabilzpap-group .nabilzpap-description { font-size: 15px; width: 90%; margin: auto; }
    .nabilzpap-item.nabilzpap-sergiolagos .nabilzpap-rowmini{font-size:15px;}
    section#nabilzpap-participantes > .nabilzpap-row { transform: translateY(-90px);margin: 0 auto 0px auto;padding-bottom: 10px;}
    .nabilzpap-item.nabilzpap-sergiolagos { margin-bottom: 0px; }
    #nabilzpap-horarios { padding: 0px 0 40px 0; }
    #nabilzpap-logos img { max-width: 210px;position: relative;z-index: 4;}
    section#nabilzpap-bienvenida .figura-galleta1 { transform: scaleX(-0.25) scaleY(0.25) rotate(-56deg); left: 15px; top: 144px; }
    section#nabilzpap-bienvenida {padding: 20px 0 150px 0;}
    section#nabilzpap-horarios .figura-galleta1 { transform: scale(0.5); bottom: -30px; right: calc(50% - 43px); }
    section#nabilzpap-horarios .figura-galleta2 { bottom: -52px; right: calc(50% - 200px); }
    footer.nabilzpap-footer img { max-width:110px; }
    section#nabilzpap-horarios .brillos { transform: rotate(0deg); width: 100%; }
    .nabilzpap-item:not(.nabilzpap-sergiolagos) .nabilzpap-item-nombre { min-width: 94px; font-size: 11px; min-height: 6px; padding: 4px 11px; }
}