/*   
Theme Name: Coquetel Molotov – 18ª edição
Description: Tema para o site do Coquetel Molotov – 18ª edição.
Author: Camila Lins
Author URI: http://camilalins.co
Version: 1
*/

@charset "utf-8";

/* Reset */
*, *:before, *:after {box-sizing:border-box; -moz-box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block;}
img, object, embed, video, iframe {max-width:100%;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%;}
th {font-weight:bold; vertical-align:bottom;}
td {font-weight:normal; vertical-align:middle;}
hr {display:block; height:1px; border:0; border-top:1px solid #CCC; margin:10px 0; padding:0;}
input, select {vertical-align:middle;}
pre {white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word;}
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:bottom; *vertical-align:baseline;}
input:focus, textarea:focus{outline:0;}
a:hover, a:active {outline:0;}
small {font-size:85%;}
strong, th {font-weight:bold;}
td, td img {vertical-align:top;}
sub, sup {font-size:75%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
label, input[type=button], input[type=submit], button {cursor:pointer;}
body, select, input, textarea {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
button, input, select, textarea {margin:0; resize:none; color:inherit; font:inherit; border:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
button {width:auto; overflow:visible;}
textarea {overflow:auto;}
ins {background:#FDD900; color:#000; text-decoration:none;}
mark {background:#FDD900; color:#000; font-style:italic; font-weight:bold;}
audio, canvas, iframe, img, svg, video {vertical-align:middle;}
html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; overscroll-behavior:none;}

::-moz-selection{background:#FFF; color:#000; text-shadow:none;}
::selection {background:#FFF; color:#000; text-shadow:none;}

::-webkit-input-placeholder {color:#FFF; opacity:1;}
::-moz-placeholder {color:#FFF; opacity:1;}
::placeholder {color:#FFF; opacity:1;}

/* Variáveis */
:root {
    /* --cor-teste:#aa1aa4; */
    --cor-teste:#fff;
}

/* Fontes */
@font-face {font-family:'Moriston Personal'; src:local('Moriston Personal Regular'), local('MoristonPersonal-Regular'), url('fonts/MoristonPersonal-Regular.woff2') format('woff2'), url('fonts/MoristonPersonal-Regular.woff') format('woff'), url('fonts/MoristonPersonal-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'Moriston Personal'; src:local('Moriston Personal Medium'), local('MoristonPersonal-Medium'), url('fonts/MoristonPersonal-Medium.woff2') format('woff2'), url('fonts/MoristonPersonal-Medium.woff') format('woff'), url('fonts/MoristonPersonal-Medium.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap;}
@font-face {font-family:'Moriston Personal'; src:local('Moriston Personal Semibold'), local('MoristonPersonal-Semibold'), url('fonts/MoristonPersonal-Semibold.woff2') format('woff2'), url('fonts/MoristonPersonal-Semibold.woff') format('woff'), url('fonts/MoristonPersonal-Semibold.ttf') format('truetype'); font-weight:600; font-style:normal; font-display:swap;}
@font-face {font-family:'Moriston Personal'; src:local('Moriston Personal Bold'), local('MoristonPersonal-Bold'), url('fonts/MoristonPersonal-Bold.woff2') format('woff2'), url('fonts/MoristonPersonal-Bold.woff') format('woff'), url('fonts/MoristonPersonal-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap;}
@font-face {font-family:'Moriston Personal'; src:local('Moriston Personal Black'), local('MoristonPersonal-Black'), url('fonts/MoristonPersonal-Black.woff2') format('woff2'), url('fonts/MoristonPersonal-Black.woff') format('woff'), url('fonts/MoristonPersonal-Black.ttf') format('truetype'); font-weight:900; font-style:normal; font-display:swap;}
@font-face {font-family:'Bodoni* 11pt'; src:local('Bodoni* 11pt Bold'), local('BodoniModa11pt-Bold'), url('fonts/BodoniModa11pt-Bold.woff2') format('woff2'), url('fonts/BodoniModa11pt-Bold.woff') format('woff'), url('fonts/BodoniModa11pt-Bold.ttf') format('truetype'); font-weight:bold; font-style:normal; font-display:swap;}
@font-face {font-family:'Sonder'; src:local('Sonder'), local('SonderRegular'), url('fonts/SonderRegular.woff2') format('woff2'), url('fonts/SonderRegular.woff') format('woff'), url('fonts/SonderRegular.ttf') format('truetype'); font-weight:300; font-style:normal; font-display:swap;}

/* Toolbox */
.fleft {float:left;}
.fright {float:right;}
.hide {display:none !important;}
.flex {display:flex;}

/* Clearfix */
.cf:before, .cf:after {content:''; display:table;}
.cf:after {clear:both;}

/* Page style */
html, body {overscroll-behavior:none;}
body {font:18px 'Moriston Personal', sans-serif; color:#FFF; background:#000 url(img/layout/background-inner-repeat.jpg) repeat-y top center; background-size:100% auto; min-height:100vh;}
body.home {background:#000 url(img/layout/background.jpg) no-repeat top center; background-size:cover;}

a {color:#FFF; text-decoration:none; -webkit-tap-highlight-color:transparent; transition:all 150ms ease-out;}
a:hover {color:var(--cor-teste);}

.mobile-check {display:none;}
.paddings {padding:0 50px;}

.video-embed {position:relative; width:100%; padding-bottom:56.3%; height:0; background:url(img/layout/loading.gif) no-repeat center;}
.video-embed iframe {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.video-embed video {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}

.links {font-size:10px; padding:20px 0 30px; display:flex; justify-content:space-between;}
.links .social a {margin-right:8px;}
.links .dev {font-size:9px;}
.links span {opacity:.75; cursor:default;}
.links a {opacity:.75; font-weight:600;}
.links a:hover {color:#FFF; opacity:1;}

#inner.error404 {text-align:center; padding:80px 0;}
#inner.error404 h2 {font-size:65px; line-height:55px; margin-bottom:50px;}
#inner.error404 a {font-size:25px; font-weight:500; text-transform:lowercase;}

/* Home */
#wrap {max-width:1700px; margin:0 auto; padding:55px 110px; position:relative; text-shadow:1px 1px 0 #000;}

#wrap h1 {max-width:380px; position:relative; z-index:10;}
#wrap h1 a {display:block;}
#wrap .star {width:40px; height:52px; position:absolute; background:url(img/layout/star.png) no-repeat; background-size:100%;}
#wrap .star.top {top:50px}
#wrap .star.right {right:30px;}
#wrap .star.left {left:30px;}
#wrap .star.bottom {bottom:0px;}

header {justify-content:space-between; text-align:right;}
header nav {display:flex; flex-wrap:wrap; align-self:flex-start; justify-content:right; align-items:center; min-height:40px;}
header nav a {display:inline-block; font-size:22px; font-weight:700; line-height:35px; text-transform:lowercase; transform-origin:right; margin-left:35px;}
header nav a:first-of-type {margin-left:0;}
header nav a:hover {transform:scale(1.07);}

#home .lineup {margin:145px auto 0; text-shadow:2px 2px 0 #000; overflow:hidden;}
#home .lineup h2 {font-size:75px; text-align:center; font-family:'Sonder', serif; text-transform:uppercase; font-weight:400;}
#home .lineup h2 strong {font-size:200px; display:block; font-weight:400;}
#home .lineup h2 span {font-size:100px;}
#home .lineup .artists {margin-top:20px;}
#home .lineup .artists h3 {font:80px/70px 'Bodoni* 11pt', serif; letter-spacing:-2px; margin:38px 0;}
#home .lineup .artists h3 span {font-size:28px; line-height:60px; display:block; letter-spacing:-1px;}
#home .lineup .artists h3 span strong {font-size:35px;}
#home .lineup .artists .day1, #home .lineup .artists .day2 {display:flex; flex-direction:column; justify-content:space-between;}
#home .lineup .artists .day1 {width:50%; text-align:right; border-right:1px solid #000; padding:35px 45px 50px 0;}
#home .lineup .artists .day2 {width:50%; border-left:1px solid #000; padding:35px 0 50px 45px;}
#home .lineup .artists p {display:none;}

#home .lineup .artists h3 a {display:block;}
#home .lineup .artists .day1 h3 a {transform-origin:right;}
#home .lineup .artists .day2 h3 a {transform-origin:left;}
#home .lineup .artists h3 a:hover {transform:scale(1.07);}

#home .info {flex-direction:column; max-width:1230px; margin:160px auto 120px;}
#home .info h4 {width:50%; text-align:right; font-size:40px; line-height:42px;}
#home .info h4 span {display:block; text-transform:uppercase; font-weight:900;}
#home .about {margin-top:120px; width:50%; margin-left:auto; font-size:21px; line-height:30px; font-weight:600;}
#home .about p {margin-bottom:20px;}
#home .about p:last-child {margin-bottom:0;}

#home .button-link {font:80px/70px 'Bodoni* 11pt', serif; text-transform:lowercase; text-align:center; text-shadow:2px 2px 0 #000;}
#home .button-link a {display:inline-block; padding:0 70px; position:relative;}
#home .button-link a:before {content:''; width:40px; height:100%; position:absolute; background:url(img/layout/star.png) no-repeat left bottom; left:0; top:0; animation:star 1.05s infinite linear;}
#home .button-link a:after {content:''; width:40px; height:100%; position:absolute; background:url(img/layout/star.png) no-repeat left bottom; right:0; top:0; animation:star 1.05s infinite linear 500ms;}
#home .button-link a:hover {transform:scale(1.05);}
#home .button-link a span , #home .button-link a strong {display:inline-block; position:relative;}
#home .button-link a span:before , #home .button-link a strong:before {content:''; top:100%; left:-5px; right:-5px; height:2px; background:#FFF; position:absolute; z-index:-1;}
#home .button-link a span:after , #home .button-link a strong:after {content:''; top:calc(100% + 1px); left:-4px; right:-6px; height:2px; background:#000; position:absolute; z-index:-2;}

#home .button-link.negocios {margin-top:120px; letter-spacing:-2px;}
#home .button-link.negocios a {padding:0 50px;}
#home .button-link.negocios a span {font-size:68px;}
#home .button-link.negocios a strong {font-size:75px;}

#home .obs {max-width:865px; margin:180px 0 80px;}
#home .obs h5 {font-size:20px;}
#home .obs p {margin-bottom:20px;}

footer {max-width:1700px; margin:0 auto; padding:0 110px;}
footer.watch-active {padding-bottom:100px;}

/* Internas */
#inner h2.title {font:75px/75px 'Bodoni* 11pt', serif; text-transform:uppercase; text-align:right; transform:translateY(-100%); text-shadow:2px 2px 0 #000; pointer-events:none;}
#inner h3.title {font:50px/50px 'Bodoni* 11pt', serif; text-transform:uppercase; text-shadow:2px 2px 0 #000;}

#inner .intro-text {font-size:22px; line-height:30px; font-weight:500; max-width:950px; margin-left:auto; text-align:right;}
#inner .intro-text p {margin-bottom:35px;}
#inner .intro-text p:last-of-type {margin-bottom:0;}
#inner .intro-text a {text-decoration:underline;}

/* Sobre */
#inner.sobre .ficha {margin:200px 0 80px; max-width:730px;}
#inner.sobre .ficha h3 {margin-bottom:50px;}
#inner.sobre .ficha p {margin-bottom:35px;}
#inner.sobre .ficha p:last-of-type {margin-bottom:0;}

/* Cqtl negócios */
#inner.negocios h2.title {margin-bottom:-75px;}
#inner.negocios .list {margin-top:200px;}
#inner.negocios .list .day {margin-bottom:120px; text-shadow:2px 2px 0 #000;}
#inner.negocios .list .day h3 {font:80px/80px 'Bodoni* 11pt', serif; padding-left:55px; background:url(img/layout/star.png) no-repeat left center; margin-bottom:45px;}
#inner.negocios .list .day li {margin-bottom:60px;}
#inner.negocios .list .day a {display:block; font-size:42px; line-height:45px; font-weight:600;}
#inner.negocios .list .day a span {transition:all 150ms ease-out;}
#inner.negocios .list .day a strong {font-size:32px; font-weight:900;}
#inner.negocios .list .day a em {font-size:30px; font-size:500; font-style:normal;}
#inner.negocios .list .day a:hover span {text-decoration:underline;}

#inner.negocios h3.button {margin-top:50px; padding-right:55px; background:url(img/layout/star.png) no-repeat right center; font-size:35px; line-height:55px; font-weight:900; display:inline-block; text-shadow:2px 2px 0 #000;}
#inner.negocios h3.button a {padding-left:55px; background:url(img/layout/star.png) no-repeat left center;}
#inner.negocios h3.button a span {transition:all 150ms ease-out; display:inline-block; text-decoration:underline;}
#inner.negocios h3.button a:hover span {transform:scale(1.05);}

#inner.plataformas h3.sub-title {margin-top:-100px; font-size:47px; line-height:45px; font-weight:900; text-align:right; text-transform:uppercase; text-shadow:2px 2px 0 #000;}
#inner.plataformas .content {margin-bottom:120px;}
#inner.plataformas .content h4 {text-align:center; font-size:42px; line-height:33px; font-weight:700; margin-top:140px; text-shadow:2px 2px 0 #000;}
#inner.plataformas .content .video {padding:20px; border:2px solid #FFF;}

/* Atividade */
#inner.negocios.single h2.title {margin-bottom:0;}
#inner.negocios.single .thumb {margin:-75px -100px 65px; padding:30px; border:2px solid #FFF;}
#inner.negocios.single .thumb img {width:100%; height:auto;}
#inner.negocios.single h3.inner-title {font-size:40px; line-height:45px; font-weight:700; margin-bottom:50px; text-shadow:2px 2px 0 #000;}
#inner.negocios.single h4.date-time {font-size:32px; line-height:32px; font-weight:900; margin-bottom:50px; text-shadow:2px 2px 0 #000;}
#inner.negocios.single .content {display:flex; justify-content:space-between; margin-bottom:50px;}
#inner.negocios.single .content .entry p {font-size:20px; line-height:28px; font-weight:500; margin-bottom:35px;}
#inner.negocios.single .content .form-wrapper {width:33.33%; height:520px; flex-shrink:0; margin-left:4.5%;}

#inner.negocios.single .content.empty {display:block;}
#inner.negocios.single .content.empty .form-wrapper {width:100%; margin:0;}

#inner.negocios.single .watch {background:#ae5ddd url(img/layout/watch-background.png) repeat left; position:fixed; left:0; right:0; bottom:0; height:100px; z-index:5; display:flex; align-items:center; justify-content:center; font:65px/45px 'Bodoni* 11pt', serif; text-transform:lowercase; text-align:center; text-shadow:2px 2px 0 #000; border-top:2px solid #FFF;}
#inner.negocios.single .watch span {display:inline-block; position:relative; padding:0 55px 15px; transition:all 150ms ease-out;}
#inner.negocios.single .watch span:before {content:''; width:40px; height:100%; position:absolute; background:url(img/layout/star.png) no-repeat left center; background-size:contain; top:0; left:0; animation:star 1.05s infinite linear;}
#inner.negocios.single .watch span:after {content:''; width:40px; height:100%; position:absolute; background:url(img/layout/star.png) no-repeat left center; background-size:contain; top:0; right:0; animation:star 1.05s infinite linear 500ms;}
#inner.negocios.single .watch:hover span {transform:scale(1.05);}

/* Line-up */
#inner.line-up .artist {max-width:1080px; margin:0 auto 120px; text-align:center;}
#inner.line-up .artist .pics {margin-bottom:50px; display:flex; align-items:center; justify-content:center; padding-top:15px;}
#inner.line-up .artist .pics .pic {position:relative;}
#inner.line-up .artist .pics .pic:after {content:''; position:absolute; border:2px solid #FFF; top:-15px; left:-15px; bottom:-15px; right:-15px;}
#inner.line-up .artist .pics .pic:nth-of-type(2) {margin-left:-50px;}

#inner.line-up .artist h3, #inner.line-up .artist h3 strong {font:83px/75px 'Bodoni* 11pt', serif; text-shadow:2px 2px 0 #000;}
#inner.line-up .artist h3 em {font:normal 400 50px/75px 'Moriston Personal', sans-serif;}
#inner.line-up .artist h3 span {display:block; font-size:35px;}
#inner.line-up .artist p {margin:15px auto 0; max-width:95%;}


@keyframes star {
    0% {transform:scale(1);}
    50% {transform:scale(1.2);}
    100% {transform:scale(1);}
}

@media screen and (max-width:1570px){
    #wrap {padding:55px 85px;}

    #home .lineup {margin:145px -45px 0;}
    #home .lineup h2, #home .lineup h2 span {font-size:5vw;}
    #home .lineup h2 strong {font-size:14vw;}
    #home .lineup .artists h3 {font-size:5vw; line-height:5vw; margin:2.5vw 0;}
    #home .lineup .artists .day1 {padding:35px 35px 35px 0;}
    #home .lineup .artists .day2 {padding:35px 0 35px 35px;}
    #home .info h4 {font-size:2.9vw; line-height:3.2vw;}

    #inner.negocios.single .thumb {margin:-75px -85px 65px; border-left:0; border-right:0;}
}
@media screen and (max-width:1300px){
    header nav a {margin-left:20px; font-size:18px;}

    #home .button-link.negocios a span {font-size:5.4vw; line-height:6.1vw;}
    #home .button-link.negocios a strong {font-size:6.1vw; line-height:6.1vw;}
}
@media screen and (max-width:1120px){
    header nav {transform:translateY(-20%);}
    header nav a {font-size:20px; line-height:30px; margin-left:30px;}
    header nav span {display:block; width:100%;}

    #home .lineup h2, #home .lineup h2 span {font-size:7vw;}
    #home .lineup h2 strong {font-size:20vw;}

    #home .lineup .artists h3 span {font-size:2.2vw; line-height:4vw;}
    #home .lineup .artists h3 span strong {font-size:3.2vw;}

    #home .info h4 {font-size:3.5vw; line-height:4vw; width:100%; text-align:center;}
    #home .about {margin:100px auto 0; width:70%; text-align:center;}
    #home .button-link {font-size:6.6vw; line-height:7vw;}
    #home .button-link a {padding:0 55px;}

    #inner.line-up .artist h3, #inner.line-up .artist h3 strong {font-size:7.5vw; line-height:6.9vw;}
    #inner.line-up .artist h3 em {font-size:4.5vw; line-height:6.9vw;}
    #inner.line-up .artist h3 span {font-size:22px;}
}
@media screen and (max-width:1080px){
    body {background-size:200% auto;}

    #inner {padding-top:75px;}
    #wrap #inner h2.title {transform:none; margin-bottom:60px; text-align:left;}
    #inner .intro-text {text-align:left;}

    #inner.negocios.single .thumb {margin-top:0;}

    #home .button-link.negocios a span {font-size:5.4vw; line-height:6.1vw;}
    #home .button-link.negocios a strong {font-size:5.8vw; line-height:6.1vw;}

    #inner.plataformas h3.sub-title {margin-top:0; text-align:left;}
}
@media screen and (max-width:900px){
    #home .info h4 {font-size:4.5vw; line-height:5vw;}
    #home .about {width:100%;}
    #home .button-link {margin:0 -30px; font-size:7.2vw; line-height:52px;}
    #home .button-link a {width:100%;}

    #home .button-link.negocios a span {font-size:5.8vw;}
    #home .button-link.negocios a strong {font-size:6.6vw;}
}
@media screen and (max-width:850px){
    #wrap {padding:55px;}
    #wrap .star.right {right:5px;}
    #wrap .star.left {left:5px;}
    header nav {transform:translateY(-15%);}
    header nav a {line-height:26px;}
    footer {padding:0 55px;}
    .links {padding:20px 0;}

    #home .lineup .artists h3 {font-size:5.5vw;}
    #inner.sobre .ficha {margin-top:100px;}

    #inner.negocios.single .thumb {margin:0 -55px 60px;}
    #inner.negocios.single .content {display:block;}
    #inner.negocios.single .content .form-wrapper {width:100%; margin:50px 0;}

    #inner.negocios .list {margin-top:100px;}
}
@media screen and (max-width:750px){
    #wrap h1 {width:60%;}
    header nav {width:39%; flex-direction:column; align-items:flex-end; transform:none;}
    header nav a {font-size:2.8vw; line-height:32px; margin-left:0;}
    header nav span {display:none;}
    #wrap #inner h2.title {font-size:11vw; line-height:11vw; margin-bottom:9vw;}

    #inner.negocios .list .day a {font-size:5.5vw; line-height:6.5vw;}
    #inner.negocios .list .day a strong {font-size:4.5vw;}

    #home .button-link.negocios a strong {font-size:6.4vw;}
}
@media screen and (max-width:650px){
    #home .lineup h2, #home .lineup h2 span {font-size:14vw;}
    #home .lineup h2 strong {font-size:40vw;}

    #home .lineup .artists h3 {font-size:11.5vw; line-height:10vw; margin:4.5vw 0;}
    #home .lineup .artists h3 span {font-size:4.5vw; line-height:6.5vw;}
    #home .lineup .artists h3 span strong {font-size:6vw;}
    #wrap #home .lineup .artists h3 a {transform-origin:top center;}

    #home .lineup .artists {display:block;}
    #home .lineup .artists .day1, #home .lineup .artists .day2 {width:100%; text-align:center; padding:0; border:0; margin-top:15vw;}
    #home .lineup .artists p {display:block; font-weight:700; font-size:4.5vw; margin-bottom:0px; text-transform:lowercase; background:#000;}

    #home .info h4 {font-size:6vw; line-height:7vw;}

    #home .button-link {font-size:12vw; line-height:11vw;}
    #home .button-link a:before, #home .button-link a:after {background-position-y:center;}
    #home .button-link a span:before, #home .button-link a span:after, #home .button-link a strong:before, #home .button-link a strong:after {display:none;}

    #home .button-link.negocios a span {font-size:6.6vw;}
    #home .button-link.negocios a strong {font-size:15vw; line-height:11vw;}

    #inner.negocios.single .thumb {padding-left:0; padding-right:0;}
    #inner.negocios.single h3.inner-title {font-size:35px; line-height:40px;}
    #inner.negocios.single h4.date-time {font-size:28px; line-height:28px;}

    #inner.negocios.single .watch {font-size:10vw; line-height:8vw;}

    #inner.line-up .artist {margin-bottom:80px;}
    #inner.line-up .artist .pics {margin-bottom:35px;}
    #inner.line-up .artist .pics .pic:after {top:-10px; left:-10px; bottom:-10px; right:-10px; border-width:1px;}
    #inner.line-up .artist h3, #inner.line-up .artist h3 strong {font-size:8.5vw; line-height:7.5vw;}
    #inner.line-up .artist h3 em {font-size:3.8vw; line-height:7.5vw;}
    #inner.line-up .artist h3 span {font-size:20px;}
    #inner.line-up .artist p {max-width:100%;}

    #inner.plataformas h3.sub-title {font-size:6.8vw;}
    #inner.plataformas .content h4 {margin-top:18vw; font-size:35px; line-height:29px;}
    #inner.plataformas .content .video {padding:15px;}
}
@media screen and (max-width:550px){
    #wrap {padding:55px 35px; overflow:hidden;}
    #wrap .star.right {right:-10px;}
    #wrap .star.left {left:-10px;}
    header nav {align-self:stretch; justify-content:space-between; padding-bottom:12px;}
    header nav a {font-size:16px; line-height:16px;}
    footer {padding:0 35px;}
    .links {display:block; text-align:center; font-size:15px;}
    .links .dev {margin-top:5px;}

    #wrap #inner h2.title {font-size:13vw; line-height:13vw; margin-bottom:10vw;}
    #inner .intro-text {font-size:20px; line-height:28px;}

    #inner.negocios.single .thumb {margin:0 -35px 40px; padding:25px 0;}
    #inner.negocios.single h3.inner-title {font-size:7vw; line-height:8.5vw;}
    #inner.negocios.single h4.date-time {font-size:6vw; line-height:6vw;}

    #inner.negocios .list .day h3 {font-size:15.5vw; line-height:12vw; background-size:contain; padding-left:45px;}
    #inner.negocios .list .day a {font-size:6vw; line-height:7vw;}
    #inner.negocios .list .day a strong {font-size:5vw;}

    #inner.plataformas .content {margin:0 -35px 80px;}
    #inner.plataformas .content .video {padding:15px 0; border-left:0; border-right:0;}
}