{# Inicialización de variables en una sola línea #}
{% set cedenteCortesia = '' %}
{% set cesionarioCortesia = '' %}
{% set cedenteGramatica = '' %}
{% set cesionarioGramatica = '' %}
{# Lógica condicional para asignar valores #}
{% if cedente.sexo == 'M' %}
  {% set cedenteCortesia = 'la señora' %}
  {% set cedenteGramatica = 'de ' %}
{% else %}
  {% set cedenteCortesia = 'el señor' %}
  {% set cedenteGramatica = 'd' %}
{% endif %}
{# Lógica condicional para asignar valores #}
{% if cesionario.sexo == 'M' %}
  {% set cesionarioCortesia = 'la señora' %}
  {% set cesionarioGramatica = 'de ' %}
{% else %}
  {% set cesionarioCortesia = 'el señor' %}
  {% set cesionarioGramatica = 'd' %}
{% endif %}
<style>

    p {
        font-size: 14px;
        line-height: 1.7;
    }

    .titulo-secundario {
        text-align: center;
        font-family: sans-serif,verdana,arial;
    }

    .parrafo-bloque {
        text-align: justify;
        font-family: sans-serif,verdana,arial;
    }

    .parrafo-indent {
        text-align: justify;
        font-family: sans-serif,verdana,arial;
        text-indent: 40px;
    }

    .firmantes {
        width: 100%;
        font-family: sans-serif,verdana,arial;
        font-weight: bold;
    }

    .firmantes-left {
        width: 50%;
        float: left;
        text-align: center;
        font-size: 13px;
    }

    .firmantes-right {
        width: 50%;
        float: right;
        text-align: center;
        font-size: 13px;
    }

    .firmantes-center {
        width: 100%;
        text-align: center;
        font-size: 13px;
    }

    .firmantes-left-curp
    {
        width: 50%;
        float: left;
        text-align: center;
        font-size: 10px;
        font-weight: normal;
        font-style: italic;
    }

    .firmantes-right-curp
    {
        width: 50%;
        float: right;
        text-align: center;
        font-size: 10px;
        font-weight: normal;
        font-style: italic;
    }

    .caja-imagen {
        width: 100%;
        text-align: center;
    }

    .dimension-imagen {
        width: 200px;
        height: auto;
    }

    .encabezado
    {
        text-align: center;
        font-family: sans-serif,verdana,arial;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
    }

    .asunto
    {
        text-align: justify;
        font-family: sans-serif,verdana,arial;
        font-size: 13px;
        font-weight: bold;
    }
    
    .puntos
    {
        list-style-type: upper-alpha;
        font-weight: bold;
        font-family: sans-serif,verdana,arial;
        font-size: 13px;
    }

    .parrafo-punto
    {
        font-weight: normal;
        text-align: justify;
        font-family: sans-serif,verdana,arial;
        font-size: 13px;
    }
    .fecha
    {
        text-align: center;
        font-family: sans-serif,verdana,arial;
        font-size: 13px;
    }

    .page-break {
        page-break-after: always;
    }
    
    .huellas
    {
        width: 100%;
        margin-top: 35px;
    }

    .huellas-left
    {
        width: 50%;
        float: left;
        text-align: center;
        font-size: 13px;
        display: flex;
        justify-content: center;
    }

    .huellas-right
    {
        width: 50%;
        float: right;
        text-align: center;
        font-size: 13px;
        display: flex;
        justify-content: center;
    }

    .pulgar-derecho, .pulgar-izquierdo
    {
        width: 90px;
        height: 110px;
        border: 1px solid #000;
        display: inline-block;
        margin: 10px;
        position: relative;
        text-align: center;
        border-radius: 5px;
    }

    .titulo-derecho, .titulo-izquierdo
    {
        font-size: 7px;
        display: inline-block;
        font-family: sans-serif,verdana,arial;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 90px;
        font-weight: bold;
    }
</style>


<div class="page-break">
    <div class="caja-imagen">
        <img src="{{ imageBase64 }}" alt="Imagen" class="dimension-imagen">
    </div>
    <p class="encabezado"><b>RESCISI&Oacute;N DE CONTRATO DE COMPRAVENTA</b></p>
    <br />
    <p class="asunto">MISMA QUE CONVIENEN POR UNA PARTE EL SE&Ntilde;OR JOEL ARTURO CH&Aacute;VEZ GONZ&Aacute;LEZ EN SU CAR&Aacute;CTER DE APODERADO LEGAL DE LA VENDEDORA, SE&Ntilde;ORA LEONOR GONZ&Aacute;LEZ WISBRUN, AS&Iacute; COMO {{ cedenteCortesia|upper }} {{ cedente.nombres|e }} {{ cedente.apellidos }}, EN SU CAR&Aacute;CTER DE COMPRADORA, MISMOS QUE SE SUJETAN AL TENOR DE LAS SIGUIENTES DECLARACIONES Y CL&Aacute;USULAS:</p>
    <br />
    <p class="titulo-secundario"><b>DECLARACIONES</b></p>
    <ol class="puntos">
        <li><p class="parrafo-punto">Declaran ambas partes haber celebrado contrato de compraventa con reserva de dominio en fecha {{ fullDateToWords.convertMonth(traspaso.fecha) }}, esto sobre el inmueble identificado como Lote {{ lote.nombre }} Manzana {{ manzana.nombre }}, ubicado en {{ lote.ubicacion }}, EL CUAL CUENTA CON UNA SUPERFICIE DE {{ lote.superficie|number_format(2, '.', '') }} M <sup>2</sup>.</p></li>
        <li><p class="parrafo-punto">Manifiestan las partes, que es su deseo rescindir el aludido contrato mencionado, y anular por completo todos los efectos legales que del mismo se hubieren podido derivar.</p></li>
        <li><p class="parrafo-punto">Manifiesta que {{ cedenteCortesia }} {{ cedente.nombres|e }} {{ cedente.apellidos }} que a la fecha ha pagado por el lote de referencia la cantidad de ${{ traspaso.montoTotal|number_format(2, '.', ',') }} ({{ numberToAmounts.amountWithDecimals(traspaso.montoTotal) }} M.N.), entre anticipo y {{ numberToFormat.numberWithInteger(estado.cuotasPagadas)|lower }} mensualidades, no siendo su inter&eacute;s continuar con la totalidad de los pagos restantes pactados en su contrato.</p></li>
        <li><p class="parrafo-punto">{{ cedenteCortesia|capitalize }} {{ cedente.nombres|e }} {{ cedente.apellidos }} manifiesta que el motivo de la rescisi&oacute;n que aqu&iacute; nos ocupa, es con el fin de que &eacute;sta pueda traspasar el inmueble identificado en la <b>Declaraci&oacute;n A.</b>, junto con todos los derechos y obligaciones inherentes al mismo en favor {{ cesionarioGramatica ~ cesionarioCortesia }} {{ cesionario.nombres|e }} {{ cesionario.apellidos }}, y de &eacute;sta manera quedar libre de toda obligaci&oacute;n y derecho con respecto al multialudido Lote {{ lote.nombre }} Manzana {{ manzana.nombre }}, as&iacute; como a las condiciones consignadas en el contrato de compraventa con reserva de dominio de fecha {{ fullDateToWords.convertMonth(traspaso.fecha) }}.</p></li>
        <li><p class="parrafo-punto">Declara {{ cedenteCortesia }} {{ cedente.nombres|e }} {{ cedente.apellidos }}, que &eacute;sta ha llegado a un acuerdo con {{ cesionarioCortesia }} {{ cesionario.nombres|e }} {{ cesionario.apellidos }}, mediante el cual ha recibido la cantidad de ${{ traspaso.montoPagado|number_format(2, '.', ',') }} ({{ numberToAmounts.amountWithDecimals(traspaso.montoPagado) }} M.N.) con motivo del traspaso de referencia, por lo que &eacute;sta se da por satisfecha con el pago de dicha prestaci&oacute;n.</p></li>
        <li><p class="parrafo-punto">Por su parte, el se&ntilde;or JOEL ARTURO CH&Aacute;VEZ GONZ&Aacute;LEZ, manifiesta su conformidad con la operaci&oacute;n realizada entre {{ cedenteCortesia }} {{ cedente.nombres|e }} {{ cedente.apellidos }} y {{ cesionarioCortesia }} {{ cesionario.nombres|e }} {{ cesionario.apellidos }}, absteni&eacute;ndose de reclamar cualquier clase de penalizaci&oacute;n en contra {{ cedenteGramatica ~ cedenteCortesia }} {{ cedente.nombres|e }} {{ cedente.apellidos }}, para que en lo ulterior, su relaci&oacute;n contractual con respecto al Lote {{ lote.nombre }} Manzana {{ manzana.nombre }} sea exclusivamente con {{ cesionarioCortesia }} {{ cesionario.nombres|e }} {{ cesionario.apellidos }}, de conformidad con el nuevo contrato de compraventa que se celebre con el mismo.</p></li>
    </ol>
    <p class="titulo-secundario"><b>CL&Aacute;USULAS</b></p>
    <p class="parrafo-bloque"><b>PRIMERA.-</b> A la firma de este instrumento, {{ cedenteCortesia }} {{ cedente.nombres|e }} {{ cedente.apellidos }} devuelve la posesi&oacute;n y dominio del inmueble identificado en la <b>declaraci&oacute;n A.</b>, manifestando no tener inter&eacute;s legal alguno sobre el mismo.</p>
    <p class="parrafo-bloque"><b>SEGUNDA.-</b> Las partes firmantes dan por rescindido de pleno derecho el contrato celebrado en fecha {{ fullDateToWords.convertMonth(traspaso.fecha) }}, as&iacute; como todo efecto que del mismo se hubiese podido derivar, sin que ninguno de los dos se reserve acci&oacute;n legal alguna en contra del otro, pues firman de conformidad el presente instrumento.</p>
    <p class="parrafo-bloque">Firman por duplicado el presente instrumento a los {{ fullDateToWords.toMonth(traspaso.fechaTraspaso) }}.</p>
    <br /><br /><br /><br /><br />
    <div class="firmantes">
        <div class="firmantes-left">{{ cedente.nombres|e }} {{ cedente.apellidos }}</div>
        <div class="firmantes-right">JOEL ARTURO CH&Aacute;VEZ GONZ&Aacute;LEZ</div>
    </div>
</div>


<div>
    <div class="caja-imagen">
        <img src="{{ imageBase64 }}" alt="Imagen" class="dimension-imagen">
    </div>
    <p class="encabezado"></p>
    <p class="parrafo-indent">A trav&eacute;s del presente documento, se hace constar que {{ cedenteCortesia }} {{ cedente.nombres|e }} {{ cedente.apellidos }}, traspasa en favor {{ cesionarioGramatica ~ cesionarioCortesia }} {{ cesionario.nombres|e }} {{ cesionario.apellidos }} los derechos que le corresponden sobre el contrato de compraventa de un inmueble identificado como LOTE {{ lote.nombre }} MANZANA {{ manzana.nombre }} ubicado en {{ lote.ubicacion }}, en esta ciudad, celebrado con el se&ntilde;or JOEL ARTURO CH&Aacute;VEZ GONZ&Aacute;LEZ en su car&aacute;cter de apoderado de la se&ntilde;ora LEONOR GONZ&Aacute;LEZ WISBRUN, mismo que se celebrara en fecha {{ fullDateToWords.convertMonth(traspaso.fechaTraspaso) }}, y por el cual se ha pagado la cantidad total de ${{ traspaso.montoPagado|number_format(2, '.', ',') }} ({{ numberToAmounts.amountWithDecimals(traspaso.montoTotal) }} M.N.), entre anticipo y {{ numberToFormat.numberWithInteger(estado.cuotasPagadas)|lower }} mensualidades.</p>
    <p class="parrafo-indent">Como contraprestaci&oacute;n por el traspaso realizado, {{ cesionarioCortesia }} {{ cesionario.nombres|e }} {{ cesionario.apellidos }} paga en este acto a {{ cedenteCortesia }} {{ cedente.nombres|e }} {{ cedente.apellidos }} la cantidad de ${{ traspaso.montoPagado|number_format(2, '.', ',') }} ({{ numberToAmounts.amountWithDecimals(traspaso.montoPagado) }} M.N.), d&aacute;ndose por satisfechas las partes celebrantes con la operaci&oacute;n realizada, fungiendo el presente documento como el recibo m&aacute;s eficaz que en derecho pueda corresponder.</p>
    <br /><br /><br />
    <p class="fecha">Ciudad Ju&aacute;rez, Chihuahua, a los {{ fullDateToWords.toMonth(traspaso.fechaTraspaso) }}</p>
    <br /><br /><br /><br /><br />
    <div class="firmantes">
        <div class="firmantes-left">{{ cedente.nombres|e }} {{ cedente.apellidos }}</div>
        <div class="firmantes-right">{{ cesionario.nombres|e }} {{ cesionario.apellidos }}</div>
    </div>
    <br />
    <div class="firmantes">
        <div class="firmantes-left-curp">{{ cedente.curp is empty ? cedente.pasaporte : cedente.curp }}</div>
        <div class="firmantes-right-curp">{{ cesionario.curp is empty ? cesionario.pasaporte : cesionario.curp }}</div>
    </div>
    <br />
    <div class="huellas">
        <div class="huellas-left">
            <div class="pulgar-derecho">
                <div class="titulo-derecho">PULGAR DERECHO</div>
            </div>            
            <div class="pulgar-izquierdo">
                <div class="titulo-izquierdo">&Iacute;NDICE DERECHO</div>
            </div>
        </div>
        <div class="huellas-right">
            <div class="pulgar-derecho">
                <div class="titulo-derecho">PULGAR DERECHO</div>
            </div>            
            <div class="pulgar-izquierdo">
                <div class="titulo-izquierdo">&Iacute;NDICE DERECHO</div>
            </div>
        </div>
    </div>
</div>