/*
Theme Name: Astra Child
Template: astra
*/

body { opacity: 0; transition: opacity 1s ease; }
body.twemoji-ready { opacity: 1; }

.member-card { background: #f9f9f9; border-radius: 14px; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.08); margin: 12px; text-align: center; }
.member-card img { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; border: 2px solid #ddd; margin-bottom: 5px; }
.member-card h3 { margin-bottom: 0px; font-size: 18px; font-weight: bold; color: #222; }
.member-card p { margin: -15px 0 0; font-size: 14px; color: #555; }

.php-404 .contenedor-404 { max-width: 800px; margin: 100px auto; text-align: center; color: #fff; }
.php-404 .contenedor-404 h1 { font-size: 2rem; color: crimson; }
.php-404 .contenedor-404 p { font-size: 1rem; color: whitesmoke; margin-bottom: 30px; }
.php-404 .contenedor-404 .boton { padding: 10px 20px; background: crimson; color: #fff; text-decoration: none; border-radius: 5px;}

.php-footer .site-footer { text-align: center; padding: 20px 0; font-size: 0.9em; color: #999; background-color: #1a1a1a; }
.php-footer .footer-icons { margin-bottom: 10px; }
.php-footer .footer-icons a { color: #ccc; font-size: 1.4em; margin: 0 10px; text-decoration: none; }
.php-footer .footer-icons a:hover { color: #fff; }
.php-footer .footer-links a { color: #ccc; text-decoration: none; margin: 0 5px; }
.php-footer .footer-links a:hover { text-decoration: underline; }
.php-footer .footer-creditos { margin-top: 10px; color: #666; }

.php-header .encabezado { display: flex; align-items: center; justify-content: space-between; padding: 3px 2px; border-bottom: 1px solid grey; background: black; gap: 5px; flex-wrap: wrap; max-width: 100%; box-sizing: border-box; }
.php-header .encabezado-izq { display: flex; align-items: center; flex: 1 1 auto; min-width: 50px; gap: 10 px; }
.php-header .encabezado-izq a { color: white; }
.php-header .encabezado-izq img.logo { width: 45px; height: 45px; object-fit: contain; border-radius: 0px; }
.php-header .encabezado-izq nav { display: flex; gap: 5px; }
.php-header .encabezado .barra-busqueda { flex: 1 1 auto; min-width: 50px; max-width: 500px; box-sizing:border-box;}
.php-header .encabezado .break-search-wrapper { max-width: 100%; }
.php-header .encabezado #break-search {width: 100%; padding: 6px 8px; font-size: 14px;}
.php-header .barra-busqueda { flex: 0 0 auto; min-width: 240px; }
.php-header .barra-busqueda form { display: flex; align-items: center; width: 100%;}
.php-header .login-icon { display: flex; align-items: center; margin-left: 10px; gap: 2px; border-radius: 5px; }
.php-header .login-icon .btn-nav { padding: 6px 12px; font-size: 16px; background: #eee; border: 1px solid #ccc; color: grey; gap: 0px;}
.php-header .login-icon .btn-nav:hover { background: #fff0f0; border-color: #e03e3e; color: #e03e3e; }
.php-header #overlay-auth { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.75); display: flex; justify-content: center; align-items: center; z-index: 9999; }
.php-header .contenedor-auth { background: #fff; padding: 30px; border-radius: 20px; width: 90%; max-width: 500px; text-align: center; position: relative; font-family: sans-serif; line-height: 1em; }
.php-header .contenedor-auth h2 { font-size: 1.5rem;}
.php-header .tabs-auth { display: flex; margin: 20px 0; align-items: center; }
.php-header .tabs-auth button { flex: 1; padding: 10px 15px; margin: 5px; border: none; background: #eee; cursor: pointer; }
.php-header .tabs-auth button.activo { background: #b6d7a8; font-weight: bold; }
.php-header .cerrar-btn { margin-top: 10px; margin-right: 10px; background: crimson; color: white; padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer; align-items: center; }
.php-header .reg-btn, .log-btn { margin-top: 10px; background: green; color: white; padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer; }
.php-header .encabezado-izq .nav-icon { color: white; font-size: 16px; display: flex; align-items: center; justify-content: center; margin-right: 1px; }

.php-header .login-icon .btn-nav, .php-header .login-icon .user-btn { display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 12px; line-height: 1; }

.php-lomasvisto .tabs-nav { display: flex; justify-content: center; gap: 20px; margin: 0 auto 20px auto; flex-wrap: wrap; list-style: none; padding-left: 0; }
.php-lomasvisto .tabs-nav .tab { cursor: pointer; padding: 10px 20px; border-radius: 8px; background: #f1f1f1; font-weight: bold; }
.php-lomasvisto .tabs-nav .tab.active { background: crimson; color: white; }
.php-lomasvisto .tab-content { display: none; }
.php-lomasvisto .tab-content.active { display: grid; grid-template-columns: repeat(auto-fit, 220px); gap: 10px; padding-bottom: 20px; justify-content: center; }
.php-lomasvisto .tab-content.active::-webkit-scrollbar { height: 5px; }
.php-lomasvisto .tab-content.active::-webkit-scrollbar-track { background: transparent; }
.php-lomasvisto .tab-content.active::-webkit-scrollbar-thumb { background: gray; border-radius: 4px; }
.php-lomasvisto .tarjeta-proyecto { position: relative; width: 220px; height: 310px; border: 1px solid transparent; border-radius: 12px; overflow: hidden; text-decoration: none; display: flex; flex-direction: column; background-clip: padding-box; box-shadow: 0 0 20px rgba(255, 215, 0, 0.3); }
.php-lomasvisto .tarjeta-proyecto::before { content: ''; position: relative; inset: 0; padding: 5px; border-radius: 12px; background: linear-gradient(135deg, #bfa24f, #c9981a, #a67629, #d4af37);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; }
.manhwa { background-color: #ff69b4; }
.manga { background-color: crimson; }
.webtoon { background-color: #00b894; }
.novela { background-color: #00bcd4; }
.manhua { background-color: #b07bb6; }

@keyframes doradoGlow { 0%, 100% { box-shadow: 0 0 10px rgba(255, 215, 0, 0.3); } 50% { box-shadow: 0 0 5px rgba(255, 215, 0, 0.8); } }
.php-lomasvisto .tarjeta-proyecto { animation: doradoGlow 3s infinite ease-in-out; }
.php-lomasvisto .tarjeta-proyecto img { width: 100%; height: 230px; object-fit: cover; display: block; }
.php-lomasvisto .tarjeta-proyecto .etiqueta-tipo { position: absolute; top: 15px; left: 10px; color: white; font-size: 11px; padding: 2px 6px; border-radius: 12px; z-index: 3; font-weight: bold; }
.php-lomasvisto .tarjeta-proyecto .contenido { background: linear-gradient(135deg, #bfa24f, #c9981a, #a67629, #d4af37); background-size: 200% 200%; animation: shimmer 6s infinite; display: flex; align-items: center; justify-content: center; padding: 7px; text-align: center; }
@keyframes shimmer { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.php-lomasvisto .tarjeta-proyecto .titulo { font-size: 16px; font-weight: bold; line-height: 1.5em; height: 3.7em; color: white; overflow: hidden; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.php-lomasvisto .tarjeta-proyecto img.blurreada { filter: blur(3px); }
.php-lomasvisto .tarjeta-proyecto .overlay-explicito { position: absolute; top: 0; left: 0; width: 100%; height: 230px; color: white; font-size: 2rem; display: flex; align-items: center; justify-content: center; z-index: 2; pointer-events: none; border-top-left-radius: 12px; border-top-right-radius: 12px; }

.php-home .pagina-inicio { max-width: 1300px; margin: 0 auto; padding: 1px; }
.php-home .portada { width: 100%; max-height: 900px; object-fit: cover; margin: 10px 0; border-radius: 5px; }
.php-home #loop-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 20px; padding: 30px 0; justify-content: center; max-width: 1300px; margin: auto; }
.php-home .latest-poster { background-color: rgba(40, 40, 40, 0.7); border-radius: 12px; border: 2px solid rgba(255, 255, 255, 0.08); transition: background-color 0.3s ease; display: flex; aspect-ratio: 16 / 9; overflow: hidden; position: relative; box-shadow: 0 2px 5px rgba(0,0,0,0.1);background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0)); }
.php-home .latest-poster:hover { background-color: rgba(60, 60, 60, 0.8); transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.25); background: linear-gradient(to top, rgba(50,50,50,0.5), rgba(0,0,0,0)); }
.php-home .poster-img { flex: 0 0 40%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; border-radius: 12px 0 0 12px; }
.php-home .poster-img.blurred-proyecto::after { content: ''; position: absolute; inset: 0; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); background-color: rgba(255,255,255,0.2); pointer-events: none; border-radius: 12px 0 0 12px; z-index: 1; }
.php-home .poster-info { flex: 1; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; }
.php-home .poster-info h3 { font-weight: 700; line-height: 1.05em; margin: 0 0 5px; color: white; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.php-home .poster-info h3 a {font-size: 1rem !important; color: inherit; text-decoration: none; display: inline; }
.php-home h2 { color: white; font-size: 2rem; margin-top: 20px; }
.php-home .poster-info a { text-decoration: none; color: white; font-size: 0.9rem; display: flex; align-items: center; gap: 10px; overflow: hidden; min-width: 0; border-bottom: 1px dashed rgba(255, 255, 255, 0.2); transition: background-color 0.2s, padding-left 0.2s; max-width: 100%; }
.php-home .poster-info a:hover { background-color: rgba(255, 255, 255, 0.1); border-radius: 6px; }
.php-home .cap-reciente { background: linear-gradient(90deg, rgba(255,215,100,0.1), rgba(255,215,100,0.2)); border-radius: 6px; }
.php-home .cap-reciente:hover { background-color: rgba(255, 255, 220, 0.50);}
.php-home .latest-poster.manhwa { background-color: #321e28; border-color: #5a3149; }
.php-home .latest-poster.manga { background-color: #25171a; border-color: #4a2a30;}
.php-home .latest-poster.webtoon { background-color: #161d1b; border-color: #2c403a;}
.php-home .latest-poster.novela { background-color: #161c1d; border-color: #2c3e40;}
.php-home .latest-poster.manhua { background-color: #201422; border-color: #442844;}
.php-home .poster-info a span:first-child { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.php-home .poster-info a span:last-child { white-space: nowrap; flex-shrink: 0; margin-left: auto; color: #aaa; }
.php-portada-proyectos .carrusel-proyectos { position: relative; width: 100%; height: 400px; overflow: hidden; margin: 0 auto 20px auto; }
.php-portada-proyectos .slide-wrapper { display: flex; transition: transform 1s ease; height: 100%; }
.php-portada-proyectos .slide { flex: 0 0 100%; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 50px; box-sizing: border-box; color: white; overflow: hidden; }
.php-portada-proyectos .slide::before { content: ""; position: absolute; inset: 0; background-color: red; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: var(--slide-bg); filter: blur(15px); transform: scale(1.1); z-index: 0; opacity: 0.5; }
.php-portada-proyectos .slide-content { position: relative; z-index: 2; width: 80%; }
.php-portada-proyectos .slide-content, .portada-img { position: relative; z-index: 2; }
.php-portada-proyectos .slide-content p { font-size: 0.9rem; margin-bottom: 20px; }
.php-portada-proyectos .slide-content h2 { font-size: 2rem; margin-bottom: 15px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.php-portada-proyectos .tipo-badge { font-size: 0.9rem; padding: 4px 10px; border-radius: 999px; font-weight: 600; color: white; vertical-align: middle; line-height: 1; white-space: nowrap; transition: opacity 0.3s ease; }
.php-portada-proyectos .slide-content a { background-color: crimson; color: #fff; padding: 12px 22px; border-radius: 8px; text-decoration: none; font-weight: bold; display: inline-block; }
.php-portada-proyectos .portada-img { width: 200px; height: 280px; border-radius: 8px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: rgba(255,255,255,0.05); box-shadow: 0 10px 20px rgba(0,0,0,0.25); border-width: 4px; border-style: solid; border-color: white; z-index: 2; position: relative; overflow: hidden; }
.php-portada-proyectos .proyecto-explicito-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(100, 100, 100, 0.8); color: white; font-size: 3rem; display: flex; align-items: center; justify-content: center; border-radius: 5px; z-index: 3; pointer-events: none; }
.php-portada-proyectos .carrusel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: white; border: none; padding: 7px 10px; font-size: 0.5rem; border-radius: 50%; cursor: pointer; z-index: 10; opacity: 0.4; }
.php-portada-proyectos .carrusel-btn.prev { left: 10px; }
.php-portada-proyectos .carrusel-btn.next { right: 10px; }
.php-portada-proyectos .carrusel-dots { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 5; }
.php-portada-proyectos .carrusel-dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); transition: background 0.3s ease, transform 0.3s ease; cursor: pointer; }
.php-portada-proyectos .carrusel-dot.active { background: white; transform: scale(1.2); }
.php-portada-proyectos .slide.glow { box-shadow: 0 0 30px rgba(255,255,255,0.7); transition: box-shadow 1s ease; }

.php-single .capitulo-container { max-width: 840px; margin: auto; padding: 30px 20px; font-family: sans-serif; }
.php-single .blurred-cap { filter: blur(12px); user-select: none; cursor: pointer; }
.php-single .cap-overlay-msg { position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); background: rgba(255,255,255,0.95); padding:12px 18px; border-radius:10px; font-weight:bold; font-size:16px; text-align:center; max-width:80%; z-index:10; cursor:pointer; box-shadow:0 4px 10px rgba(0,0,0,0.2); color:#222; }
.php-single .cap-wrapper { position: relative; }
.php-single .proyecto-header { display:flex; align-items:center; justify-content:center; padding:20px; border-radius:14px; margin-bottom:30px; box-shadow:0 4px 8px rgba(255,255,255,0.05); max-width:640px; margin-left:auto; margin-right:auto; color: white; margin-bottom: 0px; }
.php-single .proyecto-link { display:flex; align-items:center; text-decoration:none; color:inherit; }
.php-single .proyecto-portada { max-width:80px; height:auto; object-fit:cover; border-radius:10px; margin-right:20px; }
.php-single .proyecto-nombre { font-weight:bold; font-size:20px; }
.php-single .nav-botones { display:flex; justify-content:space-between; margin:20px 10PX 10px 10px; gap:20px; flex-wrap:wrap; }
.php-single .nav-btn { flex:none; padding:12px 20px; border-radius:12px; text-decoration:none; color:#000; font-weight:bold; min-width:150px; box-shadow:0 2px 6px rgba(0,0,0,0.1); color: white; }
.php-single .nav-btn-prev { text-align:left; }
.php-single .nav-btn-next { text-align:right; }
.php-single .imagenes-capitulo { max-width:720px; margin:auto; overflow: hidden; }
.php-single .error-mensaje { color:red; }
.php-single .titulo-capitulo { background:#fff; border:0; border-bottom:none; border-top-left-radius:14px; border-top-right-radius:14px; text-align:center; font-weight:bold; padding:10px 20px; margin-bottom:-4px; font-family:sans-serif; }
.php-single .cap-imagen { width:100%; display:block; margin:0 auto; }
.php-single .comentarios-section { margin-top:40px; }
.php-single .boton-comentar { background:#0073aa; color:white; padding:8px 16px; border:none; border-radius:6px; cursor:pointer; }
.php-single .boton-comentar:hover { background:#005d8f; }
.php-single .logged-in-as { margin-bottom:10px; font-size:14px; color:#555; }
.php-single .comentario { border-left:2px solid #ccc; margin-left:20px; padding-left:10px; }
.php-single .overlay { display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.8); color:white; z-index:9999; justify-content:center; align-items:center; text-align:center; padding:20px; font-size:18px; }
.php-single .overlay-content { background:white; padding:20px; border-radius:10px; max-width:400px; width:90%; font-family:sans-serif; }
.php-single .overlay-btn { margin-top:20px; padding:10px 20px; border:none; background:#e74c3c; color:white; border-radius:5px; }
.php-single .reporte-btn { position: fixed; bottom: 70px; right: 27px; z-index: 9999; background: white; border: none; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 4px 10px rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.php-single .emoji-reacciones { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; width: 100%; max-width: 100%; box-sizing: border-box; padding: 10px; }
.php-single .emoji-reacciones .emoji-btn { flex: 1; min-width: 50px; text-align: center; font-size: clamp(20px, 2vw, 25px); padding: 8px 12px; }
.php-single .comentarios-section { max-width: 100%; display: flex; flex-direction: column; gap: 16px; margin: 20px auto; width: 100%; }
.php-single .comentarios-titulo { color: #fff; font-size: 1.4rem; margin-bottom: -30px;margin-left: 20px;}
.php-single ol.comment-list, .lista-comentarios ul { list-style: none; padding: 0; margin: -5px; display: flex; flex-direction: column; gap: -5px; }
.php-single .comment { background-color: rgba(255,255,255,0.05); border-radius: 10px; padding: 10px 10px; display: flex; flex-direction: column; gap: 0px; color: white; margin: 5px 0px; }
.php-single .comment-author { font-weight: bold; color: #f0f0f0; }
.php-single .comment-meta { font-size: 0.85rem; color: rgba(255,255,255,0.6); }
.php-single .comment-content { color: #fff; line-height: 1.5; }
.php-single a { color: goldenrod; }
.php-single .comment .children { margin-top: 5px; margin-left: 5px; border-left: 2px solid rgba(255,255,255,0.1); padding-left: 12px; }
.php-single .comment-form { display: flex; flex-direction: column; gap: 8px; margin-top: 1px; }
.php-single .comment-form textarea { width: 100%; border-radius: 8px; border: 1px solid rgba(255,255,255,0.2); background-color: rgba(255,255,255,0.05); color: #fff; padding: 8px; }
.php-single .comment-form input[type="submit"] { background-color: #d32f2f; color: #fff; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; align-self: flex-start; transition: background 0.2s; }
.php-single .comment-form input[type="submit"]:hover { background-color: #b82a28; }
.php-single .ast-comment,.comment-list > li { border: none !important; background: transparent !important; margin: -5px 0px -25px 0px; }
.php-single .lector-controles { display: flex; justify-content: center; gap: 10px; margin: 15px 0; }
.php-single .lector-controles button { padding: 6px 12px; border-radius: 6px; border: none; cursor: pointer; background: #ddd; font-weight: bold; }
.php-single #lector-novela { max-width: 800px; margin: 0 auto; padding: 20px; border-radius: 12px; line-height: 1.7em; font-size: 18px; transition: all 0.3s ease; }
.php-single .lector-dia { background: #ffffff; color: #000000; }
.php-single .lector-noche { background: #2c2c2c; color: #f1f1f1; }
.php-single #lector-novela p { margin-bottom: 1em; text-align: justify; }

.php-pry .ficha-proyecto { max-width: 1300px; margin: auto; padding:1px; }
.php-pry .encabezado-proyecto { max-height: 500px; background: var(--portada-url) center/cover no-repeat; position: relative; color: white; padding: 40px 20px; display: flex; align-items: center; gap: 20px; }
.php-pry .encabezado-proyecto::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); z-index: 1; pointer-events: none; }
.php-pry .encabezado-proyecto .portada { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; overflow: hidden; border-radius: 8px; }
.php-pry .encabezado-proyecto .descripcion { position: relative; z-index: 2; }
.php-pry .encabezado-proyecto .portada .portie { width: 250px; border-radius: 8px; object-fit: cover; aspect-ratio: 2/3; margin: 0 auto; }
.php-pry .encabezado-proyecto .descripcion { max-width: 900px; }
.php-pry .cuerpo-proyecto { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 40px; justify-content: space-between; }
.php-pry .ficha-tecnica { position: relative; align-self: flex-start; height: fit-content; flex: 1 1 200px; padding: 20px; border-radius: 8px; box-shadow: 2px 2px 10px rgba(0,0,0,0.08); color: white; overflow: hidden; background: var(--color-bg, #333); border: 2px solid var(--color-border, #555); background: linear-gradient(to top, rgba(0,0,0,0.1), var(--color-bg, #333)); }
.php-pry .ficha-tecnica h3 { display: none; }
.php-pry .ficha-tecnica p { margin: 1px 0; }
.php-pry .cuerpo-proyecto { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 10px; justify-content: space-between; }
.php-pry .capitulos { flex: 1 1 600px; display: flex; flex-direction: column; gap: 8px; }
.php-pry .tipo-manga {--color-bg: #25171a; --color-border: #4a2a30;}
.php-pry .tipo-manhwa {--color-bg: #321e28; --color-border: #5a3149;}
.php-pry .tipo-webtoon {--color-bg: #161d1b; --color-border: #2c403a;}
.php-pry .tipo-novela { --color-bg: #161c1d; --color-border: #2c3e40;}
.php-pry .tipo-manhua { --color-bg: #201422; --color-border: #442844;}
.php-pry .capitulos a:hover { background: var(--color-border, #666); transform: translateY(-1px); }
.php-pry .tags-proyecto { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.php-pry .tag-item { margin-top: -5px; display: inline-block; background: #d8d8d8; color: #5a5a5a; padding: 4px 10px; border: 1px solid #999; border-radius: 10px; font-size: 12px; text-decoration: none; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; margin-bottom: 10px; }
.php-pry .tag-item:hover { background: #333; color: #fff; }
.php-pry .estrellas-ion i { font-size: 28px; color: #bbb; cursor: pointer; transition: color 0.2s; }
.php-pry .estrellas-ion i.hovered, .estrellas-ion i.votada { color: gold; }
.php-pry .bookmark-grande { background: #ffd1dc; border: none; padding: 10px 20px; border-radius: 25px; font-size: 16px; cursor: pointer; margin: 10px 0; color: #a00; }
.php-pry .bookmark-grande.active { background: red; color: white; }
.php-pry .estrellas-ion { position: relative; padding-bottom: 10px; margin-bottom: 10px; }
.php-pry .estrellas-ion::after { content: ''; position: absolute; bottom: 0; left: 20%; right: 20%; height: 2px; background: white; opacity: 0.5; }
.php-pry .capitulo-link { display: flex; font-size: 1rem; align-items: center; padding: 6px 10px; border-radius: 8px; text-decoration: none; color: white; transition: transform 0.2s, background 0.3s; min-height: 65px; border: 2px solid var(--color-border, #555); background: linear-gradient(to top, rgba(0,0,0,0.85), var(--color-bg, #333)); position: relative; }
.php-pry .capitulo-link:hover { transform: translateY(-5px); }
.php-pry .capitulo-cover { width: 200px; height: 55px; object-fit: cover; border-radius: 6px; margin-right: 10px; flex-shrink: 0; transition: transform 0.2s; }
.php-pry .capitulo-cover:hover { transform: scale(1.01); }
.php-pry .capitulo-cover.placeholder { background: var(--portada-url) center/cover no-repeat; display: inline-block; }
.php-pry .capitulo-title { font-weight: 500; flex: 1; }
.php-pry .icono-leido { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 0.95rem; color: #999; }
.php-pry .nombre-alterno { font-size: 1.2rem; font-weight: 500; color: #ccc; margin-top: -5px; margin-bottom: 5px; font-style: italic; }
.php-pry h1 { font-size: 2rem; }
.php-pry .capitulo-link.capitulo-visto { position: relative; overflow: hidden; }
.php-pry .capitulo-link.capitulo-visto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.90), rgba(0,0,0,0)); border-radius: 8px; pointer-events: none; }

.php-comms .ultimos-comentarios { margin: 50px 0; }
.php-comms .ultimos-comentarios h3 { font-size: 22px; margin-bottom: 20px; }
.php-comms .ultimos-comentarios ul { list-style: none; padding: 0; }
.php-comms .ultimos-comentarios li { display: flex; align-items: center; margin-bottom: 15px; background: rgba(255,255,255,0.05); padding: 10px; border-radius: 8px; }
.php-comms .ultimos-comentarios img { width: 60px; height: 80px; object-fit: cover; border-radius: 4px; margin-right: 15px; }
.php-comms .ultimos-comentarios strong { color: #ffd700; }
.php-comms .ultimos-comentarios a { color: #fff; font-weight: bold; text-decoration: none; }
.php-comms .ultimos-comentarios a:hover { text-decoration: underline; }
.php-comms .ultimos-comentarios .texto { color: #ccc; font-size: 0.9em; margin-top: 4px; }

@media (max-width: 768px) {
.php-pry h1 { margin-top: -30px; }
.php-pry .encabezado-proyecto .descripcion { font-size: 0.85rem; position: relative; padding-top: 10px; }
.php-pry .nombre-alterno { font-size: 0.8rem; }
.php-pry .tag-item { font-size: 10px; margin-bottom: 5px; }
.php-pry .encabezado-proyecto .portada .portie { display: none; }
.php-pry .encabezado-proyecto { flex-direction: column; align-items: stretch; text-align: left; padding: 10px; }
.php-pry .encabezado-proyecto .portada { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; }
.php-pry .encabezado-proyecto .estrellas-ion { margin-left: -20px; text-align: left; padding: 10px; flex: 1; }
.php-pry .encabezado-proyecto .bookie { margin-right: 20px; text-align: left; flex-shrink: 0; }
.php-pry .ficha-tecnica { display: flex; flex-direction: column; position: relative; }
.php-pry .ficha-tecnica p { margin: 1px; font-size: 14px;}
.php-pry .encabezado-proyecto .portada .portie { display: none; }
.php-pry .nombre-alterno { font-size: 0.85rem; margin: 2px 0 8px 0; }
.php-pry .tag-item { font-size: 11px; margin-bottom: 6px; }

.php-header .encabezado .barra-busqueda { max-width: 150px; }
.php-header .nav-text { display: none; }
.php-header .encabezado-izq nav, .php-header .encabezado-izq nav a { margin-top: 5px;}
.php-header .encabezado { gap: 0px;}

.php-lomasvisto .tab-content.active { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 10px; justify-content: flex-start; }
.php-lomasvisto .tarjeta-proyecto { flex: 0 0 auto; width: 200px; height: auto; scroll-snap-align: start; }
.php-lomasvisto .tarjeta-proyecto .titulo { font-size: 16px; }

.php-portada-proyectos .slide { flex-direction: column; justify-content: center; margin-top: 0px; align-items: center; padding: 20px; text-align: center; height: auto; }
.php-portada-proyectos .slide-content { width: 100%; margin-top: -15px; }
.php-portada-proyectos .slide-content a { margin-top: 5px; }
.php-portada-proyectos .slide-content h2 { font-size: 1.2rem; }
.php-portada-proyectos .tipo-badge { display: none; }
.php-portada-proyectos .slide-content p { display: none; }
.php-portada-proyectos .portada-img { margin-top: 10px; width: 150px; height: 210px; border-radius: 8px; border-width: 3px; border-style: solid; }
.php-portada-proyectos .portada-img.manhwa { border-color: #ffd8ec; }
.php-portada-proyectos .portada-img.manga { border-color: #e5dbbd; }
.php-portada-proyectos .portada-img.webtoon { border-color: #bdede3; }
.php-portada-proyectos .portada-img.novela { border-color: #dbeef4; }
.php-portada-proyectos .portada-img.manhua { border-color: #ebddec; }
.php-portada-proyectos .slide-content a { font-size: 0.85rem; padding: 8px 12px; }

.php-single .comment { font-size: 0.8rem;}
}
/* ============================
   🎨 GLOBAL NOTICIAS & DONACIONES
============================ */

.card { max-width: 800px; margin: 10px auto; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.1); background: #fff; padding: 15px; }
.card .fecha { font-size: 0.85em; color: #888; margin-bottom: 5px; }
.card .contenido { display: flex; gap: 15px; font-size: 0.90rem; }
.card .texto { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; }
.card .reacciones { display: flex; gap: 5px; flex-wrap: wrap; }

.php-noticias h2 { color: black; }
.noticia-card img { width: 150px; height: 210px; border-radius: 8px; object-fit: cover; box-shadow: 0 2px 6px rgba(0,0,0,0.5); }
.noticia-card h2 { font-size: 22px; margin-bottom: 10px; }
.noticia-card .noticia-footer { display: flex; flex-direction: column; align-items: flex-end; margin-top: 5px; gap: 5px; }
.noticia-card .reportero { font-style: italic; color: #555; align-self: flex-end; }
.noticia-card .emoji-btn { font-size: 20px !important; padding: 2px 5px; border: none; background: transparent; cursor: pointer; }
.noticia-card .emoji-btn span { font-size: 12px; margin-left: 2px; }

.php-donaciones h2 { color: black; font-size: 20px; margin-bottom: 8px; }
.donacion-card img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; box-shadow: 0 2px 6px rgba(0,0,0,0.3); }
.donacion-card .donacion-footer { display: flex; flex-direction: column; align-items: flex-end; margin-top: 5px; gap: 5px; }
.donacion-card .cantidad { font-weight: bold; color: #008000; }
.donacion-card .leyenda { font-style: italic; margin-top: 5px; padding-left: 10px; border-left: 3px solid #eee; }

.php-donaciones .donaciones-header { max-width: 800px; margin: 20px auto; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.php-donaciones .donaciones-header button { padding: 10px 18px; border-radius: 8px; border: none; cursor: pointer; font-weight: bold; font-size: 0.95rem; transition: 0.2s;}
.php-donaciones .donaciones-header button:hover { opacity: 0.85; }
.php-donaciones .btn-info { background: #0073aa; color: #fff; }
.php-donaciones .btn-paypal { background: #004888; color: #fff; }
.php-donaciones .btn-binance { background: #f3ba2f; color: #111; }
.php-donaciones .btn-airtm { background: #00b8f4; color: #fff; }

.php-donaciones .overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: none; justify-content: center; align-items: center; z-index: 9999; }
.php-donaciones .overlay-content { background: #fff; padding: 20px; max-width: 500px; border-radius: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.3); text-align: center; }
.php-donaciones .overlay-content h3 { margin-bottom: 10px; }
.php-donaciones .overlay-content p { font-size: 0.95rem; margin-bottom: 15px; }
.php-donaciones .overlay-buttons { display: flex; justify-content: center; gap: 10px; }
.php-donaciones .overlay-content .btn-close,
.php-donaciones .overlay-buttons button { padding: 8px 16px; border-radius: 6px; border: none; cursor: pointer; font-weight: bold; }
.php-donaciones .btn-close { background: #ccc; }
.php-donaciones .btn-confirm { background: #28a745; color: #fff; }

@media (max-width: 768px) {
.noticia-card img { max-width: 120px; max-height: 160px; }
.noticia-card .emoji-reacciones { display: grid !important; grid-template-columns: repeat(6, 1fr); gap: 4px; width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
.noticia-card .emoji-reacciones .emoji-btn { width: 100% !important; padding: 6px 15px !important; text-align: center !important; font-size: 18px !important; }

.donacion-card img { max-width: 60px; max-height: 60px; }
.donacion-card .emoji-reacciones { display: grid !important; grid-template-columns: repeat(6, 1fr); gap: 4px; width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
.donacion-card .emoji-reacciones .emoji-btn { width: 100% !important; padding: 6px 15px !important; text-align: center !important; font-size: 18px !important; }
.php-donaciones .donaciones-header { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; width: 100%; }
.php-donaciones .donaciones-header button { width: 100%; font-size: 0.85rem; padding: 8px 10px; }
}

/* ============================
   🎨 GLOBAL PROYECTOS & FAVORITOS
============================ */

.proyectos-lista, .favoritos-lista { max-width: 1200px; margin: 40px auto; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.php-favoritos h1 { margin-bottom: -5px; font-size: 1rem; color: gray; font-style: italic; }

.proyecto, .favorito-item { width: 200px; height: 280px; position: relative; border-radius: 10px; border: 3px solid #ccc; overflow: hidden; text-align: center; transition: all 0.3s ease; }
.proyecto img, .favorito-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.proyecto h3, .favorito-item h3 { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 6px 8px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); transition: background 0.3s ease; box-sizing: border-box; z-index: 2; }

.tipo-manhwa h3 { background-color: #321e28; }
.tipo-manga h3 {  background-color: #25171a; }
.tipo-novela h3 {  background-color: #161c1d;}
.tipo-webtoon h3 { background-color: #161d1b;}
.tipo-manhua h3 {  background-color: #201422;}

.proyecto:hover h3, .favorito-item:hover h3 { background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.1)); }

.tipo-manhwa { border-color: #321e28 !important; }
.tipo-manga  { border-color: #25171a !important; }
.tipo-novela { border-color: #161c1d !important; }
.tipo-webtoon{ border-color: #161d1b !important; }
.tipo-manhua { border-color: #201422 !important; }

.bookmark-circulo { position: absolute; top: 10px; left: 10px; background: white; border-radius: 50%; border: 1px solid #ccc; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: all 0.2s ease; }
.bookmark-circulo.activo { color: #ff4e4e; border-color: #ff4e4e; }
.bookmark-circulo svg { width: 16px; height: 16px; stroke: #bbb; fill: none; }
.bookmark-circulo.activo svg { fill: #ff4e4e; stroke: #ff4e4e; }

.favorito-remove { position: absolute; top: 10px; left: 10px; background: white; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 20; border: 1px solid #ccc; transition: background 0.2s ease; }
.favorito-remove:hover { background: #f5f5f5; }
.favorito-remove svg { width: 20px; height: 20px; stroke: #999; stroke-width: 1.5; fill: none; }
.favorito-remove:hover svg { stroke: #d32f2f; }

.proyecto.blurred-proyecto img, .favorito-item.blur img { filter: blur(8px); }
.favorito-item.blur::after { content: '🔞'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.6); color: white; padding: 8px 12px; border-radius: 8px; font-size: 20px; }

.cajoncito { border: 2px solid #ccc; border-radius: 10px; padding: 5px 10px; margin-top: 7px; margin-bottom: 7px; max-width: 900px; margin-left: auto; margin-right: auto; background-color: #f9f9f9; box-shadow: 2px 2px 5px rgba(0,0,0,0.05); }
.cajoncito strong { display: block; margin-bottom: 12px; font-size: 18px; color: #444; text-align: left; padding-left: 5px; }
.burbujas-filtro li { display: inline-block; margin: 5px; }
.burbujas-filtro label { display: inline-block; background-color: #f3f3f3; padding: 8px 14px; border-radius: 20px; cursor: pointer; font-size: 14px; border: 1px solid #ccc; transition: all 0.2s ease; }
.burbujas-filtro input[type="radio"], .burbujas-filtro input[type="checkbox"] { display: none; }
.burbujas-filtro input:checked + label { background-color: #f7d94c; border-color: #dcbf2f; font-weight: bold; }

.accordion { background-color: #f9f9f9; color: #444; cursor: pointer; padding: 10px 15px; width: 100%; border: none; text-align: left; outline: none; font-size: 16px; border-radius: 5px; transition: background 0.2s ease; margin-bottom: 5px; }
.accordion.active, .accordion:hover { background-color: #f7d94c; }
.panel { padding: 0 10px; display: none; overflow: hidden; }

@media (max-width: 768px) {
.proyecto, .favorito-item { width: 130px; height: 180px; }
.proyecto h3, .favorito-item h3 { font-size: 12px; }
.php-favoritos h2 { font-size: 1.5rem; }
.php-favoritos h1 { font-size: 0.9rem; }
}

@media (max-width: 450px) {
.php-pry h1 { margin-top: -30px; font-size: 1.5rem }
}