#modal-codigo .modal-content {
    width: 100%;
    height: auto;
    padding: 16px 16px 40px;
    border-radius: 16px 16px 0 0;
    border: 0;
}  
 
        
.ligueme {
    margin-left: auto;
    position: relative;
    width: 360px;
    bottom: 220px;
    z-index: 9;
}

.imagen-ligueme {
    background-image: url("/documents/46699/15159657/cmb-codigo-mais-amigo.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 360px;
    height: 104px;
    position: absolute;
    top: 0;
    cursor: pointer;
}

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

#modal-codigo .modal-dialog {
    margin: 0;
    padding: 0;
    max-width: none !important;
    position: absolute;
    bottom: 0;
    display: block;
}

#modal-codigo .modal-dialog .modal-content .header-cmb {
    display: flex;
    justify-content: flex-end;
}

#modal-codigo .modal-dialog .modal-content .header-cmb .close {
    opacity: 1;
}

#modal-codigo .modal-content .modal-body {
    padding: 16px;
    
}
#modal-codigo .modal-content .modal-body .item img {
    width: 80px;
    height: 80px;
    margin: 0
 }
#modal-codigo .modal-content .modal-body .bloque1{
    max-width:408px;
    margin:0 auto;
}
#modal-codigo .modal-content .modal-body .content-cmb{
    max-width:408px;
    margin:0 auto;
}
#modal-codigo .modal-content .modal-body p.titulo-form.text-center{
    margin:0;
    margin-top:8px;
    margin-bottom:8px;
}
#modal-codigo .modal-content .modal-body p.body_regular_s {
    color: var(--Color-Content-General-1, #2C2C2C);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "IberPangea Text";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; 
}

#modal-codigo .modal-content .modal-body .container {
    padding: 0;
}
#modal-codigo .modal-content .modal-body .container div.contacto {
    border-radius: 16px;
    border: 1px solid var(--Color-Border-General-1, #C8D9D0);
    padding:24px 32px;
    display:flex;
    flex-direction:column;
    gap:8px;
}
#modal-codigo .modal-content .modal-body .container div.contacto p.title_xs{
    color: var(--Typography-Black, #2C2C2C);
font-family: IberPangea;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 133.333% */
    margin:0;
    text-align:center !important;
}
#modal-codigo .modal-content .modal-body .container div.contacto a.link_regular_m{
    color: var(--Color-Content-Interactive-Active, #2F6852);
font-family: "IberPangea Text";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
    margin:0;
    text-align:center
}

#modal-codigo .modal-content .modal-body .titulo-form {
  color: #2C2C2C;
  font-family: IberPangea;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 32px;
}


#modal-codigo .modal-content .modal-body .content-cmb #button-content .wcom-button {
    background-color: #2F6852;
    color: #FFFAF6;
    font-weight: 600;
    text-transform: none;
    margin: 16px auto 0;
    width: 328px;
    font-family: 'IberPangeaText';
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    height: 56px;
}
#modal-codigo .modal-content .modal-body .content-cmb #button-content .wcom-button:hover{
  border-radius: var(--border-radius-xxl, 100px);
    background: var(--Color-Button-Background-Hover-1, #00402A);  
}
 

#modal-codigo .modal-content .modal-body .content-cmb .phone,
#modal-codigo .modal-content .modal-body .content-cmb .codigoPromo{
    margin: 0 0 16px;
}

#modal-codigo .modal-content .modal-body .content-cmb .phone input,
#modal-codigo .modal-content .modal-body .content-cmb .codigoPromo input{
    padding: 8px 16px;
    color: #707070;
    font-family: "IberPangea Text";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
    height: 48px;
}





#modal-codigo .modal-content .modal-body .content-cmb .privacy{
  display: flex;
  align-items: center;
  margin: 0;
  gap: 12px;
}

#modal-codigo .modal-content .modal-body .content-cmb .privacy p {
  margin: 0;
  text-align: left;
}
#modal-codigo .division {
    display:flex;
    align-items:center;
    justify-content:center;
    height:fit-content;
    margin-top:32px;
    margin-bottom:16px;
}
#modal-codigo .division p {
    margin:0 6px 0 6px;    
}
#modal-codigo .modal-content .modal-body   p.title_xs{
    text-align:start !important;
color: var(--Color-Content-General-1, #2C2C2C);
text-align: center;
font-family: IberPangea;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
#modal-codigo .modal-content .modal-body .content-cmb .privacy .checkbox-custom-label {
    width: 97%;
    display: inline;
    position: relative;
    cursor: pointer;
    font-family: 'IberPangeaText';
    font-size: 12px;
    line-height: 16px;
    color: #707070;
    font-weight: 400;
    padding: 0;
}

#modal-codigo .modal-content .modal-body .content-cmb .privacy .checkbox-custom-label .link-politica {
   color: var(--Color-Content-Interactive-Active, #2F6852);

font-family: "IberPangea Text";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
#modal-codigo .modal-content .modal-body .container div.contacto a.link_regular_m:hover,
#modal-codigo .modal-content .modal-body .content-cmb .privacy .checkbox-custom-label .link-politica:hover {
    color: #003020;
    text-decoration-line: none;
}

#modal-codigo .modal-content .modal-body .content-cmb .privacy .checkbox-custom {
    width: 22px;
    margin: 0;
    background-color: #fff;
    border-radius: 4px;
    border: 1.5px solid #2F6852;
}

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


#modal-codigo .modal-content .modal-body .content-cmb .phone input:focus, 
#modal-codigo .modal-content .modal-body .content-cmb .codigoPromo input:focus {
    border: 1px solid #707070 !important;
    box-shadow: 0 0 0 2px white, 0 0 0 4px #007ACB !important;
    outline: none;
}

@media (min-width: 576px) {
    #modal-codigo .modal-dialog {
        position: initial;
        display: flex;
    }

    #modal-codigo .modal-dialog .modal-content .header-cmb {
        margin-right: -24px
    }

    #modal-codigo .modal-content .modal-body h1.text-center {
        margin: 8px 0 32px;
    }

    #modal-codigo .modal-content {
        width: 496px;
        margin: 0 auto;
        padding: 16px 40px 32px;
        border-radius: 16px;
    }

    #modal-codigo .modal-content .modal-body .content-cmb #button-content .wcom-button {
        margin: 8px 0 0 0;
        width: 100%;
        height: 48px;
    }

}

@media (min-width: 1200px) {
    #modal-codigo .modal-content {
        width: 600px;
    }
}

@media (min-width: 1290px) {
    #modal-codigo .modal-content {
        width: 640px;
    }
}