.ligueme {
    margin-left: auto;
    position: relative;
    width: 257px;
    bottom: 220px;
    z-index: 9;
}

.imagen-ligueme {
    right: 0;
    background-image: url("/documents/46699/22822272/img-cmb.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 257px;
    height: 104px;
    position: absolute;
    top: 0;
    cursor: pointer;
}

#modal-comunidade-solar {
    background: rgba(0, 0, 0, 0.5);
}

#modal-comunidade-solar .modal-dialog {
    margin: 0;
    max-width: none !important;
    position: fixed;
    bottom: 0;
}

#modal-comunidade-solar .modal-dialog .modal-content {
    border: 0;
    border-radius: 16px 16px 0 0;
}

#modal-comunidade-solar .modal-dialog .modal-content .header-cmb {
    display: flex;
    justify-content: flex-end;
    padding: var(--size-space-16) var(--size-space-16) var(--size-space-8);
}

#modal-comunidade-solar .modal-dialog .modal-content .header-cmb .close {
    opacity: 1;
    width: 24px;
    height: 24px;
}

#modal-comunidade-solar .modal-content .modal-body {
    padding: 0;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #00A443 #C8D9D0;
    border: none;
    height: 100%;
    padding: var(--size-space-0) var(--size-space-16) var(--size-space-40);
}

#modal-comunidade-solar .modal-content .modal-body .item img {
    margin-bottom: 8px;
}

#modal-comunidade-solar .bloque-modal {
    display: flex;
    flex-direction: column;
    gap: var(--size-space-16);
    width: 100%;
}

#modal-comunidade-solar .bloque-modal .titulo-form {
    color: var(--Color-Content-General-1);
    margin-bottom: var(--size-space-16);
    text-align: center;
    padding: var(--size-space-0);
    font-family: var(--font-family-1-smbold);
    font-size: var(--size-font-175);
    font-weight: inherit;
    line-height: var(--size-font-line-height-xl);
    font-style: var(--font-style-normal);
}

#modal-comunidade-solar .modal-content .modal-body .content-cmb .row:first-of-type {
    display: flex;
    flex-direction: column;
    gap: var(--size-space-16);
}

#modal-comunidade-solar .bloque-modal .subtitulo-form {
    color: var(--Color-Content-General-1);
    margin-bottom: var(--size-space-32);
    text-align: center;
}

#modal-comunidade-solar .bloque-modal .content-cmb #button-content .wcom-button {
    text-transform: none;
    margin: var(--size-space-32) auto var(--size-space-0);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--size-space-40);
    height: 56px;
    max-width: 328px;
    border-radius: var(--border-radius-xl);
    background: var(--Color-Button-Background-Active-1);
    color: var(--Color-Button-Content-Active-1);
}

#modal-comunidade-solar .bloque-modal .content-cmb .row #bandera-pais .bandera-inicial-telefono {
    position: unset;
    height: 24px;
    width: 24px;
    margin: var(--size-space-0) var(--size-space-4) var(--size-space-0) var(--size-space-8);
}

#modal-comunidade-solar .bloque-modal .content-cmb .row #bandera-pais #flecha-telefono {
    position: unset;
    height: 16px;
    width: 16px;
    margin: var(--size-space-0);
    background-position: center;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row #bandera-pais #borde {
    border-right: var(--border-width-s) solid var(--Color-Form-Border-Active);
    height: 24px;
    margin: var(--size-space-0) var(--size-space-8);
}

