/* Elementos solo visibles al imprimir — ocultos en pantalla */
.print_cabecera { display: none; }

/*NUMERACIÓN DE TITULOS Y PARRAFOS*/

body
{
    counter-reset: capitulo 4 seccion;
    position: absolute;
    z-index: -2;
} /*inicia la numeración del tema*/


/********************* CONFIGURACIÓN DE LA IMPRESION DEL TEMA ******************************/

@media print {

    /* Suprimir cabeceras automáticas del navegador */
    @page {
        size: 8.27in 11.69in;
        margin: 0.6cm 2cm 2cm 2cm;

        @top-left   { content: ""; }
        @top-center { content: ""; }
        @top-right  { content: ""; }

        @bottom-center {
            content: "webadministrativa.es";
            font-size: 11pt;
            color: #444;
        }
        @bottom-right {
            content: "Página " counter(page) " de " counter(pages);
            font-size: 8pt;
            color: #666;
        }
    }

    /* Cabecera impresa: sección + nombre del tema */
    .print_cabecera { display: block; margin-top: 0; margin-bottom: 10px; }
    .print_seccion {
        font-size: 13pt;
        font-weight: normal;
        color: #555;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }
    .print_titulo_tema {
        font-size: 18pt;
        font-weight: bold;
        color: black;
        margin-top: 4px;
        text-align: center;
    }

    /* Ocultar navegación, modal y proyector */
    #botonsubiralmenu  { display: none; }
    header             { display: none; }
    footer             { display: none; }
    #modal_overlay     { display: none; }
    .contenedor        { display: none; }
    #boton_ts          { padding-top: 0; }
    .ts_1_wrapper      { display: none; }
    .ts_1              { display: none !important; }

    /* H2 invisible pero en DOM para que el contador CSS siga incrementando */
    .boton_ts h2 {
        visibility: hidden;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    /* H3: flujo natural sin saltos forzados */
    h3 { page-break-before: auto; }

    /* No partir párrafos, listas ni títulos entre páginas */
    p, li, h3, h4, h5 { page-break-inside: avoid; }
    h3, h4 { page-break-after: avoid; }

    /* Evitar párrafos y listas partidos (widows/orphans) */
    .p { widows: 3; orphans: 3; }
    .lih3, .lih3cp, .lih3cpcl, .lih3cpclcp, .lih3cpclcpcl { widows: 3; orphans: 3; }
    .lih4, .lih4cp, .lih4cpcl, .lih4cpclcp                { widows: 3; orphans: 3; }
    .lih5, .lih5cp                                         { widows: 3; orphans: 3; }

    /* Imágenes no partidas entre páginas */
    .img, .container, .ph3ej { break-inside: avoid-page; }

    /* datospedido — ocultar interactivos */
    .datospedido_1, .datospedido_1a, .datospedido_2, .datospedido_2a,
    .datospedido_3, .datospedido_3a, .datospedido_4, .datospedido_4a,
    .datospedido_5, .datospedido_5a, .datospedido_6, .datospedido_6a,
    .datospedido_7, .datospedido_7a, .datospedido_8, .datospedido_8a,
    .datospedido_9, .datospedido_9a, .datospedido_10, .datospedido_10a { display: none; }
}


                    /********************* FIN IMPRESION DEL TEMA ******************************/


                            /*************** INICIO TRANSPARENCIAS *********************/

#modal_overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.75);
    z-index: 999; opacity: 0; pointer-events: none;
    transition: opacity 0.25s ease;
}
#modal_overlay.overlay_visible { opacity: 1; pointer-events: all; }

.contenedor {
    position: fixed; z-index: 1000;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.85);
    width: 96%; max-width: 1500px;
    height: 54vw; max-height: 90vh;
    opacity: 0; pointer-events: none;
    border-radius: 15px; overflow: hidden;
    box-shadow: 0px 16px 48px 0px rgba(0,0,0,0.8);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.25s ease;
}
.contenedor_visible {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; pointer-events: all;
}

.ts_1_wrapper { display: inline-block; line-height: 0; }
.ts_1 {
    cursor: pointer; margin-left: 16px; -webkit-user-drag: none;
    height: 31px; width: 69px; margin-top: 10px;
    transition: transform 0.2s ease, filter 0.2s ease;
}
.ts_1:hover {
    background-repeat: no-repeat; background-position: center;
    background-size: 69px; -webkit-user-drag: none;
    background-image: url(../Imagenes/botonproyectorwing2.png);
    transform: scale(1.07) translateY(-3px);
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.4));
}

