body{ &.embajador-etc{ &.landing{ header{ height: auto; #finder{ display: none; } } .landing-te-llamamos{ position: relative; display: block; margin: 20px 0 0 0; padding: 0; form{ position: relative; display: block; margin: 0; padding: 0; width: 100%; .email-input{ position: relative; display: inline-block; max-width: 250px; width: 100%; .error-msg{ position: relative; display: none; margin: 0; padding: 5px; font: 11px/15px @montserrat; font-weight: @montserrat-regular; color: #de3d45; background: #f8e5e6; } &.error{ .error-msg{ display: block; } input{ border: 1px solid #f8e5e6 !important; border-radius: 0 !important; color: #de3d45 !important; } } input{ padding: 0 20px; width: 100%; } } input{ position: relative; display: block; margin: 0; padding: 0 20px 0 60px; // background: url('../images/ico-telefono-widget.png') no-repeat 20px center @blanco; border: 1px solid #d9d9d9; border-radius: 2px 2px 0 0; width: 100%; font: 16px/59px @montserrat; font-weight: @montserrat-regular; color: #525252; outline: none; box-shadow: none; border-radius: 5px 5px 0 0 !important; } button{ position: relative; display: block; margin: 0; padding: 0; border-radius: 0 0 2px 2px; color: @blanco; background: @dorado; text-align: center; width: 100%; height: 64px; box-sizing: border-box; font: 14px/64px @montserrat; font-weight: @montserrat-bold; border: 0; border-radius: 0 0 5px 5px !important; } } } #masterslider{ // .ms-slide-layers{ // display: none; // } .detalles-embajador{ position: absolute; display: block; margin: 0; padding: 0 60px; top: 160px; width: 100%; z-index: 3; box-sizing: border-box; text-align: center; figure{ position: relative; display: block; margin: 0 auto 10px auto; padding: 0; width: 30%; .marco{ position: relative; display: block; margin: 0 auto 5px auto; padding: 0; border-radius: 50%; width: 134px; height: 134px; overflow: hidden; img{ display: block; margin: 0; padding: 0; width: 100%; height: auto; } } } h1{ position: relative; display: block; margin: 0 0 30px 0; padding: 0; text-align: center; font: 34px/38px @montserrat; font-weight: 700; color: @blanco; strong{ margin: 10px 0; display: block; font: 44px/48px @montserrat; font-weight: 700; } .grande{ display: block; margin-bottom: 10px; font: 26px/30px @montserrat; color: #f1ad00; font-weight: 700; } .peque{ display: block; margin-bottom: 15px; font: 19px/23px @montserrat; font-weight: 400; color: @blanco; } } .boton-reservar{ position: relative; display: inline-block; margin: 0 auto; padding: 20px 40px; background: #f1ad00; color: @blanco; text-decoration: none; text-align: center; font: 22px/26px @montserrat; font-weight: 400; border-radius: 3px; } } } .bloque-blanco{ position: relative; display: block; margin: 0; padding: 75px; // text-align: center; .inner{ overflow: visible; } h2{ position: relative; display: block; margin: 0 0 5px 0; padding: 0; font: 30px/34px @montserrat; font-weight: 900; color: @negro; text-align: left; } .estrellas{ position: relative; display: block; margin: 0 0 15px 0; padding: 0; } h3{ position: relative; display: block; margin: 0 0 15px 0; padding: 0; font: 26px/30px @montserrat; font-weight: 700; color: @negro; text-align: left; span{ display: block; font: 44px/48px @montserrat; font-weight: 900; color: #f1ad00; } } p{ position: relative; display: block; margin: 0 0 20px 0; padding: 0; text-align: left; color: #777777; font: 14px/18px @montserrat; font-weight: 400; &.texto-ul{ margin-bottom: 5px; } &.grande{ text-transform: uppercase; } } .ul{ position: relative; display: block; margin: 0; padding: 0; list-style: none; li{ position: relative; display: block; margin: 0; padding: 0 0 0 10px; font: 14px/18px @montserrat; &:before{ content: ''; position: absolute; display: block; margin: -2px 0 0 0; padding: 0; width: 4px; height: 4px; background: #777; top: 50%; left: 0; } } } .boton-reservar{ position: relative; display: block; margin: 0 0 10px 0; padding: 20px 40px; background: #f1ad00; color: @blanco; text-decoration: none; text-align: center; font: 22px/26px @montserrat; font-weight: 400; border-radius: 3px; text-align: center; max-width: 250px; } .detalles-oferta{ position: relative; display: block; margin: 0; padding: 0; font: 14px/18px @montserrat; font-weight: 400; text-decoration: underline; color: #333333; text-align: center; max-width: 250px; } } .bloque-imagen{ position: relative; display: block; margin: 0; padding: 0; img{ position: relative; display: block; margin: 0; padding: 0; width: 100%; height: auto; max-height: 350px; } } .bloque-info{ position: relative; display: block; margin: 0; padding: 20px; background: #333333; border-top: 1px solid @blanco; p{ position: relative; display: block; margin: 0; padding: 0; color: @blanco; font: 18px/22px @montserrat; font-weight: 400; strong{ display: block; color: @dorado; font: 30px/34px @montserrat; font-weight: 400; } } .telefonos{ position: relative; display: block; margin: 0; padding: 6px 0 0 50px; background: url('../images/ico-bloque-info-landing-embajadores.png') no-repeat left center; select{ position: relative; display: block; margin: 0; padding: 0 20px 0 0; -webkit-appearance: none; background: url('../images/ico-flecha-select-pais-embajadores.png') no-repeat right center transparent; border: none; font: 14px/18px @montserrat; font-weight: 700; color: @dorado; text-transform: uppercase; cursor: pointer; outline: none; } p{ font: 22px/24px @montserrat; font-weight: 400; } } } .bloque-destacados{ position: relative; display: block; margin: 0; padding: 0; width: 100%; overflow: hidden; .banner{ display: table; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 360px; .detalles{ position: relative; display: table-cell; margin: 0; padding: 20px; vertical-align: middle; text-align: center; width: 100%; height: 100%; box-sizing: border-box; p{ position: relative; display: block; margin: 0 0 15px 0; padding: 0; font: 18px/22px @montserrat; font-weight: 400; color: #333333; &.autor{ font: 14px/18px @montserrat; font-weight: 700; color: #979899; span{ display: block; font: 12px/16px @montserrat; font-weight: 700; color: @dorado; text-transform: uppercase; } } i{ position: relative; display: block; margin: 0 auto 40px auto; padding: 0; background: url('../images/comillas-landing-embajador.png') no-repeat top center; width: 41px; height: 33px; } } } } } // .bloque-gris{ // position: relative; // display: block; // margin: 0; // padding: 40px; // background: #eaeaea; // text-align: center; // p{ // position: relative; // display: block; // margin: 0; // padding: 0; // text-align: center; // font: 16px/20px @montserrat; // font-weight: 700; // color: #333333; // i{ // position: relative; // display: block; // margin: 0 auto 30px auto; // padding: 0; // background: url('../images/ico-comillas-embajadores.png') no-repeat 0 0; // width: 63px; // height: 52px; // } // span{ // position: relative; // display: block; // margin: 20px 0 0 0; // padding: 0; // font: 14px/18px @montserrat; // font-weight: 400; // color: rgba(51, 51, 51, 0.6); // } // } // } } header{ height: auto; } .action-menu{ position: relative; display: block; margin: 0; padding: 0; width: 100%; ul{ position: relative; display: table; margin: 0; padding: 0; width: 100%; list-style: none; li{ position: relative; display: table-cell; margin: 0; padding: 0; text-align: center; width: 50%; a{ position: relative; display: block; margin: 0; padding: 30px; width: 100%; font: 18px/22px @montserrat; font-weight: 400; color: #8a8a8a; text-decoration: none; &.activo{ color: @dorado; border-bottom: 3px solid @dorado; } } } } } .content-block{ position: relative; display: block; margin: 0; padding: 40px; width: 100%; border-top: 1px solid #ececec; background: #f6f6f6; } .text{ position: relative; display: block; margin: 0; padding: 0; //text-align: center; .center{ text-align: center; } .negro{ color: @negro; strong{ display: inline-block; } } .naranja{ color: #ffaf00; } .amarillo{ background: #fff3d9; } .blanco{ background: @blanco; } .gris{ color: #8c8c8c; } .upper{ text-transform: uppercase; } .peque{ font: 12px/16px @montserrat; font-weight: 400; } .elementos{ position: relative; display: block; margin: 0 auto 20px auto; padding: 0; width: 80%; overflow: hidden; .elemento{ position: relative; display: block; margin: 0; padding: 10px; float: left; width: 50%; p{ position: relative; display: block; margin: 0; padding: 0; font: 14px/18px @montserrat; font-weight: 400; } } } .grande{ font: 24px/28px @montserrat; font-weight: bold; margin-bottom: 15px; } p{ position: relative; display: block; margin: 0 0 25px 0; padding: 0; font: 14px/18px @montserrat; font-weight: 400; // color: #777777; text-align: center; &.dorado{ font: 20px/24px @montserrat; font-weight: 400; color: @dorado; } strong{ margin: 5px auto; display: block; font: 16px/20px @montserrat; font-weight: 900; // color: #000000; } img{ position: relative; display: block; margin: 5px auto 0 auto; padding: 0; } span{ margin: 5px auto; display: block; font: 16px/20px @montserrat; font-weight: 700; &.dorado{ color: @dorado; } } } } .buttons{ position: relative; display: block; margin: 0 0 25px 0; padding: 0; width: 100%; text-align: center; a{ position: relative; display: inline-block; margin: 0 auto; padding: 12px; background-color: #f1ad00; color: @blanco; text-decoration: none; text-align: center; font: 16px/20px @montserrat; font-weight: 400; border-radius: 5px; &.ico-luna{ background-image: url('../images/ico-luna-embajadores.png'); background-repeat: no-repeat; background-position: 12px center; padding-left: 50px; } } } .video-youtube { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; iframe { position: absolute; top: 0; left: 0; width: 100%; height: 94.9%; } } h3{ position: relative; display: block; margin: 0 0 20px 0; padding: 0; font: 16px/20px @montserrat; font-weight: 900; text-transform: uppercase; } .obsequios-block{ position: relative; display: block; margin: 0 0 35px 0; padding: 0; clear: both; ul{ position: relative; display: block; margin: 0; padding: 0; list-style: none; height: 210px; li{ position: relative; display: table; margin: 0 2% 0 0; padding: 0; float: left; width: 32%; height: 100%; border: 1px solid #d9d9d9; background: #f9f9f9; &:last-of-type{ margin-right: 0; } .info-block{ position: relative; display: table-cell; margin: 0; padding: 10px 20px; width: 100%; height: 100%; text-align: center; vertical-align: middle; figure{ position: relative; display: block; margin: 0 auto 15px auto; padding: 0; text-align: center; img{ position: relative; display: block; margin: 0 auto; padding: 0; } } p{ position: relative; display: block; margin: 0 0 15px 0; padding: 0; font: 16px/20px @montserrat; font-weight: 700; color: @dorado; text-align: center; span{ display: block; font: 11px/15px @montserrat; font-weight: 400; text-transform: uppercase; color: @negro; } } .cantidad{ position: relative; display: block; margin: 0; padding: 0; font: 48px/40px @montserrat; font-weight: 400; color: @negro; text-align: center; } } .nueva-referencia{ position: relative; display: table-cell; margin: 0; padding: 20px; width: 100%; height: 100%; color: @blanco; text-decoration: none; background: #f1ad00; text-align: center; vertical-align: middle; font: 18px/22px @montserrat; font-weight: 700; img{ position: relative; display: block; margin: 0 auto 15px auto; padding: 0; } } } } } .historico-block{ position: relative; display: block; margin: 0; margin: 0 0 35px 0; padding: 0; clear: both; .list-block{ position: relative; display: table; margin: 0 0 30px 0; padding: 0; width: 100%; .fila{ position: relative; display: table-row; margin: 0; padding: 0; text-align: left; vertical-align: middle; &:last-of-type{ .columna{ padding-bottom: 0; } } .columna{ position: relative; display: table-cell; margin: 0; padding: 0 10px 30px 0; text-align: left; vertical-align: middle; width: 32.5%; &:first-of-type{ width: 15%; } &:last-of-type{ width: 20%; } img{ position: relative; display: block; margin: 0 auto; padding: 0; } p{ position: relative; display: block; margin: 0; padding: 0; color: #4f4f4e; font: 16px/20px @montserrat; font-weight: 400; &.email{ font: 18px/22px @montserrat; font-weight: 400; } .estado{ position: relative; display: block; margin: 0; padding: 0; font: 16px/20px @montserrat; font-weight: 700; &.contactado, &.estadoReferidoContactado, &.estadoReferidoInteresado, &.estadoReferidoPorContactar{ color: #f1ad00; } &.interesado{ color: #356d9a; } &.estadoReferidoNoInteresado{ color: @rojo; } &.convertido, &.estadoReferidoConvertido{ color: #38c7a7; } } .fecha-invitacion{ position: relative; display: block; margin: 0; padding: 0; font: 16px/20px @montserrat; font-weight: 400; color: #b2b2b2; } &.estado{ position: relative; display: block; margin: 0; padding: 0; font: 16px/20px @montserrat; font-weight: 400; color: #b2b2b2; span{ position: relative; display: block; margin: 0; padding: 0; color: @negro; font: 16px/20px @montserrat; font-weight: 400; } } } .boton-reenviar{ position: relative; display: block; margin: 0; padding: 9px 20px 9px 70px; color: @dorado; border: 1px solid @dorado; border-radius: 3px; font: 16px/20px @montserrat; font-weight: 400; background: url('../images/ico-enviar-referencia.png') no-repeat 20px center @blanco; } } } } .no-referidos{ position: relative; display: table; margin: 0; padding: 20px 20px 20px 88px; width: 100%; border: 1px solid #e0e0e0; background: no-repeat 38px center @blanco; .triste{ position: absolute; display: block; left: 25px; top: 50%; width: 45px; height: 45px; background: url('../images/carita-triste-referidos.png') no-repeat 0 0; background-size: 45px; margin: -22px 0 0 0; } .fila{ position: relative; display: table-row; margin: 0; padding: 0; .columna{ position: relative; display: table-cell; margin: 0; padding: 0; width: 50%; vertical-align: middle; &:last-of-type{ text-align: right; } .nueva-referencia{ position: relative; display: inline-block; margin: 0; padding: 10px 20px; color: @blanco; text-decoration: none; background: #f1ad00; text-align: center; vertical-align: middle; font: 18px/22px @montserrat; font-weight: 700; border-radius: 3px; img{ position: relative; display: inline-block; margin: 0 15px 0 0; padding: 0; width: 29px; } } } } h4{ position: relative; display: block; margin: 0; padding: 0; font: 16px/20px @montserrat; font-weight: 700; color: #d74c56; } p{ position: relative; display: block; margin: 0; padding: 0; font: 14px/18px @montserrat; font-weight: 400; color: #585858; a{ text-decoration: underline; color: #585858; font-weight: 700; } } } } .nueva-block{ position: relative; display: block; margin: 0; margin: 0 0 35px 0; padding: 0; clear: both; .mensaje{ position: relative; display: block; margin: 0 0 30px 0; padding: 0 0 0 110px; background: url('../images/ico-texto-nueva-referencia.png') no-repeat left center; box-sizing: border-box; p{ position: relative; display: block; margin: 0 0 10px 0; padding: 0; font: 14px/18px @montserrat; font-weight: 400; strong{ font-weight: 700; } &.dorado{ color: @dorado; font: 21px/25px @montserrat; font-weight: 400; strong{ font-weight: 700; } } &.gris{ color: #8a8a8a; } } } .bloques-invitacion{ position: relative; display: block; margin: 0; padding: 0; p{ position: relative; display: block; margin: 0 0 15px 0; padding: 0; color: #8a8a8a; font: 16px/20px @montserrat; font-weight: 400; } .nueva-invitacion{ position: relative; display: table; margin: 0 0 20px 0; padding: 15px; background: #ececee; width: 100%; .fila{ position: relative; display: table-row; margin: 0; padding: 0; width: 100%; .columna{ position: relative; display: table-cell; margin: 0; padding: 0; vertical-align: middle; text-align: center; width: 100%; .boton-nuevo-registro{ position: relative; display: inline-block; margin: 0; padding: 10px 10px 10px 60px; background: url('../images/ico-boton-nuevo-registro-invitacion.png') no-repeat 10px center; font: 16px/20px @montserrat; font-weight: 400; color: @dorado; text-decoration: none; } } } } .mensaje-error{ position: relative; display: table; margin: 0 0 20px 0; padding: 20px 0 20px 88px; width: 100%; border: 1px solid #f5bec2; background: url('../images/ico-error-embajador.png') no-repeat 38px center #f5dfe1; h4{ position: relative; display: block; margin: 0; padding: 0; font: 16px/20px @montserrat; font-weight: 700; color: #d74c56; } p{ position: relative; display: block; margin: 0; padding: 0; font: 14px/18px @montserrat; font-weight: 400; color: #585858; a{ text-decoration: underline; color: #585858; font-weight: 700; } } } .invitaciones{ position: relative; display: table; margin: 0; padding: 0; width: 100%; box-sizing: border-box; .invitacion{ position: relative; display: table; margin: 0 0 20px 0; padding: 15px; background: #ececee; .eliminar-invitacion{ position: absolute; display: block; margin: 0; padding: 0; border-right: 34px solid transparent; border-bottom: 34px solid #525151; border-left: 34px solid #525151; border-top: 34px solid transparent; bottom: 0; left: 0; z-index: 2; img{ position: absolute; display: block; margin: 0; padding: 0; left: -22px; bottom: -22px; } } .num-invitacion{ position: absolute; display: block; margin: 0; padding: 0; z-index: 2; width: 0; height: 0; border-right: 34px solid transparent; border-top: 34px solid @dorado; border-left: 34px solid @dorado; border-bottom: 34px solid transparent; top: 0; left: 0; span{ position: absolute; display: block; margin: 0; padding: 0; font: 22px/26px @montserrat; font-weight: 400; color: @blanco; text-align: center; width: 100%; top: -26px; left: -22px; } } .fila{ position: relative; display: table-row; margin: 0; padding: 0; .empty-cell{ position: relative; display: table-cell; margin: 0; padding: 0; width: 1%; background: transparent; } .columna{ position: relative; display: table-cell; margin: 0; padding: 15px 12px; vertical-align: middle; background: @blanco; width: 42%; &.error{ border-bottom: 1px solid #FB9D9D; &:after{ content: ''; position: absolute; display: block; margin: -10px 0 0 0; padding: 0; width: 20px; height: 20px; background: url('../images/error-icon-embajador.png') no-repeat 0 0; right: 12px; top: 50%; } } &.sombra{ box-shadow: 1px 1px 0px #ccc; } &:first-of-type{ padding: 0 12px; text-align: right; width: 15%; background: transparent; } p{ position: relative; display: block; margin: 0; padding: 0; text-align: right; font: 14px/18px @montserrat; font-weight: 700; color: @negro; } label{ position: relative; display: table-cell; margin: 0; padding: 0; width: 20%; text-align: right; vertical-align: middle; font: 14px/18px @montserrat; font-weight: 400; color: @dorado; } .input-box{ position: relative; display: table-cell; margin: 0; padding: 0; text-align: left; vertical-align: middle; input{ position: relative; display: block; margin: 0; padding: 0 10px; width: 100%; font: 18px/22px @montserrat; font-weight: 400; color: @negro; border: none; outline: none; box-shadow: none; &.telefono { padding-left: 48px; } } .icon-alert { display: none; } .has-error input[type=text] { border: 0px !important; } } } } .empty-row{ position: relative; display: table-row; margin: 0; padding: 0; height: 10px; width: 100%; background: transparent; &.doble{ height: 30px; } } } } .botones{ position: relative; display: block; margin: 0; padding: 0; text-align: right; .boton-invitacion{ position: relative; display: inline-block; margin: 0 5px; padding: 10px 25px; font: 16px/20px @montserrat; font-weight: 400; color: @dorado; background: @blanco; border-radius: 3px; border: 1px solid @dorado; text-decoration: none; &.enviar{ color: @blanco; background: url('../images/ico-enviar-invitacion.png') no-repeat 20px center #f1ad00; padding-left: 70px; border-color: #f1ad00; } &.disabled { opacity: 0.4; pointer-events: none; } } } } } .enviada-block{ position: relative; display: block; margin: 0; padding: 0; clear: both; .mensaje{ position: relative; display: block; margin: 0 0 30px 0; padding: 0 0 0 125px; background: url('../images/ico-referencia-enviada.png') no-repeat left top; &:last-of-type{ margin-bottom: 50px; } p{ position: relative; display: block; margin: 0 0 10px 0; padding: 0; font: 14px/18px @montserrat; font-weight: 400; color: #8a8a8a; strong{ font-weight: 700; display: block; } &.dorado{ color: @dorado; font: 22px/26px @montserrat; font-weight: 400; strong{ font: 28px/32px @montserrat; font-weight: 700; } } } } .botones{ position: relative; display: block; margin: 0; padding: 0 0 0 125px; text-align: left; .boton-enviada{ position: relative; display: inline-block; margin: 0 10px 0 0; padding: 10px 25px; font: 16px/20px @montserrat; font-weight: 400; color: @dorado; background: @blanco; border-radius: 3px; border: 1px solid @dorado; text-decoration: none; &.mas{ color: @blanco; background: url('../images/ico-boton-sigue-invitando.png') no-repeat 20px center #f1ad00; padding-left: 65px; border-color: #f1ad00; } } } } } } //71279px; //tablet horizontal @media (max-width: @screen-md-max) { body{ &.embajador-etc{ &.landing{ #masterslider{ display: block; } .bloque-destacados{ overflow: hidden; } .bloque-blanco{ p{ &:last-of-type{ margin: 0; } } } } } } } //1023px; tablet vertical @media (max-width: @screen-sm-max) { body{ &.embajador-etc{ &.landing{ #masterslider{ display: block; } .bloque-destacados{ overflow: hidden; .banner{ height: auto; } } .bloque-blanco{ p{ &:last-of-type{ margin: 0; } &.grande{ margin-bottom: 20px; } } ul{ margin-bottom: 20px; } } .bloque-info{ p{ font: 14px/18px @montserrat; } } } } } } //767px; //mobile @media (max-width: @screen-xs-max) { body{ &.embajador-etc{ &.landing{ #masterslider{ display: block; .detalles-embajador{ top: 110px; padding: 0 20px; figure{ width: 100%; } h1{ font: 26px/30px @montserrat; font-weight: 700; strong{ font: 30px/34px @montserrat; font-weight: 700; } .grande{ font: 22px/26px @montserrat; font-weight: 700; } .peque{ font: 16px/20px @montserrat; font-weight: 400; } } } } .bloque-destacados{ overflow: hidden; .banner{ height: auto; } } .bloque-blanco{ padding: 30px; p{ margin-bottom: 25px; } h3{ font: 24px/28px @montserrat; font-weight: 900; } } .bloque-info{ p{ &:first-of-type{ margin-bottom: 20px; } } } } .content-block{ padding: 20px; } .action-menu{ ul{ li{ vertical-align: bottom; a{ padding: 10px; font: 15px/19px @montserrat; font-weight: 400; } } } } .obsequios-block{ ul{ li{ margin: 0 0 5% 0; width: 100%; } } } .historico-block{ .list-block{ width: 100%; display: block; .fila{ display: block; border-bottom: 2px solid @dorado; margin-bottom: 20px; &:last-of-type{ border-bottom: none; margin-bottom: 0; .columna{ padding-bottom: 15px; } } .columna{ width: 100%; display: block; text-align: center; padding-bottom: 15px; &:first-of-type, &:last-of-type{ width: 100%; } .boton-reenviar{ margin: 0 auto; } } } } } .nueva-block{ .mensaje{ background-position: top center; padding: 80px 0 0 0; p{ font: 13px/18px @montserrat; font-weight: 400; &.dorado{ font: 16px/20px @montserrat; font-weight: 400; } } } .bloques-invitacion{ .invitaciones{ .invitacion{ .fila{ display: block; .columna{ display: block; width: 100%; &:first-of-type{ width: 100%; padding: 5px 0; } label{ font: 12px/16px @montserrat; font-weight: 400; width: 25%; } .input-box{ input{ font: 14px/18px @montserrat; font-weight: 400; } } } } .empty-row{ height: 0; } } } .botones{ .boton-invitacion{ margin: 0 0 10px 0; width: 100%; text-align: center; } } } } .enviada-block{ .mensaje{ background-position: top center; padding: 70px 0 0 0; p{ &.dorado{ font: 18px/22px @montserrat; font-weight: 400; strong{ font: 22px/26px @montserrat; font-weight: 700; } } } } .botones{ padding: 0; .boton-enviada{ margin: 0; &.mas{ margin-bottom: 10px; } } } } } } }