/* Componentes de las entradas antiguas del blog dentro de la plantilla v7 (generado por legacy_css.py) */
.art-body{--card:#fff;--line-card:rgba(33,30,26,.12);--r:16px;--ink:#211E1A;--ink-soft:#4f4a42;--ink-faint:#6e685e;--orange:#ef8c27;--orange-soft:#fdeedd;--orange-deep:#a6570f;--paper-alt:#f4efe6;--red:#b3261e;--font:'Outfit',system-ui,sans-serif;--serif:'Outfit',system-ui,sans-serif}
.art-body .link-arrow{display:inline-flex; align-items:center; gap:6px;
  color:var(--orange-deep); font-weight:500; font-size:14px;
  border-bottom:1px solid var(--orange); padding-bottom:1px;
  transition:gap .18s;}
.art-body .link-arrow:hover{gap:10px}
.art-body .pullquote{margin:48px -20px; padding:32px 32px 32px 40px;
  border-left:3px solid var(--orange);
  font-family:'DM Sans', sans-serif; font-weight:600;
  font-size:clamp(22px, 2.4vw, 28px); line-height:1.3; color:var(--ink);
  letter-spacing:-.02em;}
@media (min-width:768px){.art-body .pullquote{margin-left:-40px; margin-right:-40px}}
.art-body .pullquote cite{display:block; margin-top:14px; font-family:'DM Sans', sans-serif;
  font-style:normal; font-weight:500; font-size:13px; color:var(--muted);
  letter-spacing:.5px; text-transform:uppercase;}
.art-body .callout{margin:32px 0; padding:24px 28px;
  background:var(--paper-soft); border:1px solid var(--line);
  border-radius:var(--radius-lg); font-size:16px; line-height:1.7;}
.art-body .callout__head{display:flex; align-items:center; gap:10px; margin-bottom:10px;
  font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--orange-deep);}
.art-body .callout__head i{font-size:16px}
.art-body .callout p{font-size:16px; line-height:1.7; margin-bottom:0; color:var(--body)}
.art-body .faq{max-width:820px; margin:0 auto}
.art-body .faq-item{border-bottom:1px solid var(--line)}
.art-body .faq-item:first-child{border-top:1px solid var(--line)}
.art-body .faq-q{width:100%; padding:26px 0; text-align:left;
  display:flex; justify-content:space-between; align-items:center; gap:24px;
  font-family:'DM Sans', sans-serif; font-size:16.5px; font-weight:600;
  color:var(--ink); letter-spacing:-.01em; transition:color .2s;}
.art-body .faq-q:hover{color:var(--orange-deep)}
.art-body .faq-q__icon{flex-shrink:0; width:30px; height:30px; color:var(--muted);
  font-size:16px; transition:transform .25s, color .2s;
  display:flex; align-items:center; justify-content:center;}
