/* Zonaferoz — mangas (ficha, lector, capítulos, autores). Extraído del antiguo snippet. */

/* ===== autores / traductores ===== */


        /* ==================================================
           PÁGINA DE CREADOR
        ================================================== */

        .zf-creator-page {

            width:100%;

            box-sizing:border-box;

        }


        .zf-creator-container {

            max-width:1400px;

            margin:0 auto;

            padding:20px;

            box-sizing:border-box;

        }


        .zf-creator-heading {

            text-align:center;

            margin:
                10px 0 35px;

        }


        .zf-creator-icon {

            font-size:45px;

            margin-bottom:10px;

        }


        .zf-creator-heading h1 {

            margin:
                0 0 10px;

            font-size:30px;

            line-height:1.3;

        }


        .zf-creator-heading h1 span {

            background:
                linear-gradient(
                    90deg,
                    #b58cff,
                    #58c1ff
                );

            -webkit-background-clip:text;

            background-clip:text;

            color:transparent;

        }


        .zf-creator-heading p {

            margin:0;

            opacity:.7;

            font-size:15px;

        }


        .zf-creator-empty {

            padding:60px 20px;

            text-align:center;

            background:#25252b;

            border-radius:14px;

        }


        .zf-creator-empty > div {

            font-size:50px;

            margin-bottom:15px;

        }


        .zf-creator-empty h2 {

            margin:
                0 0 10px;

        }


        .zf-creator-empty p {

            margin:0;

            opacity:.7;

        }


        @media(max-width:600px) {

            .zf-creator-container {

                padding:
                    10px;

            }


            .zf-creator-heading h1 {

                font-size:24px;

            }


            .zf-creator-icon {

                font-size:38px;

            }

        }

    
