/* Productividad: scoped styles for the SAC product-detail page. */
.sac-productivity-page{--p-blue:#1f6da4;--p-soft:#eef7fb;--p-line:#cfe3ef}
.sac-productivity-page #contacto .contact-grid{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:start}
.sac-productivity-page #contacto .contact-faq{display:flex;flex-direction:column;gap:11px;min-width:0}
.sac-productivity-page #contacto .cf-title{margin:0 0 7px;color:#fff;font:700 1.3rem/1.22 Poppins,sans-serif}
.sac-productivity-page #contacto .faq-item{margin:0;overflow:clip;border:1px solid rgba(182,213,232,.24);border-radius:13px;padding:2px 22px;background:rgba(255,255,255,.05);transition:border-color .25s,background .25s,box-shadow .25s}
.sac-productivity-page #contacto .faq-item:hover{border-color:rgba(182,213,232,.42);background:rgba(255,255,255,.075)}
.sac-productivity-page #contacto .faq-item[open]{border-color:rgba(63,151,200,.72);background:rgba(255,255,255,.08);box-shadow:0 14px 36px rgba(0,24,42,.13)}
.sac-productivity-page #contacto .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:19px 0;color:rgba(255,255,255,.96);font:600 .96rem/1.45 Poppins,sans-serif;cursor:pointer;list-style:none}
.sac-productivity-page #contacto .faq-item summary::-webkit-details-marker{display:none}.sac-productivity-page #contacto .faq-item summary::marker{content:''}
.sac-productivity-page #contacto .faq-item summary:focus-visible{outline:3px solid rgba(182,213,232,.85);outline-offset:3px;border-radius:8px}
.sac-productivity-page #contacto .q-ic{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;margin-left:auto;border:1px solid rgba(182,213,232,.3);border-radius:50%;background:rgba(47,128,176,.18);color:var(--teal-light);transition:transform .3s,background .3s,color .3s,border-color .3s}
.sac-productivity-page #contacto .q-ic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}.sac-productivity-page #contacto .faq-item[open] .q-ic{transform:rotate(180deg);border-color:transparent;background:var(--teal);color:#fff}
.sac-productivity-page #contacto .faq-item>p{margin:0;padding:0 0 19px;color:rgba(224,240,248,.82);font-size:.96rem;line-height:1.65}
.sac-productivity-hero{overflow:hidden;padding-top:clamp(42px,6vw,76px)}.sac-productivity-back{display:inline-flex;margin-bottom:clamp(28px,4vw,50px);font:600 .86rem Poppins,sans-serif;color:var(--teal-dark)}
.sac-productivity-back:focus-visible,.sac-productivity-links a:focus-visible{outline:3px solid var(--p-blue);outline-offset:4px}
.sac-productivity-hero__grid,.sac-productivity-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:clamp(40px,7vw,100px)}.sac-productivity-hero h1{max-width:680px}.sac-productivity-hero .lead{margin:18px 0 30px}
.sac-productivity-mockup,.sac-productivity-detail{padding:18px;border:1px solid var(--p-line);border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(21,77,112,.12)}.sac-productivity-mockup{display:grid;gap:13px;background:linear-gradient(145deg,#fff,#f4fbff)}
.sac-productivity-mockup header,.sac-productivity-detail header{display:flex;justify-content:space-between;gap:10px;font:600 .78rem Poppins,sans-serif;color:var(--text-dark)}.sac-productivity-mockup header span,.sac-productivity-detail header span{font:500 .65rem Poppins,sans-serif;color:var(--muted)}
.sac-productivity-customer,.sac-productivity-preview{padding:15px;border-radius:14px}.sac-productivity-customer{border:1px solid #dbeaf3}.sac-productivity-mockup small,.sac-productivity-detail small{font:600 .67rem Poppins,sans-serif;color:var(--muted)}.sac-productivity-mockup p{margin:5px 0;font-size:.88rem;line-height:1.5;color:var(--text-dark)}.sac-productivity-customer small:last-child{color:var(--p-blue)}
.sac-productivity-selected{padding:14px 15px;border-radius:13px;background:#e5f2f8;display:grid;gap:3px}.sac-productivity-selected span{font:600 .67rem Poppins,sans-serif;color:var(--p-blue)}.sac-productivity-selected b{font:600 .88rem Poppins,sans-serif;color:var(--text-dark)}.sac-productivity-preview{background:var(--teal-deep);color:#fff}.sac-productivity-preview small,.sac-productivity-preview p{color:#fff}
.sac-productivity-intro,.sac-productivity-templates{background:var(--gray-50)}.sac-productivity-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sac-productivity-card-grid article{padding:24px;border:1px solid var(--gray-200);border-radius:var(--r);background:#fff}.sac-productivity-card-grid h3{font-size:1rem}.sac-productivity-card-grid p{font-size:.91rem;line-height:1.58}
.sac-productivity-how{background:var(--teal-deep);color:#fff}.sac-productivity-how h2,.sac-productivity-how .eyebrow{color:#fff}.sac-productivity-how .eyebrow:before{background:#a9d7d7}.sac-productivity-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none}.sac-productivity-steps li{padding:19px;border:1px solid rgba(255,255,255,.2);border-radius:14px}.sac-productivity-steps b{display:block;margin-bottom:16px;color:#a9d7d7;font:700 .78rem Poppins,sans-serif}.sac-productivity-steps h3{font-size:1rem;color:#fff}.sac-productivity-steps p{font-size:.84rem;line-height:1.55;color:#d8eeee}
.sac-productivity-split--reverse>div:first-child{order:2}.sac-productivity-note{margin-top:18px;padding-left:14px;border-left:3px solid var(--p-blue);font-size:.85rem;line-height:1.55;color:#526b78}.sac-productivity-detail p{margin:14px 0;padding:16px;border-radius:12px;background:var(--p-soft);font-size:.94rem;line-height:1.65;color:var(--text-dark)}.sac-productivity-detail footer{font-size:.72rem;color:#527084}.sac-productivity-template h3{margin-top:24px;font-size:1rem}.sac-productivity-template p{background:#f4f7f8}
.sac-productivity-card-grid--five{grid-template-columns:repeat(5,1fr)}.sac-productivity-conditions{background:#f6fbfd}.sac-productivity-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sac-productivity-links a{display:grid;gap:8px;min-height:128px;padding:22px;border:1px solid var(--p-line);border-radius:var(--r);transition:transform .2s,box-shadow .2s}.sac-productivity-links a:hover{transform:translateY(-3px);box-shadow:var(--e2)}.sac-productivity-links b{font:600 1rem Poppins,sans-serif;color:var(--teal-deep)}.sac-productivity-links span{font-size:.85rem;line-height:1.5;color:var(--text)}
.sac-productivity-implementation{background:#083f51}.sac-productivity-implementation-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,6vw,78px);padding:clamp(28px,5vw,58px);border:1px solid rgba(185,225,224,.3);border-radius:22px;background:rgba(255,255,255,.06)}.sac-productivity-implementation h2,.sac-productivity-implementation .lead,.sac-productivity-implementation .eyebrow{color:#fff}.sac-productivity-implementation .eyebrow:before{background:#a9d7d7}.sac-productivity-implementation .sac-productivity-note{color:#c8e5ec;border-color:#83c5dd}.sac-productivity-implementation ol{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;list-style:none}.sac-productivity-implementation li{padding:17px;border-radius:12px;background:#fff}.sac-productivity-implementation li>b{color:var(--p-blue);font:700 .75rem Poppins,sans-serif}.sac-productivity-implementation li h3{margin-top:10px;font-size:.95rem}.sac-productivity-implementation li p{font-size:.82rem;line-height:1.5}
.sac-productivity-cta{text-align:center;background:var(--teal-soft)}.sac-productivity-cta h2,.sac-productivity-cta p{max-width:700px;margin-right:auto;margin-left:auto}.sac-productivity-cta p{margin-bottom:26px;font-size:1.04rem}
@media(max-width:900px){.sac-productivity-page #contacto .contact-grid,.sac-productivity-hero__grid,.sac-productivity-split,.sac-productivity-implementation-panel{grid-template-columns:1fr}.sac-productivity-split--reverse>div:first-child{order:0}.sac-productivity-card-grid{grid-template-columns:repeat(2,1fr)}.sac-productivity-steps{grid-template-columns:repeat(3,1fr)}.sac-productivity-card-grid--five{grid-template-columns:repeat(3,1fr)}.sac-productivity-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sac-productivity-card-grid,.sac-productivity-card-grid--five,.sac-productivity-steps,.sac-productivity-links,.sac-productivity-implementation ol{grid-template-columns:1fr}.sac-productivity-implementation-panel{padding:23px}.sac-productivity-cta .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.sac-productivity-links a,.sac-productivity-page #contacto .q-ic{transition:none}.sac-productivity-links a:hover{transform:none}}
