/* Theme Name: Espai Sakura Child Template: astra Description: Tema hijo Astra con estructura base de páginas Espai SaKura Version: 2.1 Author: Espai SaKura */ /* ========================================= VARIABLES DE MARCA ========================================= */ :root { --sakura-primary: #5FBDB5; --sakura-primary-dark: #4AA8A0; --sakura-primary-light: #8ED4CE; --sakura-primary-soft: #AEE3DE; --sakura-accent: #E7C9B8; --sakura-accent-dark: #D4B5A2; --sakura-text: #1A2A2A; --sakura-text-soft: #4A5B5B; --sakura-text-light: #7A8B8B; --sakura-background: #FAFBFA; --sakura-surface: #FFFFFF; --sakura-surface-soft: #F4FBFA; --sakura-card-bg: #FFFFFF; --sakura-border: rgba(95, 189, 181, 0.12); --sakura-shadow-sm: 0 2px 8px rgba(95, 189, 181, 0.06); --sakura-shadow: 0 8px 24px rgba(95, 189, 181, 0.08); --sakura-shadow-lg: 0 16px 40px rgba(95, 189, 181, 0.12); --sakura-radius-sm: 8px; --sakura-radius-md: 14px; --sakura-radius-lg: 20px; --sakura-transition: all 0.3s ease; } /* ========================================= BASE GLOBAL ========================================= */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: Inter, sans-serif; font-size: 16px; line-height: 1.7; color: var(--sakura-text); background: var(--sakura-background); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.page { background: linear-gradient( 180deg, rgba(174, 227, 222, 0.08) 0%, rgba(250, 251, 250, 1) 25%, rgba(250, 251, 250, 1) 100% ); } ::selection { background: var(--sakura-primary-soft); color: var(--sakura-text); } img { max-width: 100%; height: auto; display: block; } p { margin-bottom: 1.2em; color: var(--sakura-text-soft); } ul, ol { margin-bottom: 1.2em; padding-left: 20px; } li { margin-bottom: 0.55em; } a { color: var(--sakura-primary); text-decoration: none; transition: var(--sakura-transition); } a:hover { color: var(--sakura-primary-dark); } /* ========================================= TIPOGRAFÍA ========================================= */ h1, h2, h3, h4, h5, h6 { font-family: "Playfair Display", serif; color: var(--sakura-text); line-height: 1.2; font-weight: 600; margin-top: 0; margin-bottom: 0.65em; } h1 { font-size: clamp(2.4rem, 5vw, 4rem); letter-spacing: -0.02em; } h2 { font-size: clamp(1.9rem, 4vw, 2.9rem); letter-spacing: -0.01em; } h3 { font-size: clamp(1.35rem, 3vw, 1.9rem); } h4 { font-size: clamp(1.1rem, 2.5vw, 1.4rem); } /* ========================================= CONTENEDORES ASTRA ========================================= */ .ast-container { max-width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } .site-content { background: transparent; } /* ========================================= MENÚ / CABECERA ========================================= */ .main-header-menu .menu-link, .ast-builder-menu .menu-link { color: var(--sakura-text); font-weight: 500; transition: var(--sakura-transition); } .main-header-menu .menu-link:hover, .ast-builder-menu .menu-link:hover, .main-header-menu .current-menu-item > .menu-link, .ast-builder-menu .current-menu-item > .menu-link { color: var(--sakura-primary); } .ast-header-button-1 .ast-custom-button, .ast-custom-button-link .ast-custom-button { background: var(--sakura-primary); color: #ffffff; border-radius: 999px; padding: 12px 22px; box-shadow: 0 8px 20px rgba(95, 189, 181, 0.25); transition: var(--sakura-transition); } .ast-header-button-1 .ast-custom-button:hover, .ast-custom-button-link .ast-custom-button:hover { background: var(--sakura-primary-dark); color: #ffffff; transform: translateY(-1px); } /* ========================================= FOOTER ========================================= */ .site-footer { background: linear-gradient(180deg, #F4FBFA 0%, #FAFBFA 100%); border-top: 1px solid var(--sakura-border); color: var(--sakura-text-soft); } .site-footer a { color: var(--sakura-primary); } .site-footer a:hover { color: var(--sakura-primary-dark); } /* ========================================= UTILIDADES REUTILIZABLES ========================================= */ .sakura-seccion { max-width: 980px; margin: 0 auto; padding: 70px 20px; } .sakura-seccion-center { max-width: 980px; margin: 0 auto; padding: 70px 20px; text-align: center; } .sakura-card { background: var(--sakura-card-bg); padding: 24px; border-radius: var(--sakura-radius-lg); border: 1px solid var(--sakura-border); box-shadow: var(--sakura-shadow); transition: var(--sakura-transition); } .sakura-card:hover { transform: translateY(-4px); box-shadow: var(--sakura-shadow-lg); } .sakura-grid-2, .sakura-metodo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 24px; } .sakura-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 24px; } .sakura-divider { width: 80px; height: 3px; margin: 28px auto 36px auto; background: linear-gradient(90deg, var(--sakura-primary), var(--sakura-primary-light)); border-radius: 999px; box-shadow: 0 0 14px rgba(95, 189, 181, 0.25); } .sakura-subtle-bg { background: linear-gradient( 180deg, rgba(174, 227, 222, 0.12) 0%, rgba(255, 255, 255, 0.95) 100% ); border: 1px solid var(--sakura-border); border-radius: 24px; } .sakura-boton, .sakura-boton-musica, .sakura-boton-metodo { display: inline-block; padding: 14px 28px; background: linear-gradient(135deg, var(--sakura-primary), var(--sakura-primary-dark)); color: #ffffff; border-radius: 999px; font-weight: 600; box-shadow: 0 8px 20px rgba(95, 189, 181, 0.25); transition: var(--sakura-transition); } .sakura-boton:hover, .sakura-boton-musica:hover, .sakura-boton-metodo:hover { background: linear-gradient(135deg, var(--sakura-primary-dark), var(--sakura-primary-dark)); color: #ffffff; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(95, 189, 181, 0.30); } /* ========================================= PÁGINA: MÚSICA TERAPÉUTICA ========================================= */ .sakura-hero-musica, .sakura-musica-introduccion, .sakura-musica-beneficios, .sakura-musica-acceso, .sakura-musica-confianza, .sakura-musica-terapia, .sakura-musica-cta { max-width: 980px; margin: 0 auto; padding: 70px 20px; } .sakura-hero-musica { text-align: center; background: linear-gradient( 180deg, rgba(174, 227, 222, 0.16) 0%, rgba(255, 255, 255, 0.6) 100% ); border: 1px solid var(--sakura-border); border-radius: 28px; } .sakura-hero-musica h1 { margin-bottom: 0.25em; } .sakura-hero-musica h2 { font-family: Inter, sans-serif; font-weight: 400; font-size: 1.35rem; color: var(--sakura-text-soft); } .sakura-musica-acceso, .sakura-musica-terapia { background: var(--sakura-surface); border: 1px solid var(--sakura-border); border-radius: 24px; box-shadow: var(--sakura-shadow); } .sakura-musica-beneficios ul, .sakura-musica-confianza ul { padding-left: 20px; } .sakura-musica-cta { text-align: center; } /* ========================================= PÁGINA: MÉTODO SAKURA ========================================= */ .sakura-hero-metodo, .sakura-metodo-intro, .sakura-metodo-emocional, .sakura-metodo-fundamentos, .sakura-metodo-beneficios, .sakura-metodo-indicado, .sakura-metodo-como-funciona, .sakura-metodo-cta { max-width: 980px; margin: 0 auto; padding: 70px 20px; } .sakura-hero-metodo { text-align: center; background: linear-gradient( 180deg, rgba(174, 227, 222, 0.14) 0%, rgba(255, 255, 255, 0.6) 100% ); border: 1px solid var(--sakura-border); border-radius: 28px; } .sakura-hero-metodo h1 { margin-bottom: 0.25em; } .sakura-hero-metodo h2 { font-family: Inter, sans-serif; font-weight: 400; font-size: 1.35rem; color: var(--sakura-text-soft); } .sakura-metodo-grid .sakura-card { background: linear-gradient( 180deg, rgba(174, 227, 222, 0.08) 0%, rgba(255, 255, 255, 1) 100% ); } .sakura-metodo-beneficios ul, .sakura-metodo-indicado ul { padding-left: 20px; } .sakura-metodo-cta { text-align: center; } /* ========================================= PÁGINA: HOME (reservado para añadir después) ========================================= */ /* .sakura-hero-home {} .sakura-home-beneficios {} .sakura-home-presentacion {} .sakura-home-metodo {} .sakura-home-ventanas {} .sakura-home-testimonios {} .sakura-home-cta {} */ /* ========================================= PÁGINA: SERVICIOS (reservado para añadir después) ========================================= */ /* .sakura-hero-servicios {} .sakura-servicios-dolor {} .sakura-servicios-emocional {} .sakura-servicios-sistemicos {} .sakura-servicios-cta {} */ /* ========================================= PÁGINA: TÉCNICAS (reservado para añadir después) ========================================= */ /* .sakura-hero-tecnicas {} .sakura-tecnicas-grid {} .sakura-tecnica-card {} */ /* ========================================= PÁGINA: SOBRE MÍ (reservado para añadir después) ========================================= */ /* .sakura-hero-sobremi {} .sakura-sobremi-intro {} .sakura-sobremi-enfoque {} .sakura-sobremi-cta {} */ /* ========================================= PÁGINA: PRECIOS (reservado para añadir después) ========================================= */ /* .sakura-hero-precios {} .sakura-precios-grid {} .sakura-precio-card {} */ /* ========================================= PÁGINA: FAQ (reservado para añadir después) ========================================= */ /* .sakura-hero-faq {} .sakura-faq-bloque {} */ /* ========================================= PÁGINA: ACUSAKURA (reservado para añadir después) ========================================= */ /* .sakura-hero-acusakura {} .sakura-acusakura-intro {} .sakura-acusakura-beneficios {} .sakura-acusakura-cta {} */ /* ========================================= PÁGINA: GUÍA TERAPIA SAKURA (reservado para añadir después) ========================================= */ /* .sakura-hero-guia {} .sakura-guia-intro {} .sakura-guia-beneficios {} .sakura-guia-cta {} */ /* ========================================= PÁGINA: BIBLIOTECA (reservado para añadir después) ========================================= */ /* .sakura-hero-biblioteca {} .sakura-biblioteca-intro {} .sakura-biblioteca-descargas {} */ /* ========================================= PÁGINA: RECURSOS GEM (reservado para añadir después) ========================================= */ /* .sakura-hero-gems {} .sakura-gems-intro {} .sakura-gems-grid {} */ /* ========================================= PÁGINA: TIENDA (reservado para añadir después) ========================================= */ /* .sakura-hero-tienda {} .sakura-tienda-intro {} .sakura-tienda-grid {} */ /* ========================================= PÁGINA: CONTACTO (reservado para añadir después) ========================================= */ /* .sakura-hero-contacto {} .sakura-contacto-datos {} .sakura-contacto-formulario {} */ /* ========================================= BLOG (reservado para añadir después) ========================================= */ /* .sakura-blog-hero {} .sakura-blog-grid {} .sakura-single-post {} */ /* ========================================= ACCESIBILIDAD ========================================= */ :focus-visible { outline: 2px solid var(--sakura-primary); outline-offset: 2px; border-radius: 4px; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } /* ========================================= RESPONSIVE ========================================= */ @media (max-width: 991px) { .sakura-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ast-container { padding-left: 18px; padding-right: 18px; } } @media (max-width: 767px) { body { font-size: 15px; } .sakura-grid-2, .sakura-grid-3, .sakura-metodo-grid { grid-template-columns: 1fr; gap: 20px; } .sakura-seccion, .sakura-seccion-center, .sakura-hero-musica, .sakura-musica-introduccion, .sakura-musica-beneficios, .sakura-musica-acceso, .sakura-musica-confianza, .sakura-musica-terapia, .sakura-musica-cta, .sakura-hero-metodo, .sakura-metodo-intro, .sakura-metodo-emocional, .sakura-metodo-fundamentos, .sakura-metodo-beneficios, .sakura-metodo-indicado, .sakura-metodo-como-funciona, .sakura-metodo-cta { padding: 50px 16px; } .sakura-card { padding: 20px; border-radius: 16px; } .sakura-boton, .sakura-boton-musica, .sakura-boton-metodo { width: 100%; max-width: 280px; text-align: center; padding: 13px 22px; } .sakura-hero-musica, .sakura-hero-metodo { border-radius: 20px; } .ast-container { padding-left: 16px; padding-right: 16px; } } @media (max-width: 480px) { .sakura-seccion, .sakura-seccion-center, .sakura-hero-musica, .sakura-musica-introduccion, .sakura-musica-beneficios, .sakura-musica-acceso, .sakura-musica-confianza, .sakura-musica-terapia, .sakura-musica-cta, .sakura-hero-metodo, .sakura-metodo-intro, .sakura-metodo-emocional, .sakura-metodo-fundamentos, .sakura-metodo-beneficios, .sakura-metodo-indicado, .sakura-metodo-como-funciona, .sakura-metodo-cta { padding: 40px 14px; } .sakura-card { padding: 18px; } .sakura-divider { width: 60px; margin: 22px auto 28px auto; } } https://sakuraacupuntura.com/wp-sitemap-posts-post-1.xmlhttps://sakuraacupuntura.com/wp-sitemap-posts-page-1.xmlhttps://sakuraacupuntura.com/wp-sitemap-taxonomies-category-1.xmlhttps://sakuraacupuntura.com/wp-sitemap-users-1.xml