/* ===== ficha ===== */


        .zf-manga-single {

            max-width:1100px;

            margin:0 auto;

            padding:20px 0;

        }


        .zf-manga-single-title {

            text-align:center;

            margin-bottom:30px;

        }


        .zf-manga-single-title h1 {

            margin:0;

            font-size:32px;

            line-height:1.3;

        }


        .zf-manga-info {

            display:grid;

            grid-template-columns:
                280px 1fr;

            gap:30px;

            align-items:start;

        }


        .zf-manga-single-cover {

            width:100%;

            border-radius:12px;

            overflow:hidden;

            background:#18181c;

        }


        .zf-manga-single-image {

            width:100% !important;

            height:auto !important;

            display:block;

            margin:0 !important;

        }


        .zf-manga-details {

            display:flex;

            flex-direction:column;

            gap:15px;

        }


        .zf-manga-section {

            margin-bottom:5px;

        }


        .zf-manga-section-title {

            font-size:21px;

            font-weight:700;

            margin-bottom:12px;

        }


        .zf-manga-description {

            font-size:16px;

            line-height:1.7;

        }


        .zf-manga-data {

            font-size:16px;

            line-height:1.5;

        }


        .zf-manga-data strong {

            margin-right:5px;

        }


        /* ==================================================
           ENLACES DE ARTISTA / TRADUCTOR
        ================================================== */

        .zf-creator-link {

            color:#b58cff !important;

            font-weight:700;

            text-decoration:none !important;

            transition:
                color .2s ease,
                opacity .2s ease;

        }


        .zf-creator-link:hover {

            color:#58c1ff !important;

            text-decoration:underline !important;

        }


        .zf-manga-categories {

            display:inline-flex;

            flex-wrap:wrap;

            gap:7px;

            margin-top:6px;

        }


        .zf-manga-category {

            display:inline-block;

            padding:5px 10px;

            border-radius:20px;

            background:#6f42c1;

            color:#ffffff;

            font-size:13px;

        }


        /* ==================================================
           VISTAS Y VALORACIÓN
        ================================================== */

        .zf-manga-stats-box {

            margin-top:30px;

            padding:20px;

            box-sizing:border-box;

            border-radius:16px;

            background:
                linear-gradient(
                    145deg,
                    rgba(181,140,255,.09),
                    rgba(88,193,255,.04)
                );

            border:
                1px solid
                rgba(181,140,255,.18);

            text-align:center;

        }


        .zf-manga-stats-summary {

            display:flex;

            align-items:center;

            justify-content:center;

            gap:22px;

            margin-bottom:18px;

        }


        .zf-manga-stat-large {

            display:flex;

            align-items:center;

            justify-content:center;

            gap:9px;

        }


        .zf-manga-stat-large-icon {

            font-size:24px;

        }


        .zf-manga-stat-large strong {

            display:block;

            font-size:17px;

            line-height:1.2;

        }


        .zf-manga-stat-large small {

            display:block;

            margin-top:3px;

            opacity:.65;

            font-size:12px;

        }


        .zf-manga-stat-divider {

            opacity:.25;

            font-size:24px;

        }


        .zf-manga-rating-area {

            padding-top:16px;

            border-top:
                1px solid
                rgba(255,255,255,.08);

        }


        .zf-rating-stars-display {

            font-size:28px;

            letter-spacing:2px;

            line-height:1;

            color:#ffd45c;

            margin-bottom:10px;

        }


        .zf-rating-prompt {

            margin-bottom:9px;

            font-size:14px;

            opacity:.78;

        }


        .zf-rating-interactive {

            display:flex;

            justify-content:center;

            align-items:center;

            gap:3px;

        }


        .zf-rating-star {

            appearance:none;

            border:0;

            background:transparent;

            padding:3px 5px;

            margin:0;

            color:#777780;

            cursor:pointer;

            font-size:29px;

            line-height:1;

            transition:
                color .15s ease,
                transform .15s ease;

        }


        .zf-rating-star:hover,

        .zf-rating-star.is-hovered {

            color:#ffd45c;

            transform:
                scale(1.12);

        }


        .zf-rating-star:disabled {

            cursor:default;

            opacity:.8;

        }


        .zf-rating-already-voted
        .zf-rating-star {

            color:#777780;

            opacity:.4;

        }


        .zf-rating-completed
        .zf-rating-star {

            pointer-events:none;

        }


        .zf-rating-message {

            min-height:20px;

            margin-top:8px;

            font-size:12px;

            color:#cfc1ff;

        }


        .zf-manga-stats-box
        .zf-rating-completed
        .zf-rating-interactive {

            opacity:.55;

        }


        .zf-status {

            font-weight:600;

        }


        /* ==================================================
           APOYA AL TRADUCTOR
        ================================================== */

        .zf-manga-support {

            margin-top:35px;

            padding:25px;

            border-radius:18px;

            background:
                linear-gradient(
                    145deg,
                    rgba(181,140,255,.10),
                    rgba(88,193,255,.05)
                );

            border:
                1px solid
                rgba(181,140,255,.20);

            box-shadow:
                0 8px 30px
                rgba(0,0,0,.15);

        }


        .zf-manga-support-title {

            display:flex;

            align-items:center;

            gap:10px;

            margin-bottom:8px;

        }


        .zf-manga-support-title span {

            font-size:25px;

        }


        .zf-manga-support-title h2 {

            margin:0;

            font-size:22px;

        }


        .zf-manga-support-description {

            margin:
                0 0 20px;

            line-height:1.7;

            opacity:.8;

        }


        .zf-support-grid {

            display:grid;

            grid-template-columns:
                repeat(
                    auto-fit,
                    minmax(160px,1fr)
                );

            gap:12px;

        }


        .zf-support-button {

            display:flex;

            align-items:center;

            justify-content:center;

            gap:9px;

            min-height:48px;

            padding:
                10px 15px;

            box-sizing:border-box;

            border-radius:11px;

            color:#ffffff !important;

            text-decoration:none !important;

            background:
                rgba(255,255,255,.06);

            border:
                1px solid
                rgba(255,255,255,.10);

            transition:
                transform .2s ease,
                background .2s ease,
                border-color .2s ease;

        }


        .zf-support-button:hover {

            transform:
                translateY(-3px);

            background:
                rgba(255,255,255,.11);

            border-color:
                rgba(181,140,255,.40);

        }


        .zf-support-button span {

            font-size:19px;

        }


        .zf-support-button strong {

            font-size:14px;

        }


        .zf-manga-chapters {

            margin-top:40px;

            padding-top:25px;

            border-top:
                1px solid
                rgba(255,255,255,0.12);

        }


        .zf-manga-no-chapters {

            padding:20px;

            text-align:center;

            border-radius:10px;

            background:
                rgba(128,128,128,0.10);

        }


        .zf-manga-no-chapters p {

            margin:0;

        }


        @media (max-width:750px) {

            .zf-manga-info {

                grid-template-columns:
                    200px 1fr;

                gap:20px;

            }

        }


        @media (max-width:600px) {

            .zf-manga-single {

                padding:10px 0;

            }


            .zf-manga-single-title h1 {

                font-size:25px;

            }


            .zf-manga-info {

                grid-template-columns:1fr;

                gap:25px;

            }


            .zf-manga-single-cover {

                max-width:280px;

                margin:0 auto;

            }


            .zf-manga-section-title {

                font-size:19px;

            }


            .zf-manga-description {

                font-size:15px;

            }


            .zf-manga-stats-box {

                padding:16px 12px;

                margin-top:25px;

            }


            .zf-manga-stats-summary {

                gap:14px;

            }


            .zf-manga-stat-large-icon {

                font-size:21px;

            }


            .zf-manga-stat-large strong {

                font-size:15px;

            }


            .zf-rating-stars-display {

                font-size:24px;

            }


            .zf-rating-star {

                font-size:26px;

                padding:
                    3px 4px;

            }


            .zf-manga-support {

                padding:18px;

            }


            .zf-support-grid {

                grid-template-columns:1fr 1fr;

            }

        }


        @media (max-width:400px) {

            .zf-support-grid {

                grid-template-columns:1fr;

            }

        }

    
