/* Official Capa y Tinta palette — September 2026. */
:root{--brand-green:#bdff00;--brand-pink:#ff3c95;--brand-yellow:#f5ee4f;--brand-black:#1a1a1a;--brand-white:#f4f3e7;--ink:var(--brand-black);--pink:var(--brand-pink);--lime:var(--brand-green);--paper:var(--brand-white);--accent:var(--brand-green);--muted:#60605d;--ease:cubic-bezier(.22,.68,0,1.01)}
body{background:var(--brand-white);color:var(--ink)}body[data-page=studio],.studio,.studio-world{--accent:var(--brand-yellow)}
::selection{background:var(--brand-pink);color:var(--brand-black)}
.header{background:var(--brand-white);border-bottom:1px solid #1a1a1a12;box-shadow:0 2px 20px #1a1a1a04}
@supports(backdrop-filter:blur(20px)){.header{background:linear-gradient(135deg,#f4f3e7ed,#f4f3e7cf);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}.ecosystem-dialog,.kapa-dialog{background:linear-gradient(135deg,#f4f3e7fa,#f4f3e7ed);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}
.header nav a[aria-current=page]{color:var(--ink)}.header nav a[aria-current=page]:after{background:var(--brand-pink);height:3px;border-radius:4px}.header nav a,.account-link{transition:opacity 180ms ease}.header nav a:hover,.account-link:hover{opacity:.7}
.color-word{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand-pink);text-decoration-thickness:.055em;text-underline-offset:.12em}
.hero-copy{position:relative;padding-bottom:8px}.hero{background:radial-gradient(ellipse at 12% 12%,#bdff0012,transparent 48%),radial-gradient(ellipse at 90% 20%,#ff3c950d,transparent 45%)}
.text-link,.paper-world .universe-link,.editorial-card-body a,.kapa-answer a,.kapa-messages>a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand-pink);text-underline-offset:5px;text-decoration-thickness:2px}
.dark,.nav-contact,.intent-options button[aria-pressed=true]{background:var(--ink);color:var(--brand-white)}.lime{background:var(--accent);color:var(--ink)}
.button{transition:transform 220ms var(--ease),box-shadow 220ms ease;background-clip:padding-box}.button.dark{border:1px solid #f4f3e725;box-shadow:inset 0 1px 0 #f4f3e730,0 4px 12px #1a1a1a0a}.button.lime{box-shadow:inset 0 1px 0 #f4f3e7a0}.button:active{transform:scale(.98)}
.paper-world{background:radial-gradient(ellipse at 95% 0,#bdff002a,transparent 65%),linear-gradient(145deg,#f4f3e7,#f4f3e7);border:1px solid #1a1a1a16;box-shadow:inset 0 1px 0 #fff9}.studio-world{background:radial-gradient(ellipse at 100% 0,#ff3c9524,transparent 70%),var(--ink);color:var(--brand-white);border:1px solid #f4f3e725;box-shadow:inset 0 1px 0 #f4f3e735}.studio-world .universe-link{color:var(--brand-yellow)}
.kit-feature,.product,.recommend,.contact-links a,.community-strip a,.community-strip a:nth-child(2){background:linear-gradient(135deg,#ffffff75,#ffffff25);border:1px solid #ffffffc0;box-shadow:inset 0 1px 0 #fff9,0 8px 35px #1a1a1a03}.kit-copy .eyebrow{color:var(--ink)}.contact-links a:hover{background:#ffffff90}
.studio{background:radial-gradient(ellipse at 90% 0,#ff3c951a,transparent 60%),var(--ink);color:var(--brand-white)}.studio h2 span,.outline-word{color:var(--brand-yellow)}.tips-cover{background:var(--ink);color:var(--brand-white)}.paper-cover{background:var(--brand-white)}
.kapa-launcher{background:linear-gradient(145deg,#1a1a1aeb,#1a1a1a);border:1px solid #f4f3e740;color:var(--brand-white)}.kapa-launcher svg{color:var(--brand-white)}.kapa-launcher:hover{background:var(--ink);box-shadow:inset 0 1px 0 #f4f3e760,0 8px 24px #1a1a1a26}.kapa-options button:hover,.kapa-options button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 18%,var(--brand-white));border-color:var(--accent)}.kapa-message.user{background:var(--ink);color:var(--brand-white)}.kapa-input-row button{background:var(--ink)}.ecosystem-dialog{background-color:var(--brand-white)}
:where(a,button,textarea):focus-visible{outline:2px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 6px var(--brand-white)}.studio :where(a,button):focus-visible,.studio-world:focus-visible{outline-color:var(--brand-yellow);box-shadow:none}
.skip-link{position:fixed;z-index:100;top:12px;left:16px;padding:14px 20px;background:var(--ink);color:var(--brand-white);border-radius:24px;transform:translateY(-180%)}.skip-link:focus-visible{transform:translateY(0)}
@media(hover:hover){.universe-card,.product,.editorial-card,.entry-palette,.contact-links a{transition:transform 320ms var(--ease),box-shadow 320ms ease}.universe-card:hover,.product:hover,.editorial-card:hover,.entry-palette:hover,.contact-links a:hover{transform:translateY(-4px);box-shadow:0 14px 35px #1a1a1a0c}}
@media(max-width:900px){.header nav{background:var(--brand-white);border-bottom-color:#1a1a1a18}.header nav a[aria-current=page]{background:#ff3c9512;border-radius:12px;padding-left:14px;border-left:3px solid var(--brand-pink)}.header nav.menu-open{animation:menu-enter 180ms ease-out}.account-link{min-height:44px}.header nav a,.header .account-link{border-bottom-color:#1a1a1a0d}}
@keyframes menu-enter{from{opacity:.6;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.header,.ecosystem-dialog,.kapa-dialog{background:var(--brand-white);backdrop-filter:none;-webkit-backdrop-filter:none}}
/* White canvas and shared contact footer. Brand bone stays on selected surfaces. */
body{background:#fff}.hero{background:none}.header{background:#ffffffeb}
.site-footer{display:block;max-width:1180px;padding:58px 0 100px;color:var(--ink);border-top:1px solid #1a1a1a15;background:#fff}.footer-top{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:50px;align-items:start}.footer-brand .brand-logo{width:86px}.site-footer .footer-brand p{font-size:14px;line-height:1.6;max-width:none;margin:20px 0 0;color:var(--muted)}.footer-contact h2{font-size:28px;margin:0 0 18px;letter-spacing:-.035em;line-height:1.2}.footer-contact-link{font-size:15px;display:block;width:fit-content;padding:4px 0;margin-bottom:18px;text-decoration:underline;text-decoration-color:var(--brand-pink);text-underline-offset:5px}.footer-whatsapp{display:flex;align-items:center;justify-content:space-between;gap:20px;width:fit-content;min-height:46px;padding:13px 19px;background:var(--brand-black);color:var(--brand-white);border-radius:28px;font-size:14px;box-shadow:inset 0 1px 0 #ffffff35;transition:transform 180ms ease}.footer-whatsapp:hover{transform:translateY(-2px)}.footer-phone{display:block;color:var(--muted);font-size:13px;margin-top:10px}.footer-social h3{font-size:14px;font-weight:600;margin:5px 0 18px}.footer-social a{display:flex;gap:18px;justify-content:space-between;min-height:44px;align-items:center;font-size:14px;border-bottom:1px solid #1a1a1a10}.footer-social a:hover{border-bottom-color:var(--brand-pink)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:45px;padding-top:20px;border-top:1px solid #1a1a1a10;color:var(--muted);font-size:12px}.site-footer .footer-bottom .inline-button{font-size:13px;min-height:44px}
@media(max-width:800px){.footer-top{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1/-1}.site-footer .footer-brand p{margin-top:12px}}
@media(max-width:580px){.site-footer{padding-top:35px;padding-bottom:95px}.footer-top{grid-template-columns:1fr;gap:32px}.footer-brand{grid-column:auto}.footer-social{max-width:340px}.footer-contact h2{font-size:29px}.footer-bottom{margin-top:30px;gap:12px;flex-wrap:wrap}.footer-bottom>span{font-size:12px}}
@media(prefers-reduced-transparency:reduce){.header{background:#fff}}
/* A more expressive editorial close, built around Capa's own voice. */
.creative-invitation{padding-top:65px;padding-bottom:90px}.creative-heading{max-width:680px;margin-bottom:38px}.creative-heading .eyebrow{font-size:12px;line-height:1.7}.creative-heading h2{font-size:clamp(38px,5.2vw,67px);letter-spacing:-.055em;line-height:1.06}.creative-heading h2>span{text-decoration:underline;text-decoration-color:var(--brand-pink);text-underline-offset:.1em;text-decoration-thickness:.045em}.creative-heading>p:last-child{font-size:18px;color:var(--muted);line-height:1.65;margin:25px 0 0}.creative-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.creative-path{display:flex;flex-direction:column;padding:30px;border-radius:25px;min-height:310px;border:1px solid #1a1a1a12;background:#fafaf8;box-shadow:inset 0 1px 0 #fff;transition:transform 280ms var(--ease),box-shadow 280ms ease}.path-label{font-size:11px;letter-spacing:.055em;line-height:1.6;color:#60605d}.creative-path h3{font-size:30px;letter-spacing:-.045em;line-height:1.12;margin:29px 0 17px;font-weight:600}.creative-path p{font-size:16px;line-height:1.55;color:#60605d;margin:0 0 28px}.path-action{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;margin-top:auto;min-height:36px}.path-action>span{display:grid;place-items:center;background:#fff8;border:1px solid #fff;border-radius:50%;width:35px;height:35px;font-size:18px}.path-paper{background:linear-gradient(155deg,#bdff0015,transparent 65%),#fafaf8}.path-learn{background:linear-gradient(155deg,#ff3c9510,transparent 65%),#fafaf8}.path-studio{background:linear-gradient(155deg,#f5ee4f14,transparent 65%),#1a1a1a;color:#f4f3e7}.path-studio .path-label,.path-studio p{color:#c8c8be}.path-studio .path-action{color:#f5ee4f}.path-studio .path-action>span{background:#f4f3e70c;border-color:#f4f3e730}.path-studio:focus-visible{outline-color:#ff3c95}
.footer-manifesto{position:relative;margin-bottom:60px;padding:44px 48px;border:1px solid #1a1a1a0d;border-radius:30px;background:radial-gradient(ellipse at 95% 100%,#bdff001c,transparent 58%),radial-gradient(ellipse at 85% 0,#ff3c9510,transparent 60%),#fafaf8;display:grid;grid-template-columns:1fr auto;column-gap:35px;align-items:end}.footer-manifesto>span{grid-column:1/-1;font-size:11px;letter-spacing:.1em;color:#60605d}.site-footer .footer-manifesto>p{font-size:clamp(44px,6.9vw,86px);line-height:1.03;letter-spacing:-.055em;color:var(--ink);font-weight:600;margin:24px 0 0;max-width:none}.footer-manifesto em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.footer-manifesto>a{display:flex;gap:24px;align-items:center;min-height:48px;padding:14px 22px;border:1px solid #fff;border-radius:30px;background:#ffffffb8;box-shadow:inset 0 1px 0 #fff,0 5px 15px #1a1a1a05;font-size:14px;margin-bottom:7px}.site-footer .footer-brand .footer-about{font-size:14px;line-height:1.7;color:#60605d;margin-top:16px}.footer-explore{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 28px;margin-top:35px;padding-top:26px;border-top:1px solid #1a1a1a10}.footer-explore>span{font-size:11px;letter-spacing:.06em;color:#60605d;margin-right:auto;line-height:44px}.footer-explore a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.footer-explore a:hover{text-decoration:underline;text-decoration-color:#ff3c95;text-underline-offset:5px}.footer-bottom{margin-top:14px}
@media(hover:hover){.creative-path:hover{transform:translateY(-4px);box-shadow:0 15px 35px #1a1a1a09}.footer-manifesto>a:hover{background:#fff}}
@media(max-width:800px){.creative-paths{grid-template-columns:1fr}.creative-path{min-height:0;padding:28px}.creative-path h3{font-size:32px;margin-top:20px}.creative-path p{margin-bottom:20px}.footer-manifesto{padding:32px;grid-template-columns:1fr}.footer-manifesto>a{justify-self:start;margin-top:28px}.footer-explore{gap:0 24px}.footer-explore>span{width:100%;line-height:30px}.creative-invitation{padding-bottom:55px}}
@media(max-width:580px){.footer-manifesto{padding:28px 24px;margin-bottom:36px;border-radius:24px}.site-footer .footer-manifesto>p{font-size:clamp(42px,11vw,60px)}.creative-heading>p:last-child{font-size:16px}.creative-heading>p:last-child br{display:none}.footer-explore a{font-size:14px}}
/* Original supplied Kapa artwork: green = Papelería; pink = Studio. */
.universe-card{position:relative;overflow:hidden;padding-right:170px;min-height:370px}.universe-kapa{position:absolute;right:-18px;bottom:27px;width:220px;height:220px;object-fit:contain;pointer-events:none}.universe-card h3{font-size:clamp(27px,2.8vw,37px)}.universe-card p{position:relative}.studio-kapa{display:block;width:190px;height:190px;object-fit:contain;margin:-35px 0 5px -25px}.kapa-header .kapa-avatar{width:65px;height:65px;object-fit:contain;transform:scale(1.22)}
.footer-manifesto.has-kapa{grid-template-columns:minmax(0,1fr) 170px auto}.footer-kapa{grid-column:2;grid-row:2;width:190px;height:190px;object-fit:contain;align-self:end;pointer-events:none}.footer-manifesto.has-kapa>p{grid-column:1;grid-row:2}.footer-manifesto.has-kapa>a{grid-column:3;grid-row:2}.original-kapa.kapa-crop{overflow:visible;background:none}.original-kapa.kapa-crop .club-kapa{position:static;display:block;width:100%;height:auto;max-width:none;transform:none;object-fit:contain;filter:none;margin:0}
@media(max-width:1000px){.footer-manifesto.has-kapa{grid-template-columns:minmax(0,1fr) 160px}.footer-manifesto.has-kapa>a{grid-column:1;grid-row:3;margin-top:20px;justify-self:start}.footer-kapa{grid-column:2;grid-row:2/4;width:180px;height:180px}.universe-card{padding-right:130px}.universe-kapa{width:180px;height:180px;right:-20px;bottom:35px}.universe-card h3{font-size:28px}}
@media(max-width:700px){.universe-card{padding-right:150px;min-height:310px}.universe-kapa{width:200px;height:200px;bottom:30px}.universe-card h3{font-size:30px}.studio-kapa{width:160px;height:160px;margin-top:-20px}.footer-manifesto.has-kapa{grid-template-columns:1fr 100px}.footer-kapa{width:140px;height:140px;margin-left:-20px}.footer-manifesto.has-kapa>p{grid-column:1/-1}.footer-manifesto.has-kapa>a{grid-column:1/-1;grid-row:3;margin-right:85px;padding:12px 16px;gap:10px}.footer-kapa{grid-column:2;grid-row:3;align-self:center}.site-footer .has-kapa>p{font-size:clamp(40px,9vw,64px)}}
@media(max-width:380px){.universe-card{padding-right:110px}.universe-kapa{width:150px;height:150px;right:-20px}.universe-card h3{font-size:26px}.footer-manifesto.has-kapa>a{margin-right:65px;font-size:13px}}
/* Clean surfaces: supplied product photography carries the color. */
.header{background:#fffffff0}.paper-world,.path-paper,.path-learn,.footer-manifesto{background:#f7f7f5}.studio-world,.path-studio,.studio{background:#1a1a1a}.kit-feature,.product,.recommend,.contact-links a,.community-strip a,.community-strip a:nth-child(2){background:#f7f7f5}.kapa-dialog,.ecosystem-dialog{background:#fffffff5}.kapa-launcher{background:#1a1a1a}.cherry-stage{background:#58151c}.hero-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:46px}.hero-products a{position:relative;display:block;border-radius:24px;overflow:hidden;background:#f4f3e7}.hero-products img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.hero-products a>span{display:block;padding:17px 20px;background:#f7f7f5;text-align:left;font-size:15px;color:#1a1a1a}.featured-product-photo{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:20px}.kit-feature{grid-template-columns:.9fr 1fr 1fr;padding:35px;gap:32px}.kit-price{padding-left:28px}.kit-copy h3{font-size:38px}.kit-price .current-price{font-size:40px}.real-catalog{padding-top:45px}.real-catalog h1{font-size:clamp(40px,5vw,64px);margin:0}.catalog-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.catalog-jumps a{padding:12px 18px;border:1px solid #dededb;border-radius:24px;font-size:14px}.catalog-jumps a:hover{background:#f4f3e7}.catalog-price-note{font-size:13px;line-height:1.65;color:#60605d;max-width:820px;margin:0 0 35px}.real-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 28px}.real-product{border:1px solid #ededeb;border-radius:24px;overflow:hidden;scroll-margin-top:110px}.real-product>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.real-product-copy{padding:28px}.real-product h2{font-size:29px;line-height:1.12;letter-spacing:-.035em}.real-product-copy>p{font-size:16px;color:#60605d;line-height:1.6}.product-variants{list-style:none;padding:0;margin:23px 0}.product-variants li{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #eee;font-size:14px;line-height:1.5}.product-variants strong{white-space:nowrap;font-weight:550}.product-quote{display:inline-block;padding:12px 0;font-size:14px;text-decoration:underline;text-decoration-color:#ff3c95;text-underline-offset:5px}.special-cut-intro{aspect-ratio:1;background:#f4f3e7;display:flex;flex-direction:column;justify-content:center;align-items:center}.special-cut-intro img{width:65%;height:auto}.special-cut-intro span{font-size:12px;letter-spacing:.12em}.quote-only{color:#1a1a1a!important;font-weight:600}.catalog-kit{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center;padding:38px;background:#f7f7f5;border-radius:24px;margin-top:50px;scroll-margin-top:110px}.catalog-kit h2{font-size:40px}.catalog-kit p{font-size:16px;line-height:1.6;color:#60605d}.catalog-kit strong{display:block;font-size:24px;margin-bottom:20px}.kit-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kit-images img{display:block;width:100%;height:auto;border-radius:15px}
@media(max-width:900px){.kit-feature{grid-template-columns:1fr 1fr}.featured-product-photo{grid-column:1/-1;max-height:340px;background:#f4f3e7}.catalog-kit{grid-template-columns:1fr}.kit-images{max-width:580px}}
@media(max-width:580px){.hero-products{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.hero-products a:first-child{grid-column:1/-1}.hero-products a:first-child img{aspect-ratio:1.3;object-fit:cover}.hero-products a>span{padding:13px 12px;font-size:13px}.hero-products a{border-radius:18px}.real-product-grid{grid-template-columns:1fr;gap:25px}.real-product-copy{padding:23px}.real-product h2{font-size:27px}.kit-feature{grid-template-columns:1fr;padding:25px}.featured-product-photo{grid-column:auto}.kit-price{padding-left:0}.catalog-kit{padding:25px}.catalog-kit h2{font-size:35px}.catalog-jumps{gap:8px}.catalog-jumps a{padding:11px 14px;font-size:13px}}
@media(prefers-reduced-transparency:reduce){.header,.kapa-dialog,.ecosystem-dialog{background:#fff}}
