UCI
<div class="lightbox-content-generic">
    <div class="modal-body">
        <section class="splitter  splitter_bg-color_white            ">
            <div class="container">
                <div class="splitter__wrapper">
                    <div class="row">
                        <div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
                            <section class="splitter  splitter_bg-color_white            ">
                                <div class="container">
                                    <div class="splitter__wrapper">
                                        <div class="row">
                                            <div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
                                                <div class="description-list text-list">

                                                    <dl>
                                                        <div class="wrap">
                                                            <dt class="ok" id=""><svg class="icon icon-16_feedback-success     ">
                                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_feedback-success"></use>
                                                                </svg>
                                                                <span class="bodycopy-m">Titulares:</span>
                                                                <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) -->
                                                            </dt>
                                                            <dd class="" id=""><span class="bodycopy-m">El límite de titulares para acceder al aval es hasta dos titulares.</span>
                                                                <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --></dd>
                                                        </div>
                                                        <div class="wrap">
                                                            <dt class="ko" id=""><svg class="icon icon-16_feedback-error     ">
                                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_feedback-error"></use>
                                                                </svg>
                                                                <span class="bodycopy-m">Edad y menores a cargo:</span>
                                                                <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) -->
                                                            </dt>
                                                            <dd class="" id=""><span class="bodycopy-m">Debes tener 35 años o menos, ser mayor de edad o tener hijos a tu cargo, en cuyo caso no importa la edad.</span>
                                                                <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --></dd>
                                                        </div>
                                                        <div class="wrap">
                                                            <dt class="ok" id=""><svg class="icon icon-16_feedback-success     ">
                                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_feedback-success"></use>
                                                                </svg>
                                                                <span class="bodycopy-m">Límite de ingresos:</span>
                                                                <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) -->
                                                            </dt>
                                                            <dd class="" id=""><span class="bodycopy-m">El patrimonio no debe exceder los 100.000 €.</span>
                                                                <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --></dd>
                                                        </div>
                                                        <div class="wrap">
                                                            <dt class="ok" id=""><svg class="icon icon-16_feedback-success     ">
                                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_feedback-success"></use>
                                                                </svg>
                                                                <span class="bodycopy-m">Primera vivienda:</span>
                                                                <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) -->
                                                            </dt>
                                                            <dd class="" id=""><span class="bodycopy-m">La vivienda que vas a a adquirir debe ser tu primera vivienda, excepto en casos de herencias parciales, divorcio o inaccesibilidad de la vivienda actual debido a discapacidad. No eres propietario de otra vivienda. No se podrá hacer uso de la vivienda para el ejercicio de una actividad económica).</span>
                                                                <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --></dd>
                                                        </div>
                                                        <div class="wrap">
                                                            <dt class="ok" id=""><svg class="icon icon-16_feedback-success     ">
                                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_feedback-success"></use>
                                                                </svg>
                                                                <span class="bodycopy-m">Residencia legal:</span>
                                                                <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) -->
                                                            </dt>
                                                            <dd class="" id=""><span class="bodycopy-m">Debes cumplir la antigüedad de 2 años en residencia española.</span>
                                                                <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --></dd>
                                                        </div>
                                                    </dl>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>

                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<div {{#if hasID}}id="{{idComponent}}" {{/if}} class="lightbox-content-generic">
    <div class="modal-body">
        {{#if img-url}}
        <div class="row">
            <div class="col-xs-12 col-ms-12">
                <img src="{{img-url}}" />
            </div>
        </div>
        {{/if}}
        {{#if splitter}}
        {{#extend '@splitter' splitter }}
        {{#content 'content-first-column'}}
        {{#if isDocumentsUploadLightbox}}
        {{ render '@cards-grid--upload-multiple-photos' }}
        {{else if isSolicitudLlamadaLightbox}}
        {{ render '@contact--two-items-without-title' }}
        {{ render '@call-form--default' }}
        {{else if isSolicitudLlamadaSimpleLightbox}}
        {{ render '@call-form--con-consultor-y-encabezado-a-la-izquierda' }}
        {{else if isSolicitudLlamadaSuccessLightbox}}
        {{ render '@form-success' }}
        {{else if isBankflipLightbox}}
        {{ render '@product--with-bullets-list-and-reversed-just-for-mobile' }}
        {{else if isDeleteDocumentLightbox}}
        {{ render '@delete-document--default' }}
        {{else if isPreloader}}
        {{ render '@preloader--as-component' }}
        {{else if isRequisitosICO}}
        {{ render '@description-list--text-list' }}
        {{else}}
        Contenido splitter
        {{/if}}
        {{/content}}
        {{/extend}}
        {{/if}}
    </div>
</div>
{
  "hasID": false,
  "img-url": false,
  "splitter": {
    "oneColumn": true,
    "bgColorWhite": true
  },
  "title": false,
  "content": false,
  "isRequisitosICO": true
}
  • Content:
    .lightbox-content-generic {
        .modal-body {
            /*.row {
                background-color: var(--color-white); Lo comento porque genera error al meter dentro del splitter un componente producto, por ejemplo (CA) 
            }*/
            .splitter{
                .container{
                    padding:0;
                }
            }
    
            & > .row{
                margin: 0;
            }
            & > .row > .col-xs-12, 
            & > .row > .col-ms-12{
                padding: 0;
            }
        }
        
    
        .modal-head {
            margin-bottom: var(--gutter-width);
            
            & > .row{
                margin: 0;
            }
            & > .row > .col-xs-12, 
            & > .row > .col-ms-12{
                padding: 0;
            }
        }
    
        .modal__title {
            &.small {
                margin-bottom: 20px;
    
                .title-m {
                    color: var(--color-secondary);
                }
            }
        }
    }
  • URL: /components/raw/lightbox-content-generic/lightbox-content-generic.css
  • Filesystem Path: src/03-organisms/lightbox-content-generic/lightbox-content-generic.css
  • Size: 881 Bytes

El título, descripción, imagen y texto bajo la imagen son opcionales