/*
Theme Name: Katia Márquez MT
Theme URI: https://katiamarquez-mt.org
Author: Katia Márquez / OpenAI
Description: Tema personalizado para la web profesional de Katia Márquez. Diseño artístico de acuarela y plumilla basado en la versión aprobada.
Version: 1.0.0
Text Domain: katia-marquez-mt
*/


:root{--t:#44CCCC;--c:#FC8235;--v:#8F65A7;--i:#181515;--p:#fffdf8;--m:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--p);color:var(--i);font-family:"Avenir Next","Segoe UI",Arial,sans-serif;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.w{width:min(var(--m),calc(100% - 44px));margin:auto}.serif,h1,h2,h3{font-family:Baskerville,"Iowan Old Style",Georgia,serif;font-weight:500}header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.91);backdrop-filter:blur(12px);border-bottom:1px solid #0001}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav img{width:255px;max-height:68px;object-fit:contain}.menu{display:flex;gap:22px;font-size:.86rem;font-weight:700}.menu a{padding:9px 0;border-bottom:2px solid transparent}.menu a:hover{border-color:var(--t)}.toggle{display:none;border:0;background:none;font-size:1.5rem}
.hero{position:relative;padding:90px 0 120px;isolation:isolate}.blob{position:absolute;z-index:-2;filter:url(#noise);opacity:.62}.b1{width:720px;right:-190px;top:-120px}.b2{width:580px;left:-230px;bottom:-120px;transform:rotate(16deg)}.hg{display:grid;grid-template-columns:1.05fr .95fr;gap:86px;align-items:center}.k{font-size:.75rem;text-transform:uppercase;letter-spacing:.19em;font-weight:800;color:var(--v)}h1{font-size:clamp(3.9rem,7.4vw,7.4rem);line-height:.89;letter-spacing:-.045em;margin:.6rem 0 1.5rem}h1 em{color:var(--c);font-style:italic}.lead{font-size:1.15rem;max-width:690px;color:#514943}.acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;min-height:50px;padding:0 22px;border-radius:999px;align-items:center;justify-content:center;border:1px solid var(--i);font-weight:800;font-size:.9rem}.dark{background:var(--i);color:white}.dark:hover{background:var(--t);color:var(--i);border-color:var(--t)}.photo{position:relative;max-width:500px;margin-left:auto}.photo .frame{overflow:hidden;aspect-ratio:4/5;border-radius:47% 53% 42% 58%/43% 47% 53% 57%;box-shadow:0 28px 70px #2e241c22}.photo img{width:100%;height:100%;object-fit:cover}.photo:before{content:"";position:absolute;inset:20px -20px -20px 20px;border:2px solid var(--c);border-radius:50%;transform:rotate(5deg);z-index:-1}
.motto{padding:30px 0 50px}.motto p{font-family:Baskerville,Georgia,serif;font-size:clamp(1.8rem,3.6vw,3.2rem);line-height:1.18;max-width:980px;text-align:center;margin:auto}.motto strong{color:var(--t);font-weight:500}
.sec{position:relative;padding:112px 0}.wash{position:absolute;inset:0;z-index:-3;opacity:.45}.title{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:end;margin-bottom:60px}h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.96;letter-spacing:-.035em;margin:.3rem 0}.title p{max-width:680px;color:#504944;margin:0;font-size:1.06rem}.ports{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.port{position:relative;min-height:365px;padding:34px 28px;background:#ffffffbd;border:1px solid #00000012;backdrop-filter:blur(3px);overflow:hidden}.port:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;top:-60px;right:-60px;filter:blur(25px);opacity:.52}.pt:before{background:var(--t)}.pc:before{background:var(--c)}.pv:before{background:var(--v)}.pn:before{background:#d8c5a6}.num{font-family:Baskerville,Georgia,serif;font-size:4rem;color:#00000012}.port h3{font-size:2rem;line-height:1.05;margin:2rem 0 1rem}.port p{font-size:.94rem;color:#5b544f}.port a{position:absolute;bottom:28px;font-weight:800;font-size:.84rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center}.paper{background:white;padding:15px;box-shadow:0 20px 55px #231c161c;transform:rotate(-1.3deg)}.paper img{width:100%;aspect-ratio:4/3;object-fit:cover}.copy h3{font-size:2.45rem;line-height:1.03;margin:.2rem 0 1rem}.copy p{color:#4f4944}.call{margin-top:28px;padding:18px 22px;border-left:3px solid var(--c);background:#ffffffbd;font-family:Baskerville,Georgia,serif;font-size:1.4rem}
.clin{display:grid;grid-template-columns:.94fr 1.06fr;gap:76px}.sticky{position:sticky;top:120px;align-self:start}.paths{display:grid;gap:25px}.path{padding-bottom:25px;border-bottom:1px solid #0002}.path h3{font-size:1.8rem;margin:0 0 .5rem}.path p{margin:0;color:#514a45}
.recon{display:grid;grid-template-columns:.94fr 1.06fr;gap:76px;align-items:center}.stack{height:570px;position:relative}.stack img{position:absolute;border:12px solid white;box-shadow:0 22px 50px #20160f24;object-fit:cover;aspect-ratio:4/5}.stack .a{width:60%;left:0;top:0;transform:rotate(-4deg)}.stack .b{width:58%;right:0;bottom:0;transform:rotate(4deg)}.pills{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.pill{padding:9px 13px;border-radius:999px;background:white;border:1px solid #0001;font-size:.82rem;font-weight:800}
.training{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.oval{position:relative}.oval img{border-radius:49% 51% 44% 56%/52% 46% 54% 48%;box-shadow:0 25px 60px #1e140f20}.oval:before{content:"";position:absolute;inset:-18px 18px 14px -18px;border:2px solid var(--v);border-radius:50%;transform:rotate(-5deg);z-index:-1}
.books{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.book{background:#ffffffc4;border:1px solid #0001;padding:22px}.bm{height:370px;background:white;display:flex;align-items:center;justify-content:center;overflow:hidden}.bm img{width:100%;height:100%;object-fit:contain}.book h3{font-size:1.85rem;margin:1rem 0 .4rem}.book p{font-size:.92rem;color:#5a544f}.future{height:370px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#fbf8f1}.future .in{position:relative;z-index:2;text-align:center;padding:32px}.script{font-family:"Segoe Print","Bradley Hand",cursive;color:var(--v);font-size:1.8rem}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px}.cc{background:#ffffffc9;border:1px solid #0001;padding:34px}.cc h3{font-size:2rem;margin-top:0}.cc a{display:block;margin:10px 0;font-weight:800;color:#286c6e}form{display:grid;gap:16px}label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}select,textarea{width:100%;padding:14px;border:1px solid #cec6ba;background:white;font:inherit}textarea{min-height:155px}footer{background:#171413;color:#e8dfd6;padding:55px 0 28px}.fg{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}footer img{width:230px}footer h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;color:white}footer a{display:block;color:#d8d0c7;margin:7px 0;font-size:.9rem}.copyr{border-top:1px solid #3c3631;margin-top:28px;padding-top:18px;color:#aaa;font-size:.78rem}
@media(max-width:1000px){.menu{display:none;position:fixed;top:88px;left:18px;right:18px;background:var(--p);padding:22px;box-shadow:0 20px 50px #0002;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.toggle{display:block}.hg,.split,.clin,.recon,.training,.contact{grid-template-columns:1fr}.title{grid-template-columns:1fr}.ports{grid-template-columns:1fr 1fr}.sticky{position:static}.photo{margin:20px auto 0}}@media(max-width:680px){.w{width:calc(100% - 28px)}.nav{height:74px}.nav img{width:210px}.menu{top:74px}h1{font-size:3.55rem}.sec{padding:80px 0}.ports,.books,.fg{grid-template-columns:1fr}.stack{height:480px}}

/* v2 ajustada: misma composición, acuarela más orgánica + plumilla */
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:url("assets/asset-01-a2e78e2f8cea.png"),url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20900%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23121212%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.72%22%3E%3Cpath%20stroke-width%3D%222.3%22%20d%3D%22M12%20127%20C105%2035%20181%20168%20279%2086%20C353%2025%20427%20144%20515%2073%20C593%2010%20675%20151%20774%2078%20C814%2048%20848%2044%20888%2022%22/%3E%3Cpath%20stroke-width%3D%221.1%22%20d%3D%22M28%20146%20C102%2096%20161%20129%20221%20105%20C301%2074%20350%20112%20423%2096%20C502%2078%20566%20111%20630%2087%20C705%2059%20770%2078%20854%2039%22/%3E%3Cpath%20stroke-width%3D%221.4%22%20d%3D%22M232%2051%20C244%2024%20274%2014%20306%2029%20M302%2029%20C326%2040%20334%2058%20331%2077%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23111%22%20opacity%3D%22.72%22%3E%3Ccircle%20cx%3D%2293%22%20cy%3D%2275%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22327%22%20cy%3D%2291%22%20r%3D%222.4%22/%3E%3Ccircle%20cx%3D%22636%22%20cy%3D%2264%22%20r%3D%223.2%22/%3E%3Ccircle%20cx%3D%22815%22%20cy%3D%2229%22%20r%3D%222.2%22/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-size:620px auto,720px auto;background-position:105% 5%,93% 82%;opacity:.56;mix-blend-mode:multiply}
.sec{overflow:hidden}
.sec::before{content:"";position:absolute;pointer-events:none;z-index:-2;width:760px;height:560px;background-repeat:no-repeat;background-size:contain;opacity:.58;filter:saturate(.94)}
.sec::after{content:"";position:absolute;pointer-events:none;z-index:-1;width:720px;height:150px;background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20900%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23121212%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.72%22%3E%3Cpath%20stroke-width%3D%222.3%22%20d%3D%22M12%20127%20C105%2035%20181%20168%20279%2086%20C353%2025%20427%20144%20515%2073%20C593%2010%20675%20151%20774%2078%20C814%2048%20848%2044%20888%2022%22/%3E%3Cpath%20stroke-width%3D%221.1%22%20d%3D%22M28%20146%20C102%2096%20161%20129%20221%20105%20C301%2074%20350%20112%20423%2096%20C502%2078%20566%20111%20630%2087%20C705%2059%20770%2078%20854%2039%22/%3E%3Cpath%20stroke-width%3D%221.4%22%20d%3D%22M232%2051%20C244%2024%20274%2014%20306%2029%20M302%2029%20C326%2040%20334%2058%20331%2077%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23111%22%20opacity%3D%22.72%22%3E%3Ccircle%20cx%3D%2293%22%20cy%3D%2275%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22327%22%20cy%3D%2291%22%20r%3D%222.4%22/%3E%3Ccircle%20cx%3D%22636%22%20cy%3D%2264%22%20r%3D%223.2%22/%3E%3Ccircle%20cx%3D%22815%22%20cy%3D%2229%22%20r%3D%222.2%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;opacity:.48}
#sobre-mi::before{left:-260px;bottom:-160px;background-image:url("assets/asset-02-cfb54f58bfb4.png")}
#sobre-mi::after{right:-90px;top:14%;transform:rotate(-4deg)}
#musicoterapia::before{right:-290px;top:40px;background-image:url("assets/asset-03-8f227d59ad9c.png")}
#musicoterapia::after{left:-100px;bottom:8%;transform:rotate(3deg)}
#reconectarte::before{left:-260px;top:60px;background-image:url("assets/asset-04-fb4fab852666.png")}
#reconectarte::after{right:-100px;bottom:12%;transform:rotate(-2deg)}
#formacion::before{right:-280px;bottom:-170px;background-image:url("assets/asset-01-a2e78e2f8cea.png")}
#formacion::after{left:-80px;top:15%;transform:rotate(4deg)}
#escritura::before{left:-280px;bottom:-180px;background-image:url("assets/asset-03-8f227d59ad9c.png")}
#escritura::after{right:-100px;top:17%;transform:rotate(-3deg)}
#contacto::before{right:-300px;top:10px;background-image:url("assets/asset-02-cfb54f58bfb4.png")}
#contacto::after{left:-90px;bottom:8%;transform:rotate(2deg)}
/* Las acuarelas anteriores se mantienen, pero menos geométricas visualmente */
.wash{opacity:.32;filter:saturate(.92) contrast(.98)}
.blob{opacity:.42}
/* logo horizontal más legible sin tocar la cabecera aprobada */
.nav img{width:330px;max-height:70px;object-fit:contain;object-position:left center}
@media(max-width:720px){.nav img{width:250px}}


/* WordPress additions */
.contact-status{max-width:760px;margin:0 auto 26px;padding:16px 20px;border-radius:18px;background:#edf9f8;border:1px solid rgba(68,204,204,.42);font-weight:700}
.contact-status.error{background:#fff1ea;border-color:rgba(252,130,53,.48)}
.form input{width:100%;border:1px solid #cfc7bd;background:#fff;padding:13px 14px;font:inherit}
.wp-page{max-width:980px;margin:0 auto;padding:90px 24px;font-family:Arial,Helvetica,sans-serif;line-height:1.7;color:#25211e}
.wp-page h1,.wp-page h2,.wp-page h3{font-family:Georgia,'Times New Roman',serif}
.wp-page h1{font-size:clamp(2.7rem,5vw,4.6rem)}
.wp-page a{color:#257778;text-decoration:underline}