/* Scoped browser baseline. No rules reach outside this landing. */ #sector-tinta-landing#sector-tinta-landing, #sector-tinta-landing#sector-tinta-landing :where(*) { all: revert; } #sector-tinta-landing#sector-tinta-landing { font: normal 400 16px/1.55 "Sector Tinta Manrope", Arial, sans-serif; letter-spacing: normal; word-spacing: normal; text-indent: 0; text-transform: none; text-shadow: none; direction: ltr; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } #sector-tinta-landing#sector-tinta-landing :where(*::before,*::after) { box-sizing: border-box; } /* Paleta corporativa única. Estilos aislados del tema de WordPress/Avada. */ #sector-tinta-landing#sector-tinta-landing{ --st-green:#22b573; --st-pine:#224946; --st-ink:#1c1c1c; --st-white:#ffffff; --st-paper:#f9f9fb; --st-line:#dbdbdb; --st-heading:var(--st-ink); --st-emphasis:var(--st-pine); position:relative; isolation:isolate; box-sizing:border-box; width:100%; text-align:left; } #sector-tinta-landing#sector-tinta-landing *{box-sizing:border-box} #sector-tinta-landing#sector-tinta-landing{margin:0;background:var(--st-white);color:var(--st-ink);font-family:"Sector Tinta Manrope",Arial,sans-serif;font-size:16px;line-height:1.55} #sector-tinta-landing#sector-tinta-landing a{color:inherit;text-decoration:none} #sector-tinta-landing#sector-tinta-landing .express{background:var(--st-green);color:var(--st-white);text-align:center;padding:9px 18px;font-size:12.48px;font-weight:800;letter-spacing:.04em} #sector-tinta-landing#sector-tinta-landing .express span{padding:0 8px} #sector-tinta-landing#sector-tinta-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--st-green);color:var(--st-white);border-radius:3px;font-weight:800;transition:.2s ease;box-shadow:0 10px 35px rgba(34,181,115,.22)} #sector-tinta-landing#sector-tinta-landing .btn:hover{background:var(--st-pine);transform:translateY(-2px)} #sector-tinta-landing#sector-tinta-landing .btn span{font-size:1.15em} #sector-tinta-landing#sector-tinta-landing .btn-large{padding:18px 24px;min-height:58px} #sector-tinta-landing#sector-tinta-landing .hero{min-height:760px;height:min(880px,92vh);position:relative;display:flex;align-items:center;overflow:hidden;background:var(--st-ink);color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .hero-media{position:absolute;inset:0;background:none} #sector-tinta-landing#sector-tinta-landing .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,28,28,.98) 0%,rgba(28,28,28,.88) 34%,rgba(28,28,28,.22) 67%,rgba(28,28,28,.05) 100%)} #sector-tinta-landing#sector-tinta-landing .hero-copy{position:relative;z-index:2;width:min(660px,90%);margin-left:clamp(20px,8vw,140px);padding-top:90px} #sector-tinta-landing#sector-tinta-landing .eyebrow, #sector-tinta-landing#sector-tinta-landing .section-kicker{text-transform:uppercase;font-size:11.52px;letter-spacing:.16em;font-weight:800;color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .eyebrow{display:flex;align-items:center;gap:10px;color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .eyebrow span{width:24px;height:2px;background:var(--st-green)} #sector-tinta-landing#sector-tinta-landing h1, #sector-tinta-landing#sector-tinta-landing h2, #sector-tinta-landing#sector-tinta-landing h3, #sector-tinta-landing#sector-tinta-landing p{margin-top:0} #sector-tinta-landing#sector-tinta-landing h1{font-size:clamp(44.8px,5.3vw,86.4px);line-height:.98;letter-spacing:-.065em;margin:24px 0 28px;max-width:850px} #sector-tinta-landing#sector-tinta-landing h1 em, #sector-tinta-landing#sector-tinta-landing h2 em{font-style:normal;color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .hero-copy>p{font-size:clamp(16px,1.45vw,18.88px);color:var(--st-line);max-width:570px;line-height:1.7} #sector-tinta-landing#sector-tinta-landing .hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px;flex-wrap:wrap} #sector-tinta-landing#sector-tinta-landing .text-link{font-size:13.76px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:3px} #sector-tinta-landing#sector-tinta-landing .quick-proof{display:flex;gap:0;margin-top:62px;border-top:1px solid rgba(255,255,255,.2);max-width:620px} #sector-tinta-landing#sector-tinta-landing .quick-proof div{padding:22px 42px 0 0;margin-right:42px;border-right:1px solid rgba(255,255,255,.2)} #sector-tinta-landing#sector-tinta-landing .quick-proof div:last-child{border:0} #sector-tinta-landing#sector-tinta-landing .quick-proof strong, #sector-tinta-landing#sector-tinta-landing .quick-proof span{display:block} #sector-tinta-landing#sector-tinta-landing .quick-proof strong{font-size:20.8px} #sector-tinta-landing#sector-tinta-landing .quick-proof span{font-size:11.52px;color:var(--st-line);margin-top:2px} #sector-tinta-landing#sector-tinta-landing .trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:26px clamp(20px,5vw,76px);border-bottom:1px solid var(--st-line);gap:20px} #sector-tinta-landing#sector-tinta-landing .trust-strip>div{display:flex;align-items:center;gap:14px;border-right:1px solid var(--st-line)} #sector-tinta-landing#sector-tinta-landing .trust-strip>div:last-child{border:0} #sector-tinta-landing#sector-tinta-landing .icon{width:36px;height:36px;border-radius:50%;background:var(--st-paper);color:var(--st-green);display:grid;place-items:center;font-weight:800} #sector-tinta-landing#sector-tinta-landing .trust-strip p{margin:0} #sector-tinta-landing#sector-tinta-landing .trust-strip strong, #sector-tinta-landing#sector-tinta-landing .trust-strip small{display:block} #sector-tinta-landing#sector-tinta-landing .trust-strip strong{font-size:13.28px} #sector-tinta-landing#sector-tinta-landing .trust-strip small{font-size:11.52px;color:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing .section{padding:110px clamp(20px,8vw,140px)} #sector-tinta-landing#sector-tinta-landing .split-heading{display:grid;grid-template-columns:1.2fr .7fr;gap:80px;align-items:end;margin:14px 0 58px} #sector-tinta-landing#sector-tinta-landing .split-heading h2, #sector-tinta-landing#sector-tinta-landing .products-head h2, #sector-tinta-landing#sector-tinta-landing .compare-section>h2, #sector-tinta-landing#sector-tinta-landing .faq-intro h2{font-size:clamp(36px,4.4vw,70.4px);line-height:1.05;letter-spacing:-.055em;margin:0} #sector-tinta-landing#sector-tinta-landing .split-heading p, #sector-tinta-landing#sector-tinta-landing .products-head p{color:var(--st-pine);max-width:520px;margin:0} #sector-tinta-landing#sector-tinta-landing .products-section{background:var(--st-ink);color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .section-kicker.light{color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .products-head{display:flex;justify-content:space-between;align-items:end;gap:80px;margin:16px 0 48px} #sector-tinta-landing#sector-tinta-landing .products-head p{color:var(--st-line)} #sector-tinta-landing#sector-tinta-landing .popular{position:absolute;right:14px;top:14px;background:var(--st-white);color:var(--st-ink);padding:5px 9px;font-size:9.92px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} #sector-tinta-landing#sector-tinta-landing .featured small{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .faq-list details{border-top:1px solid rgba(255,255,255,.35)} #sector-tinta-landing#sector-tinta-landing .faq-list details:last-child{border-bottom:1px solid rgba(255,255,255,.35)} #sector-tinta-landing#sector-tinta-landing summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-weight:800;padding:22px 0} #sector-tinta-landing#sector-tinta-landing summary::-webkit-details-marker{display:none} #sector-tinta-landing#sector-tinta-landing summary span{font-size:22.4px;font-weight:400;transition:.2s} #sector-tinta-landing#sector-tinta-landing details[open] summary span{transform:rotate(45deg)} #sector-tinta-landing#sector-tinta-landing details p{font-size:14.4px;max-width:700px;padding:0 30px 20px 0;margin:0;color:inherit;opacity:.8} #sector-tinta-landing#sector-tinta-landing .compare-section{text-align:center;background:var(--st-paper)} #sector-tinta-landing#sector-tinta-landing .compare-section>h2{margin:16px 0 50px} #sector-tinta-landing#sector-tinta-landing .compare-wrap{max-width:1000px;margin:auto;background:var(--st-white);padding:10px 36px;box-shadow:0 20px 70px rgba(28,28,28,.06)} #sector-tinta-landing#sector-tinta-landing table{width:100%;border-collapse:collapse;text-align:left} #sector-tinta-landing#sector-tinta-landing th, #sector-tinta-landing#sector-tinta-landing td{padding:19px 12px;border-bottom:1px solid var(--st-line);font-size:13.76px} #sector-tinta-landing#sector-tinta-landing th{font-size:11.2px;text-transform:uppercase;letter-spacing:.08em;color:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing th:nth-child(2), #sector-tinta-landing#sector-tinta-landing td:nth-child(2){background:var(--st-paper);padding-left:24px} #sector-tinta-landing#sector-tinta-landing td b{color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .compare-claim{font-size:20.8px;font-weight:800;max-width:700px;margin:42px auto 0;letter-spacing:-.025em} #sector-tinta-landing#sector-tinta-landing .proof-section{display:grid;grid-template-columns:repeat(4,1fr);padding:54px clamp(20px,8vw,140px);background:var(--st-ink);color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .proof-section div{border-right:1px solid var(--st-pine);text-align:center} #sector-tinta-landing#sector-tinta-landing .proof-section div:last-child{border:0} #sector-tinta-landing#sector-tinta-landing .proof-section strong, #sector-tinta-landing#sector-tinta-landing .proof-section span{display:block} #sector-tinta-landing#sector-tinta-landing .proof-section strong{font-size:24.8px} #sector-tinta-landing#sector-tinta-landing .proof-section span{font-size:12px;color:var(--st-line)} #sector-tinta-landing#sector-tinta-landing .faq-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:9vw} #sector-tinta-landing#sector-tinta-landing .faq-intro h2{margin:16px 0 24px} #sector-tinta-landing#sector-tinta-landing .faq-intro p{color:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing .faq-list details{border-color:var(--st-line)} #sector-tinta-landing#sector-tinta-landing .faq-list details:last-child{border-color:var(--st-line)} #sector-tinta-landing#sector-tinta-landing .final-cta{background:var(--st-green);color:var(--st-white);text-align:center;padding:105px 20px} #sector-tinta-landing#sector-tinta-landing .final-cta h2{font-size:clamp(41.6px,5.3vw,80px);line-height:1;letter-spacing:-.06em;max-width:960px;margin:18px auto 24px} #sector-tinta-landing#sector-tinta-landing .final-cta p{max-width:620px;margin:0 auto 34px;color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .btn-white{background:var(--st-white);color:var(--st-ink);box-shadow:none} #sector-tinta-landing#sector-tinta-landing .btn-white:hover{background:var(--st-ink);color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .final-cta small{display:block;margin-top:20px;color:var(--st-white)} @media(max-width:1000px){ #sector-tinta-landing#sector-tinta-landing .faq-section{grid-template-columns:1fr;gap:55px} #sector-tinta-landing#sector-tinta-landing .trust-strip{grid-template-columns:1fr 1fr} #sector-tinta-landing#sector-tinta-landing .trust-strip>div:nth-child(2){border:0} #sector-tinta-landing#sector-tinta-landing .proof-section{grid-template-columns:1fr 1fr;gap:30px} #sector-tinta-landing#sector-tinta-landing .proof-section div:nth-child(2){border:0} } @media(max-width:720px){ #sector-tinta-landing#sector-tinta-landing .express{font-size:10.56px} #sector-tinta-landing#sector-tinta-landing .hero{height:auto;min-height:780px;align-items:end} #sector-tinta-landing#sector-tinta-landing .hero-media{background-position:62% center} #sector-tinta-landing#sector-tinta-landing .hero-shade{background:linear-gradient(0deg,rgba(28,28,28,.98) 0%,rgba(28,28,28,.84) 48%,rgba(28,28,28,.2) 100%)} #sector-tinta-landing#sector-tinta-landing .hero-copy{margin:0;padding:210px 20px 42px;width:100%} #sector-tinta-landing#sector-tinta-landing h1{font-size:48px} #sector-tinta-landing#sector-tinta-landing .hero-copy>p{font-size:14.88px} #sector-tinta-landing#sector-tinta-landing .hero-actions{align-items:flex-start;flex-direction:column} #sector-tinta-landing#sector-tinta-landing .quick-proof{margin-top:42px} #sector-tinta-landing#sector-tinta-landing .quick-proof div{padding-right:16px;margin-right:16px} #sector-tinta-landing#sector-tinta-landing .quick-proof strong{font-size:16px} #sector-tinta-landing#sector-tinta-landing .trust-strip{grid-template-columns:1fr;padding:22px 20px} #sector-tinta-landing#sector-tinta-landing .trust-strip>div{border-right:0;border-bottom:1px solid var(--st-line);padding-bottom:14px} #sector-tinta-landing#sector-tinta-landing .trust-strip>div:last-child{border-bottom:0} #sector-tinta-landing#sector-tinta-landing .section{padding:78px 20px} #sector-tinta-landing#sector-tinta-landing .split-heading, #sector-tinta-landing#sector-tinta-landing .products-head{grid-template-columns:1fr;display:grid;gap:24px;margin-bottom:40px} #sector-tinta-landing#sector-tinta-landing .compare-wrap{overflow-x:auto;padding:6px 10px} #sector-tinta-landing#sector-tinta-landing .compare-wrap table{min-width:650px} #sector-tinta-landing#sector-tinta-landing .proof-section{grid-template-columns:1fr 1fr;padding:42px 20px} #sector-tinta-landing#sector-tinta-landing .faq-section{gap:40px} #sector-tinta-landing#sector-tinta-landing .final-cta{padding:80px 20px} } @media(prefers-reduced-motion:reduce){ #sector-tinta-landing#sector-tinta-landing .btn{transition:none} } #sector-tinta-landing#sector-tinta-landing .icon{background:var(--st-paper)} #sector-tinta-landing#sector-tinta-landing .section-kicker.light{color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .featured small, #sector-tinta-landing#sector-tinta-landing .final-cta small{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .final-cta p{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing th:nth-child(2), #sector-tinta-landing#sector-tinta-landing td:nth-child(2){background:var(--st-paper)} #sector-tinta-landing#sector-tinta-landing .btn{box-shadow:0 10px 35px rgba(34,181,115,.22)} #sector-tinta-landing#sector-tinta-landing .products-section{background:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .designer-section{background:var(--st-paper)} #sector-tinta-landing#sector-tinta-landing .designer-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(40px,6vw,92px);align-items:center} #sector-tinta-landing#sector-tinta-landing .designer-copy h2{font-size:clamp(37.6px,4.3vw,68px);line-height:1.04;letter-spacing:-.055em;margin:16px 0 24px} #sector-tinta-landing#sector-tinta-landing .designer-copy h2 em{font-style:normal;color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .designer-intro>p{color:var(--st-pine);line-height:1.75;max-width:530px} #sector-tinta-landing#sector-tinta-landing .designer-points{list-style:none;padding:0;margin:28px 0 34px} #sector-tinta-landing#sector-tinta-landing .designer-points li{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--st-line);font-size:14.4px;font-weight:700} #sector-tinta-landing#sector-tinta-landing .designer-points b{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--st-white);color:var(--st-pine);font-size:12.48px} #sector-tinta-landing#sector-tinta-landing .shirt-dot{display:inline-block;flex:0 0 14px;width:14px;height:20px;border-radius:3px;border:1px solid rgba(28,28,28,.12)} #sector-tinta-landing#sector-tinta-landing .shirt-dot.yellow{background:#f2d84b} #sector-tinta-landing#sector-tinta-landing .shirt-dot.red{background:#db3e45} #sector-tinta-landing#sector-tinta-landing .designer-preview{margin:0;background:var(--st-white);border:1px solid var(--st-line);border-radius:6px;overflow:hidden;box-shadow:0 26px 70px rgba(34,73,70,.14)} #sector-tinta-landing#sector-tinta-landing .designer-image-wrap{position:relative} #sector-tinta-landing#sector-tinta-landing .designer-preview img{display:block;width:100%;height:auto} #sector-tinta-landing#sector-tinta-landing .designer-callout{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;padding:8px 11px;background:var(--st-pine);color:var(--st-white);border:2px solid var(--st-white);border-radius:4px;box-shadow:0 8px 22px rgba(28,28,28,.22);font-size:clamp(9.28px,.85vw,12.48px);font-weight:800;line-height:1.15;white-space:nowrap} #sector-tinta-landing#sector-tinta-landing .designer-callout b{color:var(--st-green);font-size:1.25em} #sector-tinta-landing#sector-tinta-landing .callout-design{left:2.4%;top:4%} #sector-tinta-landing#sector-tinta-landing .callout-color{right:4%;top:31%} #sector-tinta-landing#sector-tinta-landing .callout-size{right:8%;top:49%} #sector-tinta-landing#sector-tinta-landing .designer-preview figcaption{padding:12px 16px;color:var(--st-pine);font-size:12px;border-top:1px solid var(--st-line)} @media(max-width:900px){ #sector-tinta-landing#sector-tinta-landing .designer-layout{grid-template-columns:1fr;gap:24px} #sector-tinta-landing#sector-tinta-landing .designer-copy{display:contents} #sector-tinta-landing#sector-tinta-landing .designer-intro{order:0} #sector-tinta-landing#sector-tinta-landing .designer-intro>p{margin-bottom:0} #sector-tinta-landing#sector-tinta-landing .designer-preview{order:1} #sector-tinta-landing#sector-tinta-landing .designer-steps{order:2} #sector-tinta-landing#sector-tinta-landing .designer-steps .designer-points{margin-top:0} } @media(max-width:560px){ #sector-tinta-landing#sector-tinta-landing .designer-callout{padding:5px 7px;border-width:1px;font-size:8px} #sector-tinta-landing#sector-tinta-landing .designer-callout b{font-size:1.05em} #sector-tinta-landing#sector-tinta-landing .callout-design{left:1%;top:2%} #sector-tinta-landing#sector-tinta-landing .callout-color{right:2%;top:30%} #sector-tinta-landing#sector-tinta-landing .callout-size{right:5%;top:48%} } #sector-tinta-landing#sector-tinta-landing .discount-section{background:var(--st-pine);color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .discount-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end} #sector-tinta-landing#sector-tinta-landing .discount-intro h2{font-size:clamp(37.6px,4.4vw,70.4px);line-height:1.03;letter-spacing:-.055em;margin:16px 0 0} #sector-tinta-landing#sector-tinta-landing .discount-intro h2 em{color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .discount-intro>p{margin:0;color:var(--st-white);line-height:1.75} #sector-tinta-landing#sector-tinta-landing .discount-showcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;margin-top:64px} #sector-tinta-landing#sector-tinta-landing .discount-max{position:relative;min-height:340px;padding:34px;background:var(--st-green);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden} #sector-tinta-landing#sector-tinta-landing .discount-max:after{content:"";position:absolute;width:250px;height:250px;right:-85px;top:-85px;border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.05),0 0 0 68px rgba(255,255,255,.04)} #sector-tinta-landing#sector-tinta-landing .discount-max>span{position:relative;z-index:1;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase} #sector-tinta-landing#sector-tinta-landing .discount-max>strong{position:relative;z-index:1;display:flex;align-items:flex-start;font-size:clamp(88px,10vw,144px);line-height:.75;letter-spacing:-.09em} #sector-tinta-landing#sector-tinta-landing .discount-max>strong small{font-size:.42em;line-height:1.25} #sector-tinta-landing#sector-tinta-landing .discount-max>strong sup{font-size:.25em;line-height:1.1;letter-spacing:-.02em} #sector-tinta-landing#sector-tinta-landing .discount-max>p{position:relative;z-index:1;margin:0;font-size:16px;font-weight:800} #sector-tinta-landing#sector-tinta-landing .discount-ladder{padding:22px 0;display:flex;flex-direction:column;justify-content:space-between;gap:10px} #sector-tinta-landing#sector-tinta-landing .discount-tier{width:var(--width);min-height:54px;margin-left:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.08);border-left:3px solid var(--st-green);transition:transform .2s ease,background .2s ease} #sector-tinta-landing#sector-tinta-landing .discount-tier:hover{transform:translateX(-5px);background:rgba(255,255,255,.14)} #sector-tinta-landing#sector-tinta-landing .discount-tier span{color:var(--st-white);font-size:12.48px} #sector-tinta-landing#sector-tinta-landing .discount-tier span b{color:var(--st-white);font-size:16px} #sector-tinta-landing#sector-tinta-landing .discount-tier>strong{color:var(--st-green);font-size:18.4px;white-space:nowrap} #sector-tinta-landing#sector-tinta-landing .discount-tier.featured{min-height:66px;background:var(--st-white);border-left:0;color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .discount-tier.featured span{color:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing .discount-tier.featured span b{color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .discount-tier.featured>strong{color:var(--st-pine);font-size:23.2px} #sector-tinta-landing#sector-tinta-landing .discount-example-line{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:36px;padding:18px 22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:12.16px} #sector-tinta-landing#sector-tinta-landing .discount-example-line>span{display:flex;align-items:center;gap:8px} #sector-tinta-landing#sector-tinta-landing .discount-example-line>b{color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .discount-example-line>strong{color:var(--st-green)} @media(max-width:800px){ #sector-tinta-landing#sector-tinta-landing .discount-intro{grid-template-columns:1fr;gap:24px} #sector-tinta-landing#sector-tinta-landing .discount-showcase{grid-template-columns:1fr;margin-top:42px} #sector-tinta-landing#sector-tinta-landing .discount-max{min-height:270px} #sector-tinta-landing#sector-tinta-landing .discount-ladder{padding:8px 0 0} #sector-tinta-landing#sector-tinta-landing .discount-tier{width:100%;min-height:54px} #sector-tinta-landing#sector-tinta-landing .discount-example-line{align-items:flex-start;flex-direction:column} #sector-tinta-landing#sector-tinta-landing .discount-example-line>b{padding-left:8px} } #sector-tinta-landing#sector-tinta-landing .hero-note{display:block;margin-top:16px;color:var(--st-line);font-size:11.52px} #sector-tinta-landing#sector-tinta-landing .cta-note{display:block;margin-top:12px;color:var(--st-pine);font-size:11.52px} #sector-tinta-landing#sector-tinta-landing .discount-action{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:28px} #sector-tinta-landing#sector-tinta-landing .discount-action small{max-width:270px;color:var(--st-white);font-size:11.68px;line-height:1.5} #sector-tinta-landing#sector-tinta-landing .compare-action{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px} #sector-tinta-landing#sector-tinta-landing .compare-action small{max-width:170px;color:var(--st-pine);font-size:11.52px;line-height:1.45;text-align:left} #sector-tinta-landing#sector-tinta-landing .final-actions{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap} @media(max-width:720px){ #sector-tinta-landing#sector-tinta-landing .hero-note{margin-top:12px} #sector-tinta-landing#sector-tinta-landing .discount-action, #sector-tinta-landing#sector-tinta-landing .compare-action{align-items:flex-start;flex-direction:column} #sector-tinta-landing#sector-tinta-landing .discount-action small, #sector-tinta-landing#sector-tinta-landing .compare-action small{max-width:none} #sector-tinta-landing#sector-tinta-landing .final-actions{flex-direction:column;gap:18px} } #sector-tinta-landing#sector-tinta-landing .mini-process{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:4px 0 28px;padding-top:14px;border-top:1px solid var(--st-line)} #sector-tinta-landing#sector-tinta-landing .mini-process span{min-width:0;color:var(--st-pine);font-size:9.28px;font-weight:800;line-height:1.25;text-align:center} #sector-tinta-landing#sector-tinta-landing .mini-process span b{display:block;margin-bottom:4px;color:var(--st-green);font-size:10.4px} #sector-tinta-landing#sector-tinta-landing .mini-process i{display:none} @media(max-width:420px){ #sector-tinta-landing#sector-tinta-landing .mini-process{grid-template-columns:repeat(5,1fr);gap:2px} #sector-tinta-landing#sector-tinta-landing .mini-process span{font-size:8px} #sector-tinta-landing#sector-tinta-landing .mini-process span b{font-size:9.28px} } #sector-tinta-landing#sector-tinta-landing .hero-copy{padding-top:0} @media(max-width:720px){ #sector-tinta-landing#sector-tinta-landing .hero-copy{padding:210px 20px 42px} } #sector-tinta-landing#sector-tinta-landing .callout-cart{right:4%;bottom:12%} #sector-tinta-landing#sector-tinta-landing .hero-media{background:none} #sector-tinta-landing#sector-tinta-landing .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block} #sector-tinta-landing#sector-tinta-landing .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} #sector-tinta-landing#sector-tinta-landing .skip-link{position:absolute;top:10px;left:10px;z-index:20;padding:12px 18px;background:var(--st-white);color:var(--st-pine);font-weight:800;transform:translateY(-160%)} #sector-tinta-landing#sector-tinta-landing .skip-link:focus{transform:translateY(0)} #sector-tinta-landing#sector-tinta-landing a:focus-visible, #sector-tinta-landing#sector-tinta-landing summary:focus-visible{outline:3px solid var(--st-green);outline-offset:5px} #sector-tinta-landing#sector-tinta-landing .compare-note{max-width:900px;margin:18px auto 0;color:var(--st-pine);font-size:14px;line-height:1.6} #sector-tinta-landing#sector-tinta-landing .local-service{border-top:1px solid var(--st-line);margin-top:32px;padding-top:24px} #sector-tinta-landing#sector-tinta-landing .local-service h3{font-size:20px;line-height:1.35;color:var(--st-pine);margin-bottom:12px} #sector-tinta-landing#sector-tinta-landing .local-service p{font-size:16px;line-height:1.65} #sector-tinta-landing#sector-tinta-landing .designer-points{padding-left:0;list-style:none} #sector-tinta-landing#sector-tinta-landing .faq-list details p{font-size:16px} #sector-tinta-landing#sector-tinta-landing .designer-points li{font-size:16px} #sector-tinta-landing#sector-tinta-landing .quick-proof span, #sector-tinta-landing#sector-tinta-landing .hero-note, #sector-tinta-landing#sector-tinta-landing .cta-note, #sector-tinta-landing#sector-tinta-landing .mini-process span, #sector-tinta-landing#sector-tinta-landing .compare-action small, #sector-tinta-landing#sector-tinta-landing .discount-action small{font-size:14px} #sector-tinta-landing#sector-tinta-landing .mini-process span b{font-size:12px} #sector-tinta-landing#sector-tinta-landing .mini-process{display:flex;flex-wrap:wrap;gap:12px 16px} #sector-tinta-landing#sector-tinta-landing .mini-process span{flex:1 0 64px} #sector-tinta-landing#sector-tinta-landing .hero{height:auto;min-height:760px;padding-block:64px} #sector-tinta-landing#sector-tinta-landing .hero-copy{max-width:680px} @media(max-width:720px){ #sector-tinta-landing#sector-tinta-landing .hero{padding:0;min-height:780px} #sector-tinta-landing#sector-tinta-landing .hero-media img{object-position:62% center} #sector-tinta-landing#sector-tinta-landing .hero-copy>p{font-size:16px} #sector-tinta-landing#sector-tinta-landing .quick-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #sector-tinta-landing#sector-tinta-landing .quick-proof div{margin:0;padding:18px 10px 0 0;min-width:0} #sector-tinta-landing#sector-tinta-landing .mini-process{display:flex;flex-wrap:wrap;gap:12px 16px} #sector-tinta-landing#sector-tinta-landing .mini-process span{flex:1 0 64px} #sector-tinta-landing#sector-tinta-landing .mini-process span b{font-size:12px} #sector-tinta-landing#sector-tinta-landing .mini-process span{font-size:14px} } #sector-tinta-landing#sector-tinta-landing .file-care-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,7vw,110px);align-items:center;background:var(--st-ink);color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .file-care-intro h2{font-size:clamp(38.4px,4.5vw,72px);line-height:1.03;letter-spacing:-.055em;margin:18px 0 24px} #sector-tinta-landing#sector-tinta-landing .file-care-intro h2 em{font-style:normal;color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .file-care-intro>p{max-width:570px;color:var(--st-white);line-height:1.75} #sector-tinta-landing#sector-tinta-landing .file-care-badge{display:flex;align-items:center;gap:16px;margin-top:34px;padding-top:24px;border-top:1px solid var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .file-care-badge strong{color:var(--st-green);font-size:40px;line-height:1} #sector-tinta-landing#sector-tinta-landing .file-care-badge span{color:var(--st-white);font-size:12.16px;font-weight:800;line-height:1.45;text-transform:uppercase;letter-spacing:.06em} #sector-tinta-landing#sector-tinta-landing .file-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} #sector-tinta-landing#sector-tinta-landing .file-care-grid article{min-height:220px;padding:28px;background:var(--st-pine);border:1px solid var(--st-pine);display:flex;flex-direction:column} #sector-tinta-landing#sector-tinta-landing .file-care-grid article:nth-child(1){background:var(--st-green);border-color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .file-care-grid b{color:var(--st-green);font-size:10.88px;letter-spacing:.1em} #sector-tinta-landing#sector-tinta-landing .file-care-grid article:nth-child(1) b{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .file-care-grid h3{font-size:21.6px;letter-spacing:-.035em;margin:42px 0 12px} #sector-tinta-landing#sector-tinta-landing .file-care-grid p{margin:0;color:var(--st-white);font-size:13.12px;line-height:1.6} #sector-tinta-landing#sector-tinta-landing .file-care-grid article:nth-child(1) p{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .single-product{display:grid;grid-template-columns:.7fr 1.3fr;min-height:420px;background:var(--st-pine);border:1px solid var(--st-pine);overflow:hidden} #sector-tinta-landing#sector-tinta-landing .single-product-number{display:flex;align-items:flex-start;justify-content:flex-end;padding:30px;color:var(--st-pine);font-size:clamp(128px,18vw,256px);font-weight:800;line-height:.8;letter-spacing:-.1em;background:linear-gradient(145deg,var(--st-pine),var(--st-pine))} #sector-tinta-landing#sector-tinta-landing .single-product-copy{padding:clamp(34px,5vw,70px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center} #sector-tinta-landing#sector-tinta-landing .popular.inline{position:static;display:inline-block;margin-bottom:18px;color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .single-product-copy h3{font-size:clamp(35.2px,4vw,64px);line-height:1;letter-spacing:-.055em;margin:0 0 20px} #sector-tinta-landing#sector-tinta-landing .single-product-copy>p{max-width:620px;color:var(--st-white);line-height:1.7} #sector-tinta-landing#sector-tinta-landing .single-product-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;list-style:none;padding:0;margin:12px 0 32px;width:100%} #sector-tinta-landing#sector-tinta-landing .single-product-copy li{position:relative;padding-left:18px;color:var(--st-white);font-size:12.8px;font-weight:700} #sector-tinta-landing#sector-tinta-landing .single-product-copy li:before{content:"✓";position:absolute;left:0;color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .difference-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} #sector-tinta-landing#sector-tinta-landing .difference-quick-grid article{min-height:155px;padding:26px;background:var(--st-paper);border-top:3px solid var(--st-green);display:flex;flex-direction:column;justify-content:space-between} /* Galería de trabajos: carteles inmediatos y vídeo cargado solo al entrar en pantalla. */ #sector-tinta-landing#sector-tinta-landing .works-section{background:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .works-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.7fr);align-items:end;gap:clamp(30px,7vw,110px);margin-bottom:42px} #sector-tinta-landing#sector-tinta-landing .works-heading h2{font-size:clamp(37.6px,4.4vw,72px);line-height:1.04;letter-spacing:-.055em;max-width:780px;margin:16px 0 0} #sector-tinta-landing#sector-tinta-landing .works-heading>p{color:var(--st-pine);line-height:1.75;margin:0} #sector-tinta-landing#sector-tinta-landing .works-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px} #sector-tinta-landing#sector-tinta-landing .work-card{position:relative;isolation:isolate;overflow:hidden;margin:0;background:var(--st-ink);color:var(--st-white);min-width:0;aspect-ratio:9/16} #sector-tinta-landing#sector-tinta-landing .work-media,#sector-tinta-landing#sector-tinta-landing .work-media video{position:absolute;inset:0;width:100%;height:100%} #sector-tinta-landing#sector-tinta-landing .work-media video{display:block;object-fit:cover;object-position:center;background:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing .work-card:nth-child(2) video{object-position:55% center} #sector-tinta-landing#sector-tinta-landing .work-card:nth-child(4) video{object-position:43% center} #sector-tinta-landing#sector-tinta-landing .work-card:after{content:"";position:absolute;z-index:1;inset:25% 0 0;background:linear-gradient(0deg,rgba(20,31,30,.92),rgba(20,31,30,0));pointer-events:none} #sector-tinta-landing#sector-tinta-landing .work-card figcaption{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:24px;line-height:1.25;pointer-events:none} #sector-tinta-landing#sector-tinta-landing .work-card figcaption span{display:block;margin-bottom:9px;color:var(--st-white);font-size:11.04px;letter-spacing:.12em;font-weight:800;text-transform:uppercase} #sector-tinta-landing#sector-tinta-landing .work-card figcaption strong{display:block;max-width:400px;color:var(--st-white);font-size:clamp(18.88px,1.75vw,27.2px);letter-spacing:-.035em} #sector-tinta-landing#sector-tinta-landing .work-card-featured figcaption strong{font-size:clamp(18.88px,1.75vw,27.2px)} #sector-tinta-landing#sector-tinta-landing .work-play{position:absolute;z-index:3;top:16px;right:16px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(34,73,70,.8);color:var(--st-white);font-size:12.8px;cursor:pointer;opacity:0;transition:opacity .2s ease} #sector-tinta-landing#sector-tinta-landing .work-card:hover .work-play,#sector-tinta-landing#sector-tinta-landing .work-play:focus-visible,#sector-tinta-landing#sector-tinta-landing .work-card.is-paused .work-play{opacity:1} #sector-tinta-landing#sector-tinta-landing .work-play:focus-visible{outline:3px solid var(--st-green);outline-offset:3px} #sector-tinta-landing#sector-tinta-landing .works-note{margin:22px 0 0;color:var(--st-pine);font-size:14.08px;line-height:1.6} #sector-tinta-landing#sector-tinta-landing .works-swipe{display:none} @media(max-width:1000px){ #sector-tinta-landing#sector-tinta-landing .works-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:720px){ #sector-tinta-landing#sector-tinta-landing .works-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px} #sector-tinta-landing#sector-tinta-landing .works-swipe{display:block;margin:0 0 12px;color:var(--st-pine);font-size:12px;font-weight:800} #sector-tinta-landing#sector-tinta-landing .works-grid{grid-auto-flow:column;grid-auto-columns:minmax(245px,76vw);grid-template-columns:none;gap:11px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px} #sector-tinta-landing#sector-tinta-landing .work-card{scroll-snap-align:start} #sector-tinta-landing#sector-tinta-landing .work-card .work-play{opacity:1} } @media(prefers-reduced-motion:reduce){#sector-tinta-landing#sector-tinta-landing .work-card .work-play{opacity:1;transition:none}} #sector-tinta-landing#sector-tinta-landing .difference-quick-grid b{font-size:24px;letter-spacing:-.04em;color:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing .difference-quick-grid span{color:var(--st-pine);font-size:12.16px;line-height:1.45} @media(max-width:900px){ #sector-tinta-landing#sector-tinta-landing .file-care-section{grid-template-columns:1fr} #sector-tinta-landing#sector-tinta-landing .single-product{grid-template-columns:1fr} #sector-tinta-landing#sector-tinta-landing .single-product-number{min-height:210px;font-size:160px} #sector-tinta-landing#sector-tinta-landing .difference-quick-grid{grid-template-columns:1fr 1fr} } @media(max-width:560px){ #sector-tinta-landing#sector-tinta-landing .callout-cart{right:2%;bottom:10%} #sector-tinta-landing#sector-tinta-landing .file-care-grid{grid-template-columns:1fr} #sector-tinta-landing#sector-tinta-landing .file-care-grid article{min-height:auto} #sector-tinta-landing#sector-tinta-landing .single-product-copy ul{grid-template-columns:1fr} #sector-tinta-landing#sector-tinta-landing .difference-quick-grid{grid-template-columns:1fr} #sector-tinta-landing#sector-tinta-landing .difference-quick-grid article{min-height:120px} } #sector-tinta-landing#sector-tinta-landing .file-care-grid p, #sector-tinta-landing#sector-tinta-landing .single-product-copy li{font-size:16px} @media(max-width:420px){ #sector-tinta-landing#sector-tinta-landing h1{font-size:clamp(33.6px,10vw,42px);letter-spacing:-.055em} #sector-tinta-landing#sector-tinta-landing .designer-copy h2{font-size:34.4px} #sector-tinta-landing#sector-tinta-landing .quick-proof span{font-size:13px} } /* Títulos: sin variaciones de color por herencia ni tonos ajenos a la marca. */ #sector-tinta-landing#sector-tinta-landing :is(h1,h2,h3){font-family:inherit;font-style:normal;font-weight:800;text-transform:none;color:var(--st-heading)} #sector-tinta-landing#sector-tinta-landing :is(h1,h2,h3) em{font:inherit;color:var(--st-emphasis)} #sector-tinta-landing#sector-tinta-landing :is(.hero,.file-care-section,.discount-section,.products-section,.proof-section){--st-heading:var(--st-white);--st-emphasis:var(--st-green)} #sector-tinta-landing#sector-tinta-landing :is(.designer-copy,.file-care-intro,.discount-intro) h2 em{color:var(--st-emphasis)} #sector-tinta-landing#sector-tinta-landing .section-kicker{color:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing .section-kicker.light{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .eyebrow{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .express{background:var(--st-green);color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .btn{background:var(--st-green);color:var(--st-ink);border:1px solid var(--st-green);max-width:100%;text-align:center} #sector-tinta-landing#sector-tinta-landing .btn:hover{background:var(--st-pine);color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .btn-white{background:var(--st-white);color:var(--st-pine);border-color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .btn-white:hover{background:var(--st-ink);color:var(--st-white);border-color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .icon{background:var(--st-paper);color:var(--st-pine);flex-shrink:0} #sector-tinta-landing#sector-tinta-landing .designer-points b{background:var(--st-green);color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .mini-process span b{color:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing td b{color:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing .file-care-grid article:first-child{--st-heading:var(--st-ink);color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .file-care-grid article:first-child :is(h3,p,b){color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .file-care-grid b{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .discount-max{color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .discount-max p{color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .discount-tier>strong{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .discount-tier.featured :is(span,b,strong){color:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing .discount-example-line>b,#sector-tinta-landing#sector-tinta-landing .discount-example-line>strong{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .single-product-number{background:var(--st-pine);color:var(--st-green)} #sector-tinta-landing#sector-tinta-landing .single-product-copy li:before{color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .final-cta{--st-heading:var(--st-ink);--st-emphasis:var(--st-pine);background:var(--st-green);color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .final-cta :is(h2,p,small,.section-kicker){color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing summary{color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing summary span{color:var(--st-pine)} #sector-tinta-landing#sector-tinta-landing details p{opacity:1;color:var(--st-ink)} #sector-tinta-landing#sector-tinta-landing .trust-strip :is(strong,small),#sector-tinta-landing#sector-tinta-landing .proof-section span,#sector-tinta-landing#sector-tinta-landing .difference-quick-grid span,#sector-tinta-landing#sector-tinta-landing .file-care-badge span,#sector-tinta-landing#sector-tinta-landing .discount-tier span,#sector-tinta-landing#sector-tinta-landing .discount-example-line{font-size:14px} #sector-tinta-landing#sector-tinta-landing .section-kicker,#sector-tinta-landing#sector-tinta-landing .eyebrow{font-size:14px;letter-spacing:.1em} #sector-tinta-landing#sector-tinta-landing .hero-shade{background:linear-gradient(90deg,rgba(28,28,28,.98) 0%,rgba(28,28,28,.92) 34%,rgba(28,28,28,.22) 67%,rgba(28,28,28,.05) 100%)} #sector-tinta-landing#sector-tinta-landing .file-care-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #sector-tinta-landing#sector-tinta-landing .file-care-grid h3{line-height:1.3;overflow-wrap:break-word} #sector-tinta-landing#sector-tinta-landing .btn:focus-visible{outline:3px solid var(--st-pine);outline-offset:5px} #sector-tinta-landing#sector-tinta-landing :is(.hero,.products-section) .btn:focus-visible{outline-color:var(--st-white)} #sector-tinta-landing#sector-tinta-landing .designer-callout{font-size:14px} #sector-tinta-landing#sector-tinta-landing .designer-preview figcaption{font-size:14px} /* Las muestras amarilla y roja identifican camisetas; no forman parte de la tipografía de marca. */ @media(max-width:1100px){ #sector-tinta-landing#sector-tinta-landing .discount-tier{width:100%} } @media(max-width:720px){ #sector-tinta-landing#sector-tinta-landing .hero-shade{background:linear-gradient(0deg,rgba(28,28,28,.98) 0%,rgba(28,28,28,.92) 64%,rgba(28,28,28,.2) 100%)} #sector-tinta-landing#sector-tinta-landing .express{font-size:14px} #sector-tinta-landing#sector-tinta-landing h1{font-size:clamp(33.6px,8.8vw,48px);line-height:1.04} } @media(max-width:560px){ #sector-tinta-landing#sector-tinta-landing .file-care-grid{grid-template-columns:1fr} #sector-tinta-landing#sector-tinta-landing .designer-callout{font-size:12px;line-height:1.2} }