1<!DOCTYPE html><html lang="es"> <head><!-- Character Encoding --><meta charset="UTF-8"><!-- Viewport Meta Tag - Optimized for mobile browsers with interactive-widget to handle address bar behavior --><!-- interactive-widget=resizes-content ensures sticky elements stay correctly positioned when mobile browser UI changes --><meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content"><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- SEO Meta Tags --><meta name="description" content="Precios flexibles de GhibliIA para creación de arte IA estilo Studio Ghibli. Elige entre planes Starter, Pro o Premium con créditos que nunca expiran. Crea obras de arte y videos auténticos de Ghibli."><meta name="keywords" content="precios de GhibliIA, planes de IA Ghibli, generador de arte Studio Ghibli, precios de arte IA"><meta name="author" content="GhibliIA"><meta http-equiv="content-language" content="es"><meta name="geo.region" content="ES"><meta name="geo.country" content="ES"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://ghibliia.com/pricing"><meta property="og:title" content="Precios de GhibliIA - Planes del Generador de Arte IA de Studio Ghibli"><meta property="og:description" content="Precios flexibles de GhibliIA para creación de arte IA estilo Studio Ghibli. Elige entre planes Starter, Pro o Premium con créditos que nunca expiran. Crea obras de arte y videos auténticos de Ghibli."><meta property="og:image" content="/images/og-ai-generator.jpg"><meta property="og:site_name" content="GhibliIA"><meta property="og:locale" content="es_ES"><meta property="og:locale:alternate" content="en_US"><meta property="og:locale:alternate" content="zh_TW"><meta property="og:locale:alternate" content="ko_KR"><meta property="og:locale:alternate" content="de_DE"><meta property="og:locale:alternate" content="fr_FR"><meta property="og:locale:alternate" content="ja_JP"><meta property="og:locale:alternate" content="pt_PT"><meta property="og:locale:alternate" content="ru_RU"><meta property="og:locale:alternate" content="zh_CN"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://ghibliia.com/pricing"><meta name="twitter:title" content="Precios de GhibliIA - Planes del Generador de Arte IA de Studio Ghibli"><meta name="twitter:description" content="Precios flexibles de GhibliIA para creación de arte IA estilo Studio Ghibli. Elige entre planes Starter, Pro o Premium con créditos que nunca expiran. Crea obras de arte y videos auténticos de Ghibli."><meta name="twitter:image" content="/images/og-ai-generator.jpg"><meta name="twitter:creator" content="@GhibliIA"><!-- Canonical URL --><link rel="canonical" href="https://ghibliia.com/pricing"><!-- Alternate Language Links (hreflang) --><link rel="alternate" hreflang="en" href="https://ghibliia.com/en/pricing"><link rel="alternate" hreflang="zh-TW" href="https://ghibliia.com/zh-tw/pricing"><link rel="alternate" hreflang="ko" href="https://ghibliia.com/ko/pricing"><link rel="alternate" hreflang="de" href="https://ghibliia.com/de/pricing"><link rel="alternate" hreflang="es" href="https://ghibliia.com/pricing"><link rel="alternate" hreflang="fr" href="https://ghibliia.com/fr/pricing"><link rel="alternate" hreflang="ja" href="https://ghibliia.com/ja/pricing"><link rel="alternate" hreflang="pt" href="https://ghibliia.com/pt/pricing"><link rel="alternate" hreflang="ru" href="https://ghibliia.com/ru/pricing"><link rel="alternate" hreflang="zh" href="https://ghibliia.com/zh/pricing"><!-- x-default for international targeting --><link rel="alternate" hreflang="x-default" href="https://ghibliia.com/pricing"><!-- Favicon --><link rel="icon" type="image/x-icon" href="/favicon.ico"><title>Precios de GhibliIA - Planes del Generador de Arte IA de Studio Ghibli</title><!-- Preload Critical Resources --><!-- â
é¢å è½½å
³é®LCPå¾ç - é¦é¡µHeroèæ¯ --><link rel="preload" as="image" href="/images/expload/4001.webp" fetchpriority="high"><!-- â
é¢å è½½Logo --><link rel="preload" as="image" href="/images/logo.png" fetchpriority="high">
1<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://www.google-analytics.com"><link rel="dns-prefetch" href="https://www.googletagmanager.com"><!-- â
ç¬¬ä¸æ¹èæ¬å·²ç§»è³bodyåºé¨å»¶è¿å è½½ï¼ä¼åFCP --><!-- Structured Data (JSON-LD) -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"GhibliIA","url":"https://ghibliia.com/","description":"Precios flexibles de GhibliIA para creación de arte IA estilo Studio Ghibli. Elige entre planes Starter, Pro o Premium con créditos que nunca expiran. Crea obras de arte y videos auténticos de Ghibli.","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://ghibliia.com/?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
1<!-- Theme Initialization Script (Prevents Flash) -->
1<script> 2 // é»è®¤ä¸»é¢ä¸ºæµ è² 3 const theme = localStorage.getItem('theme') || 'light'; 4 document.documentElement.setAttribute('data-theme', theme); 5 </script>
5<!-- Sidebar Width Initialization (Prevents Layout Shift) -->
5<script> 6 // é¢è®¾ä¾§è¾¹æ 宽度 CSS åéï¼é¿å å¸å±åç§»ï¼ 7 (function() { 8 // é»è®¤å±å¼ç¶æ 9 let sidebarWidth = '18rem'; 10 11 // åªå¨æ¡é¢ç«¯å¤ç 12 if (window.innerWidth >= 1280) { 13 try { 14 const savedState = localStorage.getItem('sidebar-collapsed'); 15 // æ£æ¥æ¯å¦æ¯é¦é¡µï¼æ¯æå¤è¯è¨è·¯å¾ï¼ 16 const pathname = window.location.pathname; 17 const isHomePage = pathname === '/' || pathname.match(/^\/(en|zh-tw|de|fr|es|ja|ko|pt|ru|ar|hi)\/$/); 18 19 // 夿æ¯å¦åºè¯¥æ¶ç¼© 20 // 1. ç¨æ·æå¨è®¾ç½®ä¸ºæ¶ç¼© 21 // 2. é¦é¡µä¸æ ç¨æ·è®¾ç½®ï¼é»è®¤æ¶ç¼©ï¼ 22 if (savedState === 'true' || (savedState === null && isHomePage)) { 23 sidebarWidth = '4.5rem'; 24 } 25 } catch (e) { 26 // localStorage ä¸å¯ç¨æ¶ï¼ä½¿ç¨é»è®¤å±å¼ç¶æ 27 console.warn('[Sidebar] localStorage not available:', e); 28 } 29 } else { 30 // ç§»å¨ç«¯ä¸éè¦ margin 31 sidebarWidth = '0'; 32 } 33 34 // 设置 CSS åé 35 document.documentElement.style.setProperty('--sidebar-width', sidebarWidth); 36 })(); 37 </script>
37<!-- Banner Height Initialization (Prevents Layout Shift) --><style> 38 :root { 39 /* é¢è®¾æ¨ªå¹ é«åº¦ï¼é¿å 页é¢å è½½æ¶çå¸å±åç§» */ 40 --banner-height: 56px; 41 } 42 43 @media (min-width: 640px) { 44 :root { 45 --banner-height: 60px; 46 } 47 } 48 </style><!-- Performance Optimization --><meta name="theme-color" content="#A3C5E0"><!-- Google Client ID for Login (injected from server-side environment) --><meta name="google-client-id" content="403187205857-7bb6ui1udgg5autubiprs3mo5ka7kl8f.apps.googleusercontent.com"><!-- Login Prompt Messages for i18n (injected from server-side) --><meta name="login-prompt-messages" content="%7B%22status%22%3A%7B%22loggingIn%22%3A%22Iniciando%20sesi%C3%B3n...%22%7D%2C%22error%22%3A%7B%22loginFailed%22%3A%22Error%20al%20iniciar%20sesi%C3%B3n%3A%20%7Berror%7D%22%2C%22unknownError%22%3A%22Error%20desconocido%22%2C%22requestFailed%22%3A%22La%20solicitud%20de%20inicio%20de%20sesi%C3%B3n%20fall%C3%B3%2C%20por%20favor%20intente%20m%C3%A1s%20tarde%22%7D%2C%22success%22%3A%7B%22loginTitle%22%3A%22Inicio%20de%20sesi%C3%B3n%20exitoso%22%2C%22loginMessage%22%3A%22%C2%A1Bienvenido%20de%20nuevo!%20Has%20iniciado%20sesi%C3%B3n%20correctamente.%22%7D%2C%22modal%22%3A%7B%22title%22%3A%22Bienvenido%20a%20AI%20Generator%22%2C%22loginMessage%22%3A%22Inicia%20sesi%C3%B3n%20en%20los%20pr%C3%B3ximos%22%2C%22gainMessage%22%3A%22para%20obtener%20inmediatamente%3A%22%7D%2C%22feature%22%3A%7B%22freeCredits%22%3A%223%20Cr%C3%A9ditos%20Gratis%22%2C%22withLogin%22%3A%22con%20el%20inicio%20de%20sesi%C3%B3n%22%2C%22image%22%3A%22imagen%22%2C%22video%22%3A%22video%22%2C%22music%22%3A%22m%C3%BAsica%22%2C%22generation%22%3A%22generaci%C3%B3n%22%2C%22imageModels%22%3A%22(Nano%20Banana%2C%20Seedream%2C%20Flux%20Kontext%20y%20m%C3%A1s)%22%2C%22videoModels%22%3A%22(Sora2%2C%20Seedance%20y%20m%C3%A1s)%22%7D%2C%22button%22%3A%7B%22loginWithGoogle%22%3A%22Iniciar%20sesi%C3%B3n%20con%20Google%22%7D%2C%22privacy%22%3A%7B%22agreement%22%3A%22Al%20continuar%2C%20aceptas%20nuestros%20T%C3%A9rminos%20de%20Servicio%20y%20Pol%C3%ADtica%20de%20Privacidad.%22%7D%7D"><link rel="stylesheet" href="/_astro/pricing.DEj8d7ww.css"> 49<link rel="stylesheet" href="/_astro/about-ghibliia.D4rmA57v.css"> 50<style>.toast-container[data-astro-cid-d7jtuv6c]{position:fixed;top:1rem;right:1rem;z-index:9999;pointer-events:none}.toast[data-astro-cid-d7jtuv6c]{display:flex;align-items:flex-start;gap:.75rem;min-width:320px;max-width:420px;padding:1rem;border-radius:.5rem;background:var(--card);border:1px solid hsl(var(--border));box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;pointer-events:auto;transform:translate(calc(100% + 2rem));opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.toast[data-astro-cid-d7jtuv6c].show{transform:translate(0);opacity:1}.toast-icon[data-astro-cid-d7jtuv6c]{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px}.toast[data-astro-cid-d7jtuv6c].error .toast-icon[data-astro-cid-d7jtuv6c]{background:#ef44441a;color:#ef4444}.toast[data-astro-cid-d7jtuv6c].success .toast-icon[data-astro-cid-d7jtuv6c]{background:#22c55e1a;color:#22c55e}.toast[data-astro-cid-d7jtuv6c].warning .toast-icon[data-astro-cid-d7jtuv6c]{background:#fbbf241a;color:#fbbf24}.toast[data-astro-cid-d7jtuv6c].info .toast-icon[data-astro-cid-d7jtuv6c]{background:#3b82f61a;color:#3b82f6}.toast-icon-svg[data-astro-cid-d7jtuv6c]{width:1.25rem;height:1.25rem}.toast-content[data-astro-cid-d7jtuv6c]{flex:1}.toast-title[data-astro-cid-d7jtuv6c]{font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}.toast-message[data-astro-cid-d7jtuv6c]{font-size:.875rem;color:var(--muted-foreground);line-height:1.4}.toast-close[data-astro-cid-d7jtuv6c]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;border-radius:.25rem;transition:all .2s}.toast-close[data-astro-cid-d7jtuv6c]:hover{background:hsl(var(--muted) / .5);color:var(--foreground)} 51</style> 52<link rel="stylesheet" href="/_astro/WhatsNewModal.BOxe2vaq.css"> 53<style>.login-reward-banner{position:fixed;top:calc(var(--banner-height, 0px) + 80px);right:1.5rem;z-index:999;max-width:380px;width:calc(100% - 3rem);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);transform:translateY(0);opacity:1}.login-reward-banner-visible{transform:translateY(0);opacity:1}.login-reward-banner-hidden{transform:translateY(-120%);opacity:0;pointer-events:none}.login-reward-banner-content{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;padding:1.5rem;background:linear-gradient(135deg,#fffffffa,#f8fcfafa);backdrop-filter:blur(12px);border-radius:20px;border:2px solid rgba(125,185,166,.3);box-shadow:0 8px 32px #0000001a,0 4px 16px #7db9a633;text-align:center}.login-reward-banner-icon{position:relative;width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7db9a6,#a5d4c3);border-radius:50%;box-shadow:0 4px 12px #7db9a659,inset 0 -2px 8px #a5d4c380}.login-reward-banner-icon svg{width:28px;height:28px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));z-index:1}.login-reward-banner-icon-glow{position:absolute;inset:-4px;background:radial-gradient(circle,rgba(125,185,166,.5) 0%,transparent 70%);border-radius:50%;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:.3}}.login-reward-banner-text{width:100%}.login-reward-banner-title{font-size:1.125rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem;line-height:1.3;letter-spacing:-.01em}.login-reward-banner-description{font-size:.875rem;color:#5a6c7d;margin:0;line-height:1.4}.login-reward-banner-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#7db9a6,#5a9b88);color:#fff;font-size:.9375rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #7db9a64d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.15)}.login-reward-banner-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7db9a666,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#8bc9b4,#6baaa0)}.login-reward-banner-button:active{transform:translateY(0)}.login-reward-banner-button-arrow{width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.login-reward-banner-button:hover .login-reward-banner-button-arrow{transform:translate(4px)}.login-reward-banner-close{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:8px;
53cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#5a6c7d}.login-reward-banner-close:hover{background:#fff;color:#2c3e50;transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.login-reward-banner-close:active{transform:scale(.95)}.login-reward-banner-close svg{width:18px;height:18px}@media(max-width:768px){.login-reward-banner{right:1rem;left:1rem;width:auto;max-width:none}.login-reward-banner-content{padding:1.25rem}.login-reward-banner-icon{width:48px;height:48px}.login-reward-banner-icon svg{width:24px;height:24px}.login-reward-banner-title{font-size:1rem}.login-reward-banner-description{font-size:.8125rem}.login-reward-banner-close{top:.5rem;right:.5rem;width:28px;height:28px}.login-reward-banner-close svg{width:16px;height:16px}}@media(prefers-color-scheme:dark){.login-reward-banner-content{background:linear-gradient(135deg,#282d32f2,#2d3734f2);border-color:#7db9a640;box-shadow:0 8px 32px #0006,0 4px 16px #7db9a633}.login-reward-banner-title{color:#e8eaed}.login-reward-banner-description{color:#b0b8c4}.login-reward-banner-close{background:#2d3734e6;border-color:#7db9a626;color:#b0b8c4}.login-reward-banner-close:hover{background:#323c39;color:#e8eaed;border-color:#7db9a640}} 54.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg);border-radius:16px;box-shadow:0 20px 60px #007b4326;width:100%;max-width:min(1200px,calc(100vw - 40px));max-height:calc(100vh - 40px);animation:slideUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column;position:relative;margin:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg)}[data-theme=dark] .modal-header{background:#007b4308;border-bottom-color:#007b4326}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0;flex:1}.modal-close-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text);opacity:.6;cursor:pointer;border-radius:.375rem;transition:all .2s ease;flex-shrink:0;padding:0}.modal-close-button:hover{background:#007b431a;opacity:1;color:#007b43}.modal-close-button:active{transform:scale(.95)}.modal-close-button svg{width:1.25rem;height:1.25rem}.modal-body{padding:var(--spacing-sm) var(--spacing-md);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#007b434d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#007b4380}.alert-modal-content{text-align:center;padding:12px 0}.modal-icon{width:64px;height:64px;margin:0 auto 20px;display:block}.modal-icon-info{color:#3b82f6}.modal-icon-success{color:#10b981}.modal-icon-warning{color:#f59e0b}.modal-icon-error{color:#ef4444}.alert-modal-message{font-size:16px;line-height:1.6;color:#666;margin:0 0 24px;white-space:pre-line}.alert-modal-btn{min-width:120px}.confirm-modal-content{text-align:center;padding:12px 0}.confirm-modal-message{font-size:16px;line-height:1.6;color:#666;margin:0 0 24px;white-space:pre-line}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-modal-actions .btn{min-width:100px}@media(max-width:768px){.modal-overlay{padding:10px}.modal-content{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:12px}.modal-header{padding:1rem 1.25rem}.modal-title{font-size:1.125rem}.modal-close-button{width:2.5rem;height:2.5rem}.modal-close-button svg{width:1.5rem;height:1.5rem}.modal-body{padding:1rem}.modal-icon{width:56px;height:56px}.alert-modal-message,.confirm-modal-message{font-size:15px}.confirm-modal-actions{flex-direction:column}.confirm-modal-actions .btn{width:100%}} 55</style></head> <body> <div class="app-container"> <!-- 伿 æ´»å¨æ¨ªå¹ --><!-- ç¿»è¯æ°æ®æ³¨å ¥ -->
55<script id="promotion-banner-i18n" type="application/json">{"modal.title":"Oferta Especial - ¡Obtén 15% DE DESCUENTO! ð","modal.subtitle":"Oferta por tiempo limitado en todos los paquetes de créditos. ¡Comienza a crear con IA hoy!"}</script>
55 <!-- æ ¹æ®æå¡ç«¯å¤æè®¾ç½®åå§å¯è§æ§ï¼é¿å
å¸å±åç§» --><div id="promotion-banner" class="promotion-banner" data-should-show="true" data-astro-cid-n2n5lssf> <div class="promotion-container" data-astro-cid-n2n5lssf> <!-- å¯ç¹å»å
容åºå --> <div class="promotion-clickable" id="promotion-clickable" data-astro-cid-n2n5lssf> <!-- NEW æ ç¾ --> <div class="promotion-badge" data-astro-cid-n2n5lssf> <span class="badge-text" data-astro-cid-n2n5lssf>NUEVO</span> </div> <!-- 主è¦å
容 --> <div class="promotion-content" data-astro-cid-n2n5lssf> <!-- 鿳徿 (ä»
æ¡é¢æ¾ç¤º) --> <div class="promotion-icon" data-astro-cid-n2n5lssf> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" data-astro-cid-n2n5lssf> <path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" data-astro-cid-n2n5lssf></path> </svg> </div> <!-- ææ¡ --> <div class="promotion-text" data-astro-cid-n2n5lssf> <span class="offer-title" data-astro-cid-n2n5lssf>Oferta Especial</span> <span class="offer-divider" data-astro-cid-n2n5lssf>·</span> <span class="offer-discount" data-astro-cid-n2n5lssf>15% DE DESCUENTO</span> <span class="offer-description" data-astro-cid-n2n5lssf>Oferta por tiempo limitado en todos los paquetes de créditos</span> </div> </div> <!-- CTA æé® --> <button class="promotion-cta" id="promotion-cta-btn" data-astro-cid-n2n5lssf> Obtener 15% de descuento </button> </div> <!-- å
³éæé® --> <button class="promotion-close" id="promotion-close-btn" aria-label="Cerrar banner" data-astro-cid-n2n5lssf> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" data-astro-cid-n2n5lssf> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" data-astro-cid-n2n5lssf></path> </svg> </button> </div> </div>
55<script type="module">function l(){return new Date().toISOString().split("T")[0]}let a=null;async function m(){if(a)return a;const t=document.getElementById("promotion-banner-i18n");if(t)try{return a=JSON.parse(t.textContent||"{}"),a}catch(n){console.error("[PromotionBanner] Failed to parse translations:",n)}return{"modal.title":"Special Offer - Get 15% OFF! ð","modal.subtitle":"Limited time offer on all credit packages. Start creating with AI today!"}}async function s(){const t=await m();window.dispatchEvent(new CustomEvent("open-pricing-modal",{detail:{title:t["modal.title"]||"Special Offer - Get 15% OFF! ð",subtitle:t["modal.subtitle"]||"Limited time offer on all credit packages. Start creating with AI today!"}}))}function d(){const t=document.getElementById("promotion-banner"),n=document.getElementById("promotion-clickable"),o=document.getElementById("promotion-cta-btn"),i=document.getElementById("promotion-close-btn");if(!t)return;t.classList.contains("banner-hidden")||setTimeout(()=>{requestAnimationFrame(()=>{const e=t.offsetHeight,c=document.documentElement.style.getPropertyValue("--banner-height");Math.abs(e-parseInt(c||"0"))>2&&document.documentElement.style.setProperty("--banner-height",`${e}px`)})},900),n&&n.addEventListener("click",e=>{e.target===o||o?.contains(e.target)||e.target===i||i?.contains(e.target)||s()}),o&&o.addEventListener("click",e=>{e.stopPropagation(),s()}),i&&i.addEventListener("click",e=>{e.stopPropagation(),t.style.opacity="0",setTimeout(()=>{t.classList.add("banner-hidden"),document.documentElement.style.setProperty("--banner-height","0px");const c=l();document.cookie=`promotion_banner_closed_date=${encodeURIComponent(c)}; Path=/; Max-Age=86400; SameSite=Lax`},600)});let r;window.addEventListener("resize",()=>{t.classList.contains("banner-hidden")||(r&&clearTimeout(r),r=window.setTimeout(()=>{requestAnimationFrame(()=>{const e=t.offsetHeight;document.documentElement.style.setProperty("--banner-height",`${e}px`)})},150))})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",d):d();</script>
55 <header class="header" data-astro-cid-3ef6ksr2> <div class="header-container" data-astro-cid-3ef6ksr2> <nav class="nav" data-astro-cid-3ef6ksr2> <!-- Left Section: Sidebar Toggle & Logo --> <div class="nav-left" data-astro-cid-3ef6ksr2> <button class="sidebar-toggle" aria-label="Alternar barra lateral" id="sidebar-toggle" data-astro-cid-3ef6ksr2> <span class="sidebar-toggle-icon" data-astro-cid-3ef6ksr2> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="menu-icon" data-astro-cid-3ef6ksr2> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" data-astro-cid-3ef6ksr2></path> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="chevron-icon" data-astro-cid-3ef6ksr2> <path d="m15 18-6-6 6-6" data-astro-cid-3ef6ksr2></path> </svg> </span> </button> <a href="/" class="logo" title="GhibliIA - Create stunning Studio Ghibli style AI art" data-astro-cid-3ef6ksr2> <div class="logo-icon" role="img" aria-label="GhibliIA - Studio Ghibli style AI art generation platform" data-astro-cid-3ef6ksr2></div> <span class="logo-text" data-astro-cid-3ef6ksr2>GhibliIA</span> </a> </div> <!-- Right Section: Actions --> <div class="nav-actions" data-astro-cid-3ef6ksr2> <!-- Language Toggle --> <div class="language-toggle" data-astro-cid-lb7h3eps> <button class="language-button" id="language-btn" aria-label="Switch language" aria-expanded="false" aria-haspopup="true" data-astro-cid-lb7h3eps> <div class="button-content" data-astro-cid-lb7h3eps> <span class="language-flag" data-astro-cid-lb7h3eps>ðªð¸</span> <span class="language-name" data-astro-cid-lb7h3eps>Español</span> <div class="button-decoration" data-astro-cid-lb7h3eps> <svg class="sparkle-icon" width="12" height="12" viewBox="0 0 12 12" fill="none" data-astro-cid-lb7h3eps> <path d="M6 0L7 5L12 6L7 7L6 12L5 7L0 6L5 5L6 0Z" fill="currentColor" data-astro-cid-lb7h3eps></path> </svg> </div> </div> <svg class="chevron-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lb7h3eps> <path d="m6 9 6 6 6-6" data-astro-cid-lb7h3eps></path> </svg> </button> <div class="language-dropdown" id="language-dropdown" role="menu" data-astro-cid-lb7h3eps> <!-- Decorative header --> <div class="dropdown-header" data-astro-cid-lb7h3eps> <svg class="header-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" data-astro-cid-lb7h3eps> <circle cx="10" cy="10" r="8" stroke="currentColor" stroke-width="1.5" fill="none" data-astro-cid-lb7h3eps></circle> <path d="M2 10H18M10 2C12 5 12 15 10 18M10 2C8 5 8 15 10 18" stroke="currentColor" stroke-width="1.5" data-astro-cid-lb7h3eps></path> </svg> <span class="header-text" data-astro-cid-lb7h3eps>Select Language</span> </div> <!-- Language options --> <div class="dropdown-options" data-astro-cid-lb7h3eps> <a href="/pricing" class="language-option active" data-locale="es" role="menuitem" style="--option-index: 0" data-astro-cid-lb7h3eps> <div class="option-content" data-astro-cid-lb7h3eps> <span class="option-flag" data-astro-cid-lb7h3eps>ðªð¸</span> <span class="option-name" data-astro-cid-lb7h3eps>Español</span> </div> <div class="option-check" data-astro-cid-lb7h3eps> <svg class="check-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lb7h3eps> <path d="M20 6 9 17l-5-5" data-astro-cid-lb7h3eps></path> </svg> </div> </a><a href="/en/pricing" class="language-option" data-locale="en" role="menuitem" style="--option-index: 1" data-astro-cid-lb7h3eps> <div class="option-content" data-astro-cid-lb7h3eps> <span class="option-flag" data-astro-cid-lb7h3eps>ðºð¸</span> <span class="option-name" data-astro-cid-lb7h3eps>English</span> </div> </a><a href="/zh-tw/pricing" class="language-option" data-locale="zh-tw" role="menuitem" style="--option-index: 2" data-astro-cid-lb7h3eps> <div class="option-content" data-astro-cid-lb7h3eps> <span class="option-flag" data-astro-cid-lb7h3eps>ð¹ð¼</span> <span class="option-name" data-astro-cid-lb7h3eps>ç¹é«ä¸æ</span> </div> </a>
55<a href="/ko/pricing" class="language-option" data-locale="ko" role="menuitem" style="--option-index: 3" data-astro-cid-lb7h3eps> <div class="option-content" data-astro-cid-lb7h3eps> <span class="option-flag" data-astro-cid-lb7h3eps>ð°ð·</span> <span class="option-name" data-astro-cid-lb7h3eps>íêµì´</span> </div> </a><a href="/de/pricing" class="language-option" data-locale="de" role="menuitem" style="--option-index: 4" data-astro-cid-lb7h3eps> <div class="option-content" data-astro-cid-lb7h3eps> <span class="option-flag" data-astro-cid-lb7h3eps>ð©ðª</span> <span class="option-name" data-astro-cid-lb7h3eps>Deutsch</span> </div> </a><a href="/fr/pricing" class="language-option" data-locale="fr" role="menuitem" style="--option-index: 5" data-astro-cid-lb7h3eps> <div class="option-content" data-astro-cid-lb7h3eps> <span class="option-flag" data-astro-cid-lb7h3eps>ð«ð·</span> <span class="option-name" data-astro-cid-lb7h3eps>Français</span> </div> </a><a href="/ja/pricing" class="language-option" data-locale="ja" role="menuitem" style="--option-index: 6" data-astro-cid-lb7h3eps> <div class="option-content" data-astro-cid-lb7h3eps> <span class="option-flag" data-astro-cid-lb7h3eps>ð¯ðµ</span> <span class="option-name" data-astro-cid-lb7h3eps>æ¥æ¬èª</span> </div> </a><a href="/pt/pricing" class="language-option" data-locale="pt" role="menuitem" style="--option-index: 7" data-astro-cid-lb7h3eps> <div class="option-content" data-astro-cid-lb7h3eps> <span class="option-flag" data-astro-cid-lb7h3eps>ðµð¹</span> <span class="option-name" data-astro-cid-lb7h3eps>Português</span> </div> </a><a href="/ru/pricing" class="language-option" data-locale="ru" role="menuitem" style="--option-index: 8" data-astro-cid-lb7h3eps> <div class="option-content" data-astro-cid-lb7h3eps> <span class="option-flag" data-astro-cid-lb7h3eps>ð·ðº</span> <span class="option-name" data-astro-cid-lb7h3eps>Ð ÑÑÑкий</span> </div> </a><a href="/zh/pricing" class="language-option" data-locale="zh" role="menuitem" style="--option-index: 9" data-astro-cid-lb7h3eps> <div class="option-content" data-astro-cid-lb7h3eps> <span class="option-flag" data-astro-cid-lb7h3eps>ð¨ð³</span> <span class="option-name" data-astro-cid-lb7h3eps>ç®ä½ä¸æ</span> </div> </a> </div> </div> </div>
55<script type="module">function a(){const t=document.querySelector(".language-toggle"),e=document.getElementById("language-btn"),o=document.getElementById("language-dropdown");!t||!e||!o||(e.addEventListener("click",n=>{n.stopPropagation();const s=t.classList.toggle("open");e.setAttribute("aria-expanded",String(s))}),document.addEventListener("click",n=>{n.target.closest(".language-toggle")||(t.classList.remove("open"),e.setAttribute("aria-expanded","false"))}),o.addEventListener("click",()=>{t.classList.remove("open"),e.setAttribute("aria-expanded","false")}),document.addEventListener("keydown",n=>{n.key==="Escape"&&t.classList.contains("open")&&(t.classList.remove("open"),e.setAttribute("aria-expanded","false"),e.focus())}))}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",a):a();document.addEventListener("astro:page-load",a);</script>
55 <!-- Check-In Button (Gift Icon) with Dropdown - Only shown when logged in --> <!-- Credits Display with Dropdown --> <a href="/login" class="btn btn-primary login-button" data-astro-cid-3ef6ksr2> Iniciar sesión </a> </div> </nav> </div> </header> <!-- GhibliIA Global Styles - Studio Ghibli Aesthetic -->
55<script> 56console.log('[Header Script] èæ¬å¼å§æ§è¡ - inline version'); 57 58// çå¬ç§¯åæ´æ°äºä»¶ 59window.addEventListener('creditsUpdated', (event) => { 60 const customEvent = event; 61 if (customEvent.detail && typeof customEvent.detail.credits === 'number') { 62 const newCredits = customEvent.detail.credits.toString(); 63 64 // æ´æ°ç§¯åæé®æ¾ç¤º 65 const creditsButton = document.querySelector('.credits-display span'); 66 if (creditsButton) { 67 creditsButton.textContent = newCredits; 68 } 69 70 // æ´æ°ç§¯å䏿èåä¸çç§¯åæ¾ç¤º 71 const creditsAmountDisplay = document.getElementById('credits-amount-display'); 72 if (creditsAmountDisplay) { 73 creditsAmountDisplay.textContent = newCredits; 74 } 75 76 // æ´æ°ç¨æ·å¤´å䏿èåä¸çç§¯åæ¾ç¤º 77 const userCreditsValue = document.querySelector('.user-avatar-wrapper .credits-value'); 78 if (userCreditsValue) { 79 userCreditsValue.textContent = newCredits; 80 } 81 } 82}); 83 84// çå¬ç¨æ·ç»å½æåäºä»¶ï¼One Tap ç»å½ï¼ 85window.addEventListener('userLoggedIn', async (event) => { 86 const customEvent = event; 87 const user = customEvent.detail?.user; 88 console.log('[Header] User logged in event received:', user); 89 90 if (!user) { 91 console.error('[Header] No user data in login event'); 92 // ä¸å·æ°é¡µé¢ï¼åªæ¾ç¤ºéè¯¯ä¿¡æ¯ 93 console.error('[Header] Login event missing user data, but page will not reload'); 94 return; 95 } 96 97 // æ å·æ°æ´æ°é¡µé¢ï¼å¨ææ¿æ¢ç»å½æé®ä¸ºç¨æ·ä¿¡æ¯ 98 const navActions = document.querySelector('.nav-actions'); 99 if (!navActions) { 100 console.error('[Header] Nav actions container not found'); 101 // ä¸å·æ°é¡µé¢ï¼åªæ¾ç¤ºéè¯¯ä¿¡æ¯ 102 console.error('[Header] Nav actions not found, but page will not reload'); 103 return; 104 } 105 106 // ç§»é¤ç»å½æé®ï¼ä¿çè¯è¨åæ¢æé®ï¼ 107 const loginButton = navActions.querySelector('.login-button'); 108 if (loginButton) { 109 loginButton.remove(); 110 } 111 112 // åå»ºç§¯åæ¾ç¤º 113 const creditsWrapper = document.createElement('div'); 114 creditsWrapper.className = 'credits-wrapper'; 115 creditsWrapper.innerHTML = ` 116 <button class="credits-display" id="credits-btn" aria-label="Credits menu"> 117 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="credits-icon"> 118 <circle cx="8" cy="8" r="6"></circle> 119 <path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path> 120 <path d="M7 6h1v4"></path> 121 <path d="m16.71 13.88.7.71-2.82 2.82"></path> 122 </svg> 123 <span>${user.credits}</span> 124 </button> 125 <div class="credits-dropdown-menu" id="credits-dropdown"> 126 <div class="credits-modal-header"> 127 <div class="credits-modal-title"> 128 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="credits-title-icon"> 129 <circle cx="8" cy="8" r="6"></circle> 130 <path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path> 131 <path d="M7 6h1v4"></path> 132 <path d="m16.71 13.88.7.71-2.82 2.82"></path> 133 </svg> 134 <span>Credits</span> 135 </div> 136 </div> 137 <div class="credits-amount-section"> 138 <div class="credits-amount" id="credits-amount-display">${user.credits}</div> 139 <div class="credits-label">Available Credits</div> 140 </div> 141 <div class="credits-actions"> 142 <a href="/dashboard" class="credits-action-btn credits-btn-secondary"> 143 <svg class="btn-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> 144 <path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" /> 145 </svg> 146 <span>Dashboard</span> 147 </a> 148 <a href="/pricing" class="credits-action-btn credits-btn-primary"> 149 <svg class="btn-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> 150 <path d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z" /> 151 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z" clip-rule="evenodd" /> 152 </svg>
153 <span>Get More Credits</span> 154 </a> 155 </div> 156 </div> 157 `; 158 159 // åå»ºç¨æ·å¤´å 160 const initial = user.name ? user.name.charAt(0).toUpperCase() : user.email ? user.email.charAt(0).toUpperCase() : 'U'; 161 const avatarWrapper = document.createElement('div'); 162 avatarWrapper.className = 'user-avatar-wrapper'; 163 avatarWrapper.innerHTML = ` 164 <button class="avatar-button" id="user-avatar-btn" aria-label="User menu"> 165 ${user.avatar 166 ? `<div class="avatar-image" style="background-image: url('${user.avatar}')" role="img" aria-label="${user.name || 'User'}"></div>` 167 : `<div class="avatar-placeholder">${initial}</div>` 168} 169 </button> 170 <div class="dropdown-menu" id="user-dropdown"> 171 <div class="dropdown-header"> 172 <div class="user-info"> 173 <p class="user-name">${user.name || 'User'}</p> 174 <p class="user-email">${user.email}</p> 175 </div> 176 <div class="user-credits"> 177 <span class="credits-label">Credits:</span> 178 <span class="credits-value">${user.credits}</span> 179 </div> 180 </div> 181 <nav class="dropdown-nav"> 182 <button class="dropdown-item logout-button" id="logout-btn"> 183 <svg class="item-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> 184 <path fill-rule="evenodd" d="M3 3a1 1 0 00-1 1v12a1 1 0 102 0V4a1 1 0 00-1-1zm10.293 9.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L14.586 9H7a1 1 0 100 2h7.586l-1.293 1.293z" clip-rule="evenodd" /> 185 </svg> 186 <span>Logout</span> 187 </button> 188 </nav> 189 </div> 190 `; 191 192 // æå ¥æ°å ç´ ï¼ä¿æè¯è¨åæ¢æé®å¨æåé¢ï¼ 193 // è·åè¯è¨åæ¢æé®å ç´ 194 const languageToggle = navActions.querySelector('.language-toggle'); 195 196 if (languageToggle) { 197 // 妿åå¨è¯è¨åæ¢æé®ï¼å°ç§¯åæ¾ç¤ºæå ¥å°å ¶åé¢ 198 languageToggle.insertAdjacentElement('afterend', creditsWrapper); 199 } else { 200 // 妿ä¸åå¨è¯è¨åæ¢æé®ï¼ååå ¼å®¹ï¼ï¼æå ¥å°æåé¢ 201 navActions.insertBefore(creditsWrapper, navActions.firstChild); 202 } 203 204 // ç¨æ·å¤´åæ·»å å°æå 205 navActions.appendChild(avatarWrapper); 206 207 // éæ°ç»å®äºä»¶çå¬å¨ 208 setupCreditsDropdown(); 209 setupUserDropdown(); 210 211 console.log('[Header] User interface updated successfully'); 212}); 213 214// 设置积å䏿èåäºä»¶çå¬ 215function setupCreditsDropdown() { 216 const creditsButton = document.getElementById('credits-btn'); 217 const creditsDropdown = document.getElementById('credits-dropdown'); 218 219 // è°è¯æ¥å¿ 220 console.log('[Credits Dropdown] Setup - Button:', !!creditsButton, 'Dropdown:', !!creditsDropdown); 221 222 if (!creditsButton || !creditsDropdown) { 223 console.warn('[Credits Dropdown] å ç´ æªæ¾å°ï¼è·³è¿äºä»¶ç»å®'); 224 return; 225 } 226 227 // åæ¢ç§¯å䏿èå 228 creditsButton.addEventListener('click', (e) => { 229 e.stopPropagation(); 230 e.preventDefault(); 231 232 const isActive = creditsDropdown.classList.contains('active'); 233 console.log('[Credits Dropdown] ç¹å»æé®ï¼å½åç¶æ:', isActive ? 'active' : 'inactive'); 234 235 // å¦æè¦æå¼ç§¯åèåï¼å å ³éç¨æ·èå 236 if (!isActive) { 237 window.dispatchEvent(new CustomEvent('close-user-dropdown')); 238 } 239 240 creditsDropdown.classList.toggle('active'); 241 console.log('[Credits Dropdown] 忢åç¶æ:', creditsDropdown.classList.contains('active') ? 'active' : 'inactive'); 242 }); 243 244 console.log('[Credits Dropdown] äºä»¶çå¬å¨ç»å®æå'); 245} 246 247// è®¾ç½®ç¨æ·ä¸æèåäºä»¶çå¬ 248function setupUserDropdown() { 249 const avatarButton = document.getElementById('user-avatar-btn'); 250 const dropdown = document.getElementById('user-dropdown'); 251 const logoutButton = document.getElementById('logout-btn'); 252 253 // è°è¯æ¥å¿ 254 console.log('[User Dropdown] Setup - Avatar:', !!avatarButton, 'Dropdown:', !!dropdown, 'Logout:', !!logoutButton); 255 256 if (!avatarButton || !dropdown) { 257 console.warn('[User Dropdown] å ç´ æªæ¾å°ï¼è·³è¿äºä»¶ç»å®'); 258 return; 259 } 260 261 // 忢䏿èå 262 avatarButton.addEventListener('click', (e) => { 263 e.stopPropagation(); 264 e.preventDefault(); 265 266 const isActive = dropdown.classList.contains('active'); 267 console.log('[User Dropdown] ç¹å»å¤´åï¼å½åç¶æ:', isActive ? 'active' : 'inactive'); 268 269 // å¦æè¦æå¼ç¨æ·èåï¼å å ³é积åèå 270 if (!isActive) { 271 window.dispatchEvent(new CustomEvent('close-credits-dropdown')); 272 } 273 274 dropdown.classList.toggle('active'); 275 console.log('[User Dropdown] 忢åç¶æ:', dropdown.classList.contains('active') ? 'active' : 'inactive'); 276 }); 277 278 // éåºç»å½ 279 logoutButton?.addEventListener('click', async (e) => { 280 e.preventDefault(); 281 282 try { 283 // è·åå½åè¯è¨æ è¯ 284 const currentPath = window.location.pathname; 285 const pathSegments = currentPath.replace(/^\//, '').split('/'); 286 const supportedLocales = ['en', 'zh-tw']; 287 const currentLocale = supportedLocales.includes(pathSegments[0]) ? pathSegments[0] : 'en'; 288 289 // æé 带è¯è¨æ è¯ç主页URL 290 const homeUrl = currentLocale === 'en' ? '/' : `/${currentLocale}`; 291 292 const response = await fetch('/api/auth/logout', { 293 method: 'POST', 294 credentials: 'include', 295 redirect: 'manual', 296 }); 297 298 if (response.ok || response.status === 302 || response.type === 'opaqueredirect') {
299 if ('caches' in window) { 300 caches.keys().then(names => { 301 names.forEach(name => caches.delete(name)); 302 }); 303 } 304 window.location.href = homeUrl; 305 } else { 306 console.error('Logout failed with status:', response.status); 307 window.location.href = homeUrl; 308 } 309 } catch (error) { 310 console.error('Logout error:', error); 311 // å³ä½¿åçé误ä¹è¦éå®åå°æ£ç¡®çè¯è¨ä¸»é¡µ 312 const currentPath = window.location.pathname; 313 const pathSegments = currentPath.replace(/^\//, '').split('/'); 314 const supportedLocales = ['en', 'zh-tw']; 315 const currentLocale = supportedLocales.includes(pathSegments[0]) ? pathSegments[0] : 'en'; 316 const homeUrl = currentLocale === 'en' ? '/' : `/${currentLocale}`; 317 window.location.href = homeUrl; 318 } 319 }); 320} 321 322// å ¨å±äºä»¶çå¬ 323document.addEventListener('DOMContentLoaded', () => { 324 console.log('[Header] DOMContentLoaded - å¼å§åå§å䏿èå'); 325 326 // åå§åå·²åå¨ç䏿èå 327 setupCreditsDropdown(); 328 setupUserDropdown(); 329 330 // çå¬å ³é积å䏿èåçäºä»¶ï¼ç±ç¨æ·å¤´å触åï¼ 331 window.addEventListener('close-credits-dropdown', () => { 332 console.log('[Credits Dropdown] æ¶å°å ³éäºä»¶'); 333 const creditsDropdown = document.getElementById('credits-dropdown'); 334 if (creditsDropdown) { 335 creditsDropdown.classList.remove('active'); 336 } 337 }); 338 339 // çå¬å ³éç¨æ·ä¸æèåçäºä»¶ï¼ç±ç§¯åæé®è§¦åï¼ 340 window.addEventListener('close-user-dropdown', () => { 341 console.log('[User Dropdown] æ¶å°å ³éäºä»¶'); 342 const dropdown = document.getElementById('user-dropdown'); 343 if (dropdown) { 344 dropdown.classList.remove('active'); 345 } 346 }); 347 348 // ç¹å»é¡µé¢å ¶ä»å°æ¹å ³é䏿èå 349 document.addEventListener('click', (e) => { 350 const target = e.target; 351 352 // æ£æ¥æ¯å¦ç¹å»äºç§¯ååºåå¤ 353 if (!target.closest('.credits-wrapper')) { 354 const creditsDropdown = document.getElementById('credits-dropdown'); 355 if (creditsDropdown && creditsDropdown.classList.contains('active')) { 356 console.log('[Credits Dropdown] ç¹å»å¤é¨åºåï¼å ³é䏿èå'); 357 creditsDropdown.classList.remove('active'); 358 } 359 } 360 361 // æ£æ¥æ¯å¦ç¹å»äºç¨æ·å¤´ååºåå¤ 362 if (!target.closest('.user-avatar-wrapper')) { 363 const dropdown = document.getElementById('user-dropdown'); 364 if (dropdown && dropdown.classList.contains('active')) { 365 console.log('[User Dropdown] ç¹å»å¤é¨åºåï¼å ³é䏿èå'); 366 dropdown.classList.remove('active'); 367 } 368 } 369 }); 370 371 console.log('[Header] 䏿èååå§å宿'); 372}); 373</script>
373
373<script type="module" src="/_astro/Header.astro_astro_type_script_index_0_lang.C7t6yuCg.js"></script>
373 <!-- ç§»å¨ç«¯é®ç½©å± --><div class="sidebar-overlay" id="sidebar-overlay" data-astro-cid-ssfzsv2f></div> <!-- ä¾§è¾¹æ å®¹å¨ --> <aside class="sidebar" id="sidebar" aria-label="Main navigation sidebar" data-astro-cid-ssfzsv2f> <!-- ç§»å¨ç«¯å¤´é¨ --> <div class="sidebar-mobile-header" data-astro-cid-ssfzsv2f> <button class="sidebar-close-button" id="sidebar-close" aria-label="Close sidebar" data-astro-cid-ssfzsv2f> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="close-icon" data-astro-cid-ssfzsv2f> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" data-astro-cid-ssfzsv2f></path> </svg> </button> </div> <!-- ä¾§è¾¹æ å¯¼èª --> <nav class="sidebar-nav" data-astro-cid-ssfzsv2f> <div class="nav-section" style="--section-index: 0" data-astro-cid-ssfzsv2f> <ul class="nav-links" data-astro-cid-ssfzsv2f> <li class="nav-item" style="--item-index: 0" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/" class="nav-link" title="Inicio" data-tooltip="Inicio" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><path d="M3 10L10 3L17 10V17H13V13H7V17H3V10Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Inicio</span> </div> </a> </li><li class="nav-item" style="--item-index: 1" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/image/explore" class="nav-link" title="Explorar" data-tooltip="Explorar" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><circle cx="10" cy="10" r="7" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M10 3V5M17 10H15M10 17V15M3 10H5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M12 8L8 12L12 8Z" fill="currentColor"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Explorar</span> </div> </a> </li><li class="nav-item" style="--item-index: 2" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/effects" class="nav-link" title="Efectos" data-tooltip="Efectos" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><path d="M3 17L17 3M17 3L15 7L17 3ZM17 3L13 5L17 3Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 5V7M5 6H7M13 13V15M13 14H15M9 9V11M9 10H11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Efectos</span> </div> </a> </li><li class="nav-item" style="--item-index: 3" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/templates" class="nav-link" title="Templates" data-tooltip="Templates" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><rect x="3" y="3" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5" fill="none"/><rect x="11" y="3" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5" fill="none"/><rect x="3" y="11" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5" fill="none"/><rect x="11" y="11" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Templates</span> </div> </a> </li><li class="nav-item" style="--item-index: 4" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/agent" class="nav-link" title="Modo Agente" data-tooltip="Modo Agente" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><rect x="4" y="7" width="12" height="9" rx="2" stroke="currentColor" stroke-width="1.5" fill="none"/><circle cx="8" cy="11" r="1" fill="currentColor"/><circle cx="12" cy="11" r="1" fill="currentColor"/><path d="M8 14H12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
373<path d="M10 7V4M10 4L8 6M10 4L12 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Modo Agente</span> </div> </a> </li> </ul> <div class="nav-divider" data-astro-cid-ssfzsv2f></div> </div><div class="nav-section" style="--section-index: 1" data-astro-cid-ssfzsv2f> <div class="nav-section-header" data-astro-cid-ssfzsv2f> <span class="nav-section-title" data-astro-cid-ssfzsv2f>Generaciones IA</span> </div> <ul class="nav-links" data-astro-cid-ssfzsv2f> <li class="nav-item" style="--item-index: 0" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/video" class="nav-link" title="Generador de Video IA" data-tooltip="Generador de Video IA" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><rect x="2" y="5" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M14 8L18 6V14L14 12V8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" fill="none"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Generador de Video IA</span> </div> </a> </li><li class="nav-item" style="--item-index: 1" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/image" class="nav-link" title="Generador de Imagen IA" data-tooltip="Generador de Imagen IA" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><rect x="3" y="3" width="14" height="14" rx="2" stroke="currentColor" stroke-width="1.5" fill="none"/><circle cx="7.5" cy="7.5" r="1.5" fill="currentColor"/><path d="M17 13L13 9L8 14L5 11L3 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Generador de Imagen IA</span> </div> </a> </li><li class="nav-item" style="--item-index: 2" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/music" class="nav-link has-badge" title="Generador de Música IA" data-tooltip="Generador de Música IA" data-badge-text="NUEVO" data-badge-variant="new" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><path d="M8 15V5L16 3V13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/><circle cx="6" cy="15" r="2" stroke="currentColor" stroke-width="1.5" fill="none"/><circle cx="14" cy="13" r="2" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Generador de Música IA</span> <span class="nav-badge badge-new" data-astro-cid-ssfzsv2f> NUEVO </span> </div> </a> </li> </ul> <div class="nav-divider" data-astro-cid-ssfzsv2f></div> </div><div class="nav-section" style="--section-index: 2" data-astro-cid-ssfzsv2f> <div class="nav-section-header" data-astro-cid-ssfzsv2f> <span class="nav-section-title" data-astro-cid-ssfzsv2f>Modelos</span> <button class="nav-section-toggle" aria-label="Toggle section" data-astro-cid-ssfzsv2f> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="toggle-icon" data-astro-cid-ssfzsv2f> <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" data-astro-cid-ssfzsv2f></path> </svg> </button> </div> <ul class="nav-links" data-astro-cid-ssfzsv2f> <li class="nav-item" style="--item-index: 0" data-show-when-collapsed="true" data-always-visible="true" data-astro-cid-ssfzsv2f> <a href="/image/nano-banana" class="nav-link has-badge" title="Nano Banana" data-tooltip="Nano Banana" data-badge-text="POPULAR" data-badge-variant="hot" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><rect x="4" y="6" width="12" height="8" rx="4" stroke="currentColor" stroke-width="1.5" fill="none"/><circle cx="8" cy="10" r="1" fill="currentColor"/><circle cx="12" cy="10" r="1" fill="currentColor"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Nano Banana</span> <span class="nav-badge badge-hot" data-astro-cid-ssfzsv2f> POPULAR </span> </div> </a> </li><li class="nav-item" style="--item-index: 1" data-show-when-collapsed="true" data-always-visible="true" data-astro-cid-ssfzsv2f> <a href="/image/nano-banana-pro" class="nav-link has-badge" title="Nano Banana Pro" data-tooltip="Nano Banana Pro" data-badge-text="NUEVO" data-badge-variant="gradient" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><rect x="4" y="6" width="12" height="8" rx="4" stroke="currentColor" stroke-width="1.5" fill="none"/><circle cx="8" cy="10" r="1" fill="currentColor"/><circle cx="12" cy="10" r="1" fill="currentColor"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Nano Banana Pro</span> <span class="nav-badge badge-gradient" data-astro-cid-ssfzsv2f> NUEVO </span> </div> </a> </li><li class="nav-item" style="--item-index: 2" data-show-when-collapsed="true" data-always-visible="true" data-astro-cid-ssfzsv2f> <a href="/video/sora2" class="nav-link has-badge" title="Sora 2" data-tooltip="Sora 2" data-badge-text="POPULAR" data-badge-variant="hot" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><circle cx="10" cy="10" r="7" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M10 6V10L13 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Sora 2</span> <span class="nav-badge badge-hot" data-astro-cid-ssfzsv2f> POPULAR </span> </div> </a> </li><li class="nav-item" style="--item-index: 3" data-show-when-collapsed="true" data-always-visible="true" data-astro-cid-ssfzsv2f> <a href="/video/veo-3-1" class="nav-link has-badge" title="Veo 3.1" data-tooltip="Veo 3.1" data-badge-text="NUEVO" data-badge-variant="gradient" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><path d="M3 6L10 3L17 6V14L10 17L3 14V6Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" fill="none"/><path d="M10 10L10 17M3 6L10 10M17 6L10 10" stroke="currentColor" stroke-width="1.5"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Veo 3.1</span> <span class="nav-badge badge-gradient" data-astro-cid-ssfzsv2f> NUEVO </span> </div> </a> </li><li class="nav-item" style="--item-index: 4" data-show-when-collapsed="true" data-always-visible="true" data-astro-cid-ssfzsv2f> <a href="/video/mindvideo" class="nav-link" title="MindVideo AI" data-tooltip="MindVideo AI" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><rect x="2" y="5" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M14 8L18 6V14L14 12V8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" fill="none"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>MindVideo AI</span> </div> </a> </li><li class="nav-item" style="--item-index: 5" data-show-when-collapsed="true" data-always-visible="true" data-astro-cid-ssfzsv2f> <a href="/image/gpt-4o-image" class="nav-link" title="GPT-4o Imagen" data-tooltip="GPT-4o Imagen" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><rect x="3" y="3" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M7 7H13M7 10H11M7 13H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>GPT-4o Imagen</span> </div> </a> </li><li class="nav-item" style="--item-index: 6" data-show-when-collapsed="true" data-always-visible="true" data-astro-cid-ssfzsv2f> <a href="/image/seedream-v4" class="nav-link" title="Seedream V4" data-tooltip="Seedream V4" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><circle cx="10" cy="8" r="2" stroke="currentColor" stroke-width="1.5" fill="none"/>
373<path d="M10 10C7 10 4 12 4 15V17H16V15C16 12 13 10 10 10Z" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Seedream V4</span> </div> </a> </li><li class="nav-item" style="--item-index: 7" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/video/seedance-v1-lite" class="nav-link" title="Seedance v1 Lite" data-tooltip="Seedance v1 Lite" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><path d="M5 10L10 5L15 10L10 15L5 10Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" fill="none"/><circle cx="10" cy="10" r="2" fill="currentColor"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Seedance v1 Lite</span> </div> </a> </li><li class="nav-item" style="--item-index: 8" data-show-when-collapsed="false" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/image/flux-kontext" class="nav-link" title="Editor Flux Kontext" data-tooltip="Editor Flux Kontext" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><rect x="4" y="4" width="12" height="12" rx="2" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M8 8L12 12M12 8L8 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Editor Flux Kontext</span> </div> </a> </li> </ul> <div class="nav-divider" data-astro-cid-ssfzsv2f></div> </div><div class="nav-section" style="--section-index: 3" data-astro-cid-ssfzsv2f> <ul class="nav-links" data-astro-cid-ssfzsv2f> <li class="nav-item" style="--item-index: 0" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/pricing" class="nav-link active has-badge" title="Actualizar Plan" data-tooltip="Actualizar Plan" data-badge-text="15% DESC" data-badge-variant="discount" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><path d="M6 3L10 10L4 17L10 10L16 17L10 10L14 3L10 10L6 3Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" fill="none"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Actualizar Plan</span> <span class="nav-badge badge-discount" data-astro-cid-ssfzsv2f> 15% DESC </span> </div> </a> </li><li class="nav-item" style="--item-index: 1" data-show-when-collapsed="true" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="/blog" class="nav-link" title="Blog" data-tooltip="Blog" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><rect x="4" y="3" width="12" height="14" rx="1" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M7 7H13M7 10H13M7 13H10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Blog</span> </div> </a> </li><li class="nav-item" style="--item-index: 2" data-show-when-collapsed="false" data-always-visible="false" data-astro-cid-ssfzsv2f> <a href="#whats-new" class="nav-link" title="Novedades" data-tooltip="Novedades" data-astro-cid-ssfzsv2f> <span class="nav-icon" data-astro-cid-ssfzsv2f> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-ssfzsv2f><path d="M12 2L14 8H18L14 11L16 17L12 14L8 17L10 11L6 8H10L12 2Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" fill="none"/></svg> </span> <div class="nav-link-content" data-astro-cid-ssfzsv2f> <span class="nav-link-text" data-astro-cid-ssfzsv2f>Novedades</span> </div> </a> </li> </ul> <div class="nav-divider" data-astro-cid-ssfzsv2f></div> </div> </nav> <!-- è£
饰æ§åºé¨å
ç´ --> <div class="sidebar-footer" data-astro-cid-ssfzsv2f> <div class="footer-decoration" data-astro-cid-ssfzsv2f>
373 <svg class="sparkle-decoration" width="16" height="16" viewBox="0 0 16 16" fill="none" data-astro-cid-ssfzsv2f> <path d="M8 0L9 7L16 8L9 9L8 16L7 9L0 8L7 7L8 0Z" fill="currentColor" data-astro-cid-ssfzsv2f></path> </svg> </div> </div> </aside>
373<script type="module">const t=document.getElementById("sidebar"),r=document.getElementById("sidebar-toggle"),w=document.getElementById("sidebar-close"),l=document.getElementById("sidebar-overlay");function v(){if(window.innerWidth>=1280){const s=t?.classList.contains("collapsed")?"4.5rem":"18rem";document.documentElement.style.setProperty("--sidebar-width",s)}else document.documentElement.style.setProperty("--sidebar-width","0")}if(window.innerWidth>=1280){const e=localStorage.getItem("sidebar-collapsed"),s=window.location.pathname,o=s==="/"||s.match(/^\/(en|zh-tw|de|fr|es|ja|ko|pt|ru|ar|hi)\/$/);e!==null?e==="true"&&(t?.classList.add("collapsed"),r?.classList.add("collapsed")):o&&(t?.classList.add("collapsed"),r?.classList.add("collapsed"))}r?.addEventListener("click",()=>{if(window.innerWidth>=1280){t?.classList.toggle("collapsed"),r?.classList.toggle("collapsed");const e=t?.classList.contains("collapsed");localStorage.setItem("sidebar-collapsed",String(e)),v()}else t?.classList.toggle("open"),l?.classList.toggle("active"),t?.classList.contains("open")?document.body.style.overflow="hidden":document.body.style.overflow=""});w?.addEventListener("click",()=>{t?.classList.remove("open"),l?.classList.remove("active"),document.body.style.overflow=""});l?.addEventListener("click",()=>{t?.classList.remove("open"),l?.classList.remove("active"),document.body.style.overflow=""});let m;window.addEventListener("resize",()=>{clearTimeout(m),m=window.setTimeout(()=>{window.innerWidth>=1280?(t?.classList.remove("open"),l?.classList.remove("active"),document.body.style.overflow="",v()):(t?.classList.remove("collapsed"),document.documentElement.style.setProperty("--sidebar-width","0"))},250)});t?.addEventListener("click",e=>{e.target===t&&window.innerWidth<1280&&(t.classList.remove("open"),l?.classList.remove("active"),document.body.style.overflow="")});t?.addEventListener("wheel",e=>{if(!t)return;const{scrollTop:s,scrollHeight:o,clientHeight:i}=t,n=s===0,c=s+i>=o;(n&&e.deltaY<0||c&&e.deltaY>0)&&e.preventDefault()},{passive:!1});let p=0;t?.addEventListener("touchstart",e=>{p=e.touches[0].clientY},{passive:!0});t?.addEventListener("touchmove",e=>{if(!t)return;const{scrollTop:s,scrollHeight:o,clientHeight:i}=t,n=e.touches[0].clientY,c=p-n,a=s===0,d=s+i>=o;(a&&c<0||d&&c>0)&&e.preventDefault()},{passive:!1});const u=document.querySelectorAll(".nav-section-toggle");u.forEach((e,s)=>{const o=e.closest(".nav-section"),i=o?.querySelector(".nav-links"),n=e.querySelector(".toggle-icon"),a=`sidebar-section-${(o?.querySelector(".nav-section-title")?.textContent?.trim()||`section-${s}`).toLowerCase().replace(/\s+/g,"-")}`;i&&(localStorage.getItem(a)==="expanded"?(i.classList.remove("preview-mode"),n?.classList.add("rotated")):(i.classList.add("preview-mode"),n?.classList.remove("rotated"))),e.addEventListener("click",()=>{const d=i?.classList.toggle("preview-mode");n?.classList.toggle("rotated"),d===!1?localStorage.setItem(a,"expanded"):localStorage.setItem(a,"collapsed")})});document.addEventListener("click",e=>{e.target.closest('a[href="#whats-new"]')&&(e.preventDefault(),window.dispatchEvent(new CustomEvent("open-whats-new-modal")),window.innerWidth<1280&&(t?.classList.remove("open"),l?.classList.remove("active"),document.body.style.overflow=""))});window.openSidebar=()=>{window.innerWidth<1280&&(t?.classList.add("open"),l?.classList.add("active"),document.body.style.overflow="hidden")};</script>
373 <main class="main-content">
373<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https://ghibliia.com/"},{"@type":"ListItem","position":2,"name":"Precios de GhibliIA - Planes del Generador de Arte IA de Studio Ghibli","item":"https://ghibliia.com/pricing"}]}</script>
373<nav class="breadcrumb-nav" aria-label="Ruta de navegación" data-astro-cid-qaanghzh><div class="breadcrumb-container" data-astro-cid-qaanghzh><ol role="list" class="breadcrumb-list" data-astro-cid-qaanghzh><li class="breadcrumb-item" style="--item-index: 0" data-astro-cid-qaanghzh><div class="breadcrumb-content " data-astro-cid-qaanghzh><a href="/" class="breadcrumb-link" data-astro-cid-qaanghzh><svg class="breadcrumb-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-qaanghzh><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" data-astro-cid-qaanghzh></path><polyline points="9 22 9 12 15 12 15 22" data-astro-cid-qaanghzh></polyline></svg><span class="breadcrumb-label" data-astro-cid-qaanghzh>Inicio</span></a></div></li><li class="breadcrumb-item" style="--item-index: 1" data-astro-cid-qaanghzh><span class="breadcrumb-separator" aria-hidden="true" data-astro-cid-qaanghzh><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-qaanghzh><polyline points="9 18 15 12 9 6" data-astro-cid-qaanghzh></polyline></svg></span><div class="breadcrumb-content current" data-astro-cid-qaanghzh><span class="breadcrumb-text current" aria-current="page" data-astro-cid-qaanghzh><span class="breadcrumb-label" data-astro-cid-qaanghzh>Precios de GhibliIA - Planes del Generador de Arte IA de Studio Ghibli</span></span></div></li></ol></div></nav> <div class="pricing-page" data-astro-cid-lmkygsfs> <!-- Elementos decorativos de fondo --> <div class="page-decoration page-decoration-1" data-astro-cid-lmkygsfs> <svg class="decoration-sparkle" width="80" height="80" viewBox="0 0 80 80" fill="none" data-astro-cid-lmkygsfs> <path d="M40 0L45 35L80 40L45 45L40 80L35 45L0 40L35 35L40 0Z" fill="currentColor" data-astro-cid-lmkygsfs></path> </svg> </div> <div class="page-decoration page-decoration-2" data-astro-cid-lmkygsfs>
373 <svg class="decoration-sparkle" width="60" height="60" viewBox="0 0 60 60" fill="none" data-astro-cid-lmkygsfs> <path d="M30 0L33 27L60 30L33 33L30 60L27 33L0 30L27 27L30 0Z" fill="currentColor" data-astro-cid-lmkygsfs></path> </svg> </div> <!-- Sección Hero --> <section class="pricing-hero" data-astro-cid-lmkygsfs> <div class="container" data-astro-cid-lmkygsfs> <div class="hero-content" data-astro-cid-lmkygsfs> <h1 data-astro-cid-lmkygsfs>Precios <span class="title-highlight" data-astro-cid-lmkygsfs>GhibliIA</span> Simples y Transparentes</h1> <p class="hero-subtitle" data-astro-cid-lmkygsfs> 374Elige el plan perfecto para tus necesidades de creación de arte IA estilo Studio Ghibli. 375 Todos los planes de GhibliIA incluyen acceso a <a href="/image" class="inline-link" data-astro-cid-lmkygsfs>generación de imágenes IA Ghibli</a>, 376 herramientas de creación de videos Ghibli y funciones avanzadas de personalización. 377 Tus créditos nunca expiran mientras tu suscripción esté activa, asà que puedes crear obras de arte auténticas de Ghibli a tu propio ritmo. 378</p> <div class="hero-badges" data-astro-cid-lmkygsfs> <div class="badge-item" data-astro-cid-lmkygsfs> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-lmkygsfs> <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" data-astro-cid-lmkygsfs></path> </svg> <span data-astro-cid-lmkygsfs>Pago Seguro</span> </div> <div class="badge-item" data-astro-cid-lmkygsfs> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-lmkygsfs> <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" data-astro-cid-lmkygsfs></path> <polyline points="22 4 12 14.01 9 11.01" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Los Créditos Nunca Expiran</span> </div> <div class="badge-item" data-astro-cid-lmkygsfs> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-lmkygsfs> <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" data-astro-cid-lmkygsfs></path> <circle cx="9" cy="7" r="4" data-astro-cid-lmkygsfs></circle> <path d="M22 21v-2a4 4 0 0 0-3-3.87" data-astro-cid-lmkygsfs></path> <path d="M16 3.13a4 4 0 0 1 0 7.75" data-astro-cid-lmkygsfs></path> </svg> <span data-astro-cid-lmkygsfs>Cancela en Cualquier Momento</span> </div> </div> </div> </div> </section> <!-- Planes de Precios --> <section class="plans-section" data-astro-cid-lmkygsfs> <div class="container-wide" data-astro-cid-lmkygsfs> <div class="plans-grid" data-astro-cid-lmkygsfs> <div class="plan-card " style="--plan-index: 0" data-astro-cid-lmkygsfs> <div class="plan-header" data-astro-cid-lmkygsfs> <h3 class="plan-name" data-astro-cid-lmkygsfs>Inicial</h3> <div class="plan-price-panel" data-astro-cid-lmkygsfs> <div class="original-price" data-astro-cid-lmkygsfs>$14.90</div> <div class="savings-badge" data-astro-cid-lmkygsfs> <span class="savings-icon" data-astro-cid-lmkygsfs>ð°</span> <span data-astro-cid-lmkygsfs>Ahorra $5.00</span> </div> <div class="plan-price" data-astro-cid-lmkygsfs> <span class="currency" data-astro-cid-lmkygsfs>$</span> <span class="amount" data-astro-cid-lmkygsfs>9.90</span> </div> <div class="price-divider" data-astro-cid-lmkygsfs></div> </div> <div class="plan-credits" data-astro-cid-lmkygsfs>250 Créditos</div> </div> <ul class="plan-features" data-astro-cid-lmkygsfs> <li style="--feature-index: 0" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>250 créditos GhibliIA incluidos</span> </li><li style="--feature-index: 1" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Acceso al generador de imágenes AI Ghibli</span> </li><li style="--feature-index: 2" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Herramientas de creación de video Ghibli</span> </li><li style="--feature-index: 3" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Texto a imagen estilo Ghibli</span> </li><li style="--feature-index: 4" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Animación de imagen a video</span> </li><li style="--feature-index: 5" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Más de 50 plantillas Ghibli</span> </li><li style="--feature-index: 6" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>
378Salida de calidad estándar</span> </li><li style="--feature-index: 7" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Los créditos nunca expiran con plan activo</span> </li><li style="--feature-index: 8" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Soporte por correo electrónico para GhibliIA</span> </li> </ul> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
378<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();</script>
378<script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
378<astro-island uid="Z1t61Vq" prefix="r3" component-url="/_astro/PricingButton.CcSEg2JQ.js" component-export="default" renderer-url="/_astro/client.Bv1kQOvy.js" props="{"planName":[0,"Inicial"],"price":[0,9.9],"credits":[0,250],"pricingId":[0,1],"ctaText":[0,"Empezar a Crear"],"isPrimary":[0],"data-astro-cid-lmkygsfs":[0,true]}" ssr client="load" opts="{"name":"PricingButton","value":true}" await-children><div class="pricing-button-wrapper"><button class="btn btn-outline " aria-label="Purchase Inicial plan for $9.9">Empezar a Crear</button></div><!--astro:end--></astro-island> </div><div class="plan-card popular" style="--plan-index: 1" data-astro-cid-lmkygsfs> <div class="plan-badge" data-astro-cid-lmkygsfs> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-lmkygsfs> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" data-astro-cid-lmkygsfs></polygon> </svg> Más Popular </div> <div class="plan-header" data-astro-cid-lmkygsfs> <h3 class="plan-name" data-astro-cid-lmkygsfs>Pro</h3> <div class="plan-price-panel" data-astro-cid-lmkygsfs> <div class="original-price" data-astro-cid-lmkygsfs>$39.90</div> <div class="savings-badge" data-astro-cid-lmkygsfs> <span class="savings-icon" data-astro-cid-lmkygsfs>ð°</span> <span data-astro-cid-lmkygsfs>Ahorra $10.00</span> </div> <div class="plan-price" data-astro-cid-lmkygsfs> <span class="currency" data-astro-cid-lmkygsfs>$</span> <span class="amount" data-astro-cid-lmkygsfs>29.90</span> </div> <div class="price-divider" data-astro-cid-lmkygsfs></div> </div> <div class="plan-credits" data-astro-cid-lmkygsfs>1,000 Créditos</div> </div> <ul class="plan-features" data-astro-cid-lmkygsfs> <li style="--feature-index: 0" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>1000 créditos GhibliIA</span> </li><li style="--feature-index: 1" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Todo lo de Inicial</span> </li><li style="--feature-index: 2" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Cola de procesamiento prioritaria</span> </li><li style="--feature-index: 3" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Arte Ghibli en calidad HD (1080p)</span> </li><li style="--feature-index: 4" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Personalización avanzada de AI Ghibli</span> </li><li style="--feature-index: 5" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Soporte de generación por lotes</span> </li><li style="--feature-index: 6" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Acceso API para GhibliIA</span> </li><li style="--feature-index: 7" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Soporte por correo prioritario</span> </li><li style="--feature-index: 8" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Acceso anticipado a nuevas funciones Ghibli</span> </li> </ul> <astro-island uid="1uwmJW" prefix="r4" component-url="/_astro/PricingButton.CcSEg2JQ.js" component-export="default" renderer-url="/_astro/client.Bv1kQOvy.js" props="{"planName":[0,"Pro"],"price":[0,29.9],"credits":[0,1000],"pricingId":[0,2],"ctaText":[0,"Hazte Pro"],"isPrimary":[0,true],"data-astro-cid-lmkygsfs":[0,true]}" ssr client="load" opts="{"name":"PricingButton","value":true}" await-children><div class="pricing-button-wrapper"><button class="btn btn-primary animate-glow " aria-label="Purchase Pro plan for $29.9">Hazte Pro</button></div><!--astro:end--></astro-island> </div><div class="plan-card " style="--plan-index: 2" data-astro-cid-lmkygsfs> <div class="plan-header" data-astro-cid-lmkygsfs> <h3 class="plan-name" data-astro-cid-lmkygsfs>Premium</h3> <div class="plan-price-panel" data-astro-cid-lmkygsfs> <div class="original-price" data-astro-cid-lmkygsfs>$69.90</div> <div class="savings-badge" data-astro-cid-lmkygsfs> <span class="savings-icon" data-astro-cid-lmkygsfs>ð°</span> <span data-astro-cid-lmkygsfs>Ahorra $20.00</span> </div> <div class="plan-price" data-astro-cid-lmkygsfs> <span class="currency" data-astro-cid-lmkygsfs>$</span> <span class="amount" data-astro-cid-lmkygsfs>49.90</span> </div> <div class="price-divider" data-astro-cid-lmkygsfs></div> </div> <div class="plan-credits" data-astro-cid-lmkygsfs>2,200 Créditos</div> </div> <ul class="plan-features" data-astro-cid-lmkygsfs> <li style="--feature-index: 0" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>2200 créditos GhibliIA</span> </li><li style="--feature-index: 1" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Todo lo de Pro</span> </li><li style="--feature-index: 2" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>
378Arte Ghibli en calidad 4K</span> </li><li style="--feature-index: 3" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Procesamiento por lotes ilimitado</span> </li><li style="--feature-index: 4" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Entrenamiento de estilo Ghibli personalizado</span> </li><li style="--feature-index: 5" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Gerente de cuenta GhibliIA dedicado</span> </li><li style="--feature-index: 6" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>GarantÃa SLA</span> </li><li style="--feature-index: 7" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Opciones de marca blanca</span> </li><li style="--feature-index: 8" data-astro-cid-lmkygsfs> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-lmkygsfs> <polyline points="20 6 9 17 4 12" data-astro-cid-lmkygsfs></polyline> </svg> <span data-astro-cid-lmkygsfs>Soporte prioritario 24/7</span> </li> </ul> <astro-island uid="Z27D7F7" prefix="r5" component-url="/_astro/PricingButton.CcSEg2JQ.js" component-export="default" renderer-url="/_astro/client.Bv1kQOvy.js" props="{"planName":[0,"Premium"],"price":[0,49.9],"credits":[0,2200],"pricingId":[0,3],"ctaText":[0,"Hazte Premium"],"isPrimary":[0],"data-astro-cid-lmkygsfs":[0,true]}" ssr client="load" opts="{"name":"PricingButton","value":true}" await-children><div class="pricing-button-wrapper"><button class="btn btn-outline " aria-label="Purchase Premium plan for $49.9">Hazte Premium</button></div><!--astro:end--></astro-island> </div> </div> <div class="enterprise-info" data-astro-cid-lmkygsfs> <div class="enterprise-content" data-astro-cid-lmkygsfs> <h3 data-astro-cid-lmkygsfs>¿Necesitas Soluciones Personalizadas de GhibliIA?</h3> <p data-astro-cid-lmkygsfs> 379Los planes Enterprise de GhibliIA ofrecen asignaciones de créditos personalizadas, soporte dedicado para proyectos estilo Studio Ghibli, 380 lÃmites de tasa de API, opciones de marca blanca y entrenamiento de modelos IA personalizados adaptados a tus necesidades estéticas especÃficas de Ghibli. 381 Perfecto para estudios, agencias creativas y empresas que requieren generación de obras de arte Ghibli de alto volumen. 382</p> <a href="/about-ghibliia" class="contact-link" data-astro-cid-lmkygsfs> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-lmkygsfs> <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" data-astro-cid-lmkygsfs></path> </svg> 383Contactar Equipo de Ventas 384</a> </div> </div> </div> </section> <!-- Ejemplos de Uso de Créditos --> <section class="credits-section" data-astro-cid-lmkygsfs> <div class="container-wide" data-astro-cid-lmkygsfs> <div class="section-header" data-astro-cid-lmkygsfs> <h2 data-astro-cid-lmkygsfs>Cómo Funcionan los Créditos de GhibliIA</h2> <p data-astro-cid-lmkygsfs> 385El consumo de créditos en GhibliIA varÃa según el tipo de contenido, la configuración de calida
385d y la complejidad del modelo IA para creaciones estilo Studio Ghibli. 386 La plataforma GhibliIA muestra los costos exactos en créditos antes de cada generación de obra de arte Ghibli, garantizando total transparencia. 387 Después de <a href="/login" class="inline-link" data-astro-cid-lmkygsfs>iniciar sesión en tu cuenta</a>, 388 puedes rastrear tu uso de créditos y gestionar tu generación de obras de arte Ghibli desde tu panel de control. 389</p> </div> <div class="credits-grid" data-astro-cid-lmkygsfs> <div class="credit-category" style="--category-index: 0" data-astro-cid-lmkygsfs> <h3 class="category-title" data-astro-cid-lmkygsfs>Generación de Imágenes AI Ghibli</h3> <div class="examples-list" data-astro-cid-lmkygsfs> <div class="example-item" style="--example-index: 0" data-astro-cid-lmkygsfs> <div class="example-header" data-astro-cid-lmkygsfs> <span class="example-type" data-astro-cid-lmkygsfs>Texto a Imagen Ghibli</span> <span class="example-range" data-astro-cid-lmkygsfs>3 créditos</span> </div> <p class="example-desc" data-astro-cid-lmkygsfs>Transforma indicaciones de texto en arte estilo Studio Ghibli con estética auténtica</p> </div><div class="example-item" style="--example-index: 1" data-astro-cid-lmkygsfs> <div class="example-header" data-astro-cid-lmkygsfs> <span class="example-type" data-astro-cid-lmkygsfs>Foto a Estilo Ghibli</span> <span class="example-range" data-astro-cid-lmkygsfs>3 créditos</span> </div> <p class="example-desc" data-astro-cid-lmkygsfs>Convierte tus fotos en ilustraciones encantadoras inspiradas en Ghibli</p> </div><div class="example-item" style="--example-index: 2" data-astro-cid-lmkygsfs> <div class="example-header" data-astro-cid-lmkygsfs> <span class="example-type" data-astro-cid-lmkygsfs>Generación Ghibli HD</span> <span class="example-range" data-astro-cid-lmkygsfs>3 créditos</span> </div> <p class="example-desc" data-astro-cid-lmkygsfs>Arte Ghibli en alta resolución con detalle y profundidad de color mejorados</p> </div> </div> </div><div class="credit-category" style="--category-index: 1" data-astro-cid-lmkygsfs> <h3 class="category-title" data-astro-cid-lmkygsfs>Creación de Video Ghibli</h3> <div class="examples-list" data-astro-cid-lmkygsfs> <div class="example-item" style="--example-index: 0" data-astro-cid-lmkygsfs> <div class="example-header" data-astro-cid-lmkygsfs> <span class="example-type" data-astro-cid-lmkygsfs>Texto a Video Ghibli</span> <span class="example-range" data-astro-cid-lmkygsfs>10 créditos</span> </div> <p class="example-desc" data-astro-cid-lmkygsfs>Genera videos animados estilo Ghibli a partir de descripciones de texto</p> </div><div class="example-item" style="--example-index: 1" data-astro-cid-lmkygsfs> <div class="example-header" data-astro-cid-lmkygsfs> <span class="example-type" data-astro-cid-lmkygsfs>Imagen a Animación Ghibli</span> <span class="example-range" data-astro-cid-lmkygsfs>10 créditos</span> </div> <p class="example-desc" data-astro-cid-lmkygsfs>Anima tu arte Ghibli con movimiento y atmósfera auténticos</p> </div><div class="example-item" style="--example-index: 2" data-astro-cid-lmkygsfs> <div class="example-header" data-astro-cid-lmkygsfs> <span class="example-type" data-astro-cid-lmkygsfs>Video Ghibli HD (1080p)</span> <span class="example-range" data-astro-cid-lmkygsfs>10 créditos</span> </div> <p class="example-desc" data-astro-cid-lmkygsfs>Video estilo Ghibli en alta definición con calidad profesional</p> </div> </div> </div><div class="credit-category" style="--category-index: 2" data-astro-cid-lmkygsfs> <h3 class="category-title" data-astro-cid-lmkygsfs>Funciones Avanzadas de GhibliIA</h3> <div class="examples-list" data-astro-cid-lmkygsfs> <div class="example-item" style="--example-index: 0" data-astro-cid-lmkygsfs> <div class="example-header" data-astro-cid-lmkygsfs> <span class="example-type" data-astro-cid-lmkygsfs>Estilos Ghibli Personalizados</span> <span class="example-range" data-astro-cid-lmkygsfs>20 créditos</span> </div> <p class="example-desc" data-astro-cid-lmkygsfs>Ajusta estéticas especÃficas de pelÃculas Ghibli y estilos de personajes</p> </div><div class="example-item" style="--example-index: 1" data-astro-cid-lmkygsfs> <div class="example-header" data-astro-cid-lmkygsfs> <span class="example-type" data-astro-cid-lmkygsfs>Generación Ghibli por Lotes</span> <span class="example-range" data-astro-cid-lmkygsfs>VarÃa</span> </div> <p class="example-desc" data-astro-cid-lmkygsfs>Crea múltiples obras de arte Ghibli en una sola solicitud de generación</p> </div><div class="example-item" style="--example-index: 2" data-astro-cid-lmkygsfs> <div class="example-header" data-astro-cid-lmkygsfs> <span class="example-type" data-astro-cid-lmkygsfs>Calidad Ghibli 4K</span> <span class="example-range" data-astro-cid-lmkygsfs>VarÃa</span> </div> <p class="example-desc" data-astro-cid-lmkygsfs>Arte Ghibli en resolución ultra alta para proyectos profesionales</p> </div> </div> </div> </div> <div class="credits-note" data-astro-cid-lmkygsfs> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-lmkygsfs> <circle cx="12" cy="12" r="10" data-astro-cid-lmkygsfs></circle> <line x1="12" y1="16" x2="12" y2="12" data-astro-cid-lmkygsfs></line> <line x1="12" y1="8" x2="12.01" y2="8" data-astro-cid-lmkygsfs></line> </svg> <div class="note-content" data-astro-cid-lmkygsfs> <strong data-astro-cid-lmkygsfs>Nota:</strong> Los costos de créditos de GhibliIA varÃan según la calidad seleccionad
389a, resolución, duración, 390 y configuración del modelo IA para obras de arte estilo Studio Ghibli. Configuraciones de mayor calidad y funciones avanzadas de personalización Ghibli 391 consumen más créditos pero ofrecen resultados auténticos superiores. Todos los costos se muestran claramente en tu 392<a href="/dashboard" class="inline-link" data-astro-cid-lmkygsfs>panel de GhibliIA</a> antes de la generación. 393</div> </div> </div> </section> <!-- Sección de Beneficios --> <section class="benefits-section" data-astro-cid-lmkygsfs> <div class="container-wide" data-astro-cid-lmkygsfs> <h2 class="section-title" data-astro-cid-lmkygsfs>Por Qué Elegir GhibliIA</h2> <div class="benefits-grid" data-astro-cid-lmkygsfs> <div class="benefit-card" style="--benefit-index: 0" data-astro-cid-lmkygsfs> <div class="benefit-icon" data-astro-cid-lmkygsfs> <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lmkygsfs> <path d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" data-astro-cid-lmkygsfs></path> </svg> </div> <h3 data-astro-cid-lmkygsfs>Créditos GhibliIA Flexibles</h3> <p data-astro-cid-lmkygsfs>Paga solo por el arte Ghibli que creas. Los créditos nunca expiran mientras tu suscripción a GhibliIA permanezca activa, brindándote completa flexibilidad.</p> </div><div class="benefit-card" style="--benefit-index: 1" data-astro-cid-lmkygsfs> <div class="benefit-icon" data-astro-cid-lmkygsfs> <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lmkygsfs> <path d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" data-astro-cid-lmkygsfs></path> </svg> </div> <h3 data-astro-cid-lmkygsfs>Generación Ghibli Prioritaria</h3> <p data-astro-cid-lmkygsfs>Los miembros Pro y Premium disfrutan de generación de arte Ghibli más rápida con acceso prioritario a la cola para todas las creaciones estilo Studio Ghibli.</p> </div><div class="benefit-card" style="--benefit-index: 2" data-astro-cid-lmkygsfs> <div class="benefit-icon" data-astro-cid-lmkygsfs> <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lmkygsfs> <path d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" data-astro-cid-lmkygsfs></path> </svg> </div> <h3 data-astro-cid-lmkygsfs>Seguridad Empresarial</h3> <p data-astro-cid-lmkygsfs>La plataforma GhibliIA cuenta con cifrado TLS, cumplimiento GDPR e infraestructura certificada SOC 2 para tus creaciones Ghibli.</p> </div> </div> </div> </section> <!-- Sección de Preguntas Frecuentes --> <section class="faq-section" data-astro-cid-lmkygsfs> <div class="container-wide" data-astro-cid-lmkygsfs> <h2 class="section-title" data-astro-cid-lmkygsfs>Preguntas Frecuentes Sobre GhibliIA</h2> <div class="faq-grid" data-astro-cid-lmkygsfs> <details class="faq-item" style="--faq-index: 0" data-astro-cid-lmkygsfs> <summary data-astro-cid-lmkygsfs>¿Cómo funciona el sistema de créditos de GhibliIA?</summary> <p data-astro-cid-lmkygsfs>Los créditos de GhibliIA se consumen según el tipo y complejidad del arte Ghibli que creas. La generación de imágenes AI usa 3 créditos por imagen, la creación de video Ghibli usa 10 créditos por video, y la personalización avanzada usa 20 créditos por solicitud. Todos los costos de créditos se muestran antes de la generación en tu panel de GhibliIA.</p> </details><details class="faq-item" style="--faq-index: 1" data-astro-cid-lmkygsfs> <summary data-astro-cid-lmkygsfs>¿Expiran mis créditos de GhibliIA?</summary> <p data-astro-cid-lmkygsfs>Los créditos de tu suscripción a GhibliIA nunca expiran siempre que tu plan permanezca activo. Si cancelas, tienes 12 meses para usar los créditos restantes. Las compras únicas de créditos son válidas por 12 meses desde la fecha de compra.</p> </details>
393<details class="faq-item" style="--faq-index: 2" data-astro-cid-lmkygsfs> <summary data-astro-cid-lmkygsfs>¿Puedo cambiar mi plan de GhibliIA en cualquier momento?</summary> <p data-astro-cid-lmkygsfs>¡SÃ! Mejora tu plan de GhibliIA al instante para acceder a más funciones y créditos. Las reducciones de plan toman efecto en el próximo ciclo de facturación. Al mejorar, los créditos no utilizados de tu plan actual se transfieren y recibes créditos prorrateados por el resto de tu perÃodo de facturación.</p> </details><details class="faq-item" style="--faq-index: 3" data-astro-cid-lmkygsfs> <summary data-astro-cid-lmkygsfs>¿Qué métodos de pago acepta GhibliIA?</summary> <p data-astro-cid-lmkygsfs>GhibliIA acepta todas las principales tarjetas de crédito (Visa, Mastercard, American Express, Discover), tarjetas de débito y billeteras digitales a través de nuestra pasarela de pago segura Stripe. Todas las transacciones de GhibliIA están cifradas y cumplen con PCI.</p> </details><details class="faq-item" style="--faq-index: 4" data-astro-cid-lmkygsfs> <summary data-astro-cid-lmkygsfs>¿Hay una polÃtica de reembolso para GhibliIA?</summary> <p data-astro-cid-lmkygsfs>SÃ, GhibliIA ofrece una garantÃa de devolución de dinero de 7 dÃas para suscriptores primerizos. Si no estás satisfecho con nuestra plataforma de arte AI Studio Ghibli, contáctanos dentro de los 7 dÃas de tu compra inicial para un reembolso completo. Los créditos utilizados durante este perÃodo se deducirán del monto del reembolso.</p> </details><details class="faq-item" style="--faq-index: 5" data-astro-cid-lmkygsfs> <summary data-astro-cid-lmkygsfs>¿Puedo obtener descuentos por volumen o planes GhibliIA Enterprise?</summary> <p data-astro-cid-lmkygsfs>¡Absolutamente! Los planes GhibliIA Enterprise ofrecen asignaciones de créditos personalizadas, soporte dedicado, opciones de marca blanca y precios especiales. Contacta a nuestro equipo de ventas para discutir tus necesidades especÃficas de generación masiva de contenido Ghibli, colaboración en equipo o entrenamiento de modelos AI personalizados.</p> </details> </div> <div class="faq-footer" data-astro-cid-lmkygsfs> <p data-astro-cid-lmkygsfs>¿Aún tienes preguntas sobre los precios de GhibliIA o la generación de arte IA de Studio Ghibli?</p> <a href="/ghibliia-faqs" class="faq-link" data-astro-cid-lmkygsfs>Ver Todas las Preguntas Frecuentes</a> </div> </div> </section> </div> </main> <footer class="footer" data-astro-cid-sz7xmlte> <!-- è£ é¥°æ§èæ¯ --> <div class="footer-decoration" aria-hidden="true" data-astro-cid-sz7xmlte></div> <div class="footer-container" data-astro-cid-sz7xmlte> <!-- 主è¦å å®¹åº --> <div class="footer-main" data-astro-cid-sz7xmlte> <!-- åçé¨å --> <div class="footer-brand" style="--section-index: 0" data-astro-cid-sz7xmlte> <a href="/" class="brand-logo-link" data-astro-cid-sz7xmlte> <div class="brand-logo" role="img" aria-label="GhibliIA - Generador de Arte IA al Estilo Studio Ghibli" data-astro-cid-sz7xmlte></div> <span class="brand-name" data-astro-cid-sz7xmlte>GhibliIA</span> </a> <p class="brand-tagline" data-astro-cid-sz7xmlte>Transforma la imaginación en magia Ghibli</p> <p class="brand-description" data-astro-cid-sz7xmlte> Una plataforma impulsada por IA especializada en la estética auténtica de Studio Ghibli. Crea arte encantador con paletas de colores suaves caracterÃsticas, elementos caprichosos y esa atmósfera mágica única de las pelÃculas Ghibli. </p> <!-- éæ³è£ é¥° --> <div class="brand-decoration" aria-hidden="true" data-astro-cid-sz7xmlte> <svg class="sparkle-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-sz7xmlte> <path d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09Z" data-astro-cid-sz7xmlte></path> </svg> </div> </div> <!-- 导èªé¾æ¥åº --> <div class="footer-nav" data-astro-cid-sz7xmlte> <!-- 产å --> <div class="nav-column" style="--section-index: 1" data-astro-cid-sz7xmlte> <h3 class="nav-heading" data-astro-cid-sz7xmlte> <svg class="nav-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-sz7xmlte> <rect width="18" height="18" x="3" y="3" rx="2" data-astro-cid-sz7xmlte></rect> <path d="M3 9h18" data-astro-cid-sz7xmlte></path> <path d="M9 21V9" data-astro-cid-sz7xmlte></path> </svg> Producto </h3> <ul class="nav-links" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/" class="nav-link" data-astro-cid-sz7xmlte>Generador de Imágenes</a> </li><li data-astro-cid-sz7xmlte> <a href="/video/mindvideo" class="nav-link" data-astro-cid-sz7xmlte>Generador de Videos</a> </li><li data-astro-cid-sz7xmlte> <a href="/effects" class="nav-link" data-astro-cid-sz7xmlte>GalerÃa de Efectos</a> </li><li data-astro-cid-sz7xmlte> <a href="/ghibliia-features" class="nav-link" data-astro-cid-sz7xmlte>CaracterÃsticas</a> </li> </ul> </div> <!-- æ¯æ --> <div class="nav-column" style="--section-index: 2" data-astro-cid-sz7xmlte> <h3 class="nav-heading" data-astro-cid-sz7xmlte> <svg class="nav-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-sz7xmlte> <circle cx="12" cy="12" r="10" data-astro-cid-sz7xmlte></circle> <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" data-astro-cid-sz7xmlte></path> <path d="M12 17h.01" data-astro-cid-sz7xmlte></path> </svg> Soporte </h3> <ul class="nav-links" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/how-to-use-ghibliia" class="nav-link" data-astro-cid-sz7xmlte>Cómo Usar</a> </li><li data-astro-cid-sz7xmlte> <a href="/about-ghibliia" class="nav-link" data-astro-cid-sz7xmlte>Sobre Nosotros</a> </li><li data-astro-cid-sz7xmlte> <a href="/ghibliia-faqs" class="nav-link" data-astro-cid-sz7xmlte>Preguntas Frecuentes</a> </li><li data-astro-cid-sz7xmlte> <a href="/cdn-cgi/l/email-protection#c4a6b1b7adaaa1b7b784b0bdbdeaa5ad" class="nav-link" data-astro-cid-sz7xmlte>Contacto</a> </li> </ul> </div> <!-- æ³å¾ --> <div class="nav-column" style="--section-index: 3" data-astro-cid-sz7xmlte> <h3 class="nav-heading" data-astro-cid-sz7xmlte> <svg class="nav-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-sz7xmlte> <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" data-astro-cid-sz7xmlte></path> <path d="M14 2v4a2 2 0 0 0 2 2h4" data-astro-cid-sz7xmlte></path> </svg> Legal </h3> <ul class="nav-links" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/privacy" class="nav-link" data-astro-cid-sz7xmlte>PolÃtica de Privacidad</a> </li><li data-astro-cid-sz7xmlte> <a href="/refund" class="nav-link" data-astro-cid-sz7xmlte>PolÃtica de Reembolso</a> </li><li data-astro-cid-sz7xmlte> <a href="/terms" class="nav-link" data-astro-cid-sz7xmlte>Términos de Servicio</a> </li> </ul> </div> </div> </div> <!-- åºé¨çæä¿¡æ¯ --> <div class="footer-bottom" style="--section-index: 4" data-astro-cid-sz7xmlte> <div class="footer-divider" data-astro-cid-sz7xmlte></div> <div class="footer-copyright" data-astro-cid-sz7xmlte> <p class="copyright-text" data-astro-cid-sz7xmlte> 394© 2026 ghibliia.com. Todos los derechos reservados. </p> <p class="copyright-badge" data-astro-cid-sz7xmlte> <svg class="heart-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sz7xmlte> <path d="m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z" data-astro-cid-sz7xmlte></path> </svg> Elaborado con cuidado y magia </p> </div> </div> </div> </footer> </div> <!-- å ¨å±å¥é¤å¼¹çªç®¡çå¨ -->
vendor: 109 bytes, line 394
394 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
394<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script>
394<astro-island uid="Z24kirN" component-url="/_astro/PricingModalManager.4AH3Cxdg.js" component-export="PricingModalManager" renderer-url="/_astro/client.Bv1kQOvy.js" props="{"messages":[0,{"default":[0,{"title":[0,"Elige Tu Plan"],"subtitle":[0,"Sistema de créditos flexible, paga según uses"]}],"login":[0,{"title":[0,"¡Bienvenido de Nuevo! ð"],"subtitle":[0,"Desbloquea potentes funciones de IA con nuestros paquetes de créditos"]}],"lowCredits":[0,{"title":[0,"Oferta Especial - ¡15% de DESCUENTO! ð"],"subtitle":[0,"Solo te quedan {credits} créditos. ¡Compra más para seguir usando las funciones de IA!"]}],"error":[0,{"checkCreditsFailed":[0,"Error al verificar los créditos:"],"recordPromptFailed":[0,"Error al registrar el tiempo de solicitud:"],"recordLoginPromptFailed":[0,"Error al registrar la solicitud de inicio de sesión:"]}]}],"modalMessages":[0,{"default":[0,{"title":[0,"Elige Tu Plan"],"subtitle":[0,"Sistema de créditos flexible, paga según uso"]}],"credits":[0,"Créditos"],"plan":[0,{"starter":[0,{"name":[0,"Inicial"],"cta":[0,"Comenzar"],"feature1":[0,"250 créditos incluidos"],"feature2":[0,"Acceso al Generador de Imágenes IA"],"feature3":[0,"Acceso al Generador de VÃdeos IA"],"feature4":[0,"Generación de texto a imagen"],"feature5":[0,"Animación de imagen a vÃdeo"],"feature6":[0,"Más de 50 plantillas de generación"],"feature7":[0,"Salida de calidad estándar"],"feature8":[0,"Los créditos nunca caducan"],"feature9":[0,"Soporte por correo electrónico"]}],"pro":[0,{"name":[0,"Pro"],"cta":[0,"Hazte Pro"],"badge":[0,"Más Popular"],"feature1":[0,"1000 créditos incluidos"],"feature2":[0,"Todo lo de Inicial"],"feature3":[0,"Cola de procesamiento prioritaria"],"feature4":[0,"Salida de calidad HD (1080p)"],"feature5":[0,"Modo Agente IA Avanzado"],"feature6":[0,"Soporte para generación por lotes"],"feature7":[0,"Acceso a API incluido"],"feature8":[0,"Soporte prioritario por correo"],"feature9":[0,"Acceso anticipado a nuevas funciones"]}],"premium":[0,{"name":[0,"Premium"],"cta":[0,"Hazte Premium"],"feature1":[0,"2200 créditos incluidos"],"feature2":[0,"Todo lo de Pro"],"feature3":[0,"Salida de calidad 4K"],"feature4":[0,"Procesamiento por lotes ilimitado"],"feature5":[0,"Entrenamiento de modelo personalizado"],"feature6":[0,"Gestor de cuenta dedicado"],"feature7":[0,"GarantÃa de SLA"],"feature8":[0,"Opciones de marca blanca"],"feature9":[0,"Soporte prioritario 24/7"]}]}],"error":[0,{"failed":[0,"Ocurrió un error, por favor intenta más tarde"],"paymentSessionFailed":[0,"Error al crear sesión de pago"],"paymentLinkNotReceived":[0,"Enlace de pago no recibido"],"purchaseFailed":[0,"Compra fallida:"]}],"footer":[0,{"note":[0,"Los créditos nunca caducan ⢠Todos los métodos de pago principales aceptados ⢠GarantÃa de devolución de dinero de 7 dÃas"]}],"aria":[0,{"purchasePlan":[0,"Comprar plan {planName} por ${price}"]}]}],"modalComponentMessages":[0,{"aria":[0,{"closeModal":[0,"Cerrar modal"]}],"button":[0,{"ok":[0,"OK"],"confirm":[0,"Confirmar"],"cancel":[0,"Cancelar"]}]}]}" ssr client="only" opts="{"name":"PricingModalManager","value":"react"}"></astro-island> <!-- What's New å¼¹çªç®¡çå¨ --> <astro-island uid="1aa2dl" component-url="/_astro/WhatsNewModalManager.Bu3Dca_b.js" component-export="WhatsNewModalManager" renderer-url="/_astro/client.Bv1kQOvy.js" props="{}" ssr client="only" opts="{"name":"WhatsNewModalManager","value":"react"}"></astro-island> <!-- Toast éç¥ç»ä»¶ --> <!-- Toast Notification --><div class="toast-container" id="toast-container" data-astro-cid-d7jtuv6c>
394 <div class="toast" id="toast" data-astro-cid-d7jtuv6c> <div class="toast-icon" data-astro-cid-d7jtuv6c> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="toast-icon-svg" data-astro-cid-d7jtuv6c> <circle cx="12" cy="12" r="10" data-astro-cid-d7jtuv6c></circle> <line x1="12" x2="12" y1="8" y2="12" data-astro-cid-d7jtuv6c></line> <line x1="12" x2="12.01" y1="16" y2="16" data-astro-cid-d7jtuv6c></line> </svg> </div> <div class="toast-content" data-astro-cid-d7jtuv6c> <div class="toast-title" id="toast-title" data-astro-cid-d7jtuv6c>Notification</div> <div class="toast-message" id="toast-message" data-astro-cid-d7jtuv6c>This is a notification message</div> </div> <button type="button" class="toast-close" id="toast-close" data-astro-cid-d7jtuv6c> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d7jtuv6c> <line x1="18" x2="6" y1="6" y2="18" data-astro-cid-d7jtuv6c></line> <line x1="6" x2="18" y1="6" y2="18" data-astro-cid-d7jtuv6c></line> </svg> </button> </div> </div>
394<script type="module">const e=document.getElementById("toast"),l=document.getElementById("toast-title"),d=document.getElementById("toast-message"),n=document.getElementById("toast-close");let t=null;function m(i,a,c,o=5e3){t&&clearTimeout(t),e.classList.remove("success","error","warning","info","show"),l.textContent=a,d.textContent=c,e.classList.add(i),setTimeout(()=>{e.classList.add("show")},10),o>0&&(t=window.setTimeout(()=>{s()},o))}function s(){e.classList.remove("show"),t&&(clearTimeout(t),t=null)}n&&n.addEventListener("click",()=>{s()});window.showToast=m;window.hideToast=s;</script>
394 <!-- ç»å½å¥å±æ¨ªå¹
--> <astro-island uid="Z1mEMae" component-url="/_astro/LoginRewardBanner.CCS8hQEF.js" component-export="default" renderer-url="/_astro/client.Bv1kQOvy.js" props="{"isLoggedIn":[0,false],"messages":[0,{"loginRewardBanner":[0,{"title":[0,"¡Inicia sesión para reclamar recompensas!"],"description":[0,"Obtén 10+ créditos gratuitos al registrarte"],"loginButton":[0,"Iniciar sesión ahora"],"loginButtonLabel":[0,"Inicia sesión para reclamar tus créditos gratuitos"],"closeButton":[0,"Cerrar banner"]}]}],"locale":[0,"es"]}" ssr client="only" opts="{"name":"LoginRewardBanner","value":"react"}"></astro-island> <!-- â
å»¶è¿å è½½ç¬¬ä¸æ¹èæ¬ - ä¼åFCPåTBT -->
394<script> 395 (function() { 396 // å»¶è¿å è½½Google Tag ManageråAdSenseï¼é¿å é»å¡é¦æ¬¡å 容ç»å¶ 397 function loadThirdPartyScripts() { 398 // Google Tag Manager (gtag.js) 399 const gtagScript = document.createElement('script'); 400 gtagScript.async = true; 401 gtagScript.src = 'https://www.googletagmanager.com/gtag/js?id=AW-17169724171'; 402 document.head.appendChild(gtagScript); 403 404 // åå§ågtag 405 window.dataLayer = window.dataLayer || []; 406 function gtag(){window.dataLayer.push(arguments);} 407 gtag('js', new Date()); 408 gtag('config', 'AW-17169724171'); 409 410 // Google AdSense 411 const adsenseScript = document.createElement('script'); 412 adsenseScript.async = true; 413 adsenseScript.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5918823704025895'; 414 adsenseScript.crossOrigin = 'anonymous'; 415 document.head.appendChild(adsenseScript); 416 } 417 418 // å»¶è¿çç¥ï¼3ç§åæé¦æ¬¡ç¨æ·äº¤äºæ¶å è½½ 419 let scriptsLoaded = false; 420 const loadScripts = () => { 421 if (!scriptsLoaded) { 422 scriptsLoaded = true; 423 loadThirdPartyScripts(); 424 } 425 }; 426 427 // 3ç§åèªå¨å è½½ 428 setTimeout(loadScripts, 3000); 429 430 // æå¨é¦æ¬¡ç¨æ·äº¤äºæ¶ç«å³å è½½ï¼æåç¨æ·ä½éªï¼ 431 const interactionEvents = ['mousedown', 'touchstart', 'scroll', 'keydown']; 432 interactionEvents.forEach(eventName => { 433 window.addEventListener(eventName, loadScripts, { once: true, passive: true }); 434 }); 435 })(); 436 </script>
436
436<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"ccedce870fec49c395cac350b87ba3ef","r":1,"spa":2}' crossorigin="anonymous"></script>
436 437</body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.