:root{--turquoise:#00afc5;--gold:#ffc33b;--orange:#f77738;--paper:#fffcf7}
header{border-bottom:0;position:relative}header::after{content:'';position:absolute;bottom:0;left:48px;right:48px;height:3px;background:linear-gradient(90deg,var(--purple) 0 55%,var(--turquoise) 55% 73%,var(--gold) 73% 88%,var(--orange) 88%)}
.brand img{width:64px;height:56px;object-fit:contain;border-radius:0}.brand small{letter-spacing:2.6px}
nav a[aria-current="page"]::after{background:var(--turquoise);height:3px}.home-link{display:flex;align-items:center;gap:6px}.home-link img{width:30px;height:27px;object-fit:contain}
.hero{padding-top:65px;padding-bottom:60px}.hero h1 em{position:relative;display:inline-block}.hero h1 em::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:5px;background:var(--turquoise);clip-path:polygon(0 0,100% 35%,98% 100%,2% 65%)}
.eyebrow i{border-radius:0;background:var(--orange);transform:rotate(45deg)}
.hero-art{position:relative;background:#f4ecfd;border-radius:8px 65px 8px 65px;padding:35px 20px 0;isolation:isolate;overflow:hidden}
.hero-art::before{content:'';position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:#d6f2f0;top:5%;left:10%;z-index:-1}
.hero-art::after{content:'';position:absolute;width:110px;height:110px;right:-20px;bottom:90px;background:var(--gold);clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(20deg);z-index:-1}
.hero-art>img{aspect-ratio:1.15;object-fit:contain;width:100%;position:relative;z-index:1;filter:drop-shadow(0 12px 10px #39105c15)}
.hero-art .art-caption{position:relative;margin-top:20px;padding:20px 0;background:transparent;border-color:#d5c4e8;z-index:2}
.alebrije-detail{position:absolute;inset:0;z-index:-1;pointer-events:none}.alebrije-detail i{position:absolute;width:22px;height:22px;display:block;background:var(--turquoise);clip-path:polygon(50% 0,100% 100%,0 100%)}.alebrije-detail i:nth-child(1){left:5%;top:18%;background:var(--orange);transform:rotate(-18deg)}.alebrije-detail i:nth-child(2){right:12%;top:9%;background:var(--gold);width:40px;height:40px;transform:rotate(15deg)}.alebrije-detail i:nth-child(3){left:9%;bottom:23%;border-radius:50%;clip-path:none;width:12px;height:12px}.alebrije-detail i:nth-child(4){right:5%;top:43%;background:var(--orange);width:12px;height:12px;clip-path:none;transform:rotate(45deg)}
.hero-note{border-image:linear-gradient(90deg,#d3bce8,#a5dedf,#f6dd9a) 1}
.strip{background:#ecf7f4;border-color:#d0eae4;color:#245e62}.strip b:nth-of-type(1){color:var(--orange)}.strip b:nth-of-type(2){color:var(--purple)}.strip b:nth-of-type(3){color:#c18b0c}
.services-section{background:#f7f3fa}.services-section .section-head{position:relative}.section-head h2::after{content:'';display:block;width:72px;height:6px;margin-top:24px;background:linear-gradient(90deg,var(--turquoise) 0 40%,var(--gold) 40% 72%,var(--orange) 72%);clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}
.service{--accent:var(--purple);--tint:#eee6f8;border-top:3px solid var(--accent)}.service:nth-child(3n+2){--accent:#087b88;--tint:#e0f5f2}.service:nth-child(3n+3){--accent:#a84d22;--tint:#fff0d6}.service:nth-child(4){--accent:#a84d22;--tint:#fff0e4}.service:nth-child(5){--accent:var(--purple);--tint:#eee6f8}.service:nth-child(6){--accent:#087b88;--tint:#e0f5f2}
.service-symbol{background:var(--tint,#eee6f8);color:var(--accent,var(--purple));border-radius:3px 20px 3px 20px}.service-number{color:var(--accent)}.service>.service-button{background:var(--tint);border-color:transparent;color:var(--accent)}.service>.service-button:hover{background:var(--accent);border-color:var(--accent);color:white}
.product-card:nth-child(3n+1){border-top:3px solid var(--purple)}.product-card:nth-child(3n+2){border-top:3px solid var(--turquoise)}.product-card:nth-child(3n+3){border-top:3px solid var(--orange)}.product-card:nth-child(3n+2) .product-quote{background:#e0f5f2;color:#076570}.product-card:nth-child(3n+3) .product-quote{background:#fff0d6;color:#8e431e}
.catalog-note{background:#edf7f4;border-left-color:var(--turquoise)}
.guide-mascot{width:92px;height:70px;object-fit:contain;margin-bottom:10px}
.studio-image{background:#f3eafd;border-radius:45px 8px 45px 8px;padding:30px;position:relative;overflow:hidden}.studio-image>img{max-height:370px;object-fit:contain}.studio-image::after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,var(--purple) 0 40%,var(--turquoise) 40% 65%,var(--gold) 65% 85%,var(--orange) 85%)}
.contact{position:relative;overflow:hidden;border-radius:8px 55px 8px 55px;border-bottom:8px solid var(--turquoise)}.contact::before{content:'';position:absolute;left:25px;top:25px;width:55px;height:55px;background:var(--gold);clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(-15deg)}.contact::after{content:'';position:absolute;right:35px;bottom:30px;width:28px;height:28px;background:var(--orange);transform:rotate(45deg)}
.contact-mascot{width:110px;height:90px;object-fit:contain;margin:0 auto 20px}.whatsapp-float{border:2px solid #a8e2dd}.whatsapp-float svg{color:#8de8e2}
footer .brand img{width:52px;height:48px}footer>a:last-child{display:flex;align-items:center;gap:6px}footer>a:last-child img{width:30px;height:27px;object-fit:contain}
@media(max-width:900px){.hero{gap:30px}.hero-art{padding:25px 15px 0}.hero-art>img{aspect-ratio:1}.brand img{width:52px;height:48px}}
@media(max-width:640px){header::after{left:20px;right:20px}.brand img{width:46px;height:43px}.home-link img{width:23px;height:21px}.hero{padding-top:42px}.hero-art{max-width:420px;padding:25px 20px 0}.hero-art>img{aspect-ratio:1.2}.hero-art .art-caption{margin-top:10px}.studio-image{padding:25px}.contact::before{width:25px;height:25px;left:15px;top:20px}.contact::after{width:18px;height:18px;right:17px;bottom:25px}.contact-mascot{width:90px;height:73px}footer .brand{font-size:18px}footer .brand img{width:40px;height:38px}}

/* Keep the mascot in brand and editorial placements, with a consistent frame. */
header::after{height:1px;background:var(--line)}
.hero-art{border-radius:20px;padding:40px;display:flex;align-items:center;justify-content:center;min-height:440px}
.hero-art>img{aspect-ratio:1.12;width:100%;height:auto;filter:none}
.hero-art::before{width:78%;top:10%;left:11%}
.hero-art::after{width:65px;height:65px;right:24px;bottom:26px}
.alebrije-detail i:nth-child(1){left:7%;top:15%}.alebrije-detail i:nth-child(2){right:10%;top:8%;width:25px;height:25px}.alebrije-detail i:nth-child(3){left:10%;bottom:13%}
.hero h1 em::after{height:3px;bottom:-6px;clip-path:none;border-radius:2px}
.hero-note{border-image:none;border-color:var(--line);gap:20px;flex-wrap:wrap;line-height:1.6}
.section-head h2::after{height:4px;width:64px;margin-top:22px;clip-path:none;border-radius:2px}
.service-symbol,.service-symbol.large{border-radius:10px}
.service{border-radius:10px;padding:28px;gap:18px 12px}
.service h3{min-height:0;margin-bottom:12px}.service p{min-height:70px}
.service>.service-button{min-height:46px;border-radius:6px;padding:12px 16px;line-height:1.6;gap:15px}
.catalog-heading h2{line-height:1.18}.catalog-intro{max-width:680px}
.product-card{padding:28px;border-radius:10px}.product-card h3{line-height:1.45}.product-quote{line-height:1.6;min-height:44px}
.studio-image{border-radius:20px;padding:40px}.studio-image::after{display:none}
.studio-image>img{width:100%;height:auto;max-height:370px}
.contact{border-radius:20px;border-bottom:0;padding:65px 60px}
.contact::before{width:28px;height:28px;left:30px;top:30px}.contact::after{width:20px;height:20px;right:30px;bottom:30px}
.contact h2{line-height:1.2}.contact p:not(.eyebrow){margin:22px 0 28px}
footer{gap:28px;flex-wrap:wrap}footer>a:last-child{white-space:nowrap}
@media(max-width:900px){.hero-art{padding:30px;min-height:360px}.section-head{align-items:start}.service{padding:25px}}
@media(max-width:640px){.hero-art{padding:28px;min-height:0;border-radius:16px}.hero-art>img{aspect-ratio:1.2}.hero-art::after{right:20px;bottom:18px;width:40px;height:40px}.studio-image{padding:28px;border-radius:16px}.contact{border-radius:16px;padding:50px 24px}.contact::before,.contact::after{display:none}.contact h2{font-size:36px}.service{padding:24px}.service p{min-height:0}.product-card{padding:24px}.hero-note{gap:8px 18px}.section-head>p{line-height:1.85;max-width:340px}}
.services-section{padding-top:55px;background:var(--paper)}
.services-section .section-head{margin-bottom:30px}
.category-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;padding:16px 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}
.category-nav a{flex-shrink:0;padding:11px 16px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:600;line-height:1.5;transition:background .2s,color .2s}
.category-nav a::after{display:none}.category-nav a:hover{background:#f0ebf7}.category-nav a[aria-current="location"]{background:var(--purple);color:white}
.catalog-category{padding-top:45px;padding-bottom:50px;scroll-margin-top:100px;border-bottom:1px solid var(--line);--accent:var(--purple);--tint:#eee6f8}
.catalog-category:nth-child(3n+2){--accent:#087b88;--tint:#e0f5f2}.catalog-category:nth-child(3n+3){--accent:#a84d22;--tint:#fff0d6}
.catalog-category:focus{outline:none}.catalog-category:last-child{border-bottom:0;padding-bottom:0}
.category-heading{display:flex;align-items:center;gap:20px;margin-bottom:30px}.category-heading>div:nth-child(2){flex:1}.category-heading h3{font:650 30px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 10px}.category-heading p{font-size:14px;color:var(--muted);line-height:1.75;margin:0;max-width:700px}
.category-heading .service-symbol{flex-shrink:0}.category-quote{font-size:12px;line-height:1.6;padding:11px 15px;border-radius:6px;background:var(--tint);color:var(--accent);white-space:nowrap;font-weight:600;transition:background .2s,color .2s}.category-quote:hover{background:var(--accent);color:white}
.catalog-category .catalog-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.catalog-category .catalog-gallery .work:first-child{grid-column:auto;grid-row:auto}.catalog-category .catalog-gallery .photo img{height:320px;object-position:center}.catalog-category .catalog-gallery .work:first-child .photo img{height:320px}
.catalog-category .work h4{font-size:16px;font-weight:600;margin:0 0 6px;line-height:1.5}.catalog-category .work-info p{font-size:12px;line-height:1.65}.catalog-category .work-info{gap:12px}.catalog-category .product-grid{margin-top:30px}.catalog-category .product-card h4{font:650 20px/1.4 Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 12px}.catalog-category .product-card{background:#fffdfa}
@media(max-width:900px){.category-nav{gap:4px}.category-nav a{padding:10px 12px}.category-heading{flex-wrap:wrap}.category-heading h3{font-size:26px}.category-heading .category-quote{margin-left:78px}.catalog-category .catalog-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.services-section{padding-top:40px}.category-nav{margin:0 -25px;padding:12px 25px;gap:8px}.category-nav a{padding:10px 13px;font-size:11px}.catalog-category{padding-top:32px;padding-bottom:35px;scroll-margin-top:90px}.category-heading{gap:15px;align-items:start;margin-bottom:25px}.category-heading .service-symbol{width:44px;height:44px}.category-heading .service-symbol svg{width:32px;height:32px}.category-heading h3{font-size:24px;letter-spacing:-.6px}.category-heading p{font-size:13px}.category-heading .category-quote{margin-left:59px}.catalog-category .catalog-gallery{grid-template-columns:1fr;gap:28px}.catalog-category .catalog-gallery .photo img,.catalog-category .catalog-gallery .work:first-child .photo img{height:auto;max-height:450px;aspect-ratio:4/5;object-fit:cover}.catalog-category .product-grid{gap:15px}.catalog-category .work-info{flex-wrap:nowrap}.catalog-category .work h4{font-size:15px}.catalog-category .product-card h4{font-size:18px}}

.catalog-category{scroll-margin-top:0}.catalog-category .catalog-gallery .photo{background:#f1ede8}.catalog-category .catalog-gallery .photo img,.catalog-category .catalog-gallery .work:first-child .photo img{object-fit:contain}
body[data-page="servicios"] footer{padding-bottom:40px}
