html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
font-size: 16px;
overflow-x: hidden;
font-family: "Montserrat", sans-serif;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
html {
box-sizing: border-box;
height: 100%;
}
#main-content {
overflow: hidden;
}
*,
::after,
::before {
box-sizing: inherit;
}
img {
max-width: 100%;
height: auto;
}
a,
a:visited {
text-decoration: none;
}
.playfair-display- {
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-weight: ;
font-style: normal;
}
h1{
}
h2{
}
h3{
}
h4{
}
h5{
}
.message {
margin-top: 10px;
display: none;
}
.message.error {
font-weight: bold;
color: red;
}
.message.success {
font-weight: bold;
color: green;
}
.campo-contacto {
width: 100% !important;
color: #000;
}
.campo-contacto::placeholder {
color: #fff
}
.grecaptcha-badge {
visibility: hidden;
}
.summer-graf {
position: absolute;
}
/*------------- fonts --------------*/
@font-face {
font-family: "HelveticaNeue-Black-copia-copia-copia";
src: url("../fonts/HelveticaNeue-Black-copia-copia-copia.woff");
}
@font-face {
font-family: "HelveticaNeueBold-copia";
src: url("../fonts/HelveticaNeueBold-copia.woff");
}
@font-face {
font-family: "HelveticaNeue-Thin";
src: url("../fonts/HelveticaNeue-Thin.woff");
}
/*================= Ticker =================*/
.ticker-wrap {
width: 100%;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
height: 44px;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 0;
}
.ticker-wrap .item i {
font-style: normal;
opacity: 1;
}
.ticker-wrap.workshop {
background-color: #FFCA46;
}
.ticker-wrap.home {
background-color: #009dac;
}
.ticker-wrap.equipo {
background-color: #616ac1;
}
.ticker-wrap.equipo a, .ticker-wrap.home a {
color: #ffffff;
opacity: 1;
}
.ticker-wrap.equipo .item {
color:#b1b9ef;
}
.ticker-wrap.home .item {
color:#ffffffab;
}
.ticker-wrap.contenido {
background-color: #ff6354;
}
.ticker-wrap.medios {
background-color: #ff6354;
}
.ticker-wrap.contacto {
background-color: #e2e1e1;
}
.ticker {
display: inline-block;
margin-right: 7rem;
}
.item-collection-1 {
position: relative;
left: 0%;
}
.ticker-wrap .item {
display: inline-block;
padding: 0 1rem;
font-size: 22px;
color: #ffffff;
font-weight: 300;
font-family: "HelveticaNeueBold-copia";
}
.ticker-wrap.contacto .item {
color: #333333;
}
.ticker-wrap.contacto .item i {
opacity: .5;
}
/*================= end Ticker =================*/
/*===================== header =======================*/
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1750px;
}
.navbar-expand-lg .offcanvas .offcanvas-body {
justify-content: flex-end;
}
.navbar {
height: 150px;
}
.logo-nav{
display: flex;
align-items: center;
}
.navbar .nav-link {
color: #ffffff;
text-transform: uppercase;
font-family: "HelveticaNeueBold-copia";
padding: 0 0 4px!important;
font-size: 24px;
}
li.nav-item {
padding: 0 1.3rem;
}
.navbar-nav .nav-link.active {
color: #ffffff;
padding: 0 0 4px!important;
}
a.nav-link.home.active {
border-bottom: 9px solid #96dfb7;
}
a.nav-link.equipo.active {
border-bottom: 9px solid #b1b9ef;
}
a.nav-link.workshop.active {
border-bottom: 9px solid #ffdc78;
}
a.nav-link.contenido.active {
border-bottom: 9px solid #ffb8b8;
}
a.nav-link.medios.active {
border-bottom: 9px solid #ffb8b8;
}
a.nav-link.contacto.active {
border-bottom: 9px solid #e2e1e1;
}
.logo-nav img{
width:157px;
}
.logo-nav a{}
.logo-nav p{
margin-bottom: 0;
font-family: "Playfair Display", serif;
font-weight: 900;
font-size:1.25rem;
padding-left:0px;
line-height: 1.50rem;
}
.logo-nav p span{
margin-bottom: 0;
font-family: "Playfair Display", serif;
font-weight: 100;
font-style: italic;
}
.navbar-toggler{
border:unset!important;
}
.cabecera-delete{
height: 633px;
/*background-image: url(../img/cabecera-delete.jpg);*/
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
.cabecera-delete img.summer-graf.dot {
margin-top: 90px;
left: 0;
}
.logo-nav p img{
width:300px;
}
.cabecera-home a {
color: #fff;
font-family: "HelveticaNeue-Thin";
font-weight: 700;
position: relative;
font-size: 1.813rem;
border-bottom: 2px solid #fff;
}
.cabecera-delete a.conoce:before {
background-color: #96dfb7;
width: 70px;
height: 9px;
display: inline-block;
content: "";
position: absolute;
margin-left: -105px;
margin-top: 19px;
}
/*===================== end header =======================*/
/*===================== home =======================*/
#bloque-summer-history {
height: 857px;
background-color: #009ead;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
#bloque-summer-history .container:first-of-type {
margin-bottom: 5rem;
max-width: 1450px;
}
#bloque-summer-history .container:last-of-type {
max-width: 1450px;
}
section#bola .container {
max-width: 1340px;
}
#bloque-summer-history h2{
font-size: 4.813rem;
font-weight: 900;
font-style: italic;
font-family: "Playfair Display", serif;
color:#fff;
margin-bottom: 0;
line-height: 5rem;
}
#bloque-summer-history h2.marcas {
font-size: 4.813rem;
font-weight: 300;
font-style: italic;
font-family: "Playfair Display", serif;
color:#fff;
margin-bottom: 0;
line-height: 5rem;
}
#bloque-summer-history .logos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#bloque-summer-history .logos img {
filter: invert(1);
height: 42px;
margin: 3rem;
}
#bloque-summer-history .logos img:first-of-type {
margin-left:0;
}
#bloque-summer-history .logos img:last-of-type {
margin-right: 0;
height: 34px;
}
#bloque-summer-history h2 span {
display: block;
color:#96dfb7;
font-weight: 900;
}
#bloque-summer-history h2 span span{
display: inline;
font-weight: 300;
font-size: 118px;
}
#bloque-summer-history .brand {
font-size: 27px;
font-weight: 300;
font-style: normal;
font-family: "HelveticaNeue-Thin";
color: #fff;
line-height: 1.7;
margin-top: 2.5rem;
width: 89%;
}
span.multi img, span.que img, span.creadores img {
height: 31px;
position: relative;
top: 2px;
}
#bloque-summer-history .brand span {
font-size: 37px;
line-height: 1;
}
#bloque-summer-history a.conoce {
color: #ffffff;
border-bottom: 1px solid #ffffff;
padding-bottom: 0;
margin-left: 120px;
float: right;
font-size: 24px;
font-weight: 700;
margin-top: 3rem;
}
#bloque-summer-history a.conoce:before {
background-color: #96dfb7;
width: 70px;
height: 9px;
display: inline-block;
content: "";
position: absolute;
margin-left: -105px;
margin-top: 14px;
}
img.summer-graf.pool-3 {
right: 80px;
margin-top: -32px;
}
#bloque-summer-history img.summer-graf.pool-1 {
left: -101px;
margin-top: 28px;
}
#bloque-summer-history img.summer-graf.wave-1 {
right: 29px;
margin-top: -772px;
}
section#home-bottom img.summer-graf.dot-2 {
right: 180px;
margin-top: -40px;
}
.brand-gif{
font-family: "HelveticaNeue-Thin";
font-weight: 300;
font-size:2.125rem;
}
.brand-gif img{
position: relative;
top: -15px;
}
.brand-gif.segundo-brand img{
top: 0px;
}
.segundo-brand{
line-height: 1rem;
}
section#bola {
color: #fff;
}
.resultados {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
height: 658px;
width: 380px;
}
.p-01, .p-02, .p-03 {
position: absolute;
left: 0;
right: 0;
margin: auto;
cursor: pointer;
}
.p-01 {
height: 271px;
width: 220px;
background-image: url(../img/p-01.webp);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 3;
left: -378px;
cursor: pointer;
}
.p-02 {
height: 388px;
width: 231px;
background-image: url(../img/p-02.webp);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 2;
left: -161px;
cursor: pointer;
}
.p-03 {
height: 658px;
width: 380px;
background-image: url(../img/p-03.webp);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 1;
}
.p-01.active {
background-image: url(../img/p-01-o.webp);
}
.p-02.active {
background-image: url(../img/p-02-o.webp);
}
.p-03.active {
background-image: url(../img/p-03-o.webp);
}
.mensajes {
width: 50vw;
height: 400px;
left: 160px;
position: relative;
top: 40px;
user-select: none;
}
.resultados div {
user-select: none;
cursor: pointer;
}
.ms-1, .ms-2, .ms-3 {
position: absolute;
width: 45vw;
}
.ms-1 h3 {
font-size: 59px;
font-weight: 900;
font-style: normal;
font-family: "Playfair Display", serif;
color:#96dfb7;
line-height: 1;
width: 100%;
}
.ms-1 span.separador {
height: 6px;
width: 593px;
position: absolute;
background-color: #96dfb7;
margin-top: 18px;
margin-left: -527px;
z-index: 2;
}
.ms-1 h3 span {
display: block;
margin-left: 4rem;
}
.ms-1 h3 span i{
font-size: 89px;
font-weight: 300;
}
.ms-2 h3 {
font-size: 59px;
font-weight: 900;
font-style: normal;
font-family: "Playfair Display", serif;
color:#ffa069;
line-height: 1;
width: 100%;
}
.ms-2 span.separador {
height: 6px;
width: 421px;
position: absolute;
background-color: #ffa069;
margin-top: 18px;
margin-left: -390px;
z-index: 2;
}
.ms-2 h3 span {
display:block;
margin-left: 4rem;
}
.ms-2 h3 span i{
font-size: 89px;
font-weight: 300;
}
.ms-3 h3 {
font-size: 59px;
font-weight: 900;
font-style: normal;
font-family: "Playfair Display", serif;
color:#ffe592;
line-height: 1;
width: 100%;
}
.ms-3 span.separador {
height: 6px;
width: 300px;
position: absolute;
background-color: #ffe592;
margin-top: 18px;
margin-left: -230px;
z-index: 2;
}
.ms-3 h3 span {
display:block;
margin-left: 4rem;
}
.ms-3 h3 span i{
font-size: 89px;
font-weight: 300;
}
.mensajes {
padding-right: 0;
}
.mensajes p {
font-family: "HelveticaNeue-Thin";
font-weight: 300;
font-size:24px;
margin-left: 4rem;
}
.mensajes a.conoce {
color: #ffffff;
border-bottom: 1px solid #ffffff;
padding-bottom: 0;
margin-left: 120px;
float: right;
font-size: 24px;
font-weight: 700;
margin-top:3rem;
}
.mensajes a.conoce:before {
background-color: #96dfb7;
width: 70px;
height: 9px;
display: inline-block;
content: "";
position: absolute;
margin-left: -105px;
margin-top: 14px;
}
.marcas-creadoras .logos {
align-items: center;
}
.marcas-creadoras .logos img {
filter: invert(1);
}
#bola{
background-color:#333333;
height: 1042px;
display: flex;
justify-content: center;
align-items: center;
}
#bola h2{
font-size: 4.813rem;
font-weight: 900;
font-style: italic;
font-family: "Playfair Display", serif;
color:#fff;
margin-bottom: 0;
line-height: 5rem;
}
#bola .brand{
font-size: 4.813rem;
font-weight:300;
font-style: italic;
font-family: "Playfair Display", serif;
color:#009ead;
line-height: 5rem;
}
section#home-bottom{
height: auto;
background-color: #e2e1e1;;
display: flex;
}
#seccion-contacto input {
color: #212529;
background-color: #ffffff8f;
border-radius: 0;
border: 1px solid #333333;
height: 61px;
font-size: 25px;
}
#seccion-contacto textarea {
height: 217px;
border-radius: 0;
border: 1px solid #000000;
font-size: 25px;
margin-bottom: 1rem;
background-color:#ffffff8f;
}
#seccion-contacto input[type="text"]::placeholder,
#seccion-contacto textarea::placeholder {
color: #c7c7c7;
font-size: 25px;
}
#seccion-contacto button {
border: unset!important;
background-color: transparent!important;
border-bottom: 10px solid #333!important;
padding: 3px 0;
border-radius: 0!important;
color: #333333;
font-size: 27px;
}
section#home-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -38px;
}
section#home-bottom img.summer-graf.pool {
left: 26vw;
margin-top: 480px;
}
section#home-bottom h2{
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight:300;
line-height: 5rem;
color:#009ead;
line-height: .7;
margin-bottom: 30px;
}
section#home-bottom h2 span {
font-style: italic;
font-weight: 900;
color: #333333;
display: block;
font-size: 93px;
}
section#home-bottom h2 span span {
font-style: italic;
font-weight: 300;
font-size: 7.25rem;
display: inline;
}
section#home-bottom p{
font-family: "HelveticaNeue-Thin";
font-size: 1.813rem;
font-weight:300;
}
section#home-bottom p span{
padding-bottom: 5px;
border-bottom:10px solid #009ead;
}
section#home-bottom p a{
padding-bottom: 5px;
border-bottom:10px solid #009ead;
color:#000;
}
/*===================== end home =======================*/
/*===================== workshop =======================*/
section#cabecera-workshop{
height: 429px;
background-color: #ffbc00;;
display: flex;
}
section#cabecera-workshop img.summer-graf.dot {
margin-top: 109px;
}
section#cabecera-workshop img.summer-graf.pool {
right: 0;
margin-top: 228px;
}
section#cabecera-workshop h1{
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight:300;
line-height: 5rem;
color:#ffe592;
}
section#cabecera-workshop h1 span {
font-style: normal;
font-weight: 900;
color: #ffffff;
display: block;
padding-left: 16vw;
}
section#cabecera-workshop h1 span i {
font-weight: 300;
}
section#workshop{
background-color: #333333;;
display: flex;
color:#ffffff;
}
section#workshop .container {
max-width: 1440px;
}
section#workshop a.conoce {
color: #ffffff;
border-bottom: 1px solid #ffffff;
padding-bottom: 0;
margin-left: 120px;
float: right;
font-size: 24px;
font-weight: 700;
}
section#workshop a.conoce:before {
background-color: #ffdc78;
width: 70px;
height: 9px;
display: inline-block;
content: "";
position: absolute;
margin-left: -105px;
margin-top: 14px;
}
section#workshop .col-lg-6.col-sm-12.col-text-left {
padding-right: 130px;
}
section#workshop .col-lg-6.col-sm-12.col-text-right {
padding-left: 130px;
padding-top: 77px;
}
section#workshop img.summer-graf.dot-2-2 {
right: 169px;
margin-top: -303px;
}
section#workshop .row.primera {
padding-top: 6rem;
}
section#workshop .row.ultima {
padding-bottom: 6rem;
}
section#workshop p{
font-style: normal;
font-size: 24px;
}
section#workshop .col-text-left,
section#workshop .col-text-right {
display: flex;
flex-direction: column;
justify-content: center;
}
section#workshop h3{
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 60px;
font-weight:300;
line-height: 69px;
color:#ffbc00;
text-align: center;
position: relative;
top:31px;
}
section#workshop-bottom{
height: auto;
background-color: #e2e1e1;;
display: flex;
}
section#workshop-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -128px;
}
section#workshop-bottom img.summer-graf.pool {
left: 26vw;
margin-top: 480px;
}
section#workshop-bottom h2{
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight:300;
line-height: 5rem;
color:#ffbc00;
line-height: .7;
margin-bottom: 30px;
}
section#workshop-bottom h2 span {
font-style: italic;
font-weight: 900;
color: #333333;
display: block;
font-size: 93px;
}
section#workshop-bottom h2 span span {
font-style: italic;
font-weight: 300;
font-size: 7.25rem;
display: inline;
}
section#workshop-bottom p{
font-family: "HelveticaNeue-Thin";
font-size: 1.813rem;
font-weight:300;
}
section#workshop-bottom p span{
padding-bottom: 5px;
border-bottom:10px solid #ffbc00;
}
section#workshop-bottom p a{
padding-bottom: 5px;
border-bottom:10px solid #ffbc00;
color:#000;
}
.footer-bottom .form {
min-width: 380px;
}
/*===================== end workshop =======================*/
/*===================== equipo =======================*/
section#cabecera-equipo {
height: 710px;
background-color: #616ac1;
display: flex;
color: #ffffff;
align-items: center;
}
section#cabecera-equipo .container {
max-width: 1390px;
}
section#cabecera-equipo img.summer-graf {
margin-left: -326px;
margin-top: -259px;
}
section#cabecera-equipo h1 {
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight: 300;
line-height: 5rem;
color: #b1b9ef;
margin-left: -2rem;
margin-bottom: 2.7rem;
}
section#cabecera-equipo h1 span {
font-style: normal;
font-weight: 900;
color: #ffffff;
display: inline;
}
section#cabecera-equipo h1 span span {
display: inline;
font-style: italic;
text-transform: uppercase;
font-family: "Playfair Display", serif;
font-weight:300;
}
section#cabecera-equipo p {
font-size: 25px;
line-height: 32px;
font-family:HelveticaNeue-Thin;
}
section#equipo{
background-color: #333333;
color:#ffffff;
}
section#equipo a.conoce {
color: #ffffff;
border-bottom: 1px solid #ffffff;
padding-bottom: 5px;
margin-left: 120px;
font-size: 24px;
font-weight: 700;
}
section#equipo a.conoce:before {
background-color: #b1b9ef;
width: 70px;
height: 9px;
display: inline-block;
content: "";
position: absolute;
margin-left: -105px;
margin-top: 14px;
}
section#equipo .col {
text-align: center;
height: 656px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-position: center;
filter: brightness(1);
}
section#equipo .col .datos {
display: none;
margin: 0 auto 2rem;
width: 13vw;
}
section#equipo .col:hover .datos {
display: block;
z-index: 1;
}
section#equipo .col:hover:before {
content: "";
width: 20vw;
height: 100%;
background-color: #00000090;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
section#equipo .col.uno {
background-image: url(../img/Pilar-Sayans.webp);
background-size: cover;
}
section#equipo .col.dos {
background-image: url(../img/Alvaro-de-Cozar.webp);
background-size: cover;
}
section#equipo .col.tres {
background-image: url(../img/Ramon-Azofra.webp);
background-size: cover;
}
section#equipo .col.cuatro {
background-image: url(../img/Tamara-Danielian.png);
background-size: cover;
}
section#equipo .col.cinco {
background-image: url(../img/inigo-ancizu.webp);
background-size: cover;
}
section#equipo .col h3 {
font-family: "Playfair Display", serif;
font-style: normal;
font-size: 48px;
font-weight: 300;
line-height: 52px;
color: #ffffff;
text-align: left;
margin-bottom: 40px;
}
section#equipo .col h3 span {
font-style: normal;
font-weight: 900;
color: #adb5ed;
display: block;
margin: inherit auto;
}
section#equipo .col p {
font-size: 25px;
font-family: "HelveticaNeue-Thin";
}
section#equipo .row.conoce-mas {
height: 427px;
display: flex;
align-content: center;
}
section#equipo .row.conoce-mas p {
font-size: 24px;
font-family: "HelveticaNeue-Thin";
padding-left: 6rem;
margin-bottom: 4rem;
}
section#equipo-bottom{
height: auto;
background-color: #e2e1e1;;
display: flex;
}
section#equipo-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: 30px;
}
section#equipo-bottom img.summer-graf.pool {
left: 26vw;
margin-top: 480px;
}
section#equipo-bottom h2{
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight:300;
line-height: 5rem;
color:#616ac1;
line-height: .7;
margin-bottom: 60px;
}
section#equipo-bottom h2 span {
font-style: italic;
font-weight: 900;
color: #333333;
display: block;
font-size: 93px;
}
section#equipo-bottom h2 span span {
font-style: italic;
font-weight: 300;
font-size: 7.25rem;
display: inline;
}
section#equipo-bottom p{
font-family: "HelveticaNeue-Thin";
font-size: 1.813rem;
font-weight:300;
}
section#equipo-bottom p span{
padding-bottom: 5px;
border-bottom:10px solid #616ac1;
}
section#equipo-bottom p a{
padding-bottom: 5px;
border-bottom:10px solid #616ac1;
color:#000;
}
/*===================== end equipo =======================*/
/*===================== contenido =======================*/
section#cabecera-contenido {
background-color: #ff3366;
display: flex;
padding: 0!important;
}
section#cabecera-contenido .container-fluid {
padding-left:0;
padding-right:0;
}
section#cabecera-contenido h1{
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight:900;
line-height: 5rem;
color:#ffffff;
}
section#cabecera-contenido h1 span {
font-style: italic;
font-weight: 300;
color: #ffb8b8;
display: block;
}
section#cabecera-contenido .proyecto-detalles {
display: flex;
flex-direction: column;
justify-content: center;
}
section#cabecera-contenido .proyecto-detalles .row {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
section#cabecera-contenido .proyecto-detalles .detalles {
max-width: 700px;
}
section#cabecera-contenido p.contenido-para,
section#cabecera-contenido p {
color: #ffffff;
font-size: 27px;
font-family: "HelveticaNeue-Thin";
}
section#cabecera-contenido p.contenido-para span {
font-style: italic;
}
section#cabecera-contenido .conoce-mas {
display: flex;
justify-content: flex-end;
max-width: 781px;
margin-top: 1rem;
}
section#cabecera-contenido a.conoce{
color:#ffffff;
border-bottom:1px solid #ffffff;
padding-bottom: 5px;
}
section#cabecera-contenido a.conoce:before {
background-color: #ffb8b8;
width: 70px;
height: 9px;
display: inline-block;
content: "";
position: absolute;
margin-left: -85px;
margin-top: 8px;
}
section#contenido .container-fluid {
padding-left:0;
padding-right:0;
}
section#contenido .proyecto {
display: flex;
align-items: flex-end;
justify-content: center;
}
section#contenido .proyecto img {
filter: brightness(1);
width: 200%;
}
section#contenido .proyecto:hover img {
filter: brightness(0.4);
}
section#contenido .detalles-proyecto {
position: absolute;
margin-bottom: 50px;
display:none;
}
section#contenido .detalles-proyecto p {
color:#ffffff;
margin-bottom: 20px;
}
section#contenido .proyecto:hover .detalles-proyecto {
display: block;
z-index: 1;
}
section#contenido .proyecto .conoce a{
color:#ffffff;
border-bottom:2px solid #ffffff;
padding-bottom: 5px;
}
section#contenido .proyecto span.conoce {
background-color: #ff9d48;
width: 70px;
height: 9px;
display: inline-block;
content: "";
margin-top: 8px;
margin-right: 20px;
}
section#contenido-bottom {
height: auto;
background-color: #e2e1e1;
display: flex;
padding: 3vh 2rem;
}
section#contenido-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -38px;
}
section#contenido-bottom img.summer-graf.pool {
left: 26vw;
margin-top: 480px;
}
section#contenido-bottom h2 {
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight: 300;
line-height: .7;
color: #ff6354;
margin-bottom: 30px;
}
section#contenido-bottom h2 span{
font-style:italic;
font-weight:900;
color:#333333;
display: block;
font-size: 93px;
}
section#contenido-bottom h2 span span{
font-style:italic;
font-weight:300;
font-size: 7.25rem;
display: inline;
}
section#contenido-bottom p{
font-family: "HelveticaNeue-Thin";
font-size: 1.813rem;
font-weight:300;
}
section#contenido-bottom p span{
padding-bottom: 5px;
border-bottom:10px solid #ff6354;
}
section#contenido-bottom p a{
padding-bottom: 5px;
border-bottom:10px solid #ff6354;
color:#000;
}
footer#contenido{
height: 250px;
background-color: #333333;;
display: flex;
}
footer#contenido img.summer-graf.pool {
left: 24%;
margin-top: -17px;
height: 107px;
}
footer#contenido .form-control {
display: block;
width: 140%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
background-color: transparent;
background-clip: padding-box;
border: 1px solid #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
footer#contenido button{
border:unset!important;
background-color:transparent!important;
border-bottom:10px solid #fff!important;
padding:3px 0;
border-radius:0!important;
}
footer#contenido p, footer#contenido p a {
color:#fff;
margin-bottom:0;
}
footer#contenido p a {
text-decoration: underline;
}
footer#contenido .acerca {
margin-top: 1.5rem;
}
/*===================== end contenido =======================*/
/*===================== proyecto =======================*/
section#cabecera-detalles-contenido {
background-color: #ff6354;
display: flex;
padding: 0!important;
}
section#cabecera-detalles-contenido .container-fluid {
padding-left: 0;
padding-right: 0;
}
section#cabecera-detalles-contenido .proyecto-detalles {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
section#cabecera-detalles-contenido .proyecto-detalles .detalles {
max-width: 700px;
}
section#cabecera-detalles-contenido p.contenido-para, section#cabecera-detalles-contenido p {
color: #ffffff;
font-size: 27px;
font-family: "HelveticaNeue-Thin";
}
section#proyecto-bottom {
height: auto;
background-color: #e2e1e1;;
display: flex;
}
section#proyecto-bottom h2{
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight:300;
line-height: 5rem;
color:#ff6354;
line-height: .7;
margin-bottom: 30px;
}
section#proyecto-bottom h2 span{
font-style:italic;
font-weight:900;
color:#333333;
display: block;
font-size: 93px;
}
section#proyecto-bottom h2 span span{
font-style:italic;
font-weight:300;
font-size: 7.25rem;
display: inline;
}
section#proyecto-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -38px;
}
section#proyecto-bottom img.summer-graf.pool {
left: 26vw;
margin-top: 480px;
}
section#proyecto-bottom p{
font-family: "HelveticaNeue-Thin";
font-size: 1.813rem;
font-weight:300;
}
section#proyecto-bottom p span{
padding-bottom: 5px;
border-bottom:10px solid #ff6354;
}
section#proyecto-bottom p a{
padding-bottom: 5px;
border-bottom:10px solid #ff6354;
color:#000;
}
/*===================== end proyecto =======================*/
/*===================== La bala mágica =======================*/
section#cabecera-detalles-contenido-la-bala {
background-color: #ff3366;
display: flex;
padding: 0!important;
}
section#cabecera-detalles-contenido-la-bala .container-fluid {
padding-left: 0;
padding-right: 0;
}
section#cabecera-detalles-contenido-la-bala .proyecto-detalles {
max-width: 80%;
padding: 3rem 0 0 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
section#cabecera-detalles-contenido-la-bala .proyecto-detalles .detalles {
max-width: 700px;
}
section#cabecera-detalles-contenido-la-bala p.contenido-para, section#cabecera-detalles-contenido-la-bala p {
color: #ffffff;
font-size: 27px;
font-family: "HelveticaNeue-Thin";
}
#bloque-video {
background: #ff3366;
}
.video-16-9 {
position: relative;
left: 0px;
right: 0;
top: 0;
bottom: 0;
width: 100vw;
height: 900px;
}
section.borrarias.la-bala {
background: #333333;
color: #ffffff;
padding: 6vh 2rem;
margin-top: -8px;
}
.y-tu-que-la-bala {
height: 686px;
background-image: url(../img/slider_destacados_home_Slider_destacado_CONTROLES.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #333333;
}
#carrusel-la-bala {
background-color: #ff3366;
height: 820px;
display: flex;
flex-direction: column;
justify-content: center;
}
#carrusel-la-bala .text-delete {
color: #fff;
margin-bottom: 10px;
}
#carrusel-la-bala .iconos-music {
margin-bottom: 6rem;
opacity: .85!important;
filter: saturate(0);
}
/*===================== end La bala mágica =======================*/
/*===================== medios =======================*/
section#medios {
background-color: #ef607b;
color:#ffffff;
padding:0;
}
section#cabecera-medios .container-fluid {
padding: 0;
}
section#medios .container {
max-width:1920px;
padding: 0;
}
section#medios h2{
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight:300;
line-height: 5rem;
}
section#medios p {
font-family: "HelveticaNeue-Thin";
font-size: 27px;
font-weight: 300;
}
section#medios img {
background-color: #f7f7f7;
}
section#medios h2 span{
font-style:italic;
font-weight:900;
display: block;
}
section#medios .text-left {
display: flex;
align-items: flex-start;
flex-direction: column;
align-content: flex-start;
justify-content: center;
padding: 0 12rem 0 12rem;
}
section#medios .text-right {
display: flex;
align-items: flex-start;
flex-direction: column;
align-content: flex-start;
justify-content: center;
padding-left: 9rem;
padding-right: 8rem;
}
section#medios-bottom {
height: auto;
background-color: #e2e1e1;;
display: flex;
}
section#medios-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -38px;
}
section#medios-bottom img.summer-graf.pool {
left: 26vw;
margin-top: 480px;
}
section#medios-bottom h2{
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight:300;
line-height: 5rem;
color:#ef607b;
line-height: .7;
margin-bottom: 30px;
}
section#medios-bottom h2 span{
font-style:italic;
font-weight:900;
color:#333333;
display: block;
font-size: 93px;
}
section#medios-bottom h2 span span{
font-style:italic;
font-weight:300;
font-size: 7.25rem;
display: inline;
}
section#medios-bottom p{
font-family: "HelveticaNeue-Thin";
font-size: 1.813rem;
font-weight:300;
}
section#medios-bottom p span{
padding-bottom: 5px;
border-bottom:10px solid #ef607b;
}
section#medios-bottom p a{
padding-bottom: 5px;
border-bottom:10px solid #ef607b;
color:#000;
}
.links {
display: flex;
margin: 1rem 0;
}
.links a {
margin-right: 22px;
cursor: pointer;
}
.links a:before {
display: block;
content:".";
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ffb8b8;
}
.links a:hover:before {
background-color: #fff;
}
/*===================== end medios =======================*/
/*===================== contacto =======================*/
section#form-contacto {
background-color: #e2e1e1;
display: flex;
height: 872px;
align-items: center;
}
section#form-contacto .container {
display: flex;
}
section#form-contacto img.summer-graf.dot {
right: 100px;
margin-top: -79px;
}
section#form-contacto img.summer-graf.pool-1 {
margin-top: 490px;
left: -68px;
}
section#form-contacto img.summer-graf.wave {
margin-top: 940px;
left: 50vw;
height: 146px;
}
section#form-contacto button {
border: unset!important;
background-color: transparent!important;
border-bottom: 2px solid #000000!important;
padding: 3px 0;
border-radius: 0!important;
color: #000000;
font-size: 27px;
font-family: "HelveticaNeueBold-copia";
position: relative;
float: right;
top: -13px;
}
section#form-contacto .linea:before {
height: 9px;
width: 70px;
background-color: #616ac1;
content: "";
display: inline-block;
}
.linea {
width: 178px;
height: 20px;
margin-top: 70px;
float: right;
}
section#form-contacto label {
font-size: 25px;
font-family: "HelveticaNeue-Thin";
margin-right:15px;
}
section#form-contacto label a {
font-family: "HelveticaNeueBold-copia";
}
section#form-contacto:before {
background-color: #ffffff;
width: 70px;
height: 9px;
display: inline-block;
content: "";
position: absolute;
margin-left: -85px;
margin-top: 8px;
}
section#form-contacto input[type="text"] {
height: 61px;
border-radius:0;
border: 1px solid #000000;
font-size: 25px;
}
section#form-contacto textarea {
height: 147px;
border-radius:0;
border: 1px solid #000000;
font-size: 25px;
margin-bottom:1rem;
}
section#form-contacto input[type="text"]::placeholder,
section#form-contacto textarea::placeholder {
color: #e2e1e1;
}
section#form-contacto .col-xxl-6.col-xl-6.col-md-12.col-12.primera {
padding-right: 9vw;
}
footer#contacto{
height: 250px;
background-color: #333333;;
display: flex;
}
section#form-contacto h2 {
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 4.813rem;
font-weight: 300;
line-height: 4.2rem;
margin-bottom: 4rem;
}
section#form-contacto h2 span{
font-style:normal;
font-weight:900;
color:#ffffff;
}
section#form-contacto h2 span span{
font-style:italic;
font-weight:300;
font-size: 7.25rem;
}
section#map p {
font-size: 25px;
font-family: "HelveticaNeue-Thin";
}
section#map strong {
font-size: 25px;
font-family: "HelveticaNeueBold-copia";
margin-top: 2rem;
}
section#map {
background-color: #333333;
color: #ffffff;
height: 550px;
display: flex;
align-items: center;
}
section#map .direccion {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
padding-right: 3rem;
}
section#map iframe {
width: 100%;
height: 550px;
}
section#map img.summer-graf.wave {
height: 180px;
left: 50%;
margin-top: -460px;
}
section#form-contacto p {
font-family: "HelveticaNeue-Thin";
font-size: 1.7rem;
line-height: 2rem;
font-weight: 300;
}
section#form-contacto p span{
padding-bottom: 5px;
border-bottom:10px solid #616ac1;
font-family: "HelveticaNeueBold-copia";
}
section#form-contacto p a{
padding-bottom: 5px;
border-bottom:10px solid #616ac1;
color:#000;
}
footer#contacto .form-control {
display: block;
width: 140%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
background-color: transparent;
background-clip: padding-box;
border: 1px solid #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
section#form-contacto label {
display: inline;
}
footer#contacto button{
border:unset!important;
background-color:transparent!important;
border-bottom:10px solid #fff!important;
padding:3px 0;
border-radius:0!important;
}
/*===================== end contacto =======================*/
.text-delete p{
font-family: "HelveticaNeue-Thin";
font-weight: 300;
font-size:1.813rem;
line-height: 2.4rem;
}
.text-delete p span{
font-family: "HelveticaNeueBold-copia";
}
.apple-music{
width:113px;
height:27px;
}
section.borrarias {
background: #333333;
color: #ffffff;
padding: 6vh 2rem;
}
#carrusel-delete {
background-color: #ff6354;
height: 820px;
display: flex;
flex-direction: column;
justify-content: center;
}
#carrusel-delete .text-delete {
color: #fff;
margin-bottom: 10px;
}
#carrusel-delete .iconos-music {
margin-bottom: 6rem;
}
section#un-proyecto {
background: #333333;
color: #fff;
padding: 6vh 2rem;
}
section#un-proyecto img {
filter: invert(1);
}
.slick-prev:before {
content: ' ' !important;
background-image: url(../img/arrow-left.webp) !important;
background-repeat: no-repeat;
width: 51px;
height: 95px;
display: inline-block;
position: relative;
left:-42px;
background-size: contain;
margin-top: -34px;
}
.slick-next:before{
content: ' ' !important;
background-image: url(../img/arrow-right.webp) !important;
background-repeat: no-repeat;
width: 51px;
height: 95px;
display: inline-block;
position: relative;
left:20px;
background-size: contain;
margin-top: -34px;
}
.y-tu-que {
height: 686px;
background-image: url(../img/y-tu-que.webp);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-color: #333333;
}
/*===================== footer =======================*/
/*===================== Responsive =======================*/
@media (min-width: 1441px) and (max-width: 1600px) {
body {
font-size: 1.5vw;
}
.container-xxl.align-items-center {
max-width: 90vw;
}
.container {
width: 90vw;
padding: 2vw;
}
#bloque-video iframe {
height: 875px!important;
}
.y-tu-que-la-bala {
height: 506px;
}
section#cabecera-equipo img.summer-graf {
margin-left: -276px;
margin-top: -259px;
}
section#cabecera-equipo .container {
max-width: 1208px;
}
section#medios .container {
max-width: 100%;
width: 100%;
padding: 0;
}
section#medios h2 {
font-size: 3.5rem;
line-height: 4rem;
}
section#medios .text-left {
padding: 0 5rem 0 12rem;
}
section#medios .text-right {
padding-left: 9rem;
padding-right: 4rem;
}
section#medios p {
font-size: 23px;
}
}
@media (min-width: 1367px) and (max-width: 1440px) {
.navbar {
height: 130px;
}
.ticker-wrap .item {
font-size: 18px;
}
body {
font-size: 1.5vw;
}
.container-xxl.align-items-center {
max-width: 90vw;
}
.container {
width: 90vw;
padding: 2vw;
}
section#workshop p, section#cabecera-equipo p, section#medios p, section#form-contacto p, section#map p, section#map strong, section#form-contacto label, section#cabecera-contenido p.contenido-para, section#cabecera-contenido p, section#cabecera-detalles-contenido-la-bala p.contenido-para, section#cabecera-detalles-contenido-la-bala p, .text-delete p, section#cabecera-detalles-contenido p.contenido-para, section#cabecera-detalles-contenido p, #bloque-summer-history .brand, section#home-bottom p {
font-size: inherit;
}
.mensajes {
width: 50vw;
height: 400px;
left: 80px;
top: 39px;
}
.cabecera-delete {
height: 400px;
}
span.multi img, span.que img, span.creadores img {
height: 24px;
position: relative;
top: 3px;
}
.slick-prev:before, .slick-next:before {
width: 40PX;
height: 50px;
}
section#cabecera-detalles-contenido-la-bala .proyecto-detalles {
padding: 3rem 5rem;
}
section#cabecera-contenido .proyecto-detalles .detalles, section#cabecera-detalles-contenido .proyecto-detalles .detalles {
max-width: 700px;
padding: 3rem 5rem;
}
#bloque-summer-history a.conoce {
margin-left: 30px;
}
.y-tu-que{
height: 311px;
}
.y-tu-que-la-bala {
height: 486px;
}
#bloque-summer-history .logos img {
height: 35px;
margin: 3rem 3rem 0;
}
.cabecera-delete a {
font-size: 1.6rem;
border-bottom: 10px solid #fff;
top: 78%;
left: 160px;
}
section#bloque-video iframe {
height: 810.77px!important;
}
section#contenido-bottom p, section#medios-bottom p, section#equipo-bottom p, section#workshop-bottom p, .navbar .nav-link {
font-size: 1.313rem;
}
section#cabecera-workshop h1, section#cabecera-equipo h1, section#form-contacto h2, section#cabecera-contenido h1, section#equipo-bottom h2, section#contenido-bottom h2, #bloque-summer-history h2, #bloque-summer-history h2.marcas, section#home-bottom h2, #bola .brand, #bola h2 {
font-size: 4.1rem;
line-height: 4.1rem;
}
section#equipo-bottom h2 span {
font-size: 87px;
}
#bloque-summer-history h2 span span {
display: inline;
font-weight: 300;
font-size: 92px;
}
img.summer-graf.pool-3 {
right: 80px;
margin-top: -25px;
height: 100px;
}
#bloque-summer-history img.summer-graf.pool-1 {
left: -31px;
margin-top: 158px;
height: 164px;
}
#bloque-summer-history img.summer-graf.wave-1 {
right: 79px;
margin-top: -757px;
height: 107px;
}
#bloque-summer-history {
height: auto;
}
section#bloque-summer-history .container {
padding: 5rem 0rem 0;
}
section#bloque-summer-history .container.text-right {
padding: 0 0 5rem;
}
section#equipo .col {
height: 406px;
}
section#equipo .col h3 {
font-size: 36px;
line-height: 39px;
margin-bottom: 20px;
}
section#equipo a.conoce {
font-size: 22px;
}
section#equipo .col p {
font-size: 16px;
}
section#equipo .rrss img {
width: 45px;
}
section#medios .container {
max-width: 100%;
margin: 0;
width: 100%;
padding: 0;
}
section#medios h2 {
font-size: 2.813rem;
line-height: 3.2rem;
}
section#medios .text-left {
padding: 0 8rem 0 12rem;
}
section#medios .text-right {
padding-left: 7rem;
}
footer#contenido img.summer-graf.pool {
height: 87px;
}
section#cabecera-equipo img.summer-graf {
margin-left: -216px;
margin-top: -259px;
}
section#home-bottom img.summer-graf.dot-2 {
height: 80px;
}
section#equipo-bottom .summer-graf.wave, section#workshop-bottom .summer-graf.wave, section#contenido-bottom .summer-graf.wave, section#home-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -30px;
height: 210px;
}
}
@media (min-width: 1200px) and (max-width: 1366px) {
.navbar {
height: 130px;
}
.ticker-wrap .item {
font-size: 18px;
}
body {
font-size: 1.5vw;
}
.container-xxl.align-items-center {
max-width: 90vw;
}
.container {
width: 90vw;
padding: 2vw;
}
section#workshop p, section#cabecera-equipo p, section#medios p, section#form-contacto p, section#map p, section#map strong, section#form-contacto label, section#cabecera-contenido p.contenido-para, section#cabecera-contenido p, section#cabecera-detalles-contenido-la-bala p.contenido-para, section#cabecera-detalles-contenido-la-bala p, .text-delete p, section#cabecera-detalles-contenido p.contenido-para, section#cabecera-detalles-contenido p, #bloque-summer-history .brand, section#home-bottom p {
font-size: inherit;
}
.mensajes {
width: 50vw;
height: 400px;
left: 80px;
top: -11px;
}
.cabecera-delete {
height: 400px;
}
span.multi img, span.que img, span.creadores img {
height: 23.4px;
position: relative;
top: 0px;
}
.slick-prev:before, .slick-next:before {
width: 40PX;
height: 50px;
}
section#cabecera-detalles-contenido-la-bala .proyecto-detalles {
padding: 3rem 5rem;
}
section#cabecera-contenido .proyecto-detalles .detalles, section#cabecera-detalles-contenido .proyecto-detalles .detalles {
max-width: 700px;
padding: 3rem 5rem;
}
#bloque-summer-history a.conoce {
margin-left: 30px;
}
.y-tu-que{
height: 311px;
}
.y-tu-que-la-bala {
height: 486px;
}
#bloque-summer-history .logos img {
height: 35px;
margin: 3rem 3rem 0;
}
.cabecera-delete a {
font-size: 1.6rem;
border-bottom: 10px solid #fff;
top: 78%;
left: 160px;
}
section#bloque-video iframe {
height: 770.77px!important;
}
section#contenido-bottom p, section#medios-bottom p, section#equipo-bottom p, section#workshop-bottom p, .navbar .nav-link {
font-size: 1.313rem;
}
section#cabecera-workshop h1, section#cabecera-equipo h1, section#form-contacto h2, section#cabecera-contenido h1, section#equipo-bottom h2, section#contenido-bottom h2, #bloque-summer-history h2, #bloque-summer-history h2.marcas, section#home-bottom h2, #bola .brand, #bola h2 {
font-size: 4.1rem;
line-height: 4.1rem;
}
.resultados {
height: 518px;
}
.mensajes {
padding-right: 0;
padding-top: 6rem;
}
.ms-1 span.separador {
width: 553px;
margin-left: -491px;
}
.ms-2 span.separador {
width: 470px;
margin-left: -399px;
}
.ms-3 span.separador {
width: 340px;
margin-left: -271px;
}
.p-01 {
height: 101px;
width: 107px;
left: -378px;
}
.p-02 {
height: 238px;
width: 145px;
left: -269px;
}
.p-03 {
height: 478px;
width: 272px;
margin-left: -12px;
}
section#equipo-bottom h2 span {
font-size: 87px;
}
#bloque-summer-history h2 span span {
display: inline;
font-weight: 300;
font-size: 92px;
}
img.summer-graf.pool-3 {
right: 80px;
margin-top: -25px;
height: 100px;
}
#bloque-summer-history img.summer-graf.pool-1 {
left: -31px;
margin-top: 158px;
height: 164px;
}
#bloque-summer-history img.summer-graf.wave-1 {
right: 79px;
margin-top: -757px;
height: 107px;
}
#bloque-summer-history {
height: auto;
}
section#bloque-summer-history .container {
padding: 5rem 0rem 0;
}
section#bloque-summer-history .container.text-right {
padding: 0 0 5rem;
}
section#equipo .col {
height: 406px;
}
section#equipo .col h3 {
font-size: 36px;
line-height: 39px;
margin-bottom: 20px;
}
section#equipo a.conoce {
font-size: 22px;
}
section#equipo .col p {
font-size: 16px;
}
section#equipo .rrss img {
width: 45px;
}
section#medios .container {
max-width: 100%;
margin: 0;
width: 100%;
padding: 0;
}
section#medios h2 {
font-size: 2.813rem;
line-height: 3.2rem;
}
section#medios .text-left {
padding: 0 8rem 0 12rem;
}
section#medios .text-right {
padding-left: 7rem;
}
footer#contenido img.summer-graf.pool {
height: 87px;
}
section#cabecera-equipo img.summer-graf {
margin-left: -216px;
margin-top: -259px;
}
section#home-bottom img.summer-graf.dot-2 {
height: 80px;
}
section#equipo-bottom .summer-graf.wave, section#workshop-bottom .summer-graf.wave, section#contenido-bottom .summer-graf.wave, section#home-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -30px;
height: 210px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar {
height: 130px;
}
.navbar .nav-link {
font-size: 19px;
}
.ticker-wrap .item {
font-size: 18px;
}
body {
font-size: 1.2vw;
}
section#workshop p, section#cabecera-equipo p, section#medios p, section#form-contacto p, section#map p, section#map strong, section#form-contacto label, section#cabecera-contenido p.contenido-para, section#cabecera-contenido p, section#cabecera-detalles-contenido-la-bala p.contenido-para, section#cabecera-detalles-contenido-la-bala p, .text-delete p, section#cabecera-detalles-contenido p.contenido-para, section#cabecera-detalles-contenido p, #bloque-summer-history .brand, section#home-bottom p {
font-size: inherit;
}
.container-xxl.align-items-center {
max-width: 90vw;
}
.container {
width: 90vw;
padding: 2vw;
}
.cabecera-delete a {
font-size: 1.5rem;
border-bottom: 10px solid #fff;
top: 78%;
left: 140px;
}
.logo-nav img{
width:180px;
}
.logo-nav p {
font-size: 1.1rem;
line-height: 1.40rem;
}
.cabecera-delete {
height: 350px;
}
.text-delete p{
font-size:1.5rem;
line-height: 2rem;
}
.slick-prev:before, .slick-next:before {
width: 30PX;
height: 40px;
}
.navbar {
height: 120px;
}
#bloque-summer-history {
height: 713px;
}
#bloque-summer-history h2 {
font-size: 4rem;
line-height: 4.5rem;
text-align: left;
}
#bloque-summer-history .brand {
font-size: 1.7rem;
line-height: 2.2rem;
}
.brand-gif {
font-size: 1.8rem;
}
.brand-gif img {
width: 280px;
}
#marcas-creadoras h2 {
font-size: 4rem;
line-height: 4.5rem;
}
#bloque-summer-history h2 span span {
font-size: 71px;
}
#bloque-summer-history .logos img {
filter: invert(1);
height: 31px;
margin: 1rem;
}
#bloque-summer-history img.summer-graf.wave-1 {
right: 59px;
margin-top: -672px;
width: 180px;
}
#bloque-summer-history img.summer-graf.pool-1 {
left: -61px;
margin-top: 188px;
width: 150px;
}
#marcas-creadoras h2 span span {
font-size: 6.2rem;
}
#marcas-creadoras img:nth-of-type(1) {
width: 103px;
height: 25px;
}
#marcas-creadoras img:nth-of-type(2) {
width: 162px;
height: 35px;
}
#marcas-creadoras img:nth-of-type(3) {
width: 126px;
height: 25px;
}
#marcas-creadoras img:nth-of-type(4) {
width: 64px;
height: 28px;
}
#marcas-creadoras img:nth-of-type(5) {
width: 113px;
height: 20px;
}
#bola h2 {
font-size: 4rem;
line-height: 4.5rem;
}
#bola .brand {
font-size: 4rem;
line-height: 4.5rem;
}
#bola {
height: 1080px;
}
footer#home h2 {
font-size: 3.8rem;
line-height: 4.3rem;
}
footer#home h2 span span {
font-size: 6rem;
}
footer#home p {
font-size: 1.6rem;
}
footer#home .footer-bottom p {
font-size: 1.2rem;
}
footer#home .footer-bottom .rrss img{
width:40px;
}
footer#home .form-control {
width: 90%;
}
footer#home .footer-bottom .bcma img{
width:160px;
}
footer#home {
height: 845px;
}
section#cabecera-workshop h1, section#cabecera-equipo h1, section#form-contacto h2, section#cabecera-contenido h1, section#equipo-bottom h2, section#contenido-bottom h2, #bloque-summer-history h2, #bloque-summer-history h2.marcas, section#home-bottom h2, #bola .brand, #bola h2 {
font-size: 3.1rem;
line-height: 3.1rem;
}
section#cabecera-workshop img.summer-graf.pool {
margin-top: 378px;
}
section#cabecera-workshop {
align-items: center;
}
section#cabecera-workshop img.summer-graf.dot {
margin-top: -251px;
}
section#workshop h3 {
font-size: 40px;
}
section#workshop img.summer-graf.dot-2-2 {
right: -1px;
margin-top: -303px;
}
section#contenido-bottom p, section#medios-bottom p, section#equipo-bottom p, section#workshop-bottom p, .navbar .nav-link {
font-size: 1rem;
}
section#cabecera-equipo {
height: 429px;
background-color: #616ac1;
display: flex;
color: #ffffff;
align-items: center;
}
section#cabecera-equipo .container {
max-width: 850px;
width: 850px;
}
section#cabecera-detalles-contenido .proyecto-detalles {
padding: 3rem;
}
section#cabecera-equipo p {
line-height: inherit;
}
.y-tu-que {
height: 354px;
}
section.borrarias {
padding:1rem 0 0!important;
}
section.borrarias .py-5 {
padding-top: 0!important;
padding-bottom: 0!important;
}
section#cabecera-equipo img.summer-graf {
margin-left: -226px;
margin-top: -217px;
width: 190px;
}
section#equipo .col {
height: 266px;
}
section#equipo .row.conoce-mas p {
font-size: 1rem;
}
section#equipo a.conoce {
color: #ffffff;
border-bottom: 1px solid #ffffff;
padding-bottom: 5px;
margin-left: 98px;
font-size: 15px;
font-weight: 700;
}
section#equipo .row.conoce-mas {
height: 307px;
}
section#equipo a.conoce:before {
width: 50px;
margin-left: -73px;
margin-top: 8px;
}
section#equipo-bottom .summer-graf.wave, section#workshop-bottom .summer-graf.wave, section#contenido-bottom .summer-graf.wave, section#home-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -30px;
height: 170px;
}
footer#contenido img.summer-graf.pool {
left: 21%;
margin-top: -17px;
height: 67px;
}
section#equipo .col h3 {
font-size: 24px;
line-height: 27px;
margin-bottom: 10px;
}
section#equipo .col p {
font-size: .8rem;
line-height: 1.2;
}
.rrss img {
width: 30px;
}
section#equipo .col .datos {
display: none;
margin: 0 auto 1rem;
width: 13vw;
}
section#bloque-video iframe {
height: 602px!important;
}
section#cabecera-detalles-contenido-la-bala .proyecto-detalles {
padding: 3rem 3rem;
}
.y-tu-que-la-bala {
height: 356px;
}
#carrusel-la-bala {
height: 550px;
}
#carrusel-la-bala .iconos-music {
margin-bottom: 3rem;
}
section#cabecera-contenido .proyecto-detalles {
padding: 3rem;
}
section#cabecera-workshop h1, section#cabecera-equipo h1, section#form-contacto h2, section#equipo-bottom h2, section#contenido-bottom h2, section#home-bottom h2, #bola .brand, #bola h2 {
font-size: 4.1rem!important;
line-height: 4.1rem!important;
}
section#contenido-bottom h2 span, section#home-bottom h2 span {
font-size: 5.1rem!important;
line-height: 5.1rem!important;
}
section#contenido-bottom h2 span span, section#home-bottom h2 span span {
font-size: 7.25rem!important;
}
#bloque-summer-history h2, #bloque-summer-history h2.marcas {
font-size: 3.1rem!important;
line-height: 3.1rem!important;
}
.resultados {
height: 518px;
}
.mensajes {
padding-right: 0;
padding-top: 3rem;
margin-left: -370px;
}
.ms-1 span.separador {
width: 353px;
margin-left: -291px;
}
.ms-2 span.separador {
width: 280px;
margin-left: -208px;
}
.ms-3 span.separador {
width: 160px;
margin-left: -91px;
}
.p-01 {
height: 101px;
width: 107px;
left: -378px;
}
.p-02 {
height: 238px;
width: 145px;
left: -269px;
}
.p-03 {
height: 478px;
width: 272px;
margin-left: -12px;
}
#carrusel-delete, #carrusel-la-bala {
height: 540px;
}
#carrusel-delete .iconos-music, #carrusel-la-bala .iconos-music {
margin-bottom: 3rem;
}
section#medios .container {
max-width: 100%;
padding: 0;
width: 100%;
}
section#medios h2 {
font-size: 2.7rem;
line-height: 3rem;
}
section#medios .text-left {
padding: 0 5rem 0 6rem;
}
section#medios .text-right {
padding-left: 5rem;
padding-right: 5rem;
}
section#medios-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -33px;
width: 220px;
}
}
@media (min-width: 768.2px) and (max-width: 991.98px) {
.navbar {
height: 130px;
}
.ticker-wrap .item {
font-size: 18px;
}
body {
font-size: 1.5vw;
}
.container-xxl.align-items-center {
max-width: 90vw;
}
.container {
width: 90vw;
padding: 2vw;
}
li.nav-item {
padding: 0 1.3rem;
margin-bottom: 10px;
}
.ticker-wrap {
height: 36px;
}
section#bloque-summer-history .container {
padding: 0rem 0rem 0;
}
.brand-gif img {
position: relative;
top: -10px;
}
.brand-gif img {
width: 227px;
}
.segundo-brand {
line-height:2rem;
}
#marcas-creadoras .mc-mobile div:nth-of-type(1) img{
width:133px;
height: 33px;
}
.resultados {
height: 518px;
width: auto;
}
#bola {
height: 780px!important;
}
.p-01 {
height: 101px;
width: 107px;
left: -110px;
}
.p-02 {
height: 238px;
width: 145px;
left: -59px;
}
.p-03 {
height: 478px;
width: 272px;
margin-left: -58px;
}
.ms-1 h3, .ms-2 h3, .ms-3 h3 {
font-size: 41px;
}
.ms-1 span.separador {
width: 284px;
margin-left: -241px;
}
.ms-2 span.separador {
width: 260px;
margin-left: -209px;
}
.ms-2 span.separador {
width: 230px;
margin-left: -179px;
}
.ms-3 span.separador {
width: 140px;
margin-left: -90px;
}
.mensajes a.conoce {
font-size: 19px;
font-weight: 700;
margin-top: 3rem;
}
.mensajes a.conoce:before {
width: 50px;
margin-left: -72px;
margin-top: 11px;
}
.mensajes {
padding-left: 0;
padding-top: 6.5rem;
margin-left: -90px;
}
.mensajes p {
font-size: 20px;
margin-left: 4rem;
}
p.brand {
width: 79%!important;
font-size: 1.5rem!important;
line-height: 1!important;
}
img.summer-graf.pool-3 {
right: 80px;
margin-top: -20px;
height: 80px;
}
#bloque-summer-history img.summer-graf.pool-1 {
margin-top: 98px;
}
section#home-bottom img.summer-graf.dot-2 {
height: 50px;
}
#bloque-summer-history h2 span span {
display: inline;
font-weight: 300;
font-size: 70px;
}
.row.marcas-readoras.justify-content-center.align-items-center {
display: flex;
flex-direction: column-reverse;
}
#bloque-summer-history .logos img {
height: 32px;
margin: 3rem 2rem 0;
}
span.multi img, span.que img, span.creadores img {
height: 25.4px;
position: relative;
top: 3.5px;
}
#bloque-summer-history a.conoce {
font-size: 22px;
}
#marcas-creadoras .mc-mobile div:nth-of-type(2) img{
width:218px;
height: 47px;
}
#marcas-creadoras .mc-mobile div:nth-of-type(3) img{
width:148px;
height: 32px;
}
#marcas-creadoras .mc-mobile div:nth-of-type(4) img{
width:84px;
height: 36px;
}
#marcas-creadoras .mc-mobile div:nth-of-type(5) img{
width:163px;
height:26px;
}
#bola {
height: 1500px;
}
footer#home {
height: 1175px;
}
footer#home .footer-bottom p {
font-size: 1.4rem;
}
footer#home .form-control {
width: 130%;
}
footer#home .footer-bottom .rrss img {
width: 50px;
}
footer#home .footer-bottom .bcma img {
width: 210px;
}
section#workshop p, section#cabecera-equipo p, section#medios p, section#form-contacto p, section#map p, section#map strong, section#form-contacto label, section#cabecera-contenido p.contenido-para, section#cabecera-contenido p, section#cabecera-detalles-contenido-la-bala p.contenido-para, section#cabecera-detalles-contenido-la-bala p, .text-delete p, section#cabecera-detalles-contenido p.contenido-para, section#cabecera-detalles-contenido p, #bloque-summer-history .brand, section#home-bottom p {
font-size: 1rem;
line-height: inherit;
}
section#cabecera-contenido .proyecto-detalles {
display: flex;
flex-direction: column;
justify-content: center;
padding: 3rem;
}
.footer-bottom .form {
min-width: auto;
}
.btn-close, .navbar-toggler-icon {
filter: invert(1);
}
section#cabecera-workshop h1, section#cabecera-equipo h1, section#form-contacto h2, section#cabecera-contenido h1, section#equipo-bottom h2, section#contenido-bottom h2, #bloque-summer-history h2, #bloque-summer-history h2.marcas, section#home-bottom h2, #bola .brand, #bola h2, section#medios-bottom h2 {
font-size: 3rem;
line-height:3rem;
}
section#cabecera-workshop, section#cabecera-equipo {
height: 469px;
align-items: center;
}
section#cabecera-workshop img.summer-graf.dot {
margin-top: -251px;
}
section#workshop h3 {
font-size: 47px;
}
section#workshop-bottom h2 {
font-size: 3.813rem;
line-height: 3.1rem;
}
section#workshop-bottom h2 span, section#equipo-bottom h2 span, section#contenido-bottom h2 span, section#medios-bottom h2 span, section#home-bottom h2 span {
font-size: 3.9rem;
line-height: .3;
}
section#equipo-bottom h2 span span, section#workshop-bottom h2 span span, section#contenido-bottom h2 span span, section#medios-bottom h2 span span, section#home-bottom h2 span span {
font-size: 5.8rem;
}
section#cabecera-workshop img.summer-graf.pool {
right: 0;
width: 150px;
margin-top: 228px;
height: auto;
}
section#workshop a.conoce {
font-size: 19px;
}
footer#contenido img.summer-graf.pool {
height: 62px;
}
section#workshop .col-lg-6.col-sm-12.col-text-right {
padding-left: 11px;
padding-top: 77px;
}
section#cabecera-equipo h1 {
margin-left: 0;
margin-bottom: 0.7rem;
}
section#cabecera-equipo img.summer-graf {
margin-left: -96px;
margin-top: -189px;
width: 130px;
}
section#equipo .uno {
background-image: url(../img/Pilar-Sayans.webp);
background-position: center;
height: 300px;
display: flex;
justify-content: center;
align-content: center;
align-items: flex-end;
padding-bottom: 1.1rem;
background-size: cover;
}
section#equipo .dos {
background-image: url(../img/Alvaro-de-Cozar.webp);
background-position: center;
height: 300px;
display: flex;
justify-content: center;
align-content: center;
align-items: flex-end;
padding-bottom: 1.1rem;
background-size: cover;
}
section#equipo .tres {
background-image: url(../img/Ramon-Azofra.webp);
background-position: center;
height: 300px;
display: flex;
justify-content: center;
align-content: center;
align-items: flex-end;
padding-bottom: 1.1rem;
background-size: cover;
}
section#equipo .cuatro {
background-image: url(../img/Tamara-Danielian.png);
background-position: center;
height: 300px;
display: flex;
justify-content: center;
align-content: center;
align-items: flex-end;
padding-bottom: 1.1rem;
background-size: cover;
}
section#equipo .cinco {
background-image: url(../img/inigo-ancizu.webp);
background-position: center;
height: 300px;
display: flex;
justify-content: center;
align-content: center;
align-items: flex-end;
padding-bottom: 1.1rem;
background-size: cover;
}
section#equipo .rrss img {
width: 28px;
}
section#equipo .row.conoce-mas p {
font-size: 19px;
font-family: "HelveticaNeue-Thin";
padding-left: 0;
margin-bottom: 3rem;
text-align: center;
}
.rrss {
display: flex;
justify-content: center;
}
section#equipo .row.conoce-mas {
height: 317px;
}
section#equipo a.conoce {
font-size: 17px;
/* margin-left: 100px; */
}
section#equipo .col-md-4 h3 {
font-family: "Playfair Display", serif;
font-style: normal;
font-size: 28px;
font-weight: 300;
line-height: 27px;
color: #ffffff;
text-align: left;
margin-bottom: 10px;
}
section#equipo .col-md-4 h3 span {
font-style: normal;
font-weight: 900;
color: #adb5ed;
display: block;
margin: inherit auto;
}
section#equipo .col-md-4 p {
font-size: 15px;
font-family: "HelveticaNeue-Thin";
}
section#equipo .col-md-4 {
filter: brightness(1);
}
section#equipo .datos{
display: none;
}
section#equipo .col-md-4:hover .datos {
display:block;
z-index: 2;
}
section#equipo .col-md-4:hover:before {
content: "";
width: 33.3vw;
height: 100%;
background-color: #00000090;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
section#medios .container {
max-width: 100%;
width: 100%;
padding: 0;
}
section#cabecera-detalles-contenido .proyecto-detalles {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 3rem;
}
section#equipo a.conoce:before {
width: 50px;
margin-left: -66px;
margin-top: 8px;
}
section#equipo-bottom .summer-graf.wave, section#workshop-bottom .summer-graf.wave, section#contenido-bottom .summer-graf.wave, section#home-bottom .summer-graf.wave, section#medios-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -30px;
height: 150px;
}
section#contenido-bottom p, section#medios-bottom p, section#equipo-bottom p, section#workshop-bottom p, .navbar .nav-link {
font-size: 1rem;
}
section#contenido .proyecto {
width: 33.3%;
}
section#bloque-video iframe {
height: 431.77px!important;
}
section#cabecera-detalles-contenido-la-bala .proyecto-detalles {
max-width: 100%;
padding: 3rem;
}
.y-tu-que-la-bala {
height: 256px;
margin-top: -5px;
}
#carrusel-la-bala, #carrusel-delete {
height: 450px;
}
section#contenido-bottom {
padding: 0vh 2rem;
}
#carrusel-la-bala .iconos-music, #carrusel-delete .iconos-music {
margin-bottom: 2rem;
}
section.borrarias.pb-5 .py-5 {
padding-top: 0!important;
padding-bottom: 0!important;
}
section.borrarias {
padding: 1vh 2rem;
}
section.borrarias.pb-5 {
padding-bottom: 0!important;
}
.y-tu-que {
height: 271px;
}
section.borrarias.pb-5 .my-5 .pb-5 {
padding-bottom: 0!important;
}
section#medios .text-left {
padding: 0 3rem 0 3rem;
}
section#medios .text-right {
padding-left: 3rem;
padding-right: 3rem;
}
section#medios h2 {
font-size: 1.8rem;
line-height: 2rem;
}
section#medios p {
margin-bottom:0;
font-size: .8rem!important;
}
.links a:before {
width: 10px;
height: 10px;
}
.links a {
margin-right: 15px;
}
section#form-contacto h2 span span {
font-size: 4.5rem;
}
section#form-contacto {
height: 662px;
padding-bottom: 0!important;
}
section#form-contacto img.summer-graf.pool-1 {
margin-top: 210px;
left: -68px;
width: 200px;
}
section#form-contacto img.summer-graf.dot {
right: 197px;
margin-top: -79px;
width: 40px;
height: auto;
}
section#form-contacto button {
font-size: 22px;
}
section#map {
height: 510px;
padding-top: 3rem;
}
section#map iframe {
width: 100%;
height: 340px;
}
section#map img.summer-graf.wave {
height: 90px;
left: 40%;
margin-top: -540px;
}
section#form-contacto input[type="text"], section#form-contacto input[type="email"] {
height: 41px;
font-size: 19px;
}
section#form-contacto textarea {
font-size: 19px;
}
section#map strong {
margin-top: .7rem;
margin-bottom: 1.5rem;
}
.rrss {
display: flex;
justify-content: center;
width: 160px;
flex-direction: column;
}
.rrss img {
width: 50px;
height: auto;
margin-top: 1rem;
}
.footer-bottom .form {
min-width: auto;
width: auto;
}
footer#contenido .form-control {
width: 180px;
margin-right: 13px;
margin-top: 21px;
}
.bcma p {
margin-bottom: .7rem!important;
}
.bcma img {
max-width:200px;
}
footer#contenido .d-md-flex {
display: flex;
flex-direction: row;
}
footer#contenido button {
margin-top: 19px;
}
footer#contenido {
height: auto;
background-color: #333333;
display: flex;
}
}
@media (min-width: 578.2px) and (max-width: 768px) {
.ticker-wrap .item {
font-size: 17px;
}
.navbar {
height: 120px;
}
.ticker-wrap .item {
font-size: 18px;
}
body {
font-size: 1.5vw;
}
.container-xxl.align-items-center {
max-width: 90vw;
}
.container {
width: 87vw;
padding: 2vw;
}
.mt-5 {
margin-top: 0!important;
}
section#workshop p, section#cabecera-equipo p, section#medios p, section#form-contacto p, section#map p, section#map strong, section#form-contacto label, section#cabecera-contenido p.contenido-para, section#cabecera-contenido p, section#cabecera-detalles-contenido-la-bala p.contenido-para, section#cabecera-detalles-contenido-la-bala p, .text-delete p, section#cabecera-detalles-contenido p.contenido-para, section#cabecera-detalles-contenido p, #bloque-summer-history .brand, section#home-bottom p {
font-size: inherit;
}
li.nav-item {
padding: 0 1.3rem;
margin-bottom: 10px;
}
.ticker-wrap {
height: 36px;
}
section#bloque-summer-history .container {
padding: 0rem 0rem 0;
}
.brand-gif img {
position: relative;
top: -10px;
}
.brand-gif img {
width: 227px;
}
.segundo-brand {
line-height:2rem;
}
#marcas-creadoras .mc-mobile div:nth-of-type(1) img{
width:133px;
height: 33px;
}
.resultados {
height: 518px;
width: auto;
}
#bola {
height: 780px!important;
}
.p-01 {
height: 101px;
width: 107px;
left: -110px;
}
.p-02 {
height: 238px;
width: 145px;
left: -59px;
}
.p-03 {
height: 478px;
width: 272px;
margin-left: -58px;
}
.ms-1 h3, .ms-2 h3, .ms-3 h3 {
font-size: 41px;
}
.ms-1 span.separador {
width: 304px;
margin-left: -261px;
}
.ms-2 span.separador {
width: 260px;
margin-left: -209px;
}
.ms-2 span.separador {
width: 240px;
margin-left: -189px;
}
.ms-3 span.separador {
width: 140px;
margin-left: -90px;
}
.ms-1 h3 span, .ms-2 h3 span, .ms-3 h3 span {
display: block;
margin-left: 3rem;
}
.mensajes a.conoce {
font-size: 19px;
font-weight: 700;
margin-top: 3rem;
}
.mensajes a.conoce:before {
width: 50px;
margin-left: -72px;
margin-top: 11px;
}
.mensajes {
padding-left: 0;
padding-top: 3.5rem;
margin-left: -85px;
}
.mensajes p {
font-size: 20px;
margin-left: 3rem;
}
p.brand {
width: 79%!important;
font-size: 1.5rem!important;
line-height: 1!important;
}
img.summer-graf.pool-3 {
right: 80px;
margin-top: -20px;
height: 80px;
}
#bloque-summer-history img.summer-graf.pool-1 {
margin-top: 98px;
}
section#home-bottom img.summer-graf.dot-2 {
height: 50px;
}
#bloque-summer-history h2 span span {
display: inline;
font-weight: 300;
font-size: 70px;
}
.row.marcas-readoras.justify-content-center.align-items-center {
display: flex;
flex-direction: column-reverse;
}
#bloque-summer-history .logos img {
height: 32px;
margin: 3rem 2rem 0;
}
span.multi img, span.que img, span.creadores img {
height: 25.4px;
position: relative;
top: 3.5px;
}
#bloque-summer-history a.conoce {
font-size: 22px;
}
#marcas-creadoras .mc-mobile div:nth-of-type(2) img{
width:218px;
height: 47px;
}
#marcas-creadoras .mc-mobile div:nth-of-type(3) img{
width:148px;
height: 32px;
}
#marcas-creadoras .mc-mobile div:nth-of-type(4) img{
width:84px;
height: 36px;
}
#marcas-creadoras .mc-mobile div:nth-of-type(5) img{
width:163px;
height:26px;
}
#bola {
height: 1500px;
}
footer#home {
height: 1175px;
}
footer#home .footer-bottom p {
font-size: 1.4rem;
}
footer#home .form-control {
width: 130%;
}
footer#home .footer-bottom .rrss img {
width: 50px;
}
footer#home .footer-bottom .bcma img {
width: 210px;
}
section#workshop p, section#cabecera-equipo p, section#medios p, section#form-contacto p, section#map p, section#map strong, section#form-contacto label, section#cabecera-contenido p.contenido-para, section#cabecera-contenido p, section#cabecera-detalles-contenido-la-bala p.contenido-para, section#cabecera-detalles-contenido-la-bala p, .text-delete p, section#cabecera-detalles-contenido p.contenido-para, section#cabecera-detalles-contenido p, #bloque-summer-history .brand, section#home-bottom p {
font-size: 1rem;
line-height: inherit;
}
.footer-bottom .form {
min-width: auto;
}
.btn-close, .navbar-toggler-icon {
filter: invert(1);
}
section#cabecera-workshop h1, section#cabecera-equipo h1, section#form-contacto h2, section#cabecera-contenido h1, section#equipo-bottom h2, section#contenido-bottom h2, #bloque-summer-history h2, #bloque-summer-history h2.marcas, section#home-bottom h2, #bola .brand, #bola h2, section#medios-bottom h2 {
font-size: 3rem;
line-height:3rem;
}
section#cabecera-workshop, section#cabecera-equipo {
height: 469px;
align-items: center;
}
section#cabecera-workshop img.summer-graf.dot {
margin-top: -261px;
}
section#workshop h3 {
font-size: 47px;
}
section#workshop-bottom h2 {
font-size: 3.813rem;
line-height: 3.1rem;
}
section#workshop-bottom h2 span, section#equipo-bottom h2 span, section#contenido-bottom h2 span, section#medios-bottom h2 span, section#home-bottom h2 span {
font-size: 3.9rem;
line-height: .3;
}
section#equipo-bottom h2 span span, section#workshop-bottom h2 span span, section#contenido-bottom h2 span span, section#medios-bottom h2 span span, section#home-bottom h2 span span {
font-size: 5.8rem;
}
section#cabecera-workshop img.summer-graf.pool {
right: 0;
width: 150px;
margin-top: 228px;
height: auto;
}
section#workshop a.conoce {
font-size: 19px;
}
footer#contenido img.summer-graf.pool {
height: 62px;
}
section#workshop .col-lg-6.col-sm-12.col-text-right {
padding-left: 11px;
padding-top: 77px;
}
section#cabecera-equipo h1 {
margin-left: 0;
margin-bottom: 0.7rem;
}
section#cabecera-equipo img.summer-graf {
margin-left: -96px;
margin-top: -189px;
width: 130px;
}
section#equipo .uno {
background-image: url(../img/Pilar-Sayans.webp);
background-position: center;
height: 300px;
display: flex;
justify-content: center;
align-content: center;
align-items: flex-end;
padding-bottom: 1.1rem;
background-size: cover;
}
section#equipo .dos {
background-image: url(../img/Alvaro-de-Cozar.webp);
background-position: center;
height: 300px;
display: flex;
justify-content: center;
align-content: center;
align-items: flex-end;
padding-bottom: 1.1rem;
background-size: cover;
}
section#equipo .tres {
background-image: url(../img/Ramon-Azofra.webp);
background-position: center;
height: 300px;
display: flex;
justify-content: center;
align-content: center;
align-items: flex-end;
padding-bottom: 1.1rem;
background-size: cover;
}
section#equipo .cuatro {
background-image: url(../img/Tamara-Danielian.png);
background-position: center;
height: 300px;
display: flex;
justify-content: center;
align-content: center;
align-items: flex-end;
padding-bottom: 1.1rem;
background-size: cover;
}
section#equipo .cinco {
background-image: url(../img/inigo-ancizu.webp);
background-position: center;
height: 300px;
display: flex;
justify-content: center;
align-content: center;
align-items: flex-end;
padding-bottom: 1.1rem;
background-size: cover;
}
section#equipo .rrss img {
width: 28px;
}
section#equipo .row.conoce-mas p {
font-size: 19px;
font-family: "HelveticaNeue-Thin";
padding-left: 0;
margin-bottom: 3rem;
text-align: center;
}
.rrss {
display: flex;
justify-content: center;
}
section#equipo .row.conoce-mas {
height: 317px;
}
section#equipo a.conoce {
font-size: 17px;
margin-left: 100px!important;
}
section#equipo .col-md-4 h3 {
font-family: "Playfair Display", serif;
font-style: normal;
font-size: 28px;
font-weight: 300;
line-height: 27px;
color: #ffffff;
text-align: left;
margin-bottom: 10px;
}
section#equipo .col-md-4 h3 span {
font-style: normal;
font-weight: 900;
color: #adb5ed;
display: block;
margin: inherit auto;
}
section#equipo .col-md-4 p {
font-size: 15px;
font-family: "HelveticaNeue-Thin";
text-align: center;
}
section#equipo .col-md-4 {
filter: brightness(1);
}
section#equipo .datos{
display: none;
}
section#equipo .col-md-4:hover .datos {
display:block;
z-index: 2;
}
section#equipo .col-md-4:hover:before {
content: "";
width: 33.3vw;
height: 100%;
background-color: #00000090;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
section#equipo a.conoce:before {
width: 50px;
margin-left: -66px;
margin-top: 8px;
}
section#equipo-bottom .summer-graf.wave, section#workshop-bottom .summer-graf.wave, section#contenido-bottom .summer-graf.wave, section#home-bottom .summer-graf.wave, section#medios-bottom .summer-graf.wave {
margin-left: -77px;
margin-top: -30px;
height: 150px;
}
section#contenido-bottom p, section#medios-bottom p, section#equipo-bottom p, section#workshop-bottom p, .navbar .nav-link {
font-size: 1rem;
}
section#contenido .proyecto {
width: 33.3%;
}
section#bloque-video iframe {
height: 431.77px!important;
}
section#cabecera-detalles-contenido .proyecto-detalles {
padding: 3rem;
}
section#cabecera-detalles-contenido-la-bala .proyecto-detalles {
max-width: 100%;
padding: 3rem;
}
section#cabecera-contenido .proyecto-detalles {
justify-content: center;
padding: 3rem;
}
.y-tu-que-la-bala {
height: 256px;
margin-top: -5px;
}
#carrusel-la-bala, #carrusel-delete {
height: 450px;
}
section#contenido-bottom {
padding: 0vh 2rem;
}
#carrusel-la-bala .iconos-music, #carrusel-delete .iconos-music {
margin-bottom: 2rem;
}
section.borrarias.pb-5 .py-5 {
padding-top: 0!important;
padding-bottom: 0!important;
}
section.borrarias {
padding: 1vh 2rem;
}
section.borrarias.pb-5 {
padding-bottom: 0!important;
}
.y-tu-que {
height: 271px;
}
section.borrarias.pb-5 .my-5 .pb-5 {
padding-bottom: 0!important;
}
section#medios .container {
max-width: 100%!important;
width: 100%;
}
section#medios .text-left {
padding: 0 3rem 0 3rem;
}
section#medios .text-right {
padding-left: 3rem;
padding-right: 3rem;
}
section#medios h2 {
font-size: 1.8rem;
line-height: 2rem;
}
section#medios p {
margin-bottom:0;
font-size: .8rem!important;
}
.links a:before {
width: 10px;
height: 10px;
}
.links a {
margin-right: 15px;
}
section#form-contacto h2 span span {
font-size: 4.5rem;
}
section#form-contacto {
height: 662px;
padding-bottom: 0!important;
}
section#form-contacto img.summer-graf.pool-1 {
margin-top: 210px;
left: -68px;
width: 200px;
}
section#form-contacto img.summer-graf.dot {
right: 197px;
margin-top: -79px;
width: 40px;
height: auto;
}
section#form-contacto button {
font-size: 22px;
}
section#map {
height: 510px;
padding-top: 3rem;
}
section#map iframe {
width: 100%;
height: 340px;
}
section#map img.summer-graf.wave {
height: 90px;
left: 40%;
margin-top: -540px;
}
section#form-contacto input[type="text"], section#form-contacto input[type="email"] {
height: 41px;
font-size: 19px;
}
section#form-contacto textarea {
font-size: 19px;
}
section#map strong {
margin-top: .7rem;
margin-bottom: 1.5rem;
}
.rrss {
display: flex;
justify-content: center;
width: 160px;
flex-direction: column;
align-items: center;
}
.rrss img {
width: 50px;
height: auto;
margin-top: 1rem;
}
.footer-bottom .form {
min-width: auto;
width: auto;
}
footer#contenido .form-control {
width: 180px;
margin-right: 13px;
margin-top: 21px;
}
.bcma p {
margin-bottom: .7rem!important;
}
.bcma img {
max-width:200px;
}
footer#contenido .d-md-flex {
display: flex;
flex-direction: row;
}
footer#contenido button {
margin-top: 19px;
}
footer#contenido {
height: auto;
background-color: #333333;
display: flex;
}
}
@media only screen and (max-width: 578px) {
.bg-dark {
background-color: #333333!important;
}
.btn-close, .navbar-toggler-icon {
filter: invert(1);
}
.ticker-wrap {
width: 100%;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
padding-right: 0;
}
.mensajes a.conoce:before {
margin-top: 8px;
}
.ticker {
margin-right: 0;
}
.ticker-wrap .item {
font-size: 3.2vw;
}
.ticker-wrap .item i {
opacity: .6;
}
.cabecera-delete a {
font-size: 1.2rem;
border-bottom: 8px solid #fff;
top: 78%;
left: 90px;
}
span.multi img, span.que img, span.creadores img {
height: 22px;
position: relative;
top: 0px;
}
.cabecera-delete{
height: 450px;
background-image: url(../img/cabecera-delete-mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
.logo-nav img {
width: 125px;
margin-left: .8rem;
}
.logo-nav p {
font-size: 0.8rem;
line-height: 1rem;
padding-left: 0;
}
.navbar .nav-link {
color: #ffffff63;
text-transform: uppercase;
font-family: "HelveticaNeueBold-copia";
padding: 0 0 4px;
font-size: 19px;
}
li.nav-item {
padding: 0 1rem 1.4rem;
}
.navbar-nav .nav-link.active {
color: initial;
padding: 0 0 4px;
color: #ffffff;
}
a.nav-link.home.active {
border-bottom: 9px solid #96dfb7;
}
a.nav-link.equipo.active {
border-bottom: 9px solid #b1b9ef;
}
a.nav-link.workshop.active {
border-bottom: 9px solid #ffdc78;
}
a.nav-link.contenido.active {
border-bottom: 9px solid #ffb8b8;
}
a.nav-link.medios.active {
border-bottom: 9px solid #ffb8b8;
}
a.nav-link.contacto.active {
border-bottom: 9px solid #e2e1e1;
}
.slick-prev:before, .slick-next:before {
width: 25PX;
height: 35px;
}
.slick-prev:before{
left: 5px;
}
.slick-next:before {
left: 0px;
}
.y-tu-que {
height: 231px;
}
.iconos-music img{
width:40px;
}
.iconos-music .apple-music {
width: 80px !important;
height: 18px;
}
.y-tu-que {
height: 350px;
background-image: url(../img/y-tu-que-mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.logo-nav p img {
width: 210px;
}
footer#home .footer-bottom p {
font-size: 1.1rem;
}
footer#home .footer-bottom .rrss img {
width: 40px;
}
bottom .bcma img {
width: 170px;
}
#bola h2 {
font-size: 2.5rem;
line-height: 2.5rem;
}
#bola .brand {
font-size: 2.5rem;
line-height: 2.5rem;
}
#bola {
height: auto;
padding-bottom: 1rem!important;
}
img.summer-graf.pool-3 {
right: 80px;
margin-top: -15px;
width: 60px!important;
width: auto;
}
.p-01 {
height: 100px;
width: 100px;
left: -291px;
}
.p-02 {
height: 196px;
width: 111px;
left: -194px;
}
.p-03 {
height: 338px;
width: 200px;
left: -107px;
}
.ms-3 span.separador {
width: 340px;
margin-left: -292px;
}
.ms-1, .ms-2, .ms-3 {
width: 84vw;
}
.resultados {
height: 328px;
width: 380px;
}
.mensajes {
padding-right: 1rem;
width: 100%;
left: 0;
padding-top: 0rem;
}
.ms-1 span.separador {
margin-left: -550px;
}
.ms-2 span.separador {
margin-left: -373px;
}
.ms-1 h3 {
font-size: 2.5rem;
}
.ms-2 h3 {
font-size: 2.5rem;
}
.ms-3 h3 {
font-size: 2.5rem;
}
.ms-1 h3 span i {
font-size: 70px;
}
.ms-2 h3 span i {
font-size: 70px;
}
.ms-3 h3 span i {
font-size: 70px;
}
.mensajes a.conoce {
font-size: 15px;
margin-top: 2rem;
}
.ms-1 h3 span {
margin-left: 3rem;
}
.ms-1 h3 span {
margin-left: 3rem;
}
.mensajes .ms-1 p {
margin-left: 3rem;
font-size: 1.1rem;
}
.mensajes .ms-2 p {
margin-left: 4rem;
font-size: 1.1rem;
}
.mensajes .ms-3 p {
margin-left: 4rem;
font-size: 1.1rem;
}
section#home-bottom .summer-graf.wave {
margin-left: -31px;
margin-top: -30px;
height: 100px;
}
section#home-bottom h2 {
font-size: 45px;
line-height: 50px;
}
section#home-bottom h2 span {
font-size: 45px;
}
section#home-bottom h2 span span {
font-size: 64px;
}
section#home-bottom p {
font-size: 1.3rem;
}
section#home-bottom img.summer-graf.pool {
left: 44vw;
margin-top: 470px;
height: 60px;
}
section#home-bottom img.summer-graf.dot-2 {
right: 40px;
margin-top: -15px;
width: 40px;
height: auto;
}
#marcas-creadoras h2 {
font-size: 3rem;
line-height: 3.5rem;
}
#marcas-creadoras h2 span span {
font-size: 5rem;
}
#bloque-summer-history h2 {
font-size: 2.5rem;
line-height: 3rem;
text-align: left;
}
#bloque-summer-history h2.marcas {
font-size: 2.5rem;
line-height: 3rem;
}
#bloque-summer-history h2 span span {
font-weight: 300;
font-size: 59px;
}
#bloque-summer-history .brand {
font-size: 1.3rem;
line-height: 1.7rem;
width: 100%;
margin-top: 1.2rem;
}
#bloque-summer-history .logos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: space-around;
height: 19vh;
margin-top: 3rem;
align-items: center;
}
#bloque-summer-history .logos img {
filter: invert(1);
height: 37px;
margin: 0;
}
#bloque-summer-history .logos img:last-of-type {
margin-right: 0;
height: 23px;
}
.marcas-readoras {
display: flex;
flex-direction: column-reverse;
}
#bloque-summer-history img.summer-graf.pool-1 {
left: -41px;
margin-top: 40px;
width: 100px;
}
#bloque-summer-history a.conoce {
font-size: 15px;
margin-top: 2rem;
}
#bloque-summer-history a.conoce:before {
margin-left: -95px;
margin-top: 7px;
}
#bloque-summer-history .brand span {
font-size: 1.4rem;
line-height: 1;
}
#bloque-summer-history img.summer-graf.wave-1 {
right: 29px;
margin-top: -800px;
width: 100px;
}
.cabecera-delete img.summer-graf.dot {
margin-top: 50px;
left: 0;
width: 30px;
}
.brand-gif {
font-size: 1.4rem;
}
.brand-gif img {
width: 287px;
}
#bloque-summer-history {
height: auto;
padding: 3rem .5rem 5rem;
}
.gif-blanco{
width: 230px;
}
.navbar {
height: 90px;
}
section#form-contacto h2 {
font-size: 43px;
line-height: 40px;
margin-bottom: 2rem;
}
#seccion-contacto.col-5 {
width: 100%;
}
#seccion-contacto input {
height: 51px;
font-size: 21px;
}
#seccion-contacto input[type="text"]::placeholder,
#seccion-contacto textarea::placeholder {
font-size: 21px;
}
#seccion-contacto button {
font-size: 21px;
}
section#form-contacto h2 span span {
font-size: 66px;
}
footer#contacto .form-control {
width: 120%;
}
section#form-contacto .primera {
margin-top: 2rem;
margin-bottom: 3rem;
}
section#form-contacto p {
font-size: 1.3rem;
line-height: 1.7rem;
}
section#form-contacto input[type="text"] {
font-size: 1.3rem;
}
section#form-contacto textarea {
font-size: 1.3rem;
}
section#form-contacto {
height: auto;
padding-top: 0!important;
padding-bottom: 4rem!important;
}
section#form-contacto img.summer-graf.dot {
right: 20px;
margin-top: -259px;
height: 50px;
}
section#form-contacto img.summer-graf.pool-1 {
margin-top: 1024px;
left: -27px;
height: 73px;
}
section#map img.summer-graf.wave {
margin-top: -322px;
left: 34vw;
height: 86px;
}
section#form-contacto label {
font-size: 1.3rem;
}
section#map {
height: auto;
padding: 5rem 0 1rem;
overflow-x: hidden;
}
section#map p {
font-size: 1.3rem;
}
section#map .direccion {
padding-right: 0rem;
}
section#map strong {
font-size: 1.3rem;
}
section#map iframe {
width: 113%;
height: 550px;
margin: 4rem -1.5rem 2rem;
}
body .container {
--bs-gutter-x: 2.5rem;
}
footer#contacto {
height: auto;
}
.footer-bottom .form {
margin-bottom: 0!important;
}
.footer-bottom .rrss img {
width: 40px;
}
.footer-bottom .bcma img {
width: 210px;
}
footer#contenido .acerca {
margin-top: 0;
margin-bottom:1rem;
}
section#cabecera-workshop {
height: auto;
}
section#cabecera-workshop h1 {
font-size: 50px;
line-height: 52px;
}
section#cabecera-workshop h1 span {
padding-left: 11vw;
}
section#cabecera-workshop .mt-5 {
margin-top: 1rem!important;
}
section#cabecera-workshop img.summer-graf.dot {
margin-top: 39px;
height: 50px;
}
section#cabecera-workshop img.summer-graf.pool {
margin-top: 285px;
height: 100px;
}
section#workshop .col-lg-6.col-sm-12.col-text-left {
padding-right: 1rem;
}
section#workshop p {
font-style: normal;
font-size: 1.3rem;
font-family: "HelveticaNeue-Thin";
}
section#workshop h3 {
font-size: 35px;
top: 18px;
line-height: 39px;
}
section#workshop .col-lg-6.col-sm-12.col-text-right {
padding-left: 1rem;
padding-top: 57px;
}
section#workshop a.conoce {
font-size: 19px;
margin-top: 1rem;
margin-bottom: 3rem;
}
section#workshop .row.ultima {
padding-bottom: 3rem;
}
section#workshop-bottom {
height: auto;
}
section#workshop img.summer-graf.dot-2-2 {
right: 9px;
margin-top: -213px;
width: 50px;
}
section#workshop-bottom .summer-graf.wave {
margin-left: -31px;
margin-top: -30px;
height: 100px;
}
section#workshop-bottom h2 {
font-size: 45px;
line-height: 45px;
}
section#workshop-bottom h2 span {
font-size: 55px;
}
section#workshop-bottom h2 span span {
font-size: 64px;
}
section#workshop-bottom p {
font-size: 1.3rem;
}
section#workshop-bottom img.summer-graf.pool {
left: 44vw;
margin-top: 470px;
height: 60px;
}
.footer-bottom .form {
min-width: auto;
}
section#cabecera-equipo {
height: auto;
}
section#cabecera-equipo h1 {
font-size: 45px;
line-height: 50px;
margin-bottom: 1.7rem;
text-align: center;
}
section#cabecera-equipo .p-4 {
padding: 1.5rem 0!important;
}
section#cabecera-equipo p {
font-size: 1.3rem;
}
section#equipo .row.d-lg-none.d-xl-none.d-xxl-none .col-sm-12.col-md-4 {
text-align: center;
height: 500px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-position: center;
filter: brightness(1);
padding-bottom: 2rem;
width: 80%;
border-bottom: 9px solid #616ac1;
}
section#equipo .row.d-lg-none.d-xl-none.d-xxl-none .col-sm-12.col-md-4:last-of-type{
border-bottom: none;
}
section#equipo .row.d-lg-none.d-xl-none.d-xxl-none .col-sm-12.col-md-4 .datos {
display:none;
margin: 0 auto 2rem;
width: 65vw;
}
section#equipo .row.d-lg-none.d-xl-none.d-xxl-none .col-sm-12.col-md-4:hover:before {
content: "";
width: 80vw;
height: 100%;
background-color: #00000090;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
section#equipo .row.d-lg-none.d-xl-none.d-xxl-none .col-sm-12.col-md-4:hover .datos {
display: block;
z-index: 1;
margin-bottom: 1rem;
}
section#equipo .row.d-lg-none.d-xl-none.d-xxl-none .col-sm-12.col-md-4 h3 {
font-family: "Playfair Display", serif;
font-style: normal;
font-size: 38px;
font-weight: 300;
line-height: 40px;
color: #ffffff;
text-align: left;
margin-bottom: 15px;
}
section#equipo .row.d-lg-none.d-xl-none.d-xxl-none .col-sm-12.col-md-4 h3 span {
font-style: normal;
font-weight: 900;
color: #adb5ed;
display: block;
margin: inherit;
padding-left: 37px;
}
section#equipo .rrss img {
width: 40px;
}
section#equipo .row.d-lg-none.d-xl-none.d-xxl-none .col-sm-12.col-md-4 p {
font-size: 20px;
font-family: "HelveticaNeue-Thin";
}
section#equipo .uno {
background-image: url(../img/Pilar-Sayans.webp);
background-size: cover;
}
section#equipo .dos {
background-image: url(../img/Alvaro-de-Cozar.webp);
background-size: cover;
}
section#equipo .tres {
background-image: url(../img/Ramon-Azofra.webp);
background-size: cover;
}
section#equipo .cuatro {
background-image: url(../img/Tamara-Danielian.png);
background-size: cover;
}
section#equipo .cinco {
background-image: url(../img/inigo-ancizu.webp);
background-size: cover;
}
section#equipo .row.conoce-mas {
height: auto;
padding: 2rem 0 4rem;
}
section#equipo .row.conoce-mas p {
font-size: 1.3rem;
padding: 1rem .5rem;
margin-bottom: 2rem;
}
section#equipo a.conoce {
margin-left: 130px;
font-size: 17px;
margin-bottom: 2rem!important;
display: block;
margin-right: 38px;
}
section#equipo-bottom {
height: auto;
}
section#equipo-bottom input {
color: #212529;
background-color: #ffffff8f;
border-radius:0;
border:1px solid #33333350;
}
section#equipo-bottom input[type="text"]::placeholder,
section#equipo-bottom textarea::placeholder {
color: #c7c7c7;
}
section#contenido-bottom button {
border: unset!important;
background-color: transparent!important;
border-bottom: 10px solid #333!important;
padding: 3px 0;
border-radius: 0!important;
color: #333333;
}
section#workshop-bottom .summer-graf.wave {
margin-left: -31px;
margin-top: -30px;
height: 100px;
}
section#equipo-bottom h2 {
font-size: 45px;
line-height: 44px;
}
section#equipo-bottom h2 span {
font-size: 58px;
}
section#equipo-bottom h2 span span {
font-size: 76px;
}
section#equipo-bottom p {
font-size: 1.2rem;
}
section#equipo-bottom img.summer-graf.pool {
left: 81vw;
margin-top: 479px;
height: 50px;
}
section#equipo-bottom img.summer-graf.wave {
height: 100px;
margin-left: -78px!important;
}
section#cabecera-contenido .proyecto-detalles {
padding-bottom: 3rem;
}
section#cabecera-contenido .proyecto-detalles .detalles {
max-width: 80%;
padding: 3rem 0 0;
}
section#cabecera-contenido .conoce-mas {
max-width: 90%;
}
section#cabecera-contenido p.contenido-para, section#cabecera-contenido p {
font-size: 1.3rem;
}
section#cabecera-contenido h1 {
font-size: 40px;
line-height: 50px;
margin-bottom: 1.7rem;
text-align: left;
}
footer#contenido {
height: auto;
}
section#contenido .proyecto {
border-bottom: 9px solid #333333;
}
section#contenido-bottom .summer-graf.wave {
margin-left: -31px;
margin-top: -30px;
height: 100px;
}
section#contenido-bottom h2 {
font-size: 45px;
line-height: 44px;
}
footer#contenido .form-control {
width: 120%;
}
section#contenido-bottom h2 span {
font-size: 58px;
}
section#contenido-bottom {
height: auto;
padding:0;
}
section#contenido-bottom input {
color: #212529;
background-color: #ffffff8f;
border-radius:0;
border:1px solid #33333350;
}
section#contenido-bottom input[type="text"]::placeholder,
section#contenido-bottom textarea::placeholder {
color: #c7c7c7;
}
section#contenido-bottom button {
border: unset!important;
background-color: transparent!important;
border-bottom: 10px solid #333!important;
padding: 3px 0;
border-radius: 0!important;
color: #333333;
}
section#contenido-bottom h2 span span {
font-size: 76px;
}
section#contenido-bottom p {
font-size: 1.2rem;
}
footer#contenido {
height: auto;
background-color: #333333;
display: flex;
}
footer#contenido img.summer-graf.pool {
left: 44%;
margin-top: -18px;
height: 47px;
}
section#contenido-bottom img.summer-graf.pool {
left: 71vw;
margin-top: 479px;
height: 50px;
}
section#contenido-bottom img.summer-graf.wave {
height: 100px;
margin-left: -38px!important;
margin-top: -50px;
}
section#cabecera-detalles-contenido {
background-color: #ff6354;
display: flex;
padding: 0!important;
margin-bottom: 3rem;
}
section#cabecera-detalles-contenido .container-fluid {
padding-left: 0;
padding-right: 0;
}
section#cabecera-detalles-contenido .proyecto-detalles {
padding-bottom: 3rem;
}
section#cabecera-detalles-contenido .proyecto-detalles .detalles {
max-width: 80%;
padding: 3rem 0 0 0;
}
section#cabecera-detalles-contenido p.contenido-para, section#cabecera-detalles-contenido p {
font-size: 1.3rem;
color: #ffffff;
font-family: "HelveticaNeue-Thin";
}
section#cabecera-detalles-contenido-la-bala p.contenido-para,
section#cabecera-detalles-contenido-la-bala p {
font-size: 1.3rem;
color: #ffffff;
font-family: "HelveticaNeue-Thin";
}
section#cabecera-detalles-contenido-la-bala .proyecto-detalles .detalles {
max-width: 75%;
padding: 1rem 0 0 0;
}
section#cabecera-detalles-contenido-la-bala .proyecto-detalles {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 3rem;
max-width: 100%;
}
section#bloque-video iframe {
top: 0;
left: 0;
width: 100vw!important;
height: 241px!important;
}
.y-tu-que-la-bala {
height: 175px;
margin-top: -8px;
}
#carrusel-la-bala {
height: auto;
padding: 5rem 1rem;
}
#carrusel-la-bala .iconos-music {
margin-bottom: 3rem;
}
section#medios {
padding: 1rem 1rem 5rem;
}
section#medios .container {
padding: 0 1.5rem;
}
section#medios p {
color: #ffffff;
font-size: 1.3rem;
font-family: "HelveticaNeue-Thin";
}
section#cabecera-medios {
padding: 0!important;
height: auto;
}
section#cabecera-medios iframe{
padding: 0!important;
}
section#medios .col-lg-5.col-sm-12 {
padding: 0;
}
section#medios h2 {
font-size: 42px;
line-height: 46px;
margin: 2rem 0;
}
section#medios p {
color: #ffffff;
font-size: 1.3rem;
font-family: "HelveticaNeue-Thin";
}
section#medios img {
margin: 1rem 0 0;
}
section#contenido-bottom .summer-graf.wave {
margin-left: -31px;
margin-top: -30px;
height: 100px;
}
section#medios-bottom h2 {
font-size: 45px;
line-height: 44px;
}
section#medios-bottom {
height: auto;
}
section#medios-bottom input {
color: #212529;
background-color: #ffffff8f;
border-radius:0;
border:1px solid #33333350;
}
section#medios-bottom input[type="text"]::placeholder,
section#medios-bottom textarea::placeholder {
color: #c7c7c7;
}
section#contenido-bottom button {
border: unset!important;
background-color: transparent!important;
border-bottom: 10px solid #333!important;
padding: 3px 0;
border-radius: 0!important;
color: #333333;
}
section#medios-bottom h2 span {
font-size: 58px;
}
section#medios-bottom h2 span span {
font-size: 76px;
}
section#medios-bottom p {
font-size: 1.2rem;
}
section#medios-bottom img.summer-graf.pool {
left: 74vw;
margin-top: 479px;
height: 50px;
}
section#medios-bottom img.summer-graf.wave {
height: 100px;
margin-left: -38px!important;
margin-top: -20px;
}
section#medios .text-left, section#medios .text-right {
padding: 0;
}
section.borrarias .my-5 {
margin-top: 1rem!important;
margin-bottom: 0rem!important;
}
.text-delete p {
font-size: 1.3rem;
line-height: 1.7rem;
}
#carrusel-delete {
height: auto;
padding: 5rem 1rem;
}
#carrusel-delete .iconos-music {
margin-bottom: 3rem;
}
}
@media (max-width: 475px) {
.y-tu-que {
height: 290px;
background-image: url(../img/y-tu-que-mobile.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: 100%;
}
.cabecera-delete{
height: 400px;
}
}
@media (max-width: 425px) {
.cabecera-delete{
height: 350px;
}
.y-tu-que {
height: 300px;
}
footer#home .form-control {
width: 100%;
}
footer#home .footer-bottom p {
font-size: 1rem;
}
.logo-nav img {
width: 130px;
}
.gif-blanco {
width: 170px;
}
}
@media (max-width: 350px) {
.cabecera-delete{
height: 300px;
}
.y-tu-que {
height: 250px;
}
}
/*================= HEIGHT CONTROL =================*/
@media (max-height: 991px) {
}
@media (min-width: 992px) and (max-height: 768px) {
}
@media (max-height: 768px) {
}
@media (min-width: 992px) and (max-height: 601px) {
}
/* Transition */
@keyframes marquee {
0% {
transform: translateX(0)
}
100% {
transform: translateX(-100%)
}
}
@keyframes swap {
0%, 50% {
left: 0%;
}
50.01%,
100% {
left: 100%;
}
}