@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');:root{--purple:#48034f;--lime:#d6ff28;--pink:#ff54ae;--cream:#fff0e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff9f6;color:var(--purple);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button{cursor:pointer;font:inherit}.skip{position:absolute;top:-80px;left:10px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.desktop-hero{position:relative;max-width:1920px;margin:auto;line-height:0}.desktop-hero>img{display:block;width:100%;height:auto}.image-links{position:absolute;inset:0;pointer-events:none}.hit{position:absolute;display:block;border:0;background:transparent;pointer-events:auto;cursor:pointer;border-radius:20px}.hit:focus-visible{outline:4px solid #00d47b;outline-offset:2px}.services{left:30.4%;top:3.8%;width:8%;height:6%}.ideas{left:40%;top:3.8%;width:11%;height:6%}.how{left:51.5%;top:3.8%;width:11.5%;height:6%}.portfolio{left:62%;top:3.8%;width:7%;height:6%}.contact{left:69%;top:3.8%;width:6%;height:6%}.es{left:75.7%;top:3.5%;width:4%;height:6%}.en{left:79.5%;top:3.5%;width:4%;height:6%}.talk{left:84.5%;top:3%;width:13%;height:8%}.hero-wa{left:4.5%;top:70%;width:22%;height:8.5%}.reel{left:26.6%;top:70%;width:12%;height:8.5%}.bottom-services{left:3%;top:86%;width:94%;height:12%}.mobile-header,.mobile-hero{display:none}.section{max-width:1240px;margin:auto;padding:95px 28px;scroll-margin-top:30px}.section h2{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(36px,4vw,62px);letter-spacing:-.05em;line-height:1.07;max-width:780px;margin:12px 0 22px}.kicker{color:#ae3e8c;font-weight:800;font-size:13px;letter-spacing:.15em}.lead{font-size:19px;max-width:650px;line-height:1.55}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.service{padding:30px;border:1px solid #f0d7e7;background:white;border-radius:26px;min-height:230px;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-5px);box-shadow:0 18px 45px #48034f16}.service>span{font-size:35px;color:#9e148f}.service h3{font-family:Outfit;font-size:23px;line-height:1.2;margin:16px 0 10px}.service p{color:#674c68;line-height:1.55;margin:0}.tint{max-width:none;background:#fff0f5;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2))}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.idea{min-height:230px;border-radius:28px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.idea span{font-size:12px;font-weight:800;letter-spacing:.13em}.idea strong{font-family:Outfit;font-size:30px;line-height:1.1}.violet{background:#50005b;color:white}.pink{background:#ff8ec8;color:#43064d}.limebg{background:var(--lime)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.steps b{font-size:45px;color:#ca40a1;font-family:Outfit}.steps h3{font-family:Outfit;font-size:24px}.steps p{line-height:1.5}.contact-section{text-align:center}.contact-section h2,.contact-section p{margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 26px;border-radius:40px;font-weight:800;margin:12px 10px 0 0}.lime{background:var(--lime);color:#3c0347}.dark{background:var(--purple);color:white}.outline{border:1px solid white;color:white}footer{background:var(--purple);color:white;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:34px max(28px,calc((100vw - 1184px)/2));flex-wrap:wrap}.whatsapp{position:fixed;right:23px;bottom:22px;z-index:50;width:64px;height:64px;background:#20c767;border:3px solid white;border-radius:50%;display:grid;place-items:center;color:white;box-shadow:0 8px 25px #0004;transition:transform .2s}.whatsapp:hover{transform:scale(1.08)}.whatsapp svg{width:36px;height:36px}@media(max-width:850px){.desktop-hero{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:var(--cream);gap:12px}.brand{display:flex;align-items:center;gap:9px}.brand strong{font-family:Outfit;font-size:clamp(22px,5vw,32px);letter-spacing:-.06em;display:block}.brand small{font-size:9px;font-weight:700;display:block}.plum{color:#750c78;font-size:50px;position:relative;line-height:1}.plum i{position:absolute;left:22px;top:-5px;color:#8dcc00;font-size:19px;font-style:normal}.langs{display:flex;background:white;border-radius:25px;padding:3px}.langs button{border:0;background:none;color:var(--purple);padding:9px;font-weight:800;border-radius:20px}.langs button.active{background:var(--purple);color:white}.mobile-hero{display:block;position:relative;background:linear-gradient(160deg,#360044,#6c1677 75%,#a73591);color:white;overflow:hidden}.mobile-art{height:330px;background-image:url('ciruela-design.png');background-size:auto 590px;background-position:70% 20%;background-repeat:no-repeat;mask-image:linear-gradient(to bottom,#000 80%,transparent)}.mobile-copy{padding:0 23px 45px;position:relative;margin-top:-20px}.eyebrow{color:var(--lime);font-weight:900;font-size:12px}.mobile-copy h1{font-family:Outfit;font-size:clamp(42px,10vw,65px);letter-spacing:-.055em;line-height:.98;margin:15px 0}.mobile-copy h1 span,.mobile-copy h1 em{display:block;font-style:normal}.mobile-copy h1 em{color:var(--lime)}.mobile-copy p{font-size:16px;max-width:420px;line-height:1.5}.mobile-copy .btn{font-size:14px;padding:15px 20px}.section{padding:65px 22px}.cards{grid-template-columns:repeat(2,1fr)}.idea-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:15px}.tint{padding-left:22px;padding-right:22px}.whatsapp{width:58px;height:58px;right:15px;bottom:15px}}@media(max-width:540px){.cards{grid-template-columns:1fr}.service{min-height:unset}.mobile-art{height:270px;background-size:auto 490px;background-position:69% 19%}.section h2{font-size:39px}.lead{font-size:17px}footer{display:block}footer>*{display:block;margin:10px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Ciruela Studio V2 — vivid sections beneath the original hero */
:root{--lavender:#f9d6f2;--hotpink:#ef46ae}
#servicios{position:relative;max-width:none;overflow:hidden;text-align:center;padding:74px max(30px,calc((100vw - 1450px)/2)) 105px;background:radial-gradient(ellipse at 6% 70%,#ffd3f6 0,transparent 28%),radial-gradient(ellipse at 96% 28%,#fff1a6 0,transparent 26%),linear-gradient(180deg,#fff9f6 0%,#fff0f8 100%)}
#servicios .kicker{position:relative;z-index:2}#servicios h2{font-family:'DM Sans',sans-serif;font-weight:800;letter-spacing:-.037em;font-size:clamp(32px,3.1vw,52px);line-height:1.15;max-width:1000px;margin:12px auto 12px}#servicios .lead{margin:0 auto;font-size:17px}#servicios h2::after{content:'';display:block;width:180px;height:6px;background:var(--lime);border-radius:50%;transform:rotate(-2deg);margin:9px auto 0}.handwritten{position:absolute;right:6%;top:85px;font-family:cursive;font-size:18px;color:#7d156e;transform:rotate(-8deg);max-width:155px;line-height:1.15}.sparkle{position:absolute;z-index:0;color:#ef4eb1;font-size:80px;font-family:cursive;opacity:.7}.deco-one{left:4%;top:125px;transform:rotate(-15deg)}.deco-two{right:15%;top:110px;font-size:52px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:55px;text-align:left}.service{position:relative;min-height:305px;padding:15px 22px 55px;background:rgba(255,255,255,.94);border:1px solid #ffe0f0;border-radius:36px;box-shadow:0 16px 40px #6807590b;overflow:hidden}.service-art{height:132px;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.art-glow{position:absolute;width:130px;height:88px;border-radius:50%;filter:blur(20px);background:#ffb4e3;opacity:.55}.art-emoji{position:relative;display:block;font-size:78px;line-height:1;filter:drop-shadow(0 12px 9px #3e003630);transform:rotate(-7deg);transition:transform .25s}.service:hover .art-emoji{transform:rotate(3deg) translateY(-8px) scale(1.08)}.art-2 .art-glow,.art-5 .art-glow{background:#cba7ff}.art-3 .art-glow,.art-6 .art-glow{background:#e6ff85}.service h3{font-family:'DM Sans',sans-serif;font-size:21px;font-weight:800;letter-spacing:-.025em;margin:7px 0 10px}.service p{font-size:15px;line-height:1.5}.service-arrow{position:absolute;right:20px;bottom:17px;width:38px;height:38px;display:grid;place-items:center;background:#ffedf5;border-radius:50%;font-size:24px;color:#75015d;transition:background .2s,transform .2s}.service-arrow:hover{background:var(--lime);transform:translate(2px,-2px)}
#ideas{background:linear-gradient(120deg,#500059,#871e82 65%,#b53791);color:white;position:relative}#ideas .kicker{color:#e5ff66}#ideas h2,#proceso h2,#portfolio h2,#contacto h2{font-family:'DM Sans',sans-serif;font-size:clamp(34px,3.5vw,54px);font-weight:800;letter-spacing:-.035em;line-height:1.12}#ideas .lead{color:#ffe6f7}.idea-grid{gap:22px}.idea{border:1px solid #ffffff45;min-height:300px;box-shadow:0 14px 30px #23002224}.idea-art{font-size:70px;text-align:center;filter:drop-shadow(0 12px 10px #35003633);transition:transform .25s}.idea:hover .idea-art{transform:translateY(-8px) rotate(6deg)}.idea strong{font-family:'DM Sans',sans-serif;font-size:26px;letter-spacing:-.03em}
#proceso{position:relative;background:#fff9f6}#proceso .steps>div{padding:30px;border-radius:28px;background:linear-gradient(145deg,#fff,#fff0f9);border:1px solid #f7d9eb;box-shadow:0 12px 24px #47004d0a}#proceso .steps b{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#eaff86;color:#48034f;font-size:30px}#proceso .steps h3{font-family:'DM Sans',sans-serif;font-size:22px;letter-spacing:-.02em}
.portfolio-section{position:relative;background:linear-gradient(115deg,#ffe4f4,#fff5e8)}.portfolio-deco{font-size:65px;letter-spacing:20px;margin-bottom:15px}.contact-section{background:linear-gradient(135deg,#540060,#9e198c);color:white;max-width:none}.contact-section .kicker{color:#e2ff55}.contact-art{font-size:62px;letter-spacing:10px;margin-bottom:18px}.contact-section p{max-width:600px;line-height:1.55}#contacto .btn{box-shadow:0 10px 25px #2100214a}
@media(min-width:1200px){#servicios .cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}#servicios .service{min-height:285px;padding:12px 13px 53px;border-radius:28px}#servicios .service-art{height:110px}#servicios .art-emoji{font-size:65px}#servicios .service h3{font-size:16px}#servicios .service p{font-size:13px}#servicios .service-arrow{width:32px;height:32px;font-size:19px}}
@media(max-width:850px){#servicios{padding:70px 22px}#servicios .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.handwritten{display:none}.service{min-height:280px}.deco-one{left:-15px;top:140px;font-size:55px}.deco-two{right:10px;top:80px}.idea-art{font-size:60px}}
@media(max-width:540px){#servicios .cards{grid-template-columns:1fr;gap:18px}#servicios .service{min-height:260px}#servicios .service-art{height:115px}#servicios h2{font-size:33px}#ideas .idea{min-height:250px}.portfolio-deco,.contact-art{font-size:44px}}


/* Ciruela V3: compact story-driven sections, exact original heroine reused from approved artwork */
.v3-showcase,.v3-process,.v3-contact{position:relative;isolation:isolate;overflow:hidden;font-family:'DM Sans',sans-serif}.v3-showcase{background:radial-gradient(circle at 80% 10%,#a42f9d 0,transparent 45%),linear-gradient(135deg,#46004f,#790d7d 65%,#5a0468);color:white;padding:78px 30px 58px}.v3-showcase-inner,.v3-process-inner,.v3-contact-inner{max-width:1400px;margin:0 auto}.v3-eyebrow{display:block;font-size:14px;letter-spacing:.18em;font-weight:800;color:#d9ff2d}.v3-showcase h2,.v3-process h2,.v3-contact h2{font-family:'DM Sans',sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1.07;font-size:clamp(35px,4.2vw,67px);margin:12px 0 15px}.v3-showcase .v3-intro{max-width:650px;position:relative;z-index:2}.v3-intro p,.v3-process-head p,.v3-contact-copy p{font-size:clamp(17px,1.6vw,22px);line-height:1.5;margin:0}.v3-marker{display:inline-block;margin-top:22px;color:#e4ff65;font-weight:800;letter-spacing:.13em;font-size:12px}.v3-presenter{position:absolute;right:max(4%,calc((100vw - 1400px)/2));top:20px;width:clamp(210px,27vw,420px);z-index:1}.v3-mascot-ring{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ff8bc6,#b11f91 70%,transparent 73%);box-shadow:0 0 80px #ff62bc66;overflow:hidden;transform:rotate(5deg)}.v3-mascot-ring img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:drop-shadow(0 12px 16px #31003344)}.v3-bubble{position:absolute;top:4%;right:-5%;max-width:170px;background:#fff4ed;color:#5c045e;font-size:15px;font-weight:800;line-height:1.25;padding:17px;border-radius:28px;transform:rotate(8deg);box-shadow:0 10px 30px #24002555}.v3-glitter{position:absolute;font-size:95px;color:#ff73c7;opacity:.65;pointer-events:none}.v3-glitter-a{top:20px;left:48%}.v3-glitter-b{top:45%;right:1%}.v3-samples{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:70px}.v3-sample{border-radius:34px;padding:22px 23px 25px;min-height:315px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 30px #25002930;transition:transform .25s ease}.v3-sample:hover{transform:translateY(-8px) rotate(-1deg)}.v3-social{background:#fca2d4;color:#4c004f}.v3-video{background:#d5ff29;color:#4c004f}.v3-design{background:#f7d7ff;color:#4c004f}.v3-sample-top{display:flex;justify-content:space-between;font-weight:900;letter-spacing:.11em;font-size:13px}.v3-sample-top span:last-child{font-size:25px}.v3-sample h3{font-size:clamp(19px,2vw,27px);line-height:1.13;margin:10px 0 0;font-weight:800;letter-spacing:-.03em}.v3-mockup{display:flex;justify-content:center;align-items:center;height:180px}.v3-phone-screen{width:112px;height:168px;background:linear-gradient(140deg,#700079,#f848ac);border:6px solid #3f014c;border-radius:22px;transform:rotate(-9deg);box-shadow:14px 12px 0 #7a187144;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;gap:5px}.v3-mini-logo{font-size:10px;font-weight:800}.v3-heart{font-size:30px;color:#e3ff35}.v3-phone-screen strong{font-size:22px;line-height:1;text-align:center}.v3-video-card{height:170px;width:80%;max-width:265px;margin:auto;background:linear-gradient(145deg,#ff77bd,#890b88);border:8px solid #fff5f0;border-radius:23px;box-shadow:13px 12px 0 #7b196433;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(5deg)}.v3-play{font-size:32px;color:#55004e;background:white;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;padding-left:5px}.v3-video-label{position:absolute;bottom:9px;left:13px;right:13px;display:flex;justify-content:space-between;color:white;font-size:12px;font-weight:800}.v3-poster{height:170px;width:80%;max-width:260px;margin:auto;background:radial-gradient(circle at 80% 20%,#ffe79b,transparent 50%),linear-gradient(145deg,#bc4bed,#6b0074);border-radius:18px;transform:rotate(-5deg);box-shadow:12px 12px 0 #a13db53a;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e6ff2d}.v3-poster span{font-size:35px;align-self:flex-end;margin-right:24px}.v3-poster strong{font-size:57px;line-height:1;font-weight:900;letter-spacing:-.07em}.v3-poster i{font-size:11px;font-weight:800;letter-spacing:.1em;color:white}.v3-disclaimer{font-size:12px;color:#f8d6f5;text-align:right;margin:16px 5px 0}.v3-process{background:radial-gradient(circle at 10% 25%,#ffd3ee,transparent 28%),radial-gradient(circle at 90% 20%,#f8ffa6,transparent 25%),#fff7f4;padding:75px 30px 60px;color:#4a004e}.v3-process-head{text-align:center}.v3-process .v3-eyebrow{color:#c01d9e}.v3-process h2{margin-bottom:12px}.v3-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:48px}.v3-steps:before{content:'';position:absolute;left:10%;right:10%;top:54px;border-top:5px dashed #e969ba;opacity:.7}.v3-step{position:relative;text-align:center;padding:24px 20px 28px;border-radius:38px;background:#ffffffd9;box-shadow:0 14px 35px #74035b13;border:2px solid #ffe2f2;transition:transform .2s}.v3-step:hover{transform:translateY(-5px)}.v3-step:nth-child(2){transform:rotate(-2deg)}.v3-step:nth-child(2):hover{transform:rotate(-2deg) translateY(-5px)}.v3-step-icon{display:grid;place-items:center;margin:0 auto 8px;width:85px;height:85px;border-radius:30px;background:#d9ff35;font-size:48px;color:#6d0877;transform:rotate(-8deg)}.v3-step:nth-child(2) .v3-step-icon{background:#ff95cb}.v3-step:nth-child(3) .v3-step-icon{background:#d8adff}.v3-step-no{font-size:13px;letter-spacing:.15em;font-weight:900;color:#c42b9d}.v3-step h3{font-size:clamp(19px,2vw,27px);line-height:1.1;margin:8px 0;font-weight:800}.v3-step p{font-size:16px;line-height:1.45;margin:0}.v3-process-footer{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px;color:#b4249b;font-size:28px}.v3-text-link{font-size:16px;font-weight:800;border-bottom:3px solid #d1f731;padding:4px 0}.v3-contact{padding:45px 30px 48px;background:radial-gradient(circle at 85% 20%,#a02d9b,transparent 45%),linear-gradient(120deg,#4d0056,#800e80);color:white}.v3-anchor{position:absolute;top:0}.v3-contact-inner{display:grid;grid-template-columns:minmax(250px,.9fr) 1.1fr;align-items:center;gap:55px}.v3-contact-mascot{position:relative;max-width:420px;margin:auto;width:100%}.v3-contact-halo{aspect-ratio:1.15;background:radial-gradient(circle,#ffb2d9,#ef69b3 60%,#c833a0 80%,transparent 82%);border-radius:50%;overflow:hidden;box-shadow:0 0 65px #ff8dc477}.v3-contact-halo img{height:100%;width:100%;object-fit:cover;object-position:center 38%}.v3-spark{position:absolute;font-size:60px;color:#d9ff35;top:0;right:0}.v3-spark-two{color:#ff9cd4;top:auto;bottom:0;left:0;right:auto}.v3-contact h2{max-width:680px}.v3-contact-copy p{max-width:520px}.v3-contact-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;background:#d9ff2d;color:#4a004e;padding:14px 28px;border-radius:999px;font-weight:900;font-size:18px;margin-top:25px;box-shadow:0 10px 28px #2c003c44;transition:transform .2s}.v3-contact-button:hover{transform:translateY(-3px)}.v3-contact-note{display:block;margin-top:12px;font-size:13px;color:#ffe3f6}footer{padding:25px 40px}.v3-contact .v3-eyebrow{color:#d9ff2d}
@media(max-width:900px){.v3-presenter{width:250px;top:30px;right:10px;opacity:.75}.v3-intro{max-width:70%!important}.v3-samples{margin-top:80px}.v3-sample{padding:16px;min-height:280px}.v3-video-card,.v3-poster{width:95%}.v3-bubble{font-size:12px;max-width:130px}.v3-contact-inner{gap:20px}}
@media(max-width:650px){.v3-showcase{padding:55px 18px 38px}.v3-intro{max-width:100%!important;padding-right:0}.v3-showcase h2{max-width:90%}.v3-presenter{position:relative;top:auto;right:auto;width:230px;margin:18px auto -15px;opacity:1}.v3-bubble{right:-20%;top:15%}.v3-samples{grid-template-columns:1fr;margin-top:28px;gap:15px}.v3-sample{min-height:235px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;align-items:center}.v3-sample-top{grid-column:1/-1}.v3-sample h3{grid-column:1;grid-row:2;font-size:22px}.v3-mockup,.v3-video-card,.v3-poster{grid-column:2;grid-row:2;max-height:155px;max-width:150px}.v3-phone-screen{transform:rotate(-8deg) scale(.78)}.v3-video-card{height:120px}.v3-poster{height:120px}.v3-poster strong{font-size:38px}.v3-process{padding:50px 18px}.v3-steps{grid-template-columns:1fr;gap:14px;margin-top:28px}.v3-steps:before{display:none}.v3-step{padding:17px;display:grid;grid-template-columns:78px 1fr;column-gap:15px;text-align:left}.v3-step-icon{width:72px;height:72px;grid-row:1/4;margin:0;font-size:38px}.v3-step h3{margin:3px 0}.v3-step p{font-size:14px}.v3-step:nth-child(2){transform:none}.v3-contact{padding:38px 20px}.v3-contact-inner{grid-template-columns:1fr;gap:8px;text-align:center}.v3-contact-mascot{max-width:210px}.v3-contact-copy p{margin:auto}.v3-contact h2{font-size:38px}.v3-contact-button{font-size:16px}}
@media(prefers-reduced-motion:reduce){.v3-sample,.v3-step,.v3-contact-button{transition:none!important}}
/* Override legacy ID styles without altering the approved hero or service cards. */
#ideas.v3-showcase{background:radial-gradient(circle at 80% 10%,#a42f9d 0,transparent 45%),linear-gradient(135deg,#46004f,#790d7d 65%,#5a0468);color:#fff}
#proceso.v3-process{background:radial-gradient(circle at 10% 25%,#ffd3ee,transparent 28%),radial-gradient(circle at 90% 20%,#f8ffa6,transparent 25%),#fff7f4;color:#4a004e}
#contacto.v3-contact{background:radial-gradient(circle at 85% 20%,#a02d9b,transparent 45%),linear-gradient(120deg,#4d0056,#800e80);color:white}

/* V3.1 — compact mobile hero: preserve desktop, show only original mascot */
@media (max-width:850px){
 .mobile-header{padding:10px 14px;min-height:72px;gap:8px}
 .brand{min-width:0;gap:7px}.brand strong{font-size:clamp(19px,5vw,27px);letter-spacing:-.045em}.brand small{font-size:8px;line-height:1.2}
 .plum{font-size:36px}.plum i{left:16px;top:-5px;font-size:15px}
 .langs{flex-shrink:0}.langs button{padding:7px 9px}
 .mobile-art{height:215px;background-image:url('plum-portrait.png');background-size:auto 100%;background-position:center center;background-repeat:no-repeat;mask-image:none;-webkit-mask-image:none;background-color:transparent}
 .mobile-copy{margin-top:0;padding:12px 20px 30px;text-align:center}
 .mobile-copy h1{font-size:clamp(32px,7.8vw,46px);letter-spacing:-.045em;line-height:1.05;margin:10px auto 12px;max-width:580px}
 .mobile-copy p{font-size:14px;line-height:1.4;margin:0 auto 12px;max-width:420px}
 .mobile-copy .btn{font-size:13px;padding:12px 16px;margin:8px 4px 0}
 .eyebrow{font-size:11px}
}
@media(max-width:540px){
 .mobile-art{height:190px;background-size:auto 100%;background-position:center}
 .mobile-copy{padding:10px 15px 25px}
 .mobile-copy h1{font-size:clamp(29px,8.3vw,39px)}
 .mobile-copy .btn{display:inline-flex;max-width:100%;font-size:12px;padding:12px 15px}
 .whatsapp{width:52px;height:52px}.whatsapp svg{width:30px;height:30px}
}


/* V3.2: Mobile-first polish; desktop hero remains untouched. */
@media(max-width:850px){
 .mobile-header{min-height:66px;padding:9px 15px;gap:8px;align-items:center}
 .brand{gap:8px;min-width:0}
 .brand .plum{display:block;flex:0 0 47px;width:47px;height:47px;font-size:0;color:transparent;background:url('logo-plum.png') center/contain no-repeat;overflow:hidden;border-radius:50%}
 .brand .plum i{display:none}
 .brand strong{font-size:clamp(18px,4.8vw,26px);letter-spacing:-.045em;line-height:1.05}
 .brand small{font-size:clamp(7px,1.8vw,10px);line-height:1.25;margin-top:4px;white-space:normal}
 .langs{flex-shrink:0;padding:3px}.langs button{min-width:36px;min-height:38px;padding:6px 7px}
 .mobile-hero{background:radial-gradient(circle at 55% 5%,#7b2488 0%,transparent 49%),linear-gradient(155deg,#390044 10%,#670b75 75%,#9c2b95);text-align:center}
 .mobile-art{height:clamp(174px,39vw,250px);background-image:url('plum-portrait.png');background-size:auto 100%;background-position:center top;background-repeat:no-repeat;mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);filter:drop-shadow(0 8px 16px #ee77d633)}
 .mobile-copy{margin-top:-2px;padding:0 16px 26px;text-align:center}
 .mobile-copy h1{font-size:clamp(30px,7vw,47px);line-height:1.08;letter-spacing:-.042em;max-width:650px;margin:9px auto 12px}
 .mobile-copy p{font-size:clamp(13px,3.3vw,16px);line-height:1.4;max-width:460px;margin:0 auto 14px}
 .eyebrow{font-size:clamp(10px,2.7vw,12px);letter-spacing:.04em}
 .mobile-copy .btn{min-height:43px;padding:11px 17px;font-size:clamp(12px,3.1vw,14px);margin:5px 4px 0;box-shadow:0 8px 22px #23002c30}
 .mobile-copy .outline{border:1.5px solid #fff9}
 .mobile-copy .btn:active{transform:scale(.97)}
 .whatsapp{width:52px;height:52px;right:13px;bottom:max(17px,env(safe-area-inset-bottom));box-shadow:0 9px 22px #3d004e55;border:3px solid #fff}
 .whatsapp svg{width:29px;height:29px}
 .whatsapp:before{content:'¡Hola! 💜';position:absolute;right:calc(100% + 8px);top:4px;white-space:nowrap;background:#fff7f2;color:#64046d;font-weight:800;font-size:12px;padding:8px 11px;border-radius:15px 15px 3px 15px;box-shadow:0 5px 16px #36003c25;pointer-events:none}
 .v3-steps:before{display:none}
 .v3-process-footer{margin-top:20px}
 #servicios{padding-top:46px}
}
@media(max-width:540px){
 .mobile-header{padding:8px 11px;min-height:62px}
 .brand .plum{flex-basis:41px;width:41px;height:41px}
 .brand strong{font-size:clamp(17px,4.9vw,22px)}
 .brand small{font-size:7.5px}
 .mobile-art{height:clamp(166px,45vw,210px)}
 .mobile-copy{padding:0 13px 23px}
 .mobile-copy h1{font-size:clamp(29px,7.4vw,38px)}
 .mobile-copy .btn{font-size:12px;padding:11px 12px;margin:5px 3px 0}
 .section h2{font-size:clamp(30px,8.2vw,39px)}
 .v3-process{padding:42px 16px}
 .v3-steps{gap:13px}
 .v3-step{border-radius:25px}
}
@media(max-width:365px){
 .brand small{max-width:175px}.brand strong{font-size:17px}
 .mobile-copy .btn{font-size:11px;padding:10px 9px}
 .whatsapp:before{font-size:10px;padding:7px}
}
@media(prefers-reduced-motion:no-preference){
 @media(max-width:850px){.mobile-art{animation:ciruela-float 5s ease-in-out infinite}.whatsapp:before{animation:ciruela-greet 4.5s ease-in-out infinite}}
 @keyframes ciruela-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
 @keyframes ciruela-greet{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
}


/* V3.3: mobile studio scene using the unaltered approved desktop artwork. */
@media (max-width:850px){
 .mobile-hero{background:linear-gradient(180deg,#42004d 0%,#50055d 58%,#7a1883 100%);overflow:hidden}
 .mobile-art{
  height:clamp(250px,67vw,420px);
  background-image:linear-gradient(to bottom,rgba(64,0,73,0) 69%,#50055d 100%),url('ciruela-mobile-studio.jpg');
  background-size:100% 100%,cover;
  background-position:center,center 48%;
  background-repeat:no-repeat;
  mask-image:none;-webkit-mask-image:none;
  filter:none;animation:none!important;
 }
 .mobile-copy{margin-top:-5px;padding:0 16px 28px;position:relative;z-index:1}
 .mobile-copy h1{font-size:clamp(29px,7.2vw,44px);line-height:1.06}
 .mobile-copy .btn{font-size:clamp(11px,2.8vw,14px)}
 .whatsapp:before{display:none!important;animation:none!important}
 .whatsapp:focus-visible:before,.whatsapp:hover:before{display:block!important}
}
@media(max-width:540px){
 .mobile-art{height:clamp(245px,70vw,315px);background-position:center,center 46%}
 .mobile-copy{padding:0 13px 24px}
 .mobile-copy h1{font-size:clamp(28px,7.1vw,36px)}
 .mobile-copy p{margin-bottom:9px}
 .mobile-copy .btn{padding:11px 12px;margin:5px 3px 0}
}
@media(prefers-reduced-motion:reduce){.mobile-art{animation:none!important}}

/* V3.4: mobile-only composition refinement; no desktop changes. */
@media(max-width:850px){
 .mobile-art{
   background-image:linear-gradient(to bottom,transparent 68%,#50055d 100%),url('ciruela-mobile-studio.jpg');
   background-size:100% 100%,cover;
   background-position:center,center 45%;
 }
}

/* V3.5 mobile: original mascot and office props, recomposed without embedded headline fragments. */
@media(max-width:850px){
 .mobile-hero{background:linear-gradient(180deg,#54105e 0%,#50055d 63%,#7a1883 100%)}
 .mobile-art{height:clamp(265px,68vw,450px);background-image:url('ciruela-mobile-studio-v35.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat;mask-image:none;-webkit-mask-image:none;filter:none;animation:none!important}
 .mobile-copy{margin-top:-5px;position:relative;z-index:1}
 .whatsapp:before{display:none!important;animation:none!important}
}
@media(max-width:540px){
 .mobile-art{height:clamp(275px,78vw,360px);background-position:center center}
 .mobile-copy{padding-bottom:25px}
 .mobile-copy .btn{white-space:normal}
}

/* Ciruela Studio V3.6 — approved mobile office artwork. Desktop unchanged. */
@media (max-width:850px) {
  .mobile-hero { background:linear-gradient(180deg,#560666 0%,#681075 100%); overflow:hidden; }
  .mobile-art {
    display:block; width:100%; height:auto; aspect-ratio:941 / 580;
    background-image:url('ciruela-mobile-approved.jpg');
    background-size:100% 100%; background-position:center center;
    background-repeat:no-repeat;
    mask-image:none; -webkit-mask-image:none;
    filter:none; transform:none; animation:none!important;
  }
  .mobile-copy { margin-top:0; padding:10px 16px 30px; text-align:center; }
  .mobile-copy h1 { font-size:clamp(29px,7.15vw,48px); line-height:1.08; }
  .mobile-copy p { max-width:540px; }
  .mobile-copy .btn { border-radius:50px; }
  .whatsapp:before { display:none!important; }
  .whatsapp:hover:before,.whatsapp:focus-visible:before { display:block!important; }
}
@media (max-width:540px) {
  .mobile-art { height:auto; aspect-ratio:941 / 580; background-position:center; }
  .mobile-copy { padding:9px 12px 27px; }
  .mobile-copy h1 { font-size:clamp(28px,7.2vw,38px); }
  .mobile-copy .btn { font-size:clamp(11px,3vw,13px); padding:12px 13px; margin:5px 3px 0; }
}