<div class="col-12 pb-2 d-flex flex-column align-items-center">

    <div class="col-sm-8 mb-3 d-flex flex-column align-items-center">
        <h5 class="mb-1 fw-bold titulo"></h5>
    </div><!--//.mb-3 -->

    <div class="col-sm-8 mb-3 d-flex flex-column align-items-center">
        <h3 class="mb-1 fw-bold"> Impresión interior </h3>
    </div><!--//.mb-3 -->


    <div id="divImpresionInterior" name="div_impresion_interior" class="row col-sm-10 mb-3 justify-content-center">

        <div id="negroEstandar"
            class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/blancoYnegro.png") ?>"
                alt="Negro">
            <label for="titulo" class="form-label">
                Blanco y Negro
            </label>
        </div>

        <div id="negroPremium"
            class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/negroFoto.png") ?>"
                alt="NegroPremium">
            <label for="titulo" class="form-label">
                Blanco y Negro Premium
            </label>
        </div>

        <div id="colorEstandar"
            class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/color.png") ?>" alt="Color">
            <label for="titulo" class="form-label">
                Color
            </label>
        </div>

        <div id="colorPremium"
            class="d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/colorFoto.png") ?>"
                alt="ColorPremium">
            <label for="titulo" class="form-label">
                Color Premium
            </label>
        </div>

    </div>


    <div id="textoPapelInterior" class="col-sm-8 mb-3 d-flex flex-column align-items-center d-none">
        <h3 class="mb-1 fw-bold"> Papel interior </h3>
    </div><!--//.mb-3 -->


    <div id="divPapelInterior" name="div_papel_interior" class="row col-sm-10 mb-1 justify-content-center">

    </div>

    <div id="divPapelEspecialInterior" name="div_papel_especial_interior"
        class="row col-sm-10 mb-3 justify-content-center d-none">
        <div class="col-sm-5 mb-0">
            <label for="titulo" class="form-label">
                Seleccione el papel especial
            </label>
            <select id="papelEspecialInterior" name="papel_especial_interior"
                class="form-control select2bs2  calcular-solapas calcular-presupuesto col-5 mb-0">
            </select>
        </div>
    </div>

    <div id="divGramajeInterior" name="div_gramaje_interior" class="row col-sm-10 mb-3 justify-content-center d-none">
    </div>



    <div class="col-sm-8 mb-3 mt-10 d-flex flex-column align-items-center interior-color d-none">
        <h3 class="mb-1 fw-bold"> Impresión interior color</h3>
    </div><!--//.mb-3 -->


    <div id="divImpresionInteriorColor" name="div_impresion_interior_color"
        class="row col-sm-10 mb-3 justify-content-center interior-color d-none">

        <div id="colorEstandarColor"
            class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior-color imagen-selector image-container">
            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/color.png") ?>" alt="Color">
            <label for="titulo" class="form-label">
                Color
            </label>
        </div>

        <div id="colorPremiumColor"
            class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior-color imagen-selector image-container">
            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/colorFoto.png") ?>"
                alt="ColorPremium">
            <label for="titulo" class="form-label">
                Color Premium
            </label>
        </div>

    </div>


    <div id="textoPapelInteriorColor" class="col-sm-8 mb-3 d-flex flex-column align-items-center interior-color d-none">
        <h3 class="mb-1 fw-bold"> Papel interior color</h3>
    </div><!--//.mb-3 -->


    <div id="divPapelInteriorColor" name="div_papel_interior_color"
        class="row col-sm-10 mb-5 interior-color justify-content-center interior-color d-none">

    </div>

    <div id="divPapelEspecialInteriorColor" name="div_papel_especial_interior_color"
        class="row col-sm-10 mb-3 justify-content-center d-none">
        <div class="col-sm-5 mb-0">
            <label for="titulo" class="form-label">
                Seleccione el papel especial
            </label>
            <select id="papelEspecialInteriorColor" name="papel_especial_interior_color"
                class="form-control select2bs2 calcular-solapas calcular-presupuesto col-5 mb-0">
            </select>
        </div>
    </div>

    <div id="divGramajeInteriorColor" name="div_gramaje_interior_color"
        class="row col-sm-10 mb-3 justify-content-center d-none">

        

    </div>

</div>