/* ==============================================================
   BLUUPI · Artículo "Talleres familiares" · CSS EXCLUSIVO
   No modifica CSS globales, .bottom-nav, cabecera ni footer.
   CADA regla se limita a .blog-article--talleres y su contenido.
   ============================================================== */
.blog-article--talleres{width:100%;max-width:1120px;min-width:0;margin:0 auto;color:#173c55}
.blog-article--talleres *{box-sizing:border-box}
.blog-article--talleres :where(img,figure,section,div){min-width:0}
.blog-article--talleres .blog-tags{margin:10px 0 18px}
.blog-article--talleres a:not(.taller-story__button){color:#086f9d;text-decoration:underline;text-underline-offset:3px}
.blog-article--talleres a:focus-visible{outline:3px solid #25bde4;outline-offset:4px}
.blog-article--talleres .taller-story__header{padding:0 0 28px}
.blog-article--talleres .taller-story__hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:30px;padding:clamp(21px,4vw,42px);border-radius:29px;background:radial-gradient(circle at 98% 5%,rgba(74,195,236,.20),transparent 39%),linear-gradient(125deg,#fff 0%,#f1faff 100%);border:1px solid #dfecf5;box-shadow:0 17px 44px rgba(8,58,92,.065)}
.blog-article--talleres .taller-story__eyebrow,.blog-article--talleres .taller-story__overline{display:block;font-size:.76rem;line-height:1.5;letter-spacing:.105em;text-transform:uppercase;font-weight:900;color:#117fae;margin:0 0 12px}
.blog-article--talleres .taller-story__hero h1{font-family:'Baloo 2',Inter,system-ui,sans-serif;font-size:clamp(2.1rem,3.65vw,3.12rem);font-weight:900;line-height:1.12;letter-spacing:-.032em;color:#0e3e61;margin:0 0 19px;overflow-wrap:break-word}
.blog-article--talleres .taller-story__lead{font-size:clamp(1.02rem,1.28vw,1.16rem);color:#4c6679;line-height:1.71;margin:0}
.blog-article--talleres .taller-story__lead strong{color:#163e58}
.blog-article--talleres .taller-story__header-actions,.blog-article--talleres .taller-story__cta-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:stretch;margin:22px 0 17px}
.blog-article--talleres .taller-story__button{display:inline-flex;justify-content:center;align-items:center;gap:10px;text-decoration:none!important;text-align:center;min-height:49px;padding:12px 18px;font-weight:850;font-size:.93rem;line-height:1.35;border-radius:16px;transition:transform .2s ease,box-shadow .2s ease}
.blog-article--talleres .taller-story__button:hover{transform:translateY(-2px)}
.blog-article--talleres .taller-story__button--primary{background:#106e9e;color:#fff;box-shadow:0 13px 28px rgba(9,97,146,.18)}
.blog-article--talleres .taller-story__button--light{background:#e5f5fc;color:#0e3e61;border:1px solid #cce9f4}
.blog-article--talleres .taller-story__date{color:#778a98;margin:12px 0 0;font-size:.85rem}
.blog-article--talleres .taller-story__hero-media{margin:0;overflow:hidden;border-radius:25px;background:#e5f4fa;box-shadow:0 17px 37px rgba(13,68,105,.11)}
.blog-article--talleres .taller-story__hero-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.blog-article--talleres .taller-story__hero-media figcaption{color:#668296;font-size:.74rem;line-height:1.45;padding:10px 15px 12px;background:#f9fdff}
.blog-article--talleres .taller-story__content{display:block}
.blog-article--talleres .taller-story__content p{color:#486479;font-size:1.01rem;line-height:1.75;margin:0 0 17px}
.blog-article--talleres .taller-story__content h2{font-family:'Baloo 2',Inter,system-ui,sans-serif;color:#0e3e61;letter-spacing:-.02em;font-size:clamp(1.52rem,2.6vw,2.2rem);font-weight:900;line-height:1.2;margin:0 0 20px}
.blog-article--talleres .taller-story__content h3{font-size:1.09rem;line-height:1.4;color:#123f61;font-weight:850;margin:0 0 11px}
.blog-article--talleres .taller-story__content strong{color:#19435d}
.blog-article--talleres .taller-story__summary{display:grid;grid-template-columns:56px minmax(0,1fr);gap:19px;align-items:start;margin:4px 0 19px;border-radius:22px;padding:26px;background:linear-gradient(110deg,#dcf4ff 0%,#f2fbff 100%);border:1px solid #bfe5f7}
.blog-article--talleres .taller-story__summary-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:17px;color:#086e9c;background:#bce9fb;font-size:27px}
.blog-article--talleres .taller-story__summary h2{font-size:1.28rem;margin:0 0 9px}
.blog-article--talleres .taller-story__summary p{margin:0;font-size:.99rem}
.blog-article--talleres .taller-story__contents{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 20px;border-radius:19px;margin:0 0 37px;background:#fff;border:1px solid #e0edf5}
.blog-article--talleres .taller-story__contents strong{color:#163f5a;font-size:.91rem;margin-right:7px}
.blog-article--talleres .taller-story__contents a{text-decoration:none!important;background:#edf7fc;border:1px solid #dceff7;color:#13688f!important;padding:7px 10px;border-radius:50px;font-size:.8rem;font-weight:750}
.blog-article--talleres .taller-story__section{margin:0 0 31px;padding:clamp(21px,3.3vw,34px);border:1px solid #e2edf5;border-radius:25px;background:#fff;box-shadow:0 11px 34px rgba(8,56,88,.038);scroll-margin-top:22px}
.blog-article--talleres .taller-story__section > p:last-child{margin-bottom:0}
.blog-article--talleres .taller-story__pill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 23px}
.blog-article--talleres .taller-story__pill-grid>div{background:#f0f8fc;border:1px solid #dceef8;border-radius:15px;padding:16px 13px}
.blog-article--talleres .taller-story__pill-grid span{font-size:24px;display:block;margin:0 0 9px}
.blog-article--talleres .taller-story__pill-grid strong{font-size:.96rem;display:block;margin-bottom:6px}
.blog-article--talleres .taller-story__pill-grid p{font-size:.86rem;line-height:1.5;margin:0}
.blog-article--talleres .taller-story__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:23px 0 3px}
.blog-article--talleres .taller-story__card{min-width:0;border:1px solid #ddeaf2;overflow:hidden;border-radius:19px;background:#fafdff;box-shadow:0 9px 22px rgba(8,61,97,.045)}
.blog-article--talleres .taller-story__card-media{margin:0;overflow:hidden;aspect-ratio:1.95/1;background:#e4f4fa}
.blog-article--talleres .taller-story__card-media img{display:block;width:100%;height:100%;object-fit:cover}
.blog-article--talleres .taller-story__card-copy{padding:19px 21px 21px}
.blog-article--talleres .taller-story__card-number{font-weight:900;font-size:.77rem;letter-spacing:.06em;color:#1289b8;display:block;margin-bottom:7px}
.blog-article--talleres .taller-story__card h3{font-size:1.17rem;margin-bottom:11px}
.blog-article--talleres .taller-story__card p{font-size:.91rem;line-height:1.62;margin-bottom:12px}
.blog-article--talleres .taller-story__card p.taller-story__ideas{padding-top:10px;border-top:1px solid #dcebf3}
.blog-article--talleres .taller-story__card p.taller-story__tip{background:#e8f6fc;padding:12px 13px;border-radius:12px;color:#48687c;margin:0}
.blog-article--talleres .taller-story__feature{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:23px;background:linear-gradient(135deg,#fff9ec,#effbff);border:1px solid #f0e5cf;border-radius:25px;padding:clamp(23px,3.4vw,34px);margin:0 0 31px;scroll-margin-top:22px}
.blog-article--talleres .taller-story__feature ul{margin:0;padding-left:23px;color:#4c6478}
.blog-article--talleres .taller-story__feature li{margin:0 0 8px;line-height:1.58}
.blog-article--talleres .taller-story__feature figure{margin:0;overflow:hidden;border-radius:21px;background:#dfedf5}
.blog-article--talleres .taller-story__feature figure img{display:block;width:100%;height:auto;aspect-ratio:1.3/1;object-fit:cover}
.blog-article--talleres .taller-story__feature figcaption{font-size:.77rem;padding:10px 13px;color:#64798b;background:#fff}
.blog-article--talleres .taller-story__idea-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:21px 0}
.blog-article--talleres .taller-story__idea-groups>div{padding:19px 21px;border-radius:16px;background:#f1f8fc;border:1px solid #dcecf6}
.blog-article--talleres .taller-story__idea-groups h3{font-size:1.04rem;margin-bottom:7px}
.blog-article--talleres .taller-story__idea-groups p{font-size:.93rem;line-height:1.61;margin:0}
.blog-article--talleres p.taller-story__smallnote{font-size:.86rem;color:#6b8291}
.blog-article--talleres .taller-story__featured{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);align-items:center;gap:25px;margin:0 0 31px;padding:clamp(24px,4vw,39px);border-radius:26px;background:linear-gradient(125deg,#083d60,#0b769e);box-shadow:0 18px 45px rgba(9,69,102,.13);scroll-margin-top:22px}
.blog-article--talleres .taller-story__featured .taller-story__overline{color:#a7edff}
.blog-article--talleres .taller-story__featured h2{color:#fff}
.blog-article--talleres .taller-story__featured p{color:#def0f9}
.blog-article--talleres .taller-story__featured strong{color:#fff}
.blog-article--talleres .taller-story__featured .taller-story__button--white{background:#fff;color:#0e3e61;margin:5px 0 15px}
.blog-article--talleres .taller-story__featured .taller-story__disclaimer{font-size:.77rem;color:#b8dce8;margin:0}
.blog-article--talleres .taller-story__featured figure{margin:0;border-radius:21px;overflow:hidden}
.blog-article--talleres .taller-story__featured figure img{width:100%;height:auto;aspect-ratio:1.47/1;object-fit:cover;display:block}
.blog-article--talleres .taller-story__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:23px 0}
.blog-article--talleres .taller-story__steps>div{display:flex;align-items:flex-start;gap:13px;background:#f1f8fc;border:1px solid #e1eff7;border-radius:16px;padding:17px}
.blog-article--talleres .taller-story__steps>div>span{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#c7e9f9;color:#0876a6;font-weight:900}
.blog-article--talleres .taller-story__steps h3{font-size:1rem;margin-bottom:6px}
.blog-article--talleres .taller-story__steps p{font-size:.91rem;line-height:1.55;margin:0}
.blog-article--talleres .taller-story__dialogue{border-radius:18px;padding:23px;background:#e7f5fc;border-left:4px solid #26acd9}
.blog-article--talleres .taller-story__dialogue strong{display:block;margin-bottom:7px}
.blog-article--talleres .taller-story__dialogue p{color:#164967;font-size:1.03rem;font-weight:700;margin:0 0 9px}
.blog-article--talleres .taller-story__dialogue small{color:#648398;font-size:.83rem}
.blog-article--talleres .taller-story__faq-item{padding:18px 0;border-bottom:1px solid #e1ecf4}
.blog-article--talleres .taller-story__faq-item:last-child{border-bottom:0;padding-bottom:0}
.blog-article--talleres .taller-story__faq-item h3{margin:0 0 7px}
.blog-article--talleres .taller-story__faq-item p{margin:0;font-size:.96rem}
.blog-article--talleres .taller-story__cta{border-radius:25px;padding:clamp(25px,4.5vw,44px);background:linear-gradient(125deg,#0a4268,#0875a3);margin:38px 0 18px;scroll-margin-top:22px}
.blog-article--talleres .taller-story__cta .taller-story__overline{color:#abedff}
.blog-article--talleres .taller-story__cta h2{color:#fff}
.blog-article--talleres .taller-story__cta p{color:#e0f5ff;max-width:790px}
.blog-article--talleres .taller-story__cta .taller-story__button--white{background:#fff;color:#0d4565}
.blog-article--talleres .taller-story__cta .taller-story__button--outline{border:1px solid #a1dff6;color:#fff;background:transparent}
.blog-article--talleres .taller-story__cta p.taller-story__cta-small{font-size:.79rem;line-height:1.5;margin-bottom:0;color:#cce5f0}
.blog-article--talleres p.taller-story__footnote{font-size:.83rem;line-height:1.6;color:#6d8493;text-align:center;margin:17px 0 8px}
@media(max-width:767px){
 .blog-article--talleres .taller-story__hero{grid-template-columns:minmax(0,1fr);padding:22px 17px;gap:19px;border-radius:20px}
 .blog-article--talleres .taller-story__hero h1{font-size:clamp(1.81rem,8vw,2.27rem)}
 .blog-article--talleres .taller-story__header-actions,.blog-article--talleres .taller-story__cta-actions{flex-direction:column}
 .blog-article--talleres .taller-story__button{width:100%}
 .blog-article--talleres .taller-story__hero-media{border-radius:17px}
 .blog-article--talleres .taller-story__summary{grid-template-columns:minmax(0,1fr);padding:20px 17px;gap:12px}
 .blog-article--talleres .taller-story__summary-icon{width:42px;height:42px}
 .blog-article--talleres .taller-story__contents{padding:13px;gap:8px}
 .blog-article--talleres .taller-story__contents strong{width:100%}
 .blog-article--talleres .taller-story__section{padding:21px 17px;border-radius:20px;margin-bottom:22px}
 .blog-article--talleres .taller-story__pill-grid,.blog-article--talleres .taller-story__cards,.blog-article--talleres .taller-story__feature,.blog-article--talleres .taller-story__idea-groups,.blog-article--talleres .taller-story__featured,.blog-article--talleres .taller-story__steps{grid-template-columns:minmax(0,1fr)}
 .blog-article--talleres .taller-story__pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .blog-article--talleres .taller-story__feature,.blog-article--talleres .taller-story__featured{padding:22px 17px;border-radius:21px;gap:19px;margin-bottom:22px}
 .blog-article--talleres .taller-story__card-copy{padding:18px}
 .blog-article--talleres .taller-story__content h2{font-size:1.55rem}
 .blog-article--talleres .taller-story__content p{font-size:.97rem;line-height:1.68}
 .blog-article--talleres .taller-story__cta{padding:24px 18px;border-radius:20px}
}
@media(min-width:768px) and (max-width:1199px){
 .blog-article--talleres{max-width:960px}
 .blog-article--talleres .taller-story__hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
 .blog-article--talleres .taller-story__pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .blog-article--talleres .taller-story__feature,.blog-article--talleres .taller-story__featured{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.blog-article--talleres .taller-story__button{transition:none}}