/* ---- Pie de pagina (3 disenos). Corte de celular: 760 px. ---- */
.sjw-pie { --pie-bg: var(--sjw-pie-bg, var(--wp--preset--color--suave, #f5f4f2)); --pie-fg: var(--wp--preset--color--tinta, #111); --pie-borde: var(--wp--preset--color--borde, #e3e1dd); --pie-acento: var(--wp--preset--color--acento, #b4452f);
	margin-top: 3rem; background: var(--pie-bg); color: var(--pie-fg); font-size: .9rem; line-height: 1.55; }
.sjw-pie :is(a) { color: inherit; text-decoration: none; } .sjw-pie a:hover { color: var(--pie-acento); }
.sjw-pie :is(ul, ol) { list-style: none; margin: 0; padding: 0; }
.sjw-pie-in { width: min(var(--sjw-ancho, 1200px), 100% - 2 * var(--sjw-margen, 1.5rem)); margin-inline: auto; box-sizing: border-box; }
.sjw-pie-t { display: block; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.sjw-pie-logo { font-size: 1.3rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.sjw-pie-marca img { display: block; max-height: 3rem; width: auto; }
.sjw-pie-desc { margin: .75rem 0 0; max-width: 24rem; opacity: .85; }
.sjw-pie-redes { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.1rem; }
.sjw-pie-red { display: inline-flex; width: 2.4rem; height: 2.4rem; align-items: center; justify-content: center; border: 1px solid var(--pie-borde); border-radius: 50%; transition: background .15s, color .15s, border-color .15s; }
.sjw-pie-red:hover { background: var(--pie-fg); color: var(--pie-bg) !important; border-color: var(--pie-fg); }

/* columnas */
.sjw-pie-cols { display: grid; grid-template-columns: minmax(14rem, 1.5fr) repeat(var(--sjw-pie-n, 2), minmax(0, 1fr)) minmax(13rem, 1.3fr); gap: 2rem 3rem; padding-block: 3.25rem 2.25rem; }
.sjw-pie-col summary { display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: default; margin-bottom: .9rem; }
.sjw-pie-col summary::-webkit-details-marker { display: none; } .sjw-pie-col summary svg { display: none; width: 18px; height: 18px; transition: transform .2s; }
.sjw-pie-col li { margin: 0 0 .5rem; } .sjw-pie-col a, .sjw-pie-contacto a { opacity: .85; } .sjw-pie-col a:hover, .sjw-pie-contacto a:hover { opacity: 1; }
.sjw-pie-contacto .sjw-pie-t { margin-bottom: .9rem; }
.sjw-pie-contacto li { display: flex; gap: .6rem; align-items: flex-start; margin: 0 0 .6rem; } .sjw-pie-contacto svg { flex: none; margin-top: .1rem; opacity: .7; width: 18px; height: 18px; }

/* parte de abajo */
.sjw-pie-base { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem 1.5rem; padding-block: 1.25rem 1.6rem; border-top: 1px solid var(--pie-borde); font-size: .8125rem; }
.sjw-pie-copy { margin: 0; opacity: .85; }
.sjw-pie-pagos { display: flex; flex-wrap: wrap; gap: .4rem; } .sjw-pie-pagos li { padding: .2rem .65rem; border: 1px solid var(--pie-borde); border-radius: 999px; font-size: .75rem; }
.sjw-pie-legal { display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; }
.sjw-pie-arriba { display: inline-flex; width: 2.3rem; height: 2.3rem; align-items: center; justify-content: center; border-radius: 50%; background: var(--pie-fg); color: var(--pie-bg) !important; }
.sjw-pie-arriba:hover { background: var(--pie-acento); color: #fff !important; }

/* 2. completo: franja de boletin */
.sjw-pie-bol { background: var(--pie-acento); color: #fff; }
.sjw-pie-bol-in { display: grid; grid-template-columns: 1fr minmax(0, 28rem); gap: 1.25rem 3rem; align-items: center; padding-block: 2.25rem; }
.sjw-pie-bol h2 { margin: 0; font-size: clamp(1.3rem, 1.1rem + 1vw, 1.8rem); line-height: 1.2; color: inherit; }
.sjw-pie-bol p { margin: .4rem 0 0; opacity: .92; }
.sjw-pie-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; }
.sjw-pie-form input[type=email] { min-width: 0; padding: .8rem 1.1rem; border: 0; border-radius: 999px; font: inherit; color: #111; background: #fff; }
.sjw-pie-btn { padding: .8rem 1.4rem; border: 0; border-radius: 999px; background: var(--wp--preset--color--tinta, #111); color: var(--wp--preset--color--base, #fff); font: inherit; font-weight: 700; cursor: pointer; }
.sjw-pie-btn:hover { filter: brightness(1.15); }
.sjw-pie-form small, .sjw-pie-bol-msj { grid-column: 1 / -1; margin: 0; font-size: .75rem; opacity: .85; } .sjw-pie-bol-msj { font-size: .85rem; font-weight: 600; opacity: 1; } .sjw-pie-bol-msj:empty { display: none; }
.sjw-pie-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* 3. minimalista */
.sjw-pie--minimo { background: var(--sjw-pie-bg, var(--wp--preset--color--base, #fff)); border-top: 1px solid var(--pie-borde); }
.sjw-pie-centro { display: flex; flex-direction: column; align-items: center; text-align: center; padding-block: 3rem 1.75rem; }
.sjw-pie-centro .sjw-pie-desc { margin-inline: auto; } .sjw-pie-centro .sjw-pie-marca img { margin-inline: auto; }
.sjw-pie-fila { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.75rem; margin-top: 1.5rem; font-size: .8125rem; letter-spacing: .1em; text-transform: uppercase; }
.sjw-pie-centro .sjw-pie-redes { justify-content: center; } .sjw-pie-datos { margin: 1.1rem 0 0; opacity: .8; }
.sjw-pie--minimo .sjw-pie-base { justify-content: center; text-align: center; flex-direction: column; border-top: 0; padding-top: .5rem; } .sjw-pie--minimo .sjw-pie-legal, .sjw-pie--minimo .sjw-pie-pagos { justify-content: center; }
.sjw-pie--minimo .sjw-pie-arriba { position: absolute; right: var(--sjw-margen, 1.5rem); }
.sjw-pie--minimo .sjw-pie-in:last-child { position: relative; }

/* tablet */
@media (max-width: 1000px) { .sjw-pie-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sjw-pie-id { grid-column: 1 / -1; } .sjw-pie-bol-in { grid-template-columns: 1fr; } }
/* celular: las columnas se vuelven acordeones */
@media (max-width: 760px) {
	.sjw-pie-cols { grid-template-columns: 1fr; gap: 0; padding-block: 2rem 1rem; } .sjw-pie-id { padding-bottom: 1.25rem; }
	.sjw-pie-col { border-top: 1px solid var(--pie-borde); } .sjw-pie-col summary { margin: 0; padding: 1rem 0; cursor: pointer; } .sjw-pie-col summary svg { display: block; }
	.sjw-pie-col[open] summary svg { transform: rotate(180deg); } .sjw-pie-col ul { padding-bottom: .6rem; }
	.sjw-pie-contacto { border-top: 1px solid var(--pie-borde); padding-top: 1.1rem; }
	.sjw-pie-base { flex-direction: column; text-align: center; } .sjw-pie-legal, .sjw-pie-pagos { justify-content: center; }
	.sjw-pie-form { grid-template-columns: 1fr; } .sjw-pie-btn { width: 100%; }
	.sjw-pie--minimo .sjw-pie-arriba { position: static; }
}