/* ===== lector ===== */


        /* ==================================================
           CONTENEDOR DE CAPÍTULOS
        ================================================== */

        .zf-real-chapters {

            margin-top: 40px;

            padding-top: 25px;

            border-top:
                1px solid
                rgba(255,255,255,0.12);

        }


        /* ==================================================
           LISTA DE CAPÍTULOS
        ================================================== */

        .zf-chapter-list {

            display: flex;

            flex-direction: column;

            gap: 10px;

        }


        /* ==================================================
           BOTÓN DE CAPÍTULO
        ================================================== */

        .zf-chapter-button {

            display: flex;

            align-items: center;

            gap: 10px;

            width: 100%;

            box-sizing: border-box;

            padding: 15px 18px;

            border-radius: 10px;

            background: #25252b;

            color: #ffffff !important;

            text-decoration: none !important;

            transition:
                transform 0.2s ease,
                background 0.2s ease,
                box-shadow 0.2s ease;

        }


        .zf-chapter-button:hover {

            transform:
                translateX(5px);

            background:
                #30303a;

            box-shadow:
                0 5px 18px
                rgba(0,0,0,0.18);

        }


        .zf-chapter-button span {

            font-size: 20px;

            flex-shrink: 0;

        }


        .zf-chapter-button strong {

            font-size: 15px;

            line-height: 1.4;

        }


        /* ==================================================
           PAGINACIÓN
        ================================================== */

        .zf-chapter-pagination {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 12px;

            margin-top: 25px;

            flex-wrap: wrap;

        }


        /* ==================================================
           BOTONES ANTERIOR / SIGUIENTE
        ================================================== */

        .zf-chapter-page-button {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            min-width: 115px;

            padding: 11px 16px;

            box-sizing: border-box;

            border-radius: 9px;

            background:
                #25252b;

            color:
                #ffffff !important;

            text-decoration:
                none !important;

            font-size: 14px;

            font-weight: 600;

            transition:
                background 0.2s ease,
                transform 0.2s ease,
                opacity 0.2s ease;

        }


        .zf-chapter-page-button:hover {

            background:
                #30303a;

            transform:
                translateY(-2px);

        }


        /* ==================================================
           INFORMACIÓN DE PÁGINA
        ================================================== */

        .zf-chapter-page-info {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            min-width: 100px;

            padding: 10px 14px;

            border-radius: 9px;

            background:
                rgba(139,92,246,0.12);

            color:
                #ffffff;

            font-size: 14px;

        }


        .zf-chapter-page-info strong {

            color:
                #a78bfa;

            margin:
                0 4px;

        }


        /* ==================================================
           BOTÓN DESACTIVADO
        ================================================== */

        .zf-chapter-disabled {

            opacity:
                0.35;

            cursor:
                default;

            pointer-events:
                none;

        }


        /* ==================================================
           MÓVIL
        ================================================== */

        @media (
            max-width: 600px
        ) {

            .zf-chapter-pagination {

                gap: 8px;

            }


            .zf-chapter-page-button {

                min-width: 105px;

                padding:
                    10px 12px;

                font-size:
                    13px;

            }


            .zf-chapter-page-info {

                order:
                    -1;

                width:
                    100%;

            }


            .zf-chapter-button {

                padding:
                    14px 15px;

            }


            .zf-chapter-button strong {

                font-size:
                    14px;

            }

        }

    