.documentospreviosalafacturas_visible{margin-top: 50%;transition: .2s all linear;}


.carruseles{
    height: 100%;
    width: 1600%;                /*************** el ancho del 100% se multiplica por el numero de transparencias ************************/
    display: flex;
}

.transparencias {
    width: calc(100% / 16);         /*************************se divide por el numero de transparencias *************************/
    height: 100%;
}

.transparencias img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 15px;
    padding: 2px;
}

.btn-left {
    display: flex;
    position:absolute;
    top: 50%;
    background-color: transparent;
    border-radius: 50%;
    padding: 18px;
    cursor: pointer;
    transform: translate(0,-50%);
    transition: .5s ease;
    user-select: none;
    z-index: 1;
    left:1%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-user-drag: none;
    background-image: url(../Imagenes/btn_left_azul.png);
}

.btn-right {
    display: flex;
    position:absolute;
    top: 50%;
    background-color: transparent;
    right: 1%;
    border-radius: 50%;
    padding: 18px;
    cursor: pointer;
    color: orange;
    transform: translate(0,-50%);
    transition: .5s ease;
    user-select: none;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-user-drag: none;
    background-image: url(../Imagenes/btn_right_azul.png);
}

.btn-right:hover{background-image: url(../Imagenes/btn_right_seleccionado.png);}
.btn-left:hover {background-image: url(../Imagenes/btn_left_seleccionado.png);}

.boton_ts {
    display: flex;
    align-items: center;
    position: relative;
    z-index: -2;
}

.boton_ts_visible{padding-top: 50%; transition: .2s all linear;}

/****************** FIN TRANSPARENCIAS ********************/


.esquemaretenciones {
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
    width: auto;
    border-radius: 20px;
    margin-top: 2%;
    max-width: 1800px;
    border: #34495e 1px solid;
    background-color: aliceblue;
    padding: 10px;
    border-radius: 15px;
    width: 95%;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
}

.ph4tit{
    text-align: center;
    font-style: italic;
    font-size: small;
    margin-bottom: 10px;
}

.esquemaretenciones_visible {
    border:1px solid black;
    display: block;
}

.ph3imgmod{
    margin: 2% auto;
    max-width: 1000px;
    width: 100%;
    border: 1px solid #34495e;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.ph3imgtarifas{
    margin-top: 2%;
    background-color: aliceblue;
    padding: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 6px;
    width: 70%;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.ulh3c {
    padding-left: 22px;
    list-style: disc;
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 1.15rem;
    text-align: justify;
    line-height: 30px;
    background-color: aliceblue;
    border: solid 0.5px black;
    border-radius: 25px;
    padding: 11px;
    margin-left: 15px;
    margin-top: 15px;
}

.ph3imgtarifas{background-color:white;border: solid 0.5px black;}
.ph3img{background-color: white;}

.objeto_oculto{display: none;}
.objeto_visible {display: block;}

@media  (max-width: 1024px){
    .esquemaretenciones {height: 2160px;}
    .esquemaretencionesIS {height: 1250px;}
}

@media  (max-width: 900px){
    .esquemaretenciones {height: 1875px}
    .esquemaretencionesIS {height: 1250px;}
}

@media  (max-width: 767px){
    .esquemaretenciones {height: 1570px;}
    .esquemaretencionesIS {height: 900px;}
    .btn-left{left: 0%;background-size: 90%;}
    .btn-right{right: 0%;background-size: 90%;}
}

@media  (max-width: 650px){
    .esquemaretenciones {height: 1200px;}
    .esquemaretencionesIS {height: 750px;}
}

@media  (max-width: 500px){
    .ulh3c {
        padding: 11px;
        margin-left: 15px;
        margin-top: 15px;
    }
    .esquemaretenciones {height: 965px;}
    .esquemaretencionesIS {height: 550px;}
    .btn-left{left: 0%;background-size: 60%;}
    .btn-right{right: 0%;background-size: 60%;}
}

@media  (max-width: 400px){
    .esquemaretenciones {height: 735px;}
    .esquemaretencionesIS {height: 420px;}
}