.art-body .faq-item.open .faq-q__icon{transform:rotate(45deg); color:var(--orange)}
.art-body .faq-a{max-height:0; overflow:hidden; transition:max-height .35s ease}
.art-body .faq-a-inner{padding:0 40px 28px 0}
.art-body .faq-a p{font-size:15.5px; line-height:1.7; color:var(--body)}
.art-body .faq-a p + p{margin-top:12px}
.art-body .paso{padding:30px 26px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius-lg); transition:.2s}
.art-body .paso:hover{border-color:var(--ink); transform:translateY(-2px)}
.art-body .paso__num{font-size:11px; color:var(--orange-deep); font-weight:700; letter-spacing:2px; text-transform:uppercase; display:inline-flex; align-items:center; gap:8px; margin-bottom:18px; line-height:1}
.art-body .paso__num::before{content:""; width:20px; height:1px; background:var(--orange)}
.art-body .paso h3{font-size:17px; line-height:1.3; margin-bottom:10px; font-weight:600}
.art-body .paso p{font-size:14px; line-height:1.6; color:var(--body)}
.art-body .faq{border-bottom:1px dashed var(--line)}
.art-body .faq summary{cursor:pointer;list-style:none;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;font-weight:600;font-size:1.04rem}
.art-body .faq summary::-webkit-details-marker{display:none}
.art-body .faq summary .chev{color:var(--orange-deep);transition:transform .25s;flex-shrink:0}
.art-body .faq[open] summary .chev{transform:rotate(180deg)}
.art-body .faq .ans{padding:0 0 22px;color:var(--ink-soft);font-size:.97rem;line-height:1.65;max-width:68ch}
.art-body .faq summary h3{margin:0;font-size:1.04rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:inherit;flex:1}
.art-body .lead-p{font-size:1.2rem;line-height:1.6;color:var(--ink);margin-bottom:1.4em}
.art-body .mini-quiz{background:var(--card);border:1px solid var(--line-card);border-radius:var(--r);padding:24px 22px;margin:1.9em 0;max-width:none;box-shadow:0 1px 2px rgba(33,30,26,.03)}
.art-body .mini-quiz__items{display:flex;flex-direction:column;gap:11px}
.art-body .mini-quiz__items br{display:none}
.art-body .mini-quiz__item{display:flex;gap:11px;align-items:flex-start;font-size:.98rem;line-height:1.5;color:var(--ink-soft);cursor:pointer;padding-left:0}
.art-body .mini-quiz__item::before{display:none}
.art-body .mini-quiz__item input{margin-top:3px;width:17px;height:17px;accent-color:var(--orange);flex-shrink:0}
.art-body .mini-quiz__result{margin-top:14px;padding:14px 16px;border-radius:12px;font-size:.95rem;line-height:1.55;display:none;max-width:none}
.art-body .mini-quiz__result strong{font-weight:600;display:block;margin-bottom:4px;color:inherit}
.art-body .mini-quiz__result.ok{background:rgba(63,125,63,.10);color:#2f6b2f;border:1px solid rgba(63,125,63,.22);display:block}
.art-body .mini-quiz__result.warn{background:var(--orange-soft);color:var(--orange-deep);border:1px solid rgba(239,140,39,.3);display:block}
.art-body .mini-quiz__result.bad{background:rgba(180,84,26,.10);color:var(--red);border:1px solid rgba(180,84,26,.25);display:block}
.art-body .faq{display:flex;flex-direction:column;gap:10px;margin:1.9em 0;max-width:none}
.art-body .faq-item{background:var(--card);border:1px solid var(--line-card);border-radius:12px;overflow:hidden}
.art-body .faq-item p:empty{display:none}
.art-body .faq-q{width:100%;text-align:left;background:none;border:0;margin:0;padding:16px 18px;font-family:var(--font);font-size:1.04rem;font-weight:600;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;line-height:1.35}
.art-body .faq-q__icon{flex-shrink:0;color:var(--orange-deep);display:inline-flex;transition:transform .2s}
.art-body .faq-item.open .faq-q__icon{transform:rotate(45deg)}
.art-body .faq-a{overflow:hidden;max-height:0;transition:max-height .3s ease}
.art-body .faq-a-inner{padding:0 18px 16px}
.art-body .faq-a-inner p{margin:0;font-size:1rem;color:var(--ink-soft);line-height:1.65;max-width:none}
.art-body .callout{background:var(--paper-alt)!important;border:1px solid var(--line-card)!important;border-radius:12px!important;padding:20px 24px!important;margin:1.9em 0!important;max-width:none}
.art-body .callout__head{font-weight:600;color:var(--ink);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.art-body .callout__head i{color:var(--orange-deep)}
.art-body .callout p{margin:0}
.art-body .pullquote{margin:2em 0!important;padding:.2em 0!important;border:0!important;font-family:var(--font)!important;font-style:normal!important;font-weight:500;font-size:1.4rem!important;line-height:1.4!important;color:var(--ink)!important;max-width:none}
.art-body .link-arrow{display:inline-flex;align-items:center;gap:6px;color:var(--orange-deep);font-weight:600;border-bottom:0}
.art-body .paso{position: relative; padding: 4px 0 4px 56px; margin: 38px 0 0;}
.art-body .paso::before{content: attr(data-n);
  position: absolute; left: 0; top: 2px;
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--orange); color: #fff;
  display: grid; place-items: center;
  font-weight: 600; font-size: 17px; line-height: 1;}
.art-body .paso::after{content: ""; position: absolute; left: 19px; top: 46px; bottom: -34px;
  width: 1px; border-left: 1px dashed var(--line);}
.art-body .paso:last-of-type::after{display: none}
.art-body .paso > h2{margin-top: 0 !important; padding-top: 4px}
@media (max-width: 640px){.art-body .paso{padding-left: 44px}}
@media (max-width: 640px){.art-body .paso::before{width: 31px; height: 31px; font-size: 15px}}
@media (max-width: 640px){.art-body .paso::after{left: 15px; top: 38px}}
.art-body .nota{background: var(--orange-soft); border-radius: 12px;
  padding: 16px 18px; margin: 24px 0;
  font-size: .95rem; line-height: 1.6; color: var(--ink);
  border: 1px solid rgba(239,140,39,.22);}
.art-body .nota strong{font-weight: 600}
.art-body .nota p{margin: 0}
.art-body .nota p + p{margin-top: 9px}
.art-body .ruta{font-weight: 600; color: var(--ink);
  background: var(--paper-alt); border-radius: 6px;
  padding: 2px 8px; font-size: .93em; white-space: nowrap;}
.art-body .encorto{background: var(--card); border: 1px solid var(--line-card);
  border-radius: var(--r); padding: 20px 22px; margin: 0 0 30px;}
.art-body .encorto > span{display: block; font-size: 11.5px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--orange-deep); margin-bottom: 8px;}
.art-body .encorto p{margin: 0; font-size: 1rem; line-height: 1.6}
.art-body .faq{display:flex;flex-direction:column;gap:10px;margin:1.6em 0}.art-body .faq-q{font-family:inherit;font-weight:500}.art-body .pullquote{border-left:3px solid var(--orange)!important;padding-left:22px!important}.art-body .callout,.art-body .mini-quiz,.art-body .faq-item{border-radius:16px!important}.art-body [class*=serif],.art-body em{font-family:inherit}