#modal-comunidade-solar .bloque-modal .content-cmb .row #bandera-pais #prefTel {
    color: var(--Color-Content-General-1);
    font-family: "IberPangea Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .phone .input-listado.has-error #bandera-pais #prefTel {
    color: var(--Color-Form-Content-Error);
    border-right: 0;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .caja-bandera {
    border-radius: 0;
    border-bottom-left-radius: 1.875rem;
    border-top-left-radius: 1.875rem;
    grid-area: caja-bandera;
    border: var(--border-width-s) solid var(--Color-Content-General-2);
    padding: 8px;
    display: flex;
    align-items: center;
    background-position-x: unset;
    border-right: 0;
    background-image: none;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .phone .input-listado {
    display: grid;
    width: 100%;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "caja-bandera input-telefono"
        "help-block help-block";
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .phone .input-listado.has-error .caja-bandera {
    border: var(--border-width-s) solid var(--Color-Form-Content-Error);
    border-right: 0;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .input-listado {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
}

#modal-comunidade-solar .bloque-modal .content-cmb .bloque-input {
    display: flex;
    flex-direction: column;
    gap: var(--size-space-16);
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .form-group {
    width: 100%;
    margin: 0;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .form-group.phone .help-block:not(.hidden) {
    width: 100%;
    grid-area: help-block;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .form-group.phone .input-group-prepend {
    width: auto;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .form-group.phone .input-group-prepend .obtener-paises-ele {
    left: 0 !important;
    width: auto;
    max-height: 200px;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row input#telf {
    border-radius: 0;
    border-bottom-right-radius: 1.875rem;
    border-top-right-radius: 1.875rem;
    grid-area: input-telefono;
    background-position-x: 92% !important;
    border-left: none !important;
    padding-left: 0;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .form-group label {
    color: var(--Color-Content-General-2);
    padding-left: var(--size-space-16);
}

#modal-comunidade-solar .bloque-modal .content-cmb .asterisco-rojo {
    color: var(--Color-Form-Content-Error);
}

#modal-comunidade-solar .bloque-modal .content-cmb .row input {
    padding: var(--size-space-8) var(--size-space-16);
    color: var(--Color-Form-Content-General);
    margin-bottom: 0;
    height: 48px;
    width: 100%;
    font-family: var(--font-family-2-regular);
    font-size: var(--size-font-100);
}

#modal-comunidade-solar .bloque-modal .content-cmb .row input:hover {
    border-radius: var(--border-radius-xl);
    border: var(--border-width-s) solid var(--Color-Form-Border-Hover);
    background: var(--Color-Form-Surface-General);
    box-shadow: 0px 0px 6px var(--Color-Form-Border-Hover);
}

#modal-comunidade-solar .bloque-modal .content-cmb .row input:active {
    border-radius: var(--border-radius-xl);
    border: var(--border-width-s) solid var(--Color-Form-Border-Selected);
    background: var(--Color-Form-Surface-General);
    box-shadow: none;
}

#modal-comunidade-solar .bloque-modal .content-cmb .row input:focus {
    border-radius: var(--border-radius-xl);
    border: var(--border-width-s) solid var(--Color-Control-Border-Focus);
    background: var(--Color-Form-Surface-General);
    box-shadow: 0px 0px 6px var(--Color-Control-Border-Focus);
}

#modal-comunidade-solar .bloque-modal .content-cmb .row .has-error>input:not([type="button"]):not([type="checkbox"]):not([type="file"]):not([type="radio"]) {
    background-position-x: 94% !important;
}

#modal-comunidade-solar .bloque-modal .content-cmb .privacy .checkbox-custom-label .link-politica {
    color: #2F6852;
    text-decoration-line: underline
}

#modal-comunidade-solar .bloque-modal .content-cmb .privacy .checkbox-custom-label .link-politica:hover {
    color: #003020;
    text-decoration-line: none;
}

#modal-comunidade-solar .bloque-modal .content-cmb .privacy .checkbox-custom-label {
    margin: 0;
    cursor: unset;
}

#modal-comunidade-solar .bloque-modal .content-cmb .privacy {
    display: flex;
    margin-top: var(--size-space-16);
    flex-direction: row;
    align-items: center;
}

#modal-comunidade-solar .bloque-modal .content-cmb .campos-obligatorios {
    display: flex;
}

#modal-comunidade-solar .bloque-modal .content-cmb .campos-obligatorios p {
    margin: 0;
    color: var(--Color-Form-Content-General);
}

#modal-comunidade-solar .bloque-modal .content-cmb .help-block {
    color: var(--Color-Form-Content-Error);
    font-family: "IberPangea Text";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding-left: 16px;
    margin: 4px 0 0;
}

#modal-comunidade-solar .bloque-modal .content-cmb .privacy .help-block {
    margin: 0;
}

#modal-comunidade-solar .bloque-modal .content-cmb .privacy .checkbox-custom {
    width: 22px;
    margin: 0 12px;
    border: var(--border-width-s) solid #2F6852;
    background: #fff;
    box-shadow: none;
    border-radius: 4px;
}

#modal-comunidade-solar .bloque-modal .content-cmb .privacy .checkbox-custom:before {
    background: #00A443;
    box-shadow: none;
    height: 20px;
    width: 20px;
    border-radius: 0;
    border-color: #00A443;
}

#modal-comunidade-solar .bloque-modal .content-cmb .privacy p {
    margin: var(--size-space-0);
    text-align: left;
}

#modal-comunidade-solar .bloque-modal .content-cmb .dropdow-select #flecha-telefono {
    background-image: url("/documents/46699/2341056/flecha-down-grey.svg");
}

#modal-comunidade-solar .bloque-modal .content-cmb .dropdow-select.show #flecha-telefono {
    background-image: url("/documents/46699/2341056/flecha-up-black.svg");
}

@media (min-width: 576px) {
    #modal-comunidade-solar.show {
        display: flex !important;
        justify-content: center;
    }

    #modal-comunidade-solar .modal-dialog {
        position: relative;
        bottom: unset;
        margin: auto;
    }

    #modal-comunidade-solar .modal-dialog .modal-content {
        max-width: 492px;
        margin: auto;
        border-radius: var(--border-radius-l);
    }

    #modal-comunidade-solar .modal-content .modal-body form {
        padding: var(--size-space-0) var(--size-space-24);
    }
}

@media (min-width: 992px) {
    #modal-comunidade-solar .modal-content .modal-body {
        padding: var(--size-space-0) var(--size-space-16) var(--size-space-32);
        overflow-y: hidden;
        height: 100%;
    }

    #modal-comunidade-solar .modal-dialog .modal-content {
        max-width: 600px;
    }

    #modal-comunidade-solar .modal-content .modal-body .content-cmb .row .form-group {
        margin: var(--size-space-0);
    }

    #modal-comunidade-solar .bloque-modal .content-cmb .row .form-group.phone .input-group-prepend .obtener-paises-ele {
        max-height: 160px;
    }
}