body{margin:0;padding:0;font-family:Roboto, Arial;background: #2b2b35;color:white;font-size: 16px;}
*{box-sizing: border-box;}
.row{max-width:1100px;margin:auto;width: 96%;}
.row-grande{max-width:1400px;margin:auto;}
.orange{color:#ff5b23;}
h1, h2{text-transform:uppercase;font-size: 53px;letter-spacing: -1px;}
h1{font-size: 68px;}
a{text-decoration: none;}
.row,
.row-grande{position:relative;z-index: 2;}
ul li{margin-bottom:5px;}
iframe {max-width: 95%;}

.bg-naranjo{background:#ff5b23;}
.mid-bottom-gris,
.mid-top-gris {position: relative;}
.mid-bottom-gris::after {content: "";display: block;width: 100%;height: 61%;background: #a2a4a5;position: absolute;bottom: 0;z-index: 1;}
.mid-top-gris::before {content: "";display: block;width: 100%;height: 50%;background: #a2a4a5;position: absolute;top: 0;z-index: 1;}

a.btn {border: 2px solid white;padding: 5px 20px;text-transform: uppercase;color: white;text-decoration: none;font-size: 16px;margin: 30px 0;display: inline-block;width: max-content;}

header{padding:20px 0;color:white;background:#212128;}
header a {color: white;}
header ul {display: flex;list-style: none;margin: 0;padding: 0;text-align: center;justify-content: center;}
header ul li:not(:first-child) {border-left: 1px solid white;}
header ul li {padding: 0 30px;}


#bienvenida {background:url(img/bg-bienvenida.jpg) center -60px no-repeat #282834;min-height: 800px;}
#bienvenida img {max-width: 140px;}
#bienvenida .row {display: flex;align-items: center;justify-content: center;gap:50px;min-height: 600px;}

#bienvenida-mini {background:url(img/bg-bienvenida.jpg) center -60px no-repeat #282834;min-height: 400px;}
#bienvenida-mini img {max-width: 140px;}
#bienvenida-mini .row {display: flex;align-items: center;justify-content: center;gap:50px;min-height: 400px;}

.video-1-geleria {display: flex;align-items: center;justify-content: center;position: relative;}
.video-1 .row {transform: translateY(-180px);}
.video-1 {text-align:center;}
.video-1-geleria img:nth-child(2) {width: max-content;height: auto;z-index:2;}
.video-1-geleria img {width: 470px;height: max-content;box-shadow: 0px 20px 50px rgba(0,0,0,.4);}
.video-1-geleria img:nth-child(1) {left: 0;position: absolute;z-index:1;}
.video-1-geleria img:nth-child(3) {right: 0;position: absolute;z-index:1;}

.despliegue-1 .row {display: grid;grid-template-columns: 50% 50%;}
.despliegue-1 .row .textos {padding: 50px;}
.despliegue-1 .row .textos h2 {margin: 0;}
.despliegue-1 p {margin: 35px 0;}
.despliegue-1 .btn {grid-column: 1/3;margin: 30px auto;}
.despliegue-1 img {margin-top: -80px;margin-left: -30px;}
ul.lista-columnas-2 {grid-template-columns: 1fr 1fr;display: grid;}
ul.lista-columnas-2 li{font-weight:bold;}
ul.lista-columnas-2 ::marker {color:#ff5b23} 

.laptop {padding:60px 0;color:#222222;}
.laptop .row {display: grid;grid-template-columns: 1fr max-content max-content;}
.laptop-img {grid-column: 1/-1;text-align: center;}
.laptop-celular {margin-top: -240px;margin-right: -20px;width: max-content;}
.laptop .textos p {justify-self: flex-end;max-width: 270px;}
.laptop ul {display: flex;flex-direction: column;width: max-content;margin: auto;padding:0 60px;}
.laptop .textos h2{margin: 0 0 30px 0;}
.laptop .textos {margin: 0 0 0 auto;width: max-content;}
.laptop a.btn {grid-column: 1/-1;margin: 30px auto;}


.coberturas .row-grande {display: grid;grid-template-columns: 50% 50%;}
.coberturas-img {position: relative;overflow: hidden;padding-top: 50%;height: 0;min-height: 100%;}
.coberturas-img img {position: absolute;object-fit: cover;left: 0;bottom: 0;object-position: center bottom;min-width: 100%;min-height: 100%;}
.coberturas .textos {padding: 30px;text-align: center;align-items: center;justify-content: center;display: flex;flex-direction: column;}
.coberturas .textos p{color:#222222;}

.redes {padding:60px 0;}
.redes .row {background: #e5e5e3;padding: 40px;border-radius: 15px;display: flex;align-items: center;justify-content: space-between;text-align: center;}
.redes h2{text-align: center;}
a.redes-item :nth-child(2) {font-size: 55px;font-weight: 900;letter-spacing: -3px;}
a.redes-item img {width: 45px;margin-bottom:30px;letter-spacing: -2px;}
a.redes-item p {margin:0;color: #2b2b35;}
a.redes-item p:nth-child(3) {font-size: 20px;}


.t13audio {padding:60px 0;}
.t13audio .row {display: grid;grid-template-columns: auto max-content;grid-gap: 40px;align-items: center;}
.t13audio img {box-shadow: 0px -20px 50px rgb(0 0 0 / 40%);}

.mediakit {position: relative;min-height: 600px;}
.mediakit .textos {display: flex;flex-direction: column;justify-content: center;}
.mediakit::before {background: url(img/bg-mediakit.jpg) left center no-repeat #000000;width: 100%;height: 490px;display: block;position: absolute;top: calc(50% - 240px);content: "";z-index:1;}
.mediakit .row{position: relative;z-index:2;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 90px;}


@media (max-width: 1000px){
    .laptop-img img {max-width: 100%;}
    .video-1-geleria img {max-width: 65%;box-shadow: 0px 20px 27px rgb(0 0 0 / 10%);}
    .despliegue-1 img {max-width: 100%;margin: initial;}
    .mediakit .row {grid-template-columns: 100%;}
    .t13audio .row {grid-template-columns: 100%;text-align: center;grid-gap:10px;}
    .t13audio img {max-width: 80%;}
    .redes .row {display: grid;grid-template-columns: 1fr 1fr;padding: 30px 14px;grid-gap: 50px;max-width: 90%;}
    .laptop .row {grid-template-columns: 100%;}
    .despliegue-1 .row {grid-template-columns: 100%;}
    #bienvenida .row {flex-direction: column;gap: 0;min-height: 400px;}
    #bienvenida-mini .row {flex-direction: column;gap: 0;min-height: 300px;}
    .mediakit .row img {max-width: 80%;}
    .coberturas .row-grande {grid-template-columns: 100%;}
    .laptop-celular img {max-width: 50%;}
    .laptop-celular {margin: 0;width: initial;text-align: center;}
    .despliegue-1 .btn {grid-column: 1;}
    a.redes-item :nth-child(2) {font-size: 26px;letter-spacing: 1px;}
    h1, h2 {font-size: 30px;}
    h2{font-size:22px;}
    a.redes-item p:nth-child(3) {font-size: 15px;}
    #bienvenida {min-height: 450px;background-size: 964px;background-position: center top;}
    #bienvenida-mini {min-height: 300px;background-size: 964px;background-position: center top;}
    .video-1 .row {transform: translateY(-39px);}
    .video-1-geleria img:nth-child(1) {left: 23%;top: -17px;max-width: 55%;filter: brightness(0.7);z-index: 2;}
    .video-1-geleria img:nth-child(3) {left: 26%;top: -30px;max-width: 48%;filter: brightness(0.4);z-index: 1;}
    #bienvenida img {max-width: 90px;}
    #bienvenida-mini img {max-width: 90px;}
    ul.lista-columnas-2 {padding: 0;grid-gap: 8px 30px;}
    .laptop.mid-bottom-gris::after {height: 79%;}
    .latop {text-align: center;}
    .laptop .textos h2 {margin: auto;width: 100%;text-align: center;}
    .laptop .textos {margin: auto;width: 100%;}
    .coberturas-img img {width: 100%;height: 100%;}
    .redes .row a:last-child {grid-column: 1/-1;}
    .redes .row a:last-child {grid-column: 1/-1;}
    .mediakit .textos {grid-row: 1;text-align: center;}
    .mediakit::before {top: 0;opacity: .3;}
    .mediakit .btn {margin: 20px auto;}
    .mediakit {text-align: center;}
    header ul li {padding: 0 15px;}

    .video-1-geleria {display: block;}
    .video-1-geleria img:nth-child(2) {z-index: 2;position: relative;}
    .video-1-geleria img:nth-child(3),
    .video-1-geleria img:nth-child(1){height:auto;}
}