/******************************
*   Tipografias
******************************/
@import url('all.css');
@import url('typo.css');

:root {
    --negro: 0, 0, 0;
    --blanco: 255, 255, 255;
    --azul: 12, 43, 83;
}


::selection {
    background: rgb(var(--negro), 1);
    color: rgb(var(--blanco), 1);
}
::-moz-selection {
    background: rgb(var(--negro), 1);
    color: rgb(var(--blanco), 1);
}
::-webkit-selection {
    background: rgb(var(--negro), 1);
    color: rgb(var(--blanco), 1);
}

/******************************
*   Reset
******************************/
*{
    border: 0px;
    margin: 0px;
    padding: 0px;
}
html {
    scroll-behavior: smooth;
    scroll-padding: 0px;
}
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Ubuntu';
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
    font-size: 16px;
    color: rgb(var(--oscuro), 1); 
    background: ;
}
figure {
    /* pointer-events: none; */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
figure img { margin: 0 auto; }
img {
    max-width: 100%;
    height: auto;
    display: block;
}
a, a:link, a:hover, a:visited {
    text-decoration: none;
    color: inherit;
    cursor: pointer;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul,
ol {
    margin: 0;
    padding: 0;
    padding-inline-start: 20px;
}
li + li { margin-top: 15px; }
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: 'Doritos Headline';
    font-weight: 900;
    font-style: italic;
}
input,
select,
textarea {
    display: block;
    width: 100%;
    padding: 12px 16px;
    background: ;
    border-radius: 50px;
    color: ;
    -moz-appearance: none;
    -webkit-appearance: none;
}
textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: ;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
input::placeholder,
textarea::placeholder { color: #565656; }
button { background: transparent; }
input:focus,
select:focus,
textarea:focus,
button:focus { outline: none; }

p { margin: 0; }
* + p,
* + ol,
* + ul { margin-top: 20px; }
ol + *,
ul + *,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 { margin-top: 40px; }

.info__legal h2 { text-align: center; }

/******************************
*   Loader
******************************/
.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    display: flex;
}
.bar {
    width: 16.66%;
    height: 100%;
    display: flex;
    background: rgb(var(--blanco), 1);
}

.frase {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.frase span {
    display: block;
    text-transform: uppercase;
    line-height: .85;
    font-family: 'Doritos Headline';
    font-weight: bold;
    font-style: italic;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.frase span:nth-child(1) { font-size: 64px; }
.frase span:nth-child(2) { font-size: 40px; }

/******************************
*   General
******************************/
main {
    min-height: 100vh;
    overflow: hidden;
}
main section {
    padding: 60px 0;
    position: relative;
    z-index: 1;
}
.content {
    padding-top: 140px;
    min-height: 100vh;
}

/* Head Section */
* + .h__sect { margin-top: 40px; }
.h__sect { position: relative; }
.h__sect + * { margin-top: 20px; }
.h__sect h2 {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 52px;
    -webkit-transform: rotate(-12deg) translateX(10px);
    -moz-transform: rotate(-12deg) translateX(10px);
    -ms-transform: rotate(-12deg) translateX(10px);
    -o-transform: rotate(-12deg) translateX(10px);
    transform: rotate(-12deg) translateX(10px);
}
.h__sect > * + h2 { margin-top: 10px; }

/* CTA */
* + .c__cta,
.c__cta + * { margin-top: 30px; }
.cta,
a.cta {
    display: inline-flex;
    font-family: 'Doritos Headline';
    font-weight: bold;
    font-style: italic;
    padding: 8px 20px 11px;
    font-size: 18px;
    line-height: 1;
    border: 1px solid rgb(var(--negro), 1);
    border-radius: 50px;
    background: rgb(var(--blanco), 1);
    overflow: hidden;
}

/* Bg Incli */
.bg__incli {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
}

/* Personaje */
.personaje { width: 230px; }
.h__sect .personaje { margin: 0 auto; }

/* Dorito Forma */
.cont__dor  {
    position: absolute;
    left: 50%;
}
.cont__dor figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.cont__dor figure:nth-child(1) { position: relative; }

/* Tamas */
.cont__trama {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.trama {
    width: 35%;
    min-width: 400px;
}

.glow img { animation: glow 1s linear infinite alternate; }
/* Glow */
@keyframes glow {
    0% {
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        -o-transform: scale(.6);
        transform: scale(.6);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

/******************************
*   Inicio
******************************/
.inicio {
    padding-top: 100px;
    padding-bottom: 0;
    overflow: hidden;
    margin-bottom: -60px;
}
.fil__ini { position: relative; }
.per01 {
    max-width: 85vh;
    width: 85%;
    margin: 0 0 0 auto;
}
.col__01 {
    padding: 0 20px;
    text-align: center;
    margin-top: 30px;
}
.col__01 > * + * { margin-top: 4vw; }
.txt__born { mix-blend-mode: color-burn; }
.txt__born span {
    display: block;
    text-transform: uppercase;
    line-height: .85;
    font-family: 'Doritos Headline';
    font-weight: bold;
    font-style: italic;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.txt__born span:nth-child(1) { font-size: 15vw; }
.txt__born span:nth-child(2) { font-size: 21vw; }
.txt__ini {
   max-width: 90%;
   margin-left: auto;
   margin-right: auto;
   background: rgb(var(--blanco), .6);
   padding: 15px;
   border-radius: 16px;
   line-height: 1.2;
   -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.ele__ini {
    position: absolute;
}
.ele__ini figure { width: 100%; }
.ele01 {
    width: 100%;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 9%;
}
.ele06 {
    width: 7%;
    top: 3%;
    left: 36%;
}
.ele07 {
    width: 1.5%;
    top: 26%;
    left: 43%;
}
.ele08 {
    width: 4%;
    top: 48%;
    left: 21%;
}
.ele02 {
    bottom: 13%;
    left: 3%;
    width: 14%;
}
.ele03 {
    width: 3%;
    left: 26%;
}
.ele04 {
    width: 45%;
    left: 75%;
    bottom: 50%;
}

.ele05 {
    top: 30%;
    left: 2%;
    width: 7%;
}

/******************************
*   Causa
******************************/
.causa { padding: 0; }
.sect__causa {
    position: relative;
    padding: 60px 20px;
}
.causa__top {
    padding-top: 120px;
    padding-bottom: 0;
    margin-bottom: -1px;
}
.causa .bg__top {
    top: 0px;
    bottom: -1px;
    background: linear-gradient(45deg,  rgba(70,47,81,1) 0%,rgba(150,0,255,1) 30%,rgba(253,236,0,1) 99%);
    clip-path: polygon(0 0, 100% 50px, 100% 100%, 0% 100%);
}
.fil__dej { position: relative; }
.dej__col {
    text-align: center;
    position: relative;
}
.dej__col .glow {
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
}
.dejemos {
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    transform: rotate(-12deg);
}
.dejemos span {
    display: block;
    font-size: 10vw;
    text-transform: uppercase;
    line-height: 1;
    font-family: 'Doritos Headline';
    font-weight: bold;
    font-style: italic;
    color: rgb(var(--blanco), 1);
    text-shadow: 0 0 10px rgb(var(--negro), .2);
}
.causa_bot { padding-top: 80px; }
.causa .bg__bot {
    top: 0;
    bottom: -120px;
    background: linear-gradient(to right,  rgba(255,172,203,1) 0%,rgba(0,168,235,1) 100%);
    clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 100px), 0% 100%);
}
.causa__txt { text-align: center; }
.causa__txt strong { color: rgb(var(--blanco), 1); }
.trama__caus {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.trama__caus .trama:nth-child(1) { margin-top: 0px; }

/******************************
*   Manifiesto
******************************/
.manifiesto { padding-top: 0; }
.manifiesto > .personaje {
    width: 150px;
    margin: 0 auto 100px;
}
.manifiesto > .h__sect + * { margin-top: 80px; }
.manifiesto > .h__sect h2 { position: relative; }
.manifiesto > .h__sect h2 figure {
    position: absolute;
    width: 70%;
    right: 70%;
    top: 80%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}
.cont__mani {
    margin: 0 auto;
    width: 100vh;
    max-width: 100%;
    text-align: center;
    padding: 0 20px;
    position: relative;
}
.cont__media {
    background: rgb(var(--negro), 1);
    padding: 12px;
}
.media {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.media iframe, 
.media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cont__perso {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 30px;
}
.cont__perso > * { position: relative; }
.pers02 { width: 280px; }
.ele__perso {
    position: absolute;
    width: 100%;
    z-index: -1;
}
.pers01 .ele__perso {
    bottom: 40%;
    right: 40%;
}
.pers02 .ele__perso {
    top: 40%;
    left: 40%;
}
.ele__man {
    position: absolute;
    z-index: -1;
}
.elem01 {
    width: 5%;
    min-width: 60px;
    top: 10%;
    right: 25%;
}
.elem02 {
    width: 5%;
    min-width: 60px;
    top: 20%;
    right:  10%;
}
.perso__ani { position: relative; }
.perso__ani img {
    width: 100%;
    animation: changeImage 1s infinite;
}
.perso__ani img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
}
.perso__ani img:nth-child(2) { animation-delay: .5s; }
@keyframes changeImage {
    0%, 50% {
        opacity: 1;
        z-index: 1;
    }
    50.01%, 100% {
        opacity: 0;
        z-index: 0;
    }
}



.trama__mani {
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-transform: rotate(3deg) scale(1.1) translateY(15px);
    -moz-transform: rotate(3deg) scale(1.1) translateY(15px);
    -ms-transform: rotate(3deg) scale(1.1) translateY(15px);
    -o-transform: rotate(3deg) scale(1.1) translateY(15px);
    transform: rotate(3deg) scale(1.1) translateY(15px);
}
.trama__mani .glow {
    width: 3%;
    min-width: 30px;
    position: absolute;
    top: 0%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/******************************
*   Aliados
******************************/
.aliados { padding: 0; }
.aliados .container > .h__sect + * { margin-top: 60px; }
.ali__des .h__sect h3 {
    color: rgb(var(--blanco), 1);
    text-transform: uppercase;
    font-size: 32px;
}
.ali__des p strong { color: rgb(var(--blanco), 1); }

.ali__top {
    padding-top: 30px;
    position: relative;
    z-index: 5;
}
.aliados .bg__top {
    top: -100px;
    bottom: -65px;
    background: linear-gradient(70deg,  rgba(129,214,74,1) 0%,rgba(149,98,255,1) 50%,rgba(222,150,218,1) 100%);
    clip-path: polygon(0 0, 100% 50px, 100% calc(100% - 60px), 0% 100%);
}
.bg__top .cont__dor {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50vh;
    opacity: .1;
}
.ali__bot { background: linear-gradient(to right,  rgba(255,172,203,1) 0%,rgba(0,168,235,1) 100%); }
.bot__col {
    position: relative;
    padding: 60px 20px;
    background: linear-gradient(to right,  rgba(255,172,203,1) 0%,rgba(0,168,235,1) 100%);
}
.info__ali {
    max-width: 770px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.log__ali {
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: rgb(var(--blanco), 1);
}
.log__ali > * { width: 80%; }
.info__ali p a {
    font-weight: bold;
    color: rgb(var(--blanco), 1);
}
.img__cards {
    display: flex;
    gap: 20px;
}
.card {
    width: 110px;
    mion-width: 110px;
    border-radius: 16px;
    overflow: hidden;
}
.cont__manual {
    padding: 15px;
    background: rgb(var(--blanco), .2);
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.cont__log {
    top: 50%;       
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: 400px;
    width: 100%;
    z-index: 1;
}
.cont__log figure:nth-child(2) {
    position: absolute;
    width: 65%;
    top: 50%;       
    left: 45%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/******************************
*   Contacto
******************************/
.contacto {
    background: rgb(var(--negro), 1);
    color: rgb(var(--blanco), 1);
}
.logo__contact {
    width: 100px;
    opacity: .5;
}
.logo__contact + * { margin-top: 20px; }
.cont__col .h__sect h3 { font-size: 40px; }
.cont__col .h__sect p { font-size: 20px; }
.cont__col .h__sect .glow {
    position: absolute;
    bottom: 100%;
    right: 0%;
    width: 8%;
}
.social__brand + .social__brand  {
    border-top: 1px solid rgb(var(--blanco), .25);
    padding-top: 26px;
    margin-top: 26px;
}
.social__brand > * h5 {
    font-size: 18px;
    font-weight: 500;
}
.social__brand > * ul {
    display: flex;
    list-style: none;
    padding-inline-start: 0px;
}
.social__brand > * ul li + li {
    margin-top: 0;
    margin-left: 40px;
}
.social__brand > * ul li a {
    opacity: .5;
    font-size: 26px;
}
.social__brand > * ul li a:hover { opacity: 1; }

/******************************
*   Mobile
******************************/
/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {
/* Contacto */
.logo__contact { display: none; }
}
@media (min-width : 480px) {
}
/* Small Devices, Tablets */
@media (min-width : 480px) and (max-width : 767px) {
}
@media (max-width : 679px) {
}
@media (min-width : 680px) {
}
@media (min-width : 680px) and (max-width : 767px) {
}
/* Small Devices, Nav */
@media (max-width : 767px) {
/* Causa */
.sect__causa .cont__dor {
    width: 120%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.dej__col + .dej__col { margin-top: 60px; }
.per02 {
    max-width: 380px;
    width: 90%;
    margin: 0 auto;
}
.trama__caus .trama:nth-child(2) { opacity: 0; }

/* Aliados */
.ali__des .h__sect br { display: none; }
}
/* Medium Devices to Large Devices */
@media (min-width : 768px) {
.info__legal .container { width: 900px; }

/* Inicio */
.inicio { margin-bottom: -100px; }

/* Causa */
.causa__bot { padding-top: 80px; }
.causa .bg__top { clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%); }
.trama__caus .trama:nth-child(1) { margin-top: 50px }
.fil__dej {
    margin: 0 auto;
    max-width: 1120px;
    width: 90%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.dej__col:nth-child(2) { width: 45%; }
.dej__col:nth-child(1) { width: 55%; }
.dejemos {
    -webkit-transform: translateX(8%) rotate(-12deg);
    -moz-transform: translateX(8%) rotate(-12deg);
    -ms-transform: translateX(8%) rotate(-12deg);
    -o-transform: translateX(8%) rotate(-12deg);
    transform: translateX(8%) rotate(-12deg);
}
.sect__causa .cont__dor {
    max-width: 100vh;
    width: 70%;
    bottom: 0;
    -webkit-transform: translateX(-45%);
    -moz-transform: translateX(-45%);
    -ms-transform: translateX(-45%);
    -o-transform: translateX(-45%);
    transform: translateX(-45%);
}
.causa__txt {
    margin: 0 auto;
    max-width: 900px;
    width: 90%;
}

/* Manifiesto */
.trama__mani {
    -webkit-transform: rotate(3deg) scale(1.1) translateY(35px);
    -moz-transform: rotate(3deg) scale(1.1) translateY(35px);
    -ms-transform: rotate(3deg) scale(1.1) translateY(35px);
    -o-transform: rotate(3deg) scale(1.1) translateY(35px);
    transform: rotate(3deg) scale(1.1) translateY(35px);
}
.trama__mani .glow {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Aliados */
.aliados .bg__top { clip-path: polygon(0 0, 100% 100px, 100% calc(100% - 60px), 0% 100%); }
.ali__top { padding-bottom: 60px; }
.ali__des {
    display: flex;
    gap: 50px;
    margin: 0 auto;
    max-width: 1000px;
}
.ali__des .h__sect + * { margin-top: 0; }
.ali__des .h__sect { white-space: nowrap; }
.ali__des .h__sect h3 { font-size: 42px; }

/* Contacto */
.cont__col .h__sect h3 { font-size: 50px; }
}
/* Medium Devices, Desktops */
@media (min-width : 768px) and (max-width : 991px) {
/* Contacto */
/* .contacto .container { width: 90%; } */

}
@media (max-width : 991px) {
.container {
    padding-left: 20px;
    padding-right: 20px;
}
/* Inicio */
.ini__col + .ini__col { margin-top: 60px; }

/* Aliados */
.ali__bot > div:nth-child(1) {
    padding-top: 90px;
    padding-bottom: 230px;
}
.ali__bot > div:nth-child(3) { padding-top: 230px; }
.logo__bg { position: relative; }
.cont__log figure:nth-child(1) img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* Contacto */
.contacto br { display: none;}
.cont__col + .cont__col { margin-top: 60px; }
.social__brand > * + * { margin-top: 15px; }
}
@media (min-width : 992px) {
.container {
    width: 85%;
    max-width: 1920px;
}

/* Inicio */
.fil__ini {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.ini__col { width: 50%; }
.col__01 { margin-top: -6%; }
.txt__born span:nth-child(1) { font-size: 6vw; }
.txt__born span:nth-child(2) { font-size: 9vw; }
.per01 { width: 100%; }
.ele01 {
    width: 50%;
    left: 50%;
}
.ele04 {
    width: 25%;
    left: 85%;
    bottom: 30%;
}
.txt__ini {
   max-width: 70%;
   font-size: 1.2vw;
}

/* Aliados */
.ali__bot {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}
.bot__col {
    width: 50%;
    padding-top: 100px;
}
.ali__bot > div:nth-child(1) { padding-right: 120px; }
.ali__bot > div:nth-child(3) { padding-left: 120px; }
.info__ali {
    max-width: 470px;
    width: 90%;
}
.cont__log {
    left: 52%;
    width: 20vw;
    max-width: 400px;
    z-index: 1;
}
.cont__log figure:nth-child(2) { width: 75%; }

/* Manifiesto */
.cont__perso > * {
    position: absolute;
    top: 40%;
}
.pers01  { right: 100%; }
.pers02  { left: 100%; }

/* Contacto */
.contacto { padding-bottom: 120px; }
.fil__contact,
.social__brand {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}
.social__brand > * + * { margin-left: 30px; }
.social__brand > div:nth-child(1) { min-width: 110px; }
.cont__col .h__sect .glow {
    top: 100%;
    bottom: inherit;
    left: 60%;
    width: 10%;
}
}
/* Large Devices, Wide Screens */
@media (min-width : 768px) and (max-width : 1200px) {
/* Causa */
.dejemos span { font-size: 5.5vw; }
}
@media (min-width : 992px) and (max-width : 1200px) {
}
@media (max-width : 1199px) {
}
@media (min-width : 1200px) {
/* Causa */
.dejemos span { font-size: 71px; }
}



header ul,
footer ul,
header ol,
footer ol {
    padding-inline-start: 0;
    list-style: none;
}
header li + li,
footer li + li { margin-top: 0; }

/******************************
*   Header
******************************/
.header {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 0px;
    z-index: 90;
}
.logo {
    width: 110px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}
.logo a {
    display: block;
    position: relative;
    overflow: visible;
}
.logo a span {
    position: absolute;
    top: -100%;
    left: -100%;
    opacity: 0;
}
.menu { position: absolute; }
.menu__nav nav ul li a,
.menu__nav nav ul li a span {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.menu__nav nav ul li a::before,
.menu__nav nav ul li a span::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.menu__nav nav ul li a::before { background: linear-gradient(135deg,  rgba(234,41,109,1) 0%,rgba(241,208,2,1) 50%,rgba(176,196,96,1) 100%); }
.menu__nav nav ul li a::before {
    pointer-events: none;
    opacity: 0;
}
.menu__nav nav ul li a:hover::before {
    top: 8px;
    left: -8px;
    opacity: 1;
}
.menu__nav nav ul li a span {
    font-family: 'Doritos Headline';
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
    padding: 10px 20px 13px;
    line-height: 1;
    border: 1px solid rgb(var(--negro), 1);
    border-radius: 50px;
    background: rgb(var(--blanco), 1);
    overflow: hidden;
}
.menu__nav nav ul li a span::before {
    right: -1px;
    width: 0%;
    background: rgb(var(--negro), 1);
}
.menu__nav nav ul li a:hover { color: rgb(var(--blanco), 1); }
.menu__nav nav ul li a:hover span::before {
    left: -5px;
    width: 110%;
}
.btn__mob {
    width: 60px;
    height: 40px;
    cursor: pointer;
    position: relative;
    border-radius: 50px;
    border: 1px solid rgb(var(--negro), 1);
    background: rgb(var(--blanco), 1);
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
}
.btn__mob > div {
    position: absolute;
    width: 60%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn__mob > div span {
    display: block;
    width: 100%;
    height: 2px;
    background: rgb(var(--negro), 1);
    -webkit-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -moz-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -ms-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -o-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
}
.btn__mob > div span + span { margin-top: 6px; }
.btn__mob.active > div span:nth-child(2) {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
}
.btn__mob.active > div span:nth-child(1) {
    -webkit-transform: translate(0px, 8px) rotate(45deg);
    -moz-transform: translate(0px, 8px) rotate(45deg);
    -ms-transform: translate(0px, 8px) rotate(45deg);
    -o-transform: translate(0px, 8px) rotate(45deg);
    transform: translate(0px, 8px) rotate(45deg);
}
.btn__mob.active > div span:nth-child(3) {
    -webkit-transform: translate(0px, -8px) rotate(-45deg);
    -moz-transform: translate(0px, -8px) rotate(-45deg);
    -ms-transform: translate(0px, -8px) rotate(-45deg);
    -o-transform: translate(0px, -8px) rotate(-45deg);
    transform: translate(0px, -8px) rotate(-45deg);
}

/*------------------- Mobile Header -------------------*/ 
@media (max-width : 479px) {
}
@media (min-width : 480px) {
}
/* Small Devices, Tablets */
@media (min-width : 480px) and (max-width : 767px) {
}
@media (max-width : 679px) {
}
@media (min-width : 680px) {
}
@media (min-width : 680px) and (max-width : 767px) {
}
/* Small Devices, Nav */
@media (max-width : 767px) {
.menu {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    overflow: auto;
    top: 0;
    left: 0;
    padding: 150px 20px 60px;
    background: rgb(var(--blanco), 1);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    pointer-events: none;
    -webkit-transition: all 800ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -moz-transition: all 800ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -ms-transition: all 800ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -o-transition: all 800ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    transition: all 800ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    opacity: 0;
}
.menu .trama {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
}
.menu.active {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.menu__nav nav ul li + li { margin-top: 20px; }
}
/* Medium Devices to Large Devices */
@media (min-width : 768px) {
.btn__mob { display: none; }
.logo {
    width: 140px;
    left: 30px;
}
.menu {
    position: absolute;
    top: 30px;
    right: 30px;
}
.menu .trama { display: none; }
.menu__nav nav ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 20px;
}
.menu__nav nav ul li a span { font-size: 18px; }
}
/* Medium Devices, Desktops */
@media (min-width : 768px) and (max-width : 991px) {
}
@media (max-width : 991px) {
}
@media (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media (min-width : 992px) and (max-width : 1200px) {
}
@media (max-width : 1199px) {
}
@media (min-width : 1200px) {
}

/******************************
*   Footer
******************************/
.footer {
    background: rgb(var(--azul), 1);
    color: rgb(var(--blanco), 1);
    font-family: 'Myriad Pro Light Cond';
    font-weight: bold;
    padding: 30px 15px;
    line-height: 1.3;
}
.footer a {
    display: block;
    text-transform: uppercase;
}
.footer a + a { margin-top: 6px; }
.logo__foo figure {
    width: 180px;
    margin: 0 auto;
}

/*------------------- Mobile Footer -------------------*/ 
@media (max-width : 479px) {
}
@media (min-width : 480px) {
}
/* Small Devices, Tablets */
@media (min-width : 480px) and (max-width : 767px) {
}
/* Small Devices, Nav */
@media (max-width : 767px) {
.footer > div + div { margin-top: 30px; }
.footer br { display: none; }
}
/* Medium Devices to Large Devices */
@media (min-width : 768px){
.footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-around;
    text-align: center;
}
}
/* Medium Devices, Desktops */
@media (min-width : 768px) and (max-width : 991px) {
.logo__foo {
    width: 100%;
    margin-bottom: 30px;
}
}
/* Large Devices, Wide Screens */
@media (min-width : 992px) and (max-width : 1200px) { 
}
@media (min-width : 1999px) {
}