/* smk-base supplemental styles (auto-enqueued from assets/css/).
   Generated themes drop the imported kit's CSS here; this file is a thin layer
   over the defaults in style.css. Keep kit CSS in separate files so load order
   is controllable via numeric filename prefixes (01-, 02-, ...). */

.smk-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: var(--smk-gap, 1.5rem);
}
.smk-feature { padding: 1.25rem; border: 1px solid #eee; border-radius: .75rem; }
.smk-card { margin-block: 2rem; }
.smk-card-title { margin: .25rem 0; }
.smk-page-body, .smk-features { padding-block: 2.5rem; }
.smk-footer-widgets { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--smk-gap, 1.5rem); }
.smk-copyright { color: #666; font-size: .9rem; }

/* Vendedor photo (admin-managed via the "Equipo" repeater's Foto field).
   The kit's .team-photo is a 4/3 placeholder (initials + "FOTO"); when a photo
   is set, main.js renders an <img> instead and this rule cover-fills it —
   mirrors the kit's own .project-img img pattern. Lives here (theme layer)
   so styles.css stays a verbatim kit copy. */
.team-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }