/*
Theme Name: Kawa Yoga Life
Theme URI: https://kawayogalife.com
Author: Carolina Peña
Author URI: https://kawayogalife.com
Description: Tema personalizado para Kawa Yoga Life. Incluye la plantilla de página "Home Terracota" para el homepage.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kawa-yoga-life
*/

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: #F2DDC4; font-family: 'DM Sans', sans-serif; }
a { color: #C17A4E; text-decoration: none; }
a:hover { color: #7A9B5E; }
button { font: inherit; border: none; background: none; }

#sobre-mi, #servicios, #blog, #contacto,
#prisma-kawa, #sesiones, #kawa-app, #descargables { scroll-margin-top: 150px; }

@keyframes pulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.04); } }
@keyframes floatY { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@keyframes fadeUp { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/* interactive states (replace design-tool style-hover attributes) */
.logo-mark { transition:transform 0.4s ease; }
.logo-mark:hover { transform:rotate(-8deg) scale(1.06); }

.nav-link { padding:18px 36px; border-right:1px solid rgba(107,74,50,0.18); cursor:pointer; transition:background 0.25s ease; display:block; }
.nav-link:last-child { border-right:none; }
.nav-link span { font-family:'DM Sans',sans-serif; font-size:12px; font-weight:600; letter-spacing:0.1em; color:#6B4A32; text-transform:uppercase; transition:color 0.25s ease; }
.nav-link.cta span { font-weight:700; }
.nav-link:hover { background:#C17A4E; }
.nav-link:hover span { color:#FFFFFF; }

.btn-primary { background:#C17A4E; border-radius:100px; padding:16px 32px; cursor:pointer; transition:transform 0.25s ease, box-shadow 0.25s ease; box-shadow:0 6px 16px rgba(193,122,78,0); display:inline-block; }
.btn-primary:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(193,122,78,0.4); }
.btn-primary span { font-family:'Josefin Sans',sans-serif; font-weight:600; font-size:14px; color:#FFFFFF; }

.btn-secondary { border:1.5px solid rgba(107,74,50,0.28); border-radius:100px; padding:16px 32px; cursor:pointer; transition:border-color 0.25s ease, background 0.25s ease; }
.btn-secondary:hover { border-color:rgba(61,32,96,0.5); background:rgba(107,74,50,0.06); }
.btn-secondary span { font-family:'DM Sans',sans-serif; font-size:14px; color:#6B4A32; font-weight:500; }

.path-node { display:flex; flex-direction:column; align-items:center; text-align:center; transition:transform 0.3s ease; opacity:0; animation:fadeUp 0.6s ease forwards; }
.path-node:hover { transform:translateY(-6px); }

.link-arrow { font-family:'Josefin Sans',sans-serif; font-weight:600; font-size:12px; color:#C17A4E; transition:color 0.2s ease; cursor:pointer; }
.link-arrow:hover { color:#7A9B5E; }

.about-photo-wrap { transition:transform 0.4s ease; }
.about-photo-wrap:hover { transform:translateY(-4px); }

.story-link { font-family:'Josefin Sans',sans-serif; font-weight:600; font-size:14px; color:#C17A4E; cursor:pointer; transition:color 0.2s ease, letter-spacing 0.2s ease; }
.story-link:hover { color:#7A9B5E; letter-spacing:0.02em; }

.footer-link { font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,0.65); cursor:pointer; transition:color 0.2s ease; width:fit-content; display:inline-block; }
.footer-link:hover { color:#FFFFFF; }