/* CUPONFY ERP · SEO y posicionamiento (formulario compartido _FormularioSeo). Común a los paneles. */
.cf-seo__contador { display: inline-flex; align-items: center; gap: .35rem; font-size: .78rem; color: #717171; font-weight: 600; }
.cf-seo__luz { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.cf-seo__luz--verde { background: #12a150; }
.cf-seo__luz--ambar { background: #f5a524; }
.cf-seo__luz--rojo { background: #e5484d; }

.cf-seo__imagenes { display: flex; flex-wrap: wrap; gap: .5rem; }
.cf-seo__imagen { width: 96px; height: 64px; padding: 0; border: 2px solid #e7e8f0; border-radius: 10px; overflow: hidden; background: #f4f5f9; }
.cf-seo__imagen img { width: 100%; height: 100%; object-fit: cover; }
.cf-seo__imagen.activo { border-color: #00A699; box-shadow: 0 0 0 3px rgba(0, 166, 153, .2); }
.cf-seo__imagen-auto { display: grid; place-content: center; justify-items: center; height: 100%; font-size: .72rem; color: #717171; }

.cf-seo__redes { list-style: none; padding: 0; margin: 0 0 .5rem; display: grid; gap: .3rem; }
.cf-seo__redes li { display: flex; align-items: center; gap: .5rem; font-size: .85rem; }
.cf-seo__redes a { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cf-seo__horario { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.cf-seo__horario .form-control { width: 115px; }

.cf-seo__lateral { position: sticky; top: 1rem; display: grid; gap: .75rem; }
.cf-seo__etiqueta { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #717171; }

/* Imitación del resultado de búsqueda de Google */
.cf-seo__google { background: #fff; border: 1px solid #e7e8f0; border-radius: 14px; padding: 1rem 1.1rem; font-family: Arial, Helvetica, sans-serif; }
.cf-seo__google-sitio { display: flex; align-items: center; gap: .6rem; margin-bottom: .35rem; }
.cf-seo__google-sitio strong { display: block; font-size: .85rem; color: #202124; font-weight: 400; }
.cf-seo__google-sitio small { display: block; font-size: .75rem; color: #4d5156; overflow-wrap: anywhere; }
.cf-seo__google-icono { width: 26px; height: 26px; border-radius: 50%; background: #FF385C; color: #fff; display: grid; place-items: center; font-weight: 700; font-size: .85rem; flex-shrink: 0; }
.cf-seo__google-titulo { color: #1a0dab; font-size: 1.15rem; line-height: 1.3; margin-bottom: .2rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.cf-seo__google-texto { color: #4d5156; font-size: .85rem; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.cf-seo__robots { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; }

.cf-seo__json { background: #f7f7f9; border-radius: 12px; padding: .7rem .9rem; }
.cf-seo__json summary { cursor: pointer; font-weight: 600; }
.cf-seo__json pre { max-height: 420px; overflow: auto; margin: 0; padding: .75rem; background: #1a1a2e; color: #e7e8f0; border-radius: 10px; font-size: .74rem; }

/* Tablero SEO */
.cf-seo-estado { display: inline-flex; align-items: center; gap: .35rem; font-weight: 600; font-size: .8rem; }