/* SFG blog articles. Generated file - edit via Claude, not by hand. */
.sfg-article{--acc:#2BA0D0;--accD:#146B8F;--accSoft:#E8F5FA;max-width:74ch;margin:0 auto}
.sfg-article--aba{--acc:#e76552;--accD:#C61901;--accSoft:#FDEDEA}
.sfg-article--speech{--acc:#24a1cb;--accD:#146B8F;--accSoft:#E8F5FA}
.sfg-article--ot{--acc:#ee5fa1;--accD:#C6035A;--accSoft:#FDECF4}
.sfg-article--pt{--acc:#8bbb38;--accD:#4E6D1C;--accSoft:#F1F7E4}
.sfg-article--feeding{--acc:#f7b747;--accD:#8E5800;--accSoft:#FEF4E2}
.sfg-article--money{--acc:#F4B042;--accD:#8E5800;--accSoft:#FEF4E2}
.sfg-article--dev{--acc:#2BA0D0;--accD:#146B8F;--accSoft:#E8F5FA}
.single-post .sfg-article p,.single-post .sfg-article li{line-height:1.8em;font-size:17px}
.single-post .sfg-article a{color:var(--accD);text-decoration:underline;text-underline-offset:3px}
.single-post .sfg-article .sfg-lead{font-size:1.19em;line-height:1.7em;color:#3A2A18}
.single-post .sfg-article h2{font:inherit!important;font-size:1.6rem!important;font-weight:700!important;color:var(--accD)!important;line-height:1.28!important;margin:0 0 .55em!important;padding:0!important;border:0!important;scroll-margin-top:130px}
.single-post .sfg-article h3{font:inherit!important;font-size:1.08rem!important;font-weight:700!important;color:#3A2A18!important;margin:1.6em 0 .35em!important;padding:0!important;border:0!important}
.single-post .sfg-article .sfg-sec{margin:2.9em 0 0}
.single-post .sfg-article .sfg-sec::before{content:'';display:block;width:46px;height:5px;border-radius:3px;background:var(--acc);margin-bottom:1.1em}
.single-post .sfg-article .sfg-kicker{display:block;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accD);margin:0 0 .35em}
.single-post .sfg-article .sfg-tldr{background:var(--accSoft);border-radius:16px;padding:1.3em 1.5em;margin:1.8em 0 2em}
.single-post .sfg-article .sfg-tldr ul{list-style:none!important;padding:0!important;margin:.5em 0 0}
.single-post .sfg-article .sfg-tldr li{position:relative;padding-left:1.9em!important;margin-bottom:.5em}
.single-post .sfg-article .sfg-tldr li:last-child{margin-bottom:0}
.single-post .sfg-article .sfg-tldr li::before{content:'\2713'!important;position:absolute;left:0;top:0;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:var(--accD);font-weight:700}
.single-post .sfg-article .sfg-jump{display:flex;flex-wrap:wrap;gap:.5em;padding:0!important;margin:0 0 .4em;list-style:none!important}
.single-post .sfg-article .sfg-jump li{margin:0;padding:0!important}
.single-post .sfg-article .sfg-jump li::before{display:none!important}
.single-post .sfg-article .sfg-jump a{display:inline-block;padding:.42em .95em;border:2px solid var(--acc);border-radius:999px;text-decoration:none!important;font-size:.94rem;line-height:1.35;color:#3A2A18}
.single-post .sfg-article .sfg-jump a:hover{background:var(--acc);color:#3A2A18}
.single-post .sfg-article .sfg-check{list-style:none!important;padding:0!important;margin:.6em 0 1.4em}
.single-post .sfg-article .sfg-check li{position:relative;padding-left:2em!important;margin-bottom:.55em}
.single-post .sfg-article .sfg-check li::before{content:'\2713'!important;position:absolute;left:0;top:0;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:var(--accD);font-weight:700}
.single-post .sfg-article .sfg-x{list-style:none!important;padding:0!important;margin:.5em 0 1.4em}
.single-post .sfg-article .sfg-x li{position:relative;padding-left:1.9em!important;margin-bottom:.5em}
.single-post .sfg-article .sfg-x li::before{content:'\2715'!important;position:absolute;left:0;top:0;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:#9A8770;font-weight:700}
.single-post .sfg-article .sfg-cards{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin:1.2em 0 1.6em}
.single-post .sfg-article .sfg-card{background:var(--accSoft);border-radius:14px;padding:1.05em 1.2em}
.single-post .sfg-article .sfg-card strong{display:block;margin-bottom:.15em;color:var(--accD)}
.single-post .sfg-article .sfg-card p{margin:0;font-size:.97em;line-height:1.65em}
.single-post .sfg-article .sfg-steps{list-style:none!important;counter-reset:sfgstep;padding:0!important;margin:1.1em 0 1.5em}
.single-post .sfg-article .sfg-steps li{counter-increment:sfgstep;position:relative;padding-left:3.2em!important;margin-bottom:1.05em}
.single-post .sfg-article .sfg-steps li::before{content:counter(sfgstep)!important;position:absolute;left:0;top:0;width:2.1em!important;height:2.1em!important;border-radius:50%!important;background:var(--acc)!important;color:#3A2A18;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95em}
.single-post .sfg-article .sfg-note{background:#F7F7F4;border-left:5px solid var(--acc);border-radius:0 12px 12px 0;padding:1.05em 1.25em;margin:1.4em 0}
.single-post .sfg-article .sfg-note p:last-child{margin-bottom:0}
.single-post .sfg-article p.sfg-flag{background:#F3ECD9;border-left:5px solid #F4B042;padding:1.05em 1.3em;border-radius:0 12px 12px 0;margin:1.5em 0}
.single-post .sfg-article .sfg-faq{border-top:1px solid #E6E6E0}
.single-post .sfg-article .sfg-faq:last-of-type{border-bottom:1px solid #E6E6E0;margin-bottom:.5em}
.single-post .sfg-article .sfg-faq summary{cursor:pointer;list-style:none;padding:.95em 2.3em .95em 0;position:relative;font-weight:700;line-height:1.5;font-size:17px}
.single-post .sfg-article .sfg-faq summary::-webkit-details-marker{display:none}
.single-post .sfg-article .sfg-faq summary::after{content:'+';position:absolute;right:.15em;top:.5em;font-size:1.5em;line-height:1;color:var(--accD);font-weight:400}
.single-post .sfg-article .sfg-faq[open] summary::after{content:'\2212'}
.single-post .sfg-article .sfg-faq p{margin:0 0 1em}
.single-post .sfg-article .sfg-read{list-style:none!important;padding:0!important;margin:1em 0 0;display:grid;gap:.7em}
.single-post .sfg-article .sfg-read li{margin:0;padding:0!important}
.single-post .sfg-article .sfg-read li::before{display:none!important}
.single-post .sfg-article .sfg-read a{display:block;background:var(--accSoft);border-radius:12px;padding:.85em 1.1em;text-decoration:none!important;font-weight:600;color:var(--accD)}
.single-post .sfg-article .sfg-read a:hover{background:var(--acc);color:#3A2A18}
.single-post .sfg-article .sfg-read span{display:block;font-weight:400;font-size:.92em;color:#6E5A44;margin-top:.15em}
.single-post .sfg-article .sfg-read a:hover span{color:#3A2A18}
.single-post .sfg-article .sfg-cta{background:var(--accSoft);border-radius:20px;padding:1.8em 1.7em 2em;margin:2.8em 0 .5em;text-align:center}
.single-post .sfg-article .sfg-cta h2{margin:0 0 .4em!important;text-align:center}
.single-post .sfg-article .sfg-cta p{margin:0 auto 1.3em;max-width:48ch}
.single-post .sfg-article .sfg-btn{display:inline-block;background:var(--accD);color:#fff!important;text-decoration:none!important;font-weight:700;padding:.8em 1.7em;border-radius:999px;margin:.25em .3em}
.single-post .sfg-article .sfg-btn:hover{opacity:.88;color:#fff!important}
.single-post .sfg-article .sfg-btn--ghost{background:transparent;color:var(--accD)!important;border:2px solid var(--accD)}
.single-post .sfg-article .sfg-btn--ghost:hover{background:var(--acc);color:#3A2A18!important;border-color:var(--acc);opacity:1}
.single-post .sfg-article ul.sfg-jump>li::before,.single-post .sfg-article ul.sfg-read>li::before{content:''!important;background:none!important}
.single-post .sfg-article ul>li::marker,.single-post .sfg-article ol.sfg-steps>li::marker{content:''!important;color:transparent!important}
.single-post .sfg-article ul:not(.sfg-jump):not(.sfg-check):not(.sfg-x):not(.sfg-read){list-style:none!important;padding:0!important;margin:0 0 1.1em}
.single-post .sfg-article ul:not(.sfg-jump):not(.sfg-check):not(.sfg-x):not(.sfg-read)>li{position:relative;padding-left:1.6em!important;margin-bottom:.5em}
.single-post .sfg-article ul:not(.sfg-jump):not(.sfg-check):not(.sfg-x):not(.sfg-read):not(.sfg-tldr ul)>li::before{content:''!important;position:absolute;left:2px;top:.62em;width:9px!important;height:9px!important;border-radius:50%!important;background:var(--acc)!important}
.single-post .sfg-article ol:not(.sfg-steps){padding-left:1.4em;margin:0 0 1.1em}
@media(max-width:767px){
.single-post .sfg-article{max-width:none}
.single-post .sfg-article h2{font-size:1.32rem!important}
.single-post .sfg-article .sfg-cards{grid-template-columns:1fr}
.single-post .sfg-article .sfg-tldr,.single-post .sfg-article .sfg-cta{padding:1.2em 1.1em}
}
/* Divi's wpautop leaves empty paragraphs between block elements */
.single-post .sfg-article p:empty{display:none!important}
.single-post .sfg-article .sfg-sec--short{background:var(--accSoft);border-radius:16px;padding:1.4em 1.6em;margin-top:2.6em}
.single-post .sfg-article .sfg-sec--short::before{display:none}
.single-post .sfg-article .sfg-sec--short h2{font-size:1.25rem!important}
.single-post .sfg-article .sfg-sec--short p:last-child{margin-bottom:0}

/* titular del articulo: mismo ancho y mismo margen izquierdo que el cuerpo.
   El ancho se fija en el contenedor del modulo, no en el h1: 'ch' depende del
   tamano de fuente y en un titular grande da un ancho muy distinto.
   El aire de arriba y de abajo lo pone el propio h1, para que las 15 entradas
   tengan el mismo ritmo tanto si el h1 va en su propia seccion (las 10 antiguas)
   como si va dentro del modulo del cuerpo (las 5 nuevas). */
.single-post .et_pb_text_inner{
	max-width:650px;
	margin-left:auto !important;
	margin-right:auto !important;
}
.single-post .sfg-article{max-width:none}
.single-post .et_pb_text_inner h1{
	margin:0 !important;
	padding:30px 0 26px;
	line-height:1.16;
	letter-spacing:-.01em;
	text-wrap:balance;
}
/* Divi separa las dos secciones con su relleno propio: fuera, manda el h1 */
.single-post .et_pb_section:has(.sfg-article){padding-top:0 !important}
.single-post .et_pb_row:has(.sfg-article){padding-top:0 !important;margin-top:0 !important}
.single-post .et_pb_section:has(.et_pb_text_inner > h1){padding-bottom:0 !important}
.single-post .et_pb_row:has(.et_pb_text_inner > h1){padding-bottom:0 !important;margin-bottom:0 !important}
@media(max-width:767px){
	.single-post .et_pb_text_inner{max-width:none}
	.single-post .et_pb_text_inner h1{padding:18px 0 16px}
}