/* ===== lector ===== */


        .zf-reader {

            width:100%;

            max-width:1000px;

            margin:0 auto;

            box-sizing:border-box;

        }


        .zf-reader-header {

            text-align:center;

            margin-bottom:25px;

        }


        .zf-reader-back {

            display:inline-block;

            margin-bottom:15px;

            color:#b58cff !important;

            text-decoration:none !important;

            font-size:14px;

            transition:
                opacity .2s ease;

        }


        .zf-reader-back:hover {

            opacity:.75;

        }


        .zf-reader-title {

            margin:0 !important;

            padding:0 !important;

            font-size:28px !important;

            line-height:1.3 !important;

        }


        .zf-reader-navigation {

            display:flex;

            justify-content:center;

            align-items:center;

            flex-wrap:wrap;

            gap:10px;

            margin:
                20px 0 30px;

        }


        .zf-reader-nav-button {

            display:inline-flex;

            align-items:center;

            justify-content:center;

            min-height:44px;

            padding:10px 18px;

            box-sizing:border-box;

            border-radius:9px;

            background:#25252b;

            color:#ffffff !important;

            text-decoration:none !important;

            font-size:14px;

            font-weight:600;

            border:
                1px solid
                rgba(255,255,255,0.08);

            transition:
                background .2s ease,
                transform .2s ease;

        }


        .zf-reader-nav-button:hover {

            background:#30303a;

            transform:
                translateY(-2px);

        }


        .zf-reader-nav-button.disabled {

            opacity:.35;

            pointer-events:none;

        }


        .zf-reader-nav-button.zf-reader-next {

            background:#6f42c1;

            border-color:#6f42c1;

        }


        .zf-reader-nav-button.zf-reader-next:hover {

            background:#8252d4;

        }


        .zf-reader-pages {

            width:100%;

            margin:0 auto;

            padding:0;

        }


        .zf-reader-page {

            width:100%;

            margin:0;

            padding:0;

            line-height:0;

            text-align:center;

        }


        .zf-reader-page img {

            display:block;

            width:auto;

            max-width:100%;

            height:auto;

            margin:0 auto;

            padding:0;

            border:0;

            box-shadow:none;

        }


        .zf-reader-bottom {

            margin-top:35px;

            padding-top:25px;

            border-top:
                1px solid
                rgba(255,255,255,0.10);

        }


        .zf-reader-finished {

            text-align:center;

            margin-bottom:20px;

            font-size:14px;

            opacity:.8;

        }


        .zf-reader-finished span {

            color:#8ee28e;

            margin-right:5px;

        }


        .zf-reader-empty {

            max-width:700px;

            margin:60px auto;

            padding:40px 25px;

            box-sizing:border-box;

            text-align:center;

            background:#25252b;

            border-radius:14px;

        }


        .zf-reader-empty-icon {

            font-size:50px;

            margin-bottom:15px;

        }


        .zf-reader-empty h2 {

            margin:
                0 0 10px;

        }


        .zf-reader-empty p {

            margin:0;

            opacity:.7;

        }


        @media (max-width:600px) {

            .zf-reader {

                width:100%;

            }


            .zf-reader-title {

                font-size:22px !important;

            }


            .zf-reader-navigation {

                gap:7px;

                margin-top:15px;

                margin-bottom:20px;

            }


            .zf-reader-nav-button {

                flex:
                    1 1 auto;

                min-width:0;

                padding:
                    10px 12px;

                font-size:13px;

            }


            .zf-reader-page img {

                width:100%;

                max-width:100%;

            }


            .zf-reader-bottom {

                margin-top:25px;

                padding-top:20px;

            }

        }

    
/* ===== lector ===== */


            .zf-reader-download{

                background:
                    linear-gradient(
                        135deg,
                        #8b5cf6,
                        #6d28d9
                    ) !important;

                color:#fff !important;

                border-color:
                    rgba(167,139,250,.35)
                    !important;

            }


            .zf-reader-download:hover{

                background:
                    linear-gradient(
                        135deg,
                        #a78bfa,
                        #7c3aed
                    ) !important;

                transform:
                    translateY(-2px);

            }

        
/* ===== botón Descargar ZIP del lector ===== */
.zf-reader-download{
    background:linear-gradient(135deg,#8b5cf6,#6d28d9) !important;
    color:#fff !important;
    border-color:rgba(167,139,250,.35) !important;
}
.zf-reader-download:hover{
    background:linear-gradient(135deg,#a78bfa,#7c3aed) !important;
    transform:translateY(-2px);
}

/* El lector ya muestra su propio título: no repetir la cabecera de la entrada. */
.single-zf_chapter .zf-single-header { display: none; }


/* ==========================================================
   FICHA DE MANGA — mejoras de diseño (v1.3.0)
========================================================== */

.zf-manga-info{
    padding:22px !important;
    border-radius:20px !important;
    border:1px solid var(--zf-border) !important;
    background:
        radial-gradient(120% 140% at 0% 0%, rgba(139,92,246,.18), transparent 55%),
        radial-gradient(100% 120% at 100% 100%, rgba(249,115,22,.10), transparent 55%),
        var(--zf-bg-card) !important;
    box-shadow:var(--zf-shadow);
}
.zf-manga-single-image{
    border-radius:14px !important;
    box-shadow:0 18px 40px rgba(0,0,0,.5) !important;
    border:1px solid var(--zf-border);
}
.zf-manga-single-title h1{letter-spacing:-.01em}
.zf-manga-data{
    padding:9px 0;
    border-bottom:1px dashed var(--zf-border-soft);
}
.zf-manga-data:last-child{border-bottom:0}
.zf-status{display:inline-block;padding:3px 12px;border-radius:999px;font-weight:800;font-size:13px;background:rgba(255,255,255,.07)}
.zf-status-running{background:rgba(34,197,94,.16);color:#86efac}
.zf-status-finished{background:rgba(59,130,246,.18);color:#93c5fd}
.zf-status-paused{background:rgba(234,179,8,.16);color:#fde047}
.zf-status-cancelled{background:rgba(239,68,68,.16);color:#fca5a5}

/* Capítulos */
.zf-real-chapters{margin-top:34px}
.zf-chapter-total{display:inline-block;margin-left:8px;padding:2px 11px;border-radius:999px;font-size:13px;font-weight:800;vertical-align:middle;
    background:rgba(139,92,246,.25);color:var(--zf-purple-light)}
.zf-chapter-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 16px}
.zf-chapter-cta{padding:11px 20px;border-radius:12px;font-weight:800;font-size:14.5px;text-decoration:none !important;color:#fff !important;
    background:var(--zf-bg-soft);border:1px solid var(--zf-border);transition:.2s}
.zf-chapter-cta:hover{border-color:rgba(139,92,246,.6);transform:translateY(-2px)}
.zf-chapter-cta.is-primary{background:linear-gradient(135deg,var(--zf-purple),var(--zf-purple-dark));border-color:transparent;box-shadow:0 8px 22px rgba(109,40,217,.4)}
.zf-chapter-search{flex:1 1 200px;min-width:160px;padding:11px 14px;border-radius:12px;background:var(--zf-bg-soft);color:var(--zf-text);border:1px solid var(--zf-border);font-size:14px}
.zf-chapter-list{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px !important}
.zf-chapter-button{padding:13px 16px !important;border:1px solid var(--zf-border-soft)}
.zf-chapter-button strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zf-chapter-date{color:var(--zf-text-muted);font-size:12px;white-space:nowrap}
.zf-chapter-new{font-style:normal;font-weight:900;font-size:10.5px;letter-spacing:.05em;padding:2px 8px;border-radius:999px;
    background:linear-gradient(135deg,var(--zf-orange),var(--zf-red));color:#fff}
.zf-chapter-button.is-hidden{display:none !important}
@media(max-width:640px){.zf-chapter-list{grid-template-columns:1fr}}