/*
Theme Name: Método JOY
Description: Landing de Método JOY, adaptada de creativestudioacademy.es con bloques editables de WordPress.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: joy-method
*/
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(assets/inter-400.ttf) format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(assets/inter-500.ttf) format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(assets/inter-600.ttf) format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(assets/inter-700.ttf) format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(assets/inter-800.ttf) format('truetype')}
:root{color-scheme:dark;--joy-red:#dc2626;--joy-muted:#a1a1aa;--joy-border:#ffffff1a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:#000;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.625}h1,h2,h3,p,figure,blockquote,ul{margin:0}h1,h2,h3{color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fca5a5;outline-offset:5px}button{cursor:pointer}strong{font-weight:700;color:#fff}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}
.joy-site{position:relative;overflow:clip;background:radial-gradient(ellipse 55% 35% at 50% 7%,#7f1d1d45,transparent 75%),#000}.joy-site::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 55%)}.joy-main,.joy-footer{position:relative}.joy-main{padding:7rem 0 5rem}.joy-section{width:100%;max-width:64rem;padding:0 1rem;margin:0 auto 6rem}.joy-section:last-child{margin-bottom:0}.joy-section h2{font-size:3rem;line-height:1.08;letter-spacing:-.02em;font-weight:800;text-align:center;text-wrap:balance}.joy-section h3{font-size:1.25rem;font-weight:700;line-height:1.35;letter-spacing:-.025em}.joy-section p{color:var(--joy-muted)}.joy-section .joy-gradient{color:#fa8c8c;background:linear-gradient(90deg,#f87171,#fca5a5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.joy-eyebrow{text-align:center!important;margin-bottom:1.5rem!important}.joy-eyebrow span{display:inline-block;border:1px solid var(--joy-border);border-radius:999px;background:#ffffff0f;color:#d4d4d8;padding:.375rem 1rem;font-size:.875rem;font-weight:500}.joy-lead{max-width:36rem;text-align:center;margin:1.25rem auto 0!important;font-size:1.125rem;line-height:1.625}.joy-space{margin-top:3rem}.joy-header{position:fixed;z-index:30;top:1.5rem;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.joy-header-inner{display:flex;gap:.75rem;align-items:center;pointer-events:auto}.joy-brand{border:1px solid #ffffff26;background:#0009;backdrop-filter:blur(12px);border-radius:999px;padding:.375rem 1rem;font-size:.875rem;font-weight:700;white-space:nowrap;line-height:1.5}.joy-brand span{color:#f87171}.joy-brand em{color:var(--joy-muted);font-style:normal;font-weight:400;margin-left:.25rem}.joy-cta,.joy-buttons .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:4rem;padding:.8rem 3.5rem;border:0;border-radius:.75rem;background:var(--joy-red);color:#fff!important;font-size:1.125rem;font-weight:700;line-height:1.5;letter-spacing:-.025em;box-shadow:0 8px 30px -8px #ef444499;transition:background .2s,transform .2s;text-align:center}.joy-cta:hover,.joy-buttons .wp-block-button__link:hover{background:#ef4444;transform:translateY(-1px)}.joy-header .joy-cta{min-height:3rem;padding:.65rem 2rem;font-size:1rem}.joy-cta span,.joy-buttons span{font-size:1.3em}.joy-buttons{display:flex;justify-content:center;margin-top:2.5rem;gap:1rem}.joy-hero{text-align:center}.joy-proof{display:flex;align-items:center;gap:.75rem;justify-content:center;width:fit-content;max-width:100%;margin:0 auto 2.25rem;padding:.5rem 1.25rem;border:1px solid var(--joy-border);border-radius:999px;background:#ffffff0f}.joy-proof p{font-size:.875rem;line-height:1.3;text-align:left}.joy-proof strong{font-weight:500}.joy-avatars{display:flex;flex-shrink:0}.joy-avatars figure{margin:0 0 0 -.375rem!important}.joy-avatars figure:first-child{margin-left:0!important}.joy-avatars img{width:1.5rem;height:1.5rem;object-fit:cover;border-radius:50%;border:1px solid #0006}.joy-hero h1{font-size:3.5rem;line-height:1.06;letter-spacing:-.03em;font-weight:800;text-wrap:balance;margin:0 auto;max-width:64rem;padding:0 .25rem}.joy-hero .joy-intro{max-width:42rem;margin:1.75rem auto 0;font-size:1.25rem;line-height:1.4;text-wrap:balance}.joy-presentation{width:100%;max-width:56rem;margin:2.5rem auto 3rem;padding:.625rem;border:1px solid var(--joy-border);border-radius:1rem;background:#ffffff0a;box-shadow:0 20px 70px -20px #ef444459}.joy-poster{position:relative;display:block;overflow:hidden;border-radius:.75rem;border:1px solid #ffffff0d;background:#000}.joy-poster>img{width:100%;aspect-ratio:16/9;object-fit:cover}.joy-poster::after{content:"";position:absolute;inset:0;background:#0005;pointer-events:none}.joy-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:5rem;height:5rem;background:#dc2626;border-radius:50%;color:#fff;box-shadow:0 8px 30px -8px #ef4444cc;transition:scale .2s}.joy-play svg{width:1.75rem;height:1.75rem;margin-left:.25rem}.joy-poster:hover .joy-play{scale:1.08}.joy-caption{position:absolute;left:1rem;bottom:.75rem;color:#fff!important;z-index:1;font-size:.75rem;letter-spacing:.17em}.joy-video{width:100%;aspect-ratio:16/9;border:0;display:block}.joy-hero .joy-buttons{margin-top:0}.joy-note{margin-top:1rem!important;font-size:.875rem!important;text-align:center;color:#97979f!important}.joy-trusted{max-width:none;padding:0;overflow:hidden}.joy-trusted-title{text-transform:uppercase;letter-spacing:.25em;font-size:1rem;font-weight:600;text-align:center;margin-bottom:2.5rem!important}.joy-marquee-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.joy-marquee{display:flex;width:max-content;gap:1rem;padding:.5rem;animation:joy-marquee 40s linear infinite}.joy-marquee:hover,.joy-marquee:focus-within{animation-play-state:paused}.joy-person{display:flex;align-items:center;gap:.75rem;flex-shrink:0;border-radius:999px;padding:.5rem 1.25rem .5rem .5rem;background:#fff;border:2px solid #ef444466;box-shadow:0 0 22px -4px #ef444473}.joy-person img{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.joy-person p{font-size:.875rem;color:#0f172a;font-weight:700;white-space:nowrap}@keyframes joy-marquee{to{transform:translateX(-50%)}}.joy-grid{display:grid;gap:1rem;margin-top:3rem}.joy-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.joy-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.joy-pain-grid{gap:2.5rem}.joy-prose p+p{margin-top:1rem}.joy-prose{font-size:1.125rem;line-height:1.625}.joy-pains{list-style:none;padding:0;display:grid;gap:.75rem}.joy-pains li{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border:1px solid var(--joy-border);border-radius:.75rem;background:#ffffff0a;font-size:1rem;color:#d4d4d8}.joy-pains li::before{content:"×";flex-shrink:0;color:#ef4444;font-size:1.4rem;font-weight:600;line-height:1.15}.joy-card{border:1px solid var(--joy-border);border-radius:1rem;background:#ffffff0a;padding:2rem;backdrop-filter:blur(4px);min-width:0}.joy-card .joy-number{font-size:1.875rem;line-height:1.2;font-weight:800;color:#ef4444;margin-bottom:1rem}.joy-card p{margin-top:.75rem}.joy-card h3{font-size:1.125rem}.joy-phase h3{font-size:1.25rem;margin-top:1.25rem}.joy-phase .joy-week{display:flex;align-items:center;gap:.75rem;color:#f87171;margin-top:0;text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.15em}.joy-week span:first-child{display:grid;place-items:center;flex-shrink:0;width:2.5rem;height:2.5rem;background:#dc262633;border-radius:50%;font-size:1rem;letter-spacing:0}.joy-phase .joy-phase-caption{margin-top:.25rem;font-size:.875rem;color:#97979f}.joy-checks{list-style:none;padding:0;margin-top:1.25rem;display:grid;gap:.625rem}.joy-checks li{display:flex;gap:.625rem;color:#d4d4d8;font-size:1rem}.joy-checks li::before{content:"✓";color:#ef4444;flex-shrink:0;font-weight:700}.joy-story{display:grid;grid-template-columns:1.1fr 1.4fr;align-items:center;gap:3rem;padding:2.5rem}.joy-story img{width:100%;border-radius:.75rem;aspect-ratio:896/1216;object-fit:cover}.joy-story h2{text-align:left;font-size:2.25rem;margin-top:1rem;overflow-wrap:anywhere}.joy-story p{font-size:1.125rem}.joy-story .joy-story-label{margin:0;color:#f87171;font-size:.875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.joy-story p+p{margin-top:1rem}.joy-testimonials{gap:1.25rem}.joy-testimonial{display:flex;flex-direction:column;padding:1.75rem}.joy-testimonial::before{content:"“";font-size:3rem;line-height:.8;color:#ef4444}.joy-quote{margin-top:1rem!important;flex:1;color:#d4d4d8!important;font-size:1rem;line-height:1.625}.joy-author{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--joy-border)}.joy-author img{height:2.75rem;width:2.75rem;border-radius:50%;object-fit:cover;border:1px solid #fff3}.joy-author p{font-size:.875rem;margin:0}.joy-author strong{font-size:.875rem}.joy-faq{max-width:48rem}.joy-faq h2{font-size:2.25rem}.joy-faq-list{margin-top:2.5rem}.joy-faq details{border-bottom:1px solid var(--joy-border);padding:0}.joy-faq summary{list-style:none;cursor:pointer;position:relative;padding:1.25rem 2rem 1.25rem 0;font-weight:600;line-height:1.5}.joy-faq summary::-webkit-details-marker{display:none}.joy-faq summary::after{content:"⌄";position:absolute;right:.25rem;top:1.05rem;color:#a1a1aa;font-size:1.25rem;transition:transform .2s}.joy-faq details[open] summary::after{transform:rotate(180deg)}.joy-faq summary:hover{color:#f87171}.joy-faq details>p{padding-bottom:1.25rem}.joy-apply{max-width:42rem}.joy-form-wrap{margin-top:2.5rem}.joy-form{border-radius:1rem;padding:2.5rem;background:#fff;box-shadow:0 25px 50px -12px #0004;color:#18181b;color-scheme:light}.joy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.joy-field{min-width:0;margin-top:1.25rem}.joy-fields .joy-field{margin:0}.joy-field label{display:block;font-size:.875rem;font-weight:600;color:#27272a;margin-bottom:.5rem}.joy-field input,.joy-field select,.joy-field textarea{display:block;width:100%;min-width:0;border:1px solid #e4e4e7;background:#fafafa;border-radius:.75rem;padding:.875rem 1rem;font-size:1rem;line-height:1.5;color:#18181b;outline:none;transition:box-shadow .2s}.joy-field input:focus,.joy-field select:focus,.joy-field textarea:focus{box-shadow:0 0 0 3px #ef444466;border-color:#f87171}.joy-field textarea{resize:vertical;min-height:8rem}.joy-field input::placeholder,.joy-field textarea::placeholder{color:#71717a}.joy-selects{margin-top:1.25rem}.joy-form .joy-cta{width:100%;margin-top:2rem}.joy-form .joy-note{color:#71717a!important}.joy-form-error{margin-top:1rem!important;padding:.75rem 1rem;border:1px solid #fecaca;border-radius:.75rem;background:#fef2f2;color:#b91c1c!important;font-size:.875rem}.joy-success{text-align:center}.joy-success h3{color:#18181b;font-size:1.5rem}.joy-success p{color:#52525b;margin-top:1rem}.joy-success-mark{font-size:2.5rem;color:var(--joy-red);line-height:1;margin-bottom:1.5rem}.joy-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.joy-footer{border-top:1px solid #ffffff0d;padding:2.5rem 1rem;text-align:center}.joy-footer-brand{font-size:1.125rem;font-weight:800;letter-spacing:-.025em}.joy-footer-brand span{color:#ef4444}.joy-footer-tagline{max-width:24rem;margin:.5rem auto 0;color:#97979f;font-size:.875rem}.joy-copyright{margin-top:1.5rem;color:#97979f;font-size:.75rem}.joy-skip{position:fixed;top:-10rem;left:1rem;z-index:99999;background:#fff;color:#000;padding:.75rem 1rem;border-radius:.5rem}.joy-skip:focus{top:1rem}.admin-bar .joy-header{top:calc(1.5rem + 32px)}.joy-generic{min-height:65vh}.joy-generic h1{font-size:3rem;line-height:1.2;margin-bottom:2rem}.joy-generic a{text-decoration:underline}
@media(max-width:767px){.joy-main{padding-top:5rem}.joy-header{top:1rem}.joy-header .joy-cta{min-height:2.75rem;padding:.6rem 1.5rem;font-size:.875rem}.joy-section{margin-bottom:4rem}.joy-section h2{font-size:1.875rem;line-height:1.2}.joy-hero h1{font-size:1.875rem;line-height:1.1;letter-spacing:-.025em}.joy-proof{padding:.5rem 1rem;gap:.625rem;margin-bottom:1.5rem}.joy-proof p{font-size:.75rem}.joy-hero .joy-intro{font-size:1rem;line-height:1.625;margin-top:1.25rem}.joy-presentation{max-width:95%;padding:.375rem;border-radius:.75rem;margin:2rem auto}.joy-poster{border-radius:.5rem}.joy-play{width:4rem;height:4rem}.joy-caption{font-size:.75rem;letter-spacing:.1em;left:.75rem}.joy-cta,.joy-buttons .wp-block-button__link{min-height:3.5rem;padding:.8rem 2rem;font-size:1rem}.joy-hero .joy-buttons,.joy-hero .wp-block-button,.joy-hero .wp-block-button__link{width:100%}.joy-lead,.joy-prose{font-size:1rem}.joy-grid{margin-top:3rem}.joy-pain-grid,.joy-testimonials{grid-template-columns:1fr}.joy-pain-grid{gap:2rem}.joy-card{padding:1.5rem}.joy-story{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.joy-story figure{max-width:25rem;margin:auto}.joy-story h2{font-size:1.875rem}.joy-story p{font-size:1rem}.joy-trusted-title{font-size:.875rem;margin-bottom:2rem!important}.joy-form{padding:1.5rem}.joy-faq h2{font-size:1.875rem}.admin-bar .joy-header{top:calc(1rem + 46px)}}
@media(max-width:639px){.joy-brand{display:none}.joy-grid-two,.joy-grid-three,.joy-fields{grid-template-columns:1fr}.joy-field,.joy-fields .joy-field+.joy-field{margin-top:1.25rem}.joy-fields{gap:0}.joy-fields .joy-field:first-child{margin:0}.joy-story figure{max-width:100%}.joy-section h2,.joy-hero h1{overflow-wrap:break-word}.joy-proof{padding:.5rem .75rem}.joy-caption{font-size:.75rem;letter-spacing:.025em}.joy-person p{font-size:.875rem}}
.joy-site .wp-block-image{margin:0}.joy-author .wp-block-image{flex-shrink:0}.joy-person .wp-block-image{flex-shrink:0}.joy-story>*{min-width:0}.joy-story .wp-block-heading{overflow-wrap:anywhere}
@media(max-width:639px){.joy-story h2{font-size:clamp(1.125rem,6.5vw,1.875rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.joy-marquee{animation:none}.joy-cta,.joy-poster,.joy-play{transition:none}}