@import "/apps/rentik-project/clientlibs/clientlib-site/css/variables.less";@import "/apps/rentik-project/clientlibs/clientlib-site/css/buttons.less";@import "/apps/rentik-project/clientlibs/clientlib-site/css/typography.less";@import "/apps/rentik-project/clientlibs/clientlib-site/css/mixins.less";@import "/apps/rentik-project/clientlibs/clientlib-site/css/icon-variables.less";@import "/apps/rentik-project/clientlibs/clientlib-site/css/icon.less";.rentik-referrals-invite{.rtk-private-area-margin-top() !important;.rentik-referrals-invite__container{.rentik-referrals-invite__main-title{// .rtk-title-h2-medium();color:#333333;margin-bottom:16px;@media(min-width:@bp-xl){font-size:24px;line-height:35px;margin-bottom:24px}
}
.rentik-referrals-invite__content{padding:24px 15px !important;height:430px;margin-top:20px;border:1px solid #E2E2E2;border-radius:8px;.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#ec008c;position:absolute;top:-10px;right:10px;animation:spin 1s ease infinite}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.btn{width:200px}
#rentik-referrals-form-response{background:#ec008c;color:#fff;border-radius:4px;padding:4px 12px;margin-bottom:12px}
button#copyUrlButton{width:100%;display:block;margin-top:10px;position:relative;border-radius:50px}
input#registrationUrl{width:100%;padding:20px 20px 20px 20px !important}
.whatsapp-share-button{display:block;position:relative;margin-top:-28px}
button#whatsapp-share-button{//width:100%;border-radius:50px}
.rentik-referrals-invite__form{.form{position:relative;width:100%;text-align:center;margin:0 auto;margin-bottom:-10px}
label{width:100%;text-align:left;font-size:1rem;font-family:@fontRentikRegular}
.input{width:100%;border:1px solid #ccc;border-radius:100px;padding:20px 100px 20px 20px;line-height:1;box-sizing:border-box;outline:0;font-size:1rem;font-family:@fontRentikRegular;height:40px}
.input_full{padding:20px 20px 20px 20px !important}
.input-number{display:inline;width:100%;border:1px solid #ccc;border-radius:100px;padding:20px 20px 20px 20px;line-height:1;box-sizing:border-box;outline:0;font-size:1rem;font-family:@fontRentikRegular}
.button{position:absolute;right:0;top:31px;bottom:0;border:0;background:#ec008c !important;color:#fff;outline:0;margin:0;padding:0 20px 0 20px;border-radius:0 100px 100px 0;width:120px;z-index:2;height:42px;font-size:1rem;font-family:@fontRentikRegular}
.copyLink{margin-top:-24px !important}
.fieldsetcss{border:0}
}
.rtk-private-area-white-box();// background-image:url("rentik-referrals-invite/generated/resources/mobile-menu-background.svg");// background-repeat:no-repeat;// background-size:contain;background-position:center;//display:flex;//flex-direction:column;//gap:20px;background-color:#fff;//background-image:url("rentik-referrals-invite/generated/resources/background-transparent.svg");border:1px solid #E2E2E2;@media(min-width:@bp-xl){gap:40px;align-items:center;flex-direction:row}
.rentik-referrals-invite__height{height:125px}
.rentik-referrals-invite__friend{padding-left:0 !important;font-family:@fontRentikRegular;ul{margin:0;padding:0;li{list-style:none !important;color:#979797;.number{color:#000;font-family:@fontRentikSemibold}
.dot_friend{height:10px;width:10px;background-color:#65d092;border-radius:50%;display:inline-block}
.dot_subfriend{height:10px;width:10px;background-color:#3576e8;border-radius:50%;display:inline-block}
.dot_pending{height:10px;width:10px;background-color:#eb6c81;border-radius:50%;display:inline-block}
}
}
}
.rentik-referrals-invite__management{@media(min-width:@bp-xl){width:100%}
.rentik-referrals-invite__title{h1,h2,h3,h3,h4,h5,h6,p{font-family:@fontRentikMedium;font-size:24px;line-height:34px;color:#2c2c2c;margin-bottom:16px}
@media(min-width:@bp-xl){margin-bottom:24px}
}
.rentik-referrals-invite__data{p{color:#909090;font-size:1rem;font-family:@fontRentikRegular;margin-bottom:0}
.rentik-referrals-invite__money{font-size:2.6rem;font-family:@fontRentikMedium}
.rentik-referrals-invite__money-promo{color:#119c6e}
}
.one{border-right:1px solid #d9d9d9}
.rentik-referrals-invite__text{h1,h2,h3,h3,h4,h5,h6,p{font-family:@fontRentikMedium;font-size:16px;line-height:22px;color:#7c7c7c}
}
.rentik-referrals-invite__button{@media(min-width:@bp-xl){margin-top:55px;max-width:250px}
button{width:100%;border-radius:4px;margin-top:24px;.rentik-button__text{.rtk-body-1-semibold();color:@white}
}
}
.icon-container{flex:0 0 auto;margin-right:2rem;.rentik-referrals__actions{img{max-width:82px;max-height:82px}
}
}
.referral-stats{flex:0 0 auto;text-align:right;h2{margin-bottom:1rem}
p{margin-bottom:.5rem;justify-content:flex-end;.number{min-width:2rem;text-align:left}
}
}
@media(max-width:@bp-md){.d-flex{flex-direction:column;align-items:center !important;text-align:center;.icon-container{margin-right:0;margin-bottom:1.5rem}
.referral-stats{text-align:center;p{justify-content:center}
}
}
}
}
.rentik-iconlink-list{//margin-top:0;@media(min-width:@bp-xl){margin:0;margin-left:auto;margin-right:auto}
ul{list-style:none;margin:0;padding:0;li{&:not(:last-child){margin-bottom:32px}
img{max-width:82px;max-height:82px}
a{font-family:@fontRentikRegular;font-size:18px;line-height:130%}
}
}
}
}
}
}
// Estilos específicos para móvil @media(max-width:767px){.rentik-referrals-invite{.rentik-referrals-invite__content{.input-group{display:block !important;// Forzar display block width:100% !important;.form-control{width:100% !important;margin-bottom:1rem !important;border-radius:4px !important}
.input-group-append{display:block !important;width:100% !important;margin-left:0 !important;.btn,button{width:100% !important;border-radius:4px !important;margin:0 !important}
}
}
// Sobrescribir el ancho fijo de los botones .btn,button[type="submit"],button#sendInvitationButton,button#whatsapp-share-button{width:100% !important;min-width:100% !important;max-width:100% !important;background:#ec008c !important}
// Ajustar el contenedor del voucher #voucher-success{.input-group{display:block !important;input#voucher-code{width:100% !important;margin-bottom:1rem !important}
.input-group-append{width:100% !important;button{width:100% !important}
}
}
}
// Eliminar ancho fijo de botones .btn{width:200px;// Eliminar esta regla}
}
// Sobrescribir cualquier estilo que fije el ancho button,.button,.btn{background:#ec008c !important;width:100% !important;min-width:unset !important;max-width:unset !important}
}
}