/* =====================================================================
   superadmin_web.css - editor de la pagina web dentro del panel de la plataforma (superadmin.html, oleada 13h).
   traduccion fiel de JS/plataforma-web.js (clases tailwind) y de las clases del <style> de superadmin.html.
   se carga despues de superadmin.css. norma: una clase por control (igual a su id); estados por data-*.
   ===================================================================== */
/* data-seccion="web" class="oculto space-y-6" */
.section_web > * + * { margin-top: 1.5rem; }
/* el modal de un slide es max-w-5xl */
.div_cuerpo_modal[data-ancho="5xl"] { max-width: 64rem; }

/* ================== controles (traduccion de sus clases tailwind y del web.css original) ================== */
.div_cabeza_web { min-width: 0; background: #ffffff; border-radius: 22px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.05); border: 1px solid #e8ecf4; padding: 1.25rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
.span_icono_web { width: 3rem; height: 3rem; border-radius: 1rem; display: grid; place-items: center; color: #ffffff; font-size: 1.25rem; line-height: 1.75rem; background-image: linear-gradient(to bottom right, #8b5cf6, #06b6d4); }
.span_icono_web > * { min-width: 0; }
.div_titulos_web { flex: 1 1 0%; min-width: 0px; }
.p_titulo_web { font-family: 'Outfit', system-ui, sans-serif; letter-spacing: -0.02em; font-size: 1.125rem; line-height: 1.75rem; font-weight: 900; }
.p_ayuda_web { font-size: 0.875rem; line-height: 1.25rem; color: #64748b; font-weight: 600; }
.a_ver_pagina_web { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; }
.a_ver_pagina_web:disabled { opacity: 0.6; cursor: wait; }
.a_ver_pagina_web:hover { background: #f8fafc; }
.div_pestanas_web { display: flex; gap: 0.5rem; overflow-x: auto; padding-bottom: 0.25rem; }
.button_pestana_web { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; flex-shrink: 0; }
.button_pestana_web:disabled { opacity: 0.6; cursor: wait; }
.button_pestana_web[data-activa='si'] { background: linear-gradient(135deg, #6d4aff, #a855f7); color: #ffffff; box-shadow: 0 8px 20px rgba(109, 74, 255, 0.25); }
.button_pestana_web[data-activa='si']:hover { filter: brightness(1.07); }
.button_pestana_web[data-activa='no'] { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; }
.button_pestana_web[data-activa='no']:hover { background: #f8fafc; }
.div_tarjeta_slides { min-width: 0; background: #ffffff; border-radius: 22px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.05); border: 1px solid #e8ecf4; padding: 1.5rem; }
.div_barra_slides { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }
.div_paginas_slides { display: flex; gap: 0.5rem; flex-wrap: wrap; flex: 1 1 0%; }
.button_nuevo_slide { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: linear-gradient(135deg, #6d4aff, #a855f7); color: #ffffff; box-shadow: 0 8px 20px rgba(109, 74, 255, 0.25); }
.button_nuevo_slide:disabled { opacity: 0.6; cursor: wait; }
.button_nuevo_slide:hover { filter: brightness(1.07); }
.div_lista_slides { display: grid; gap: 1rem; }
.div_lista_slides > * { min-width: 0; }
.div_editor_dia { min-width: 0; background: #ffffff; border-radius: 22px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.05); border: 1px solid #e8ecf4; padding: 1.5rem; }
.div_editor_preguntas { min-width: 0; background: #ffffff; border-radius: 22px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.05); border: 1px solid #e8ecf4; padding: 1.5rem; }
.div_contacto_web { display: grid; gap: 1.5rem; }
.div_contacto_web > * { min-width: 0; }
.div_generales_web { min-width: 0; background: #ffffff; border-radius: 22px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.05); border: 1px solid #e8ecf4; padding: 1.5rem; }
.div_cifras_web { min-width: 0; background: #ffffff; border-radius: 22px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.05); border: 1px solid #e8ecf4; padding: 1.5rem; }
.button_pagina_slides { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; font-size: 0.875rem; line-height: 1.25rem; }
.button_pagina_slides:disabled { opacity: 0.6; cursor: wait; }
.button_pagina_slides[data-activa='si'] { background: #f1efff; color: #4c2fd6; }
.button_pagina_slides[data-activa='si']:hover { background: #e6e1ff; }
.button_pagina_slides[data-activa='si'] { box-shadow: 0 0 0 2px #c4b5fd; }
.button_pagina_slides[data-activa='no'] { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; }
.button_pagina_slides[data-activa='no']:hover { background: #f8fafc; }
.span_cuenta_pagina_slides { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; padding: 3px 10px; border-radius: 999px; white-space: nowrap; background-color: #f1f5f9; color: #475569; }
.div_slides_base { grid-column: 1 / -1; border-radius: 1rem; border-width: 2px; border-style: dashed; border-color: #e2e8f0; padding: 2rem; text-align: center; }
.p_slides_base { font-weight: 900; }
.p_ayuda_slides_base { font-size: 0.875rem; line-height: 1.25rem; color: #64748b; font-weight: 600; margin-top: 0.25rem; }
.button_cargar_base { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: #f1efff; color: #4c2fd6; margin-top: 1rem; }
.button_cargar_base:disabled { opacity: 0.6; cursor: wait; }
.button_cargar_base:hover { background: #e6e1ff; }
.article_slide { border-radius: 1rem; overflow: hidden; border-width: 1px; border-color: #e2e8f0; background-color: #ffffff; display: flex; flex-direction: column; }
.article_slide[data-activo='no'] { opacity: 0.6; }
.div_vista_slide { aspect-ratio: 16 / 9; position: relative; color: #ffffff; padding: 1rem; display: flex; flex-direction: column; justify-content: flex-end; }
.span_etiqueta_slide { font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255, 255, 255, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p_titulo_slide { margin-top: 0.25rem; line-height: 1.75rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 1.125rem; font-weight: 800; }
.div_botones_slide { padding: 0.75rem; display: flex; align-items: center; gap: 0.5rem; }
.span_numero_slide { font-size: 0.75rem; line-height: 1rem; font-weight: 900; color: #94a3b8; width: 1.5rem; }
.button_subir_slide { width: 2rem; height: 2rem; border-radius: 0.5rem; background-color: #f1f5f9; }
.button_subir_slide:hover { background-color: #e2e8f0; }
.button_subir_slide[data-primero='si'] { visibility: hidden; }
.i_subir_slide { font-size: 0.75rem; line-height: 1rem; }
.button_bajar_slide { width: 2rem; height: 2rem; border-radius: 0.5rem; background-color: #f1f5f9; }
.button_bajar_slide:hover { background-color: #e2e8f0; }
.button_bajar_slide[data-ultimo='si'] { visibility: hidden; }
.i_bajar_slide { font-size: 0.75rem; line-height: 1rem; }
.span_espacio_slide { flex: 1 1 0%; }
.button_editar_slide { width: 2rem; height: 2rem; border-radius: 0.5rem; background-color: #f5f3ff; color: #6d28d9; }
.button_editar_slide:hover { background-color: #ede9fe; }
.i_editar_slide { font-size: 0.75rem; line-height: 1rem; }
.button_borrar_slide { width: 2rem; height: 2rem; border-radius: 0.5rem; background-color: #fff1f2; color: #e11d48; }
.button_borrar_slide:hover { background-color: #ffe4e6; }
.i_borrar_slide { font-size: 0.75rem; line-height: 1rem; }
.div_cabeza_slide { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; margin-bottom: 1rem; }
.h2_slide { font-family: 'Outfit', system-ui, sans-serif; letter-spacing: -0.02em; font-size: 1.5rem; line-height: 2rem; font-weight: 900; }
.button_cerrar_slide { width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; background-color: #f1f5f9; }
.div_cuerpo_slide { display: grid; gap: 1.25rem; }
.div_cuerpo_slide > * { min-width: 0; }
.div_campos_slide { }
.div_campos_slide > * + * { margin-top: 0.75rem; }
.label_etiqueta_slide { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.input_etiqueta_slide { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_etiqueta_slide:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.label_titulo_slide { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.input_titulo_slide { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_titulo_slide:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.label_texto_slide { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.textarea_texto_slide { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.textarea_texto_slide:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.div_boton_enlace_slide { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.div_boton_enlace_slide > * { min-width: 0; }
.label_boton_slide { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.input_boton_slide { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_boton_slide:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.label_enlace_slide { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.select_enlace_slide { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.select_enlace_slide:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.input_enlace_otro_slide { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_enlace_otro_slide:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.label_visual_slide { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.select_visual_slide { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.select_visual_slide:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.div_foto_slide { display: flex; align-items: center; gap: 0.75rem; }
.label_foto_slide { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: #f1efff; color: #4c2fd6; cursor: pointer; font-size: 0.875rem; line-height: 1.25rem; }
.label_foto_slide:disabled { opacity: 0.6; cursor: wait; }
.label_foto_slide:hover { background: #e6e1ff; }
.input_foto_slide { display: none; }
.button_quitar_foto_slide { color: #e11d48; font-size: 0.75rem; line-height: 1rem; font-weight: 900; }
.span_ayuda_foto_slide { font-size: 11px; color: #64748b; font-weight: 600; }
.p_etq_previa_slide { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.div_vista_previa_slide { border-radius: 1.5rem; overflow: hidden; aspect-ratio: 16 / 10; position: relative; color: #ffffff; padding: 1.5rem; display: flex; flex-direction: column; justify-content: flex-end; }
.p_error_slide { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: #e11d48; margin-top: 0.75rem; }
.div_pie_slide { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 0.5rem; }
.button_cancelar_slide { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; }
.button_cancelar_slide:disabled { opacity: 0.6; cursor: wait; }
.button_cancelar_slide:hover { background: #f8fafc; }
.button_guardar_slide { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: linear-gradient(135deg, #6d4aff, #a855f7); color: #ffffff; box-shadow: 0 8px 20px rgba(109, 74, 255, 0.25); }
.button_guardar_slide:disabled { opacity: 0.6; cursor: wait; }
.button_guardar_slide:hover { filter: brightness(1.07); }
.span_etiqueta_previa { align-self: flex-start; font-size: 11px; font-weight: 600; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.15); border-width: 1px; border-color: rgba(255, 255, 255, 0.25); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; }
.p_titulo_previa { font-size: 1.875rem; line-height: 1.05; margin-top: 0.75rem; font-weight: 800; }
.p_texto_previa { font-size: 0.875rem; line-height: 1.25rem; margin-top: 0.75rem; color: rgba(255, 255, 255, 0.8); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.span_boton_previa { margin-top: 1rem; align-self: flex-start; border-radius: 0.75rem; background-color: #2563eb; color: #ffffff; font-weight: 700; font-size: 0.75rem; line-height: 1rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.div_tarjeta_textos { min-width: 0; background: #ffffff; border-radius: 22px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.05); border: 1px solid #e8ecf4; padding: 1.5rem; }
.div_cabeza_textos { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-bottom: 0.25rem; }
.h3_textos { font-family: 'Outfit', system-ui, sans-serif; letter-spacing: -0.02em; font-size: 1.25rem; line-height: 1.75rem; font-weight: 900; flex: 1 1 0%; }
.i_textos { color: #8b5cf6; }
.button_guardar_textos { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: linear-gradient(135deg, #6d4aff, #a855f7); color: #ffffff; box-shadow: 0 8px 20px rgba(109, 74, 255, 0.25); }
.button_guardar_textos:disabled { opacity: 0.6; cursor: wait; }
.button_guardar_textos:hover { filter: brightness(1.07); }
.p_ayuda_textos { font-size: 0.75rem; line-height: 1rem; color: #64748b; font-weight: 600; margin-bottom: 1.25rem; }
.div_grupos_textos { display: grid; gap: 1.25rem; }
.div_grupos_textos > * { min-width: 0; }
.div_grupo_texto { border-radius: 1rem; border-width: 1px; border-color: #e2e8f0; padding: 1rem; }
.p_grupo_texto { font-weight: 900; margin-bottom: 0.75rem; }
.div_campos_grupo_texto { }
.div_campos_grupo_texto > * + * { margin-top: 0.75rem; }
.label_texto_seccion { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.textarea_texto_seccion { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.textarea_texto_seccion:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.input_texto_seccion { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_texto_seccion:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.div_frase_textos { border-radius: 1rem; border-width: 1px; border-color: #e2e8f0; padding: 1rem; }
.p_frase_textos { font-weight: 900; margin-bottom: 0.75rem; }
.textarea_frase_textos { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.textarea_frase_textos:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.div_tarjeta_galeria { min-width: 0; background: #ffffff; border-radius: 22px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.05); border: 1px solid #e8ecf4; padding: 1.5rem; }
.div_cabeza_galeria { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-bottom: 0.25rem; }
.h3_galeria { font-family: 'Outfit', system-ui, sans-serif; letter-spacing: -0.02em; font-size: 1.25rem; line-height: 1.75rem; font-weight: 900; flex: 1 1 0%; }
.i_galeria { color: #8b5cf6; }
.label_agregar_galeria { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: #f1efff; color: #4c2fd6; cursor: pointer; }
.label_agregar_galeria:disabled { opacity: 0.6; cursor: wait; }
.label_agregar_galeria:hover { background: #e6e1ff; }
.label_agregar_galeria[data-lleno='si'] { opacity: 0.5; pointer-events: none; }
.input_foto_galeria { display: none; }
.button_guardar_galeria { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: linear-gradient(135deg, #6d4aff, #a855f7); color: #ffffff; box-shadow: 0 8px 20px rgba(109, 74, 255, 0.25); }
.button_guardar_galeria:disabled { opacity: 0.6; cursor: wait; }
.button_guardar_galeria:hover { filter: brightness(1.07); }
.p_ayuda_galeria { font-size: 0.75rem; line-height: 1rem; color: #64748b; font-weight: 600; margin-bottom: 1.25rem; }
.div_fotos_galeria { display: grid; gap: 1rem; }
.div_fotos_galeria > * { min-width: 0; }
.div_foto_galeria { border-radius: 1rem; overflow: hidden; border-width: 1px; border-color: #e2e8f0; background-color: #ffffff; }
.div_imagen_galeria { aspect-ratio: 4 / 3; background-size: cover; background-position: center; }
.div_botones_galeria { padding: 0.5rem; display: flex; align-items: center; gap: 0.25rem; }
.span_numero_galeria { font-size: 0.75rem; line-height: 1rem; font-weight: 900; color: #94a3b8; flex: 1 1 0%; }
.button_izquierda_galeria { width: 2rem; height: 2rem; border-radius: 0.5rem; background-color: #f1f5f9; }
.button_izquierda_galeria[data-primero='si'] { visibility: hidden; }
.i_izquierda_galeria { font-size: 0.75rem; line-height: 1rem; }
.button_derecha_galeria { width: 2rem; height: 2rem; border-radius: 0.5rem; background-color: #f1f5f9; }
.button_derecha_galeria[data-ultimo='si'] { visibility: hidden; }
.i_derecha_galeria { font-size: 0.75rem; line-height: 1rem; }
.button_quitar_galeria { width: 2rem; height: 2rem; border-radius: 0.5rem; background-color: #fff1f2; color: #e11d48; }
.i_quitar_galeria { font-size: 0.75rem; line-height: 1rem; }
.div_tarjeta_opiniones { min-width: 0; background: #ffffff; border-radius: 22px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.05); border: 1px solid #e8ecf4; padding: 1.5rem; }
.div_cabeza_opiniones { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-bottom: 0.25rem; }
.h3_opiniones { font-family: 'Outfit', system-ui, sans-serif; letter-spacing: -0.02em; font-size: 1.25rem; line-height: 1.75rem; font-weight: 900; flex: 1 1 0%; }
.i_opiniones { color: #f59e0b; }
.button_nueva_opinion { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: #f1efff; color: #4c2fd6; }
.button_nueva_opinion:disabled { opacity: 0.6; cursor: wait; }
.button_nueva_opinion:hover { background: #e6e1ff; }
.button_guardar_opiniones { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: linear-gradient(135deg, #6d4aff, #a855f7); color: #ffffff; box-shadow: 0 8px 20px rgba(109, 74, 255, 0.25); }
.button_guardar_opiniones:disabled { opacity: 0.6; cursor: wait; }
.button_guardar_opiniones:hover { filter: brightness(1.07); }
.p_ayuda_opiniones { font-size: 0.75rem; line-height: 1rem; color: #64748b; font-weight: 600; margin-bottom: 1.25rem; }
.div_lista_opiniones { display: grid; gap: 1rem; }
.div_lista_opiniones > * { min-width: 0; }
.div_opinion { border-radius: 1rem; border-width: 1px; border-color: #e2e8f0; padding: 1rem; }
.div_opinion[data-activa='no'] { opacity: 0.6; }
.div_fila_opinion { display: flex; align-items: flex-start; gap: 1rem; }
.div_foto_opinion { text-align: center; }
.div_imagen_opinion { width: 4rem; height: 4rem; border-radius: 9999px; background-color: #f1f5f9; background-size: cover; background-position: center; display: grid; place-items: center; color: #94a3b8; }
.div_imagen_opinion > * { min-width: 0; }
.label_foto_opinion { font-size: 11px; font-weight: 900; color: #7c3aed; cursor: pointer; }
.input_foto_opinion { display: none; }
.div_campos_opinion { flex: 1 1 0%; display: grid; gap: 0.5rem; }
.div_campos_opinion > * { min-width: 0; }
.input_nombre_opinion { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_nombre_opinion:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.input_cargo_opinion { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_cargo_opinion:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.input_negocio_opinion { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_negocio_opinion:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.textarea_texto_opinion { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.textarea_texto_opinion:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.select_estrellas_opinion { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.select_estrellas_opinion:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.div_mostrar_opinion { display: flex; align-items: center; justify-content: flex-end; gap: 0.75rem; }
.span_mostrar_opinion { font-size: 0.75rem; line-height: 1rem; font-weight: 700; color: #64748b; }
.button_borrar_opinion { width: 2.25rem; height: 2.25rem; border-radius: 0.5rem; background-color: #fff1f2; color: #e11d48; }
.i_borrar_opinion { font-size: 0.75rem; line-height: 1rem; }
.p_sin_opiniones { font-size: 0.875rem; line-height: 1.25rem; color: #64748b; font-weight: 600; }
.h3_contacto_web { font-family: 'Outfit', system-ui, sans-serif; letter-spacing: -0.02em; font-size: 1.25rem; line-height: 1.75rem; font-weight: 900; margin-bottom: 1rem; }
.i_contacto_web { color: #8b5cf6; }
.div_campos_contacto_web { display: grid; gap: 0.75rem; }
.div_campos_contacto_web > * { min-width: 0; }
.label_whatsapp_web { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.input_whatsapp_web { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_whatsapp_web:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.label_telefono_web { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.input_telefono_web { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_telefono_web:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.label_correo_web { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.input_correo_web { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_correo_web:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.label_ciudad_web { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; margin-bottom: 5px; }
.input_ciudad_web { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_ciudad_web:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.label_flotante_web { display: flex; align-items: center; gap: 0.75rem; border-radius: 1rem; border-width: 1px; border-color: #e2e8f0; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; cursor: pointer; }
.input_flotante_web { width: 1.25rem; height: 1.25rem; accent-color: #7c3aed; }
.span_flotante_web { font-weight: 700; font-size: 0.875rem; line-height: 1.25rem; }
.i_flotante_web { color: #22c55e; }
.button_guardar_contacto_web { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: linear-gradient(135deg, #6d4aff, #a855f7); color: #ffffff; box-shadow: 0 8px 20px rgba(109, 74, 255, 0.25); margin-top: 1rem; }
.button_guardar_contacto_web:disabled { opacity: 0.6; cursor: wait; }
.button_guardar_contacto_web:hover { filter: brightness(1.07); }
.h3_cifras_web { font-family: 'Outfit', system-ui, sans-serif; letter-spacing: -0.02em; font-size: 1.25rem; line-height: 1.75rem; font-weight: 900; margin-bottom: 0.25rem; }
.i_cifras_web { color: #8b5cf6; }
.p_ayuda_cifras_web { font-size: 0.75rem; line-height: 1rem; color: #64748b; font-weight: 600; margin-bottom: 1rem; }
.div_lista_cifras_web { }
.div_lista_cifras_web > * + * { margin-top: 0.75rem; }
.div_cifra_web { display: grid; grid-template-columns: 110px 1fr; gap: 0.5rem; }
.div_cifra_web > * { min-width: 0; }
.input_valor_cifra { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; font-weight: 900; text-align: center; }
.input_valor_cifra:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.input_texto_cifra { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_texto_cifra:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.button_guardar_cifras_web { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: linear-gradient(135deg, #6d4aff, #a855f7); color: #ffffff; box-shadow: 0 8px 20px rgba(109, 74, 255, 0.25); margin-top: 1rem; }
.button_guardar_cifras_web:disabled { opacity: 0.6; cursor: wait; }
.button_guardar_cifras_web:hover { filter: brightness(1.07); }
.div_cabeza_lista { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.25rem; }
.h3_lista { font-family: 'Outfit', system-ui, sans-serif; letter-spacing: -0.02em; font-size: 1.25rem; line-height: 1.75rem; font-weight: 900; flex: 1 1 0%; }
.i_lista { color: #8b5cf6; }
.button_agregar_lista { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: #f1efff; color: #4c2fd6; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; font-size: 0.875rem; line-height: 1.25rem; }
.button_agregar_lista:disabled { opacity: 0.6; cursor: wait; }
.button_agregar_lista:hover { background: #e6e1ff; }
.button_guardar_lista { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 10px 16px; font-weight: 800; font-size: 14px; transition: 0.15s; white-space: nowrap; background: linear-gradient(135deg, #6d4aff, #a855f7); color: #ffffff; box-shadow: 0 8px 20px rgba(109, 74, 255, 0.25); padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; font-size: 0.875rem; line-height: 1.25rem; }
.button_guardar_lista:disabled { opacity: 0.6; cursor: wait; }
.button_guardar_lista:hover { filter: brightness(1.07); }
.p_ayuda_lista { font-size: 0.75rem; line-height: 1rem; color: #64748b; font-weight: 600; margin-bottom: 0.75rem; }
.div_espacio_lista { margin-bottom: 0.75rem; }
.div_items_lista { display: grid; gap: 0.75rem; }
.div_items_lista > * { min-width: 0; }
.div_item_lista { border-radius: 1rem; border-width: 1px; border-color: #e2e8f0; padding: 0.75rem; background-color: rgba(248, 250, 252, 0.5); }
.div_botones_item { display: flex; align-items: center; gap: 0.25rem; margin-bottom: 0.5rem; }
.span_numero_item { font-size: 0.75rem; line-height: 1rem; font-weight: 900; color: #94a3b8; flex: 1 1 0%; }
.button_arriba_item { width: 1.75rem; height: 1.75rem; border-radius: 0.5rem; background-color: #ffffff; border-width: 1px; border-color: #e2e8f0; }
.button_arriba_item[data-primero='si'] { visibility: hidden; }
.i_arriba_item { font-size: 10px; }
.button_abajo_item { width: 1.75rem; height: 1.75rem; border-radius: 0.5rem; background-color: #ffffff; border-width: 1px; border-color: #e2e8f0; }
.button_abajo_item[data-ultimo='si'] { visibility: hidden; }
.i_abajo_item { font-size: 10px; }
.button_quitar_item { width: 1.75rem; height: 1.75rem; border-radius: 0.5rem; background-color: #fff1f2; color: #e11d48; }
.i_quitar_item { font-size: 10px; }
.div_campos_item { display: grid; gap: 0.5rem; }
.div_campos_item > * { min-width: 0; }
.textarea_item { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.textarea_item:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
.input_item { width: 100%; border: 1px solid #d5dbe7; border-radius: 14px; padding: 10px 13px; font-size: 14px; outline: none; background: #ffffff; transition: border 0.15s, box-shadow 0.15s; }
.input_item:focus { border-color: #6d4aff; box-shadow: 0 0 0 4px rgba(109, 74, 255, 0.12); }
@media (min-width: 640px) {
    .div_fotos_galeria { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_campos_opinion { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .textarea_texto_opinion { grid-column: span 3 / span 3; }
    .div_mostrar_opinion { grid-column: span 2 / span 2; }
    .div_campos_contacto_web { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .label_flotante_web { grid-column: span 2 / span 2; }
}
@media (min-width: 768px) {
    .div_lista_slides { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .div_cuerpo_slide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
    .div_contacto_web { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_grupos_textos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_frase_textos { grid-column: span 2 / span 2; }
    .div_fotos_galeria { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .div_lista_opiniones { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_items_lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1536px) {
    .div_lista_slides { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* ---------- iconos usados por la pagina web (codigos de font awesome 6.0.0; los nombres que esa version no trae quedan vacios, igual que en el original) ---------- */
i[data-icono="fa-address-card"]::before { content: '\f2bb'; }
i[data-icono="fa-arrow-down"]::before { content: '\f063'; }
i[data-icono="fa-arrow-left"]::before { content: '\f060'; }
i[data-icono="fa-arrow-right"]::before { content: '\f061'; }
i[data-icono="fa-arrow-right-arrow-left"]::before { content: '\f0ec'; }
i[data-icono="fa-arrow-up"]::before { content: '\f062'; }
i[data-icono="fa-arrow-up-right-from-square"]::before { content: '\f08e'; }
i[data-icono="fa-barcode"]::before { content: '\f02a'; }
i[data-icono="fa-bars"]::before { content: '\f0c9'; }
i[data-icono="fa-beer-mug-empty"]::before { content: '\f0fc'; }
i[data-icono="fa-bell-concierge"]::before { content: '\f562'; }
i[data-icono="fa-book"]::before { content: '\f02d'; }
i[data-icono="fa-book-open"]::before { content: '\f518'; }
i[data-icono="fa-border-all"]::before { content: '\f84c'; }
i[data-icono="fa-boxes-stacked"]::before { content: '\f468'; }
i[data-icono="fa-brain"]::before { content: '\f5dc'; }
i[data-icono="fa-briefcase"]::before { content: '\f0b1'; }
i[data-icono="fa-bullhorn"]::before { content: '\f0a1'; }
i[data-icono="fa-burger"]::before { content: '\f805'; }
i[data-icono="fa-calendar-check"]::before { content: '\f274'; }
i[data-icono="fa-cart-shopping"]::before { content: '\f07a'; }
i[data-icono="fa-cash-register"]::before { content: '\f788'; }
i[data-icono="fa-chalkboard-user"]::before { content: '\f51c'; }
i[data-icono="fa-champagne-glasses"]::before { content: '\f79f'; }
i[data-icono="fa-chart-line"]::before { content: '\f201'; }
i[data-icono="fa-chart-pie"]::before { content: '\f200'; }
i[data-icono="fa-check"]::before { content: '\f00c'; }
i[data-icono="fa-chevron-right"]::before { content: '\f054'; }
i[data-icono="fa-circle-info"]::before { content: '\f05a'; }
i[data-icono="fa-circle-question"]::before { content: '\f059'; }
i[data-icono="fa-clipboard-check"]::before { content: '\f46c'; }
i[data-icono="fa-clipboard-list"]::before { content: '\f46d'; }
i[data-icono="fa-clock"]::before { content: '\f017'; }
i[data-icono="fa-cloud"]::before { content: '\f0c2'; }
i[data-icono="fa-comment-dots"]::before { content: '\f4ad'; }
i[data-icono="fa-comments"]::before { content: '\f086'; }
i[data-icono="fa-copy"]::before { content: '\f0c5'; }
i[data-icono="fa-credit-card"]::before { content: '\f09d'; }
i[data-icono="fa-crown"]::before { content: '\f521'; }
i[data-icono="fa-envelope"]::before { content: '\f0e0'; }
i[data-icono="fa-face-smile"]::before { content: '\f118'; }
i[data-icono="fa-file-excel"]::before { content: '\f1c3'; }
i[data-icono="fa-file-invoice-dollar"]::before { content: '\f571'; }
i[data-icono="fa-gauge-high"]::before { content: '\f625'; }
i[data-icono="fa-gift"]::before { content: '\f06b'; }
i[data-icono="fa-globe"]::before { content: '\f0ac'; }
i[data-icono="fa-hand-holding-dollar"]::before { content: '\f4c0'; }
i[data-icono="fa-heading"]::before { content: '\f1dc'; }
i[data-icono="fa-heart"]::before { content: '\f004'; }
i[data-icono="fa-house"]::before { content: '\f015'; }
i[data-icono="fa-image"]::before { content: '\f03e'; }
i[data-icono="fa-images"]::before { content: '\f302'; }
i[data-icono="fa-key"]::before { content: '\f084'; }
i[data-icono="fa-laptop"]::before { content: '\f109'; }
i[data-icono="fa-layer-group"]::before { content: '\f5fd'; }
i[data-icono="fa-location-dot"]::before { content: '\f3c5'; }
i[data-icono="fa-lock"]::before { content: '\f023'; }
i[data-icono="fa-magnifying-glass"]::before { content: '\f002'; }
i[data-icono="fa-motorcycle"]::before { content: '\f21c'; }
i[data-icono="fa-mug-hot"]::before { content: '\f7b6'; }
i[data-icono="fa-music"]::before { content: '\f001'; }
i[data-icono="fa-paper-plane"]::before { content: '\f1d8'; }
i[data-icono="fa-pen"]::before { content: '\f304'; }
i[data-icono="fa-person-walking"]::before { content: '\f554'; }
i[data-icono="fa-photo-film"]::before { content: '\f87c'; }
i[data-icono="fa-plus"]::before { content: '\2b'; }
i[data-icono="fa-print"]::before { content: '\f02f'; }
i[data-icono="fa-qrcode"]::before { content: '\f029'; }
i[data-icono="fa-receipt"]::before { content: '\f543'; }
i[data-icono="fa-rectangle-ad"]::before { content: '\f641'; }
i[data-icono="fa-robot"]::before { content: '\f544'; }
i[data-icono="fa-rocket"]::before { content: '\f135'; }
i[data-icono="fa-route"]::before { content: '\f4d7'; }
i[data-icono="fa-share-nodes"]::before { content: '\f1e0'; }
i[data-icono="fa-star"]::before { content: '\f005'; }
i[data-icono="fa-store"]::before { content: '\f54e'; }
i[data-icono="fa-sun"]::before { content: '\f185'; }
i[data-icono="fa-table-cells"]::before { content: '\f00a'; }
i[data-icono="fa-trash"]::before { content: '\f1f8'; }
i[data-icono="fa-trophy"]::before { content: '\f091'; }
i[data-icono="fa-tv"]::before { content: '\f26c'; }
i[data-icono="fa-up-right-and-down-left-from-center"]::before { content: '\f424'; }
i[data-icono="fa-user"]::before { content: '\f007'; }
i[data-icono="fa-user-clock"]::before { content: '\f4fd'; }
i[data-icono="fa-user-lock"]::before { content: '\f502'; }
i[data-icono="fa-users"]::before { content: '\f0c0'; }
i[data-icono="fa-users-gear"]::before { content: '\f509'; }
i[data-icono="fa-user-tie"]::before { content: '\f508'; }
i[data-icono="fa-utensils"]::before { content: '\f2e7'; }
i[data-icono="fa-video"]::before { content: '\f03d'; }
i[data-icono="fa-wallet"]::before { content: '\f555'; }
i[data-icono="fa-wand-magic-sparkles"]::before { content: '\e2ca'; }
i[data-icono="fa-wifi"]::before { content: '\f1eb'; }
i[data-icono="fa-xmark"]::before { content: '\f00d'; }
i[data-icono="fa-moon"]::before { content: '\f186'; }
i[data-icono="fa-cloud-sun"]::before { content: '\f6c4'; }
i[data-icono="fa-mug-saucer"]::before { content: '\f0f4'; }
i[data-icono="fa-martini-glass-citrus"]::before { content: '\f561'; }
i[data-icono="fa-chart-column"]::before { content: '\e0e3'; }
i[data-icono="fa-bell"]::before { content: '\f0f3'; }
i[data-icono="fa-lightbulb"]::before { content: '\f0eb'; }
i[data-icono="fa-door-open"]::before { content: '\f52b'; }
i[data-icono="fa-door-closed"]::before { content: '\f52a'; }
i[data-icono="fa-shop"]::before { content: '\f54f'; }
i[data-icono="fa-basket-shopping"]::before { content: '\f291'; }
i[data-icono="fa-ticket"]::before { content: '\f145'; }
i[data-icono="fa-fire"]::before { content: '\f06d'; }
i[data-icono="fa-coins"]::before { content: '\f51e'; }
i[data-icono="fa-money-bill-wave"]::before { content: '\f53a'; }
i[data-icono="fa-clock-rotate-left"]::before { content: '\f1da'; }
i[data-icono="fa-calendar"]::before { content: '\f133'; }
i[data-icono="fa-calendar-days"]::before { content: '\f073'; }
i[data-icono="fa-quote-left"]::before { content: '\f10d'; }
i[data-icono="fa-play"]::before { content: '\f04b'; }
i[data-icono="fa-pause"]::before { content: '\f04c'; }
i[data-icono="fa-circle-play"]::before { content: '\f144'; }
i[data-icono="fa-whatsapp"]::before { content: '\f232'; font-family: 'Font Awesome 6 Brands'; font-weight: 400; }
i[data-icono="fa-youtube"]::before { content: '\f167'; font-family: 'Font Awesome 6 Brands'; font-weight: 400; }