/* ==========================================================
   ARCHIVO MAESTRO DE ESTILOS
   Este archivo solo debe contener imports
   ========================================================== */

/* 1. Variables Globales (Debe ir primero) */
@import url('modules/_variables.css');

/* 2. Estilos Base y Layout General */
@import url('modules/_base.css');

/* 3. Componentes Reutilizables */
@import url('modules/_components.css');
@import url('modules/_modal.css');
@import url('modules/_notifications.css'); /* Notificaciones flotantes */
@import url('modules/_notices.css'); /* Avisos de admin (review) */

/* 4. Módulos Específicos por Página */
@import url('modules/_dashboard.css');
@import url('modules/_assistant.css?v=20260501');
@import url('modules/_assistant-loader.css');
@import url('modules/_auto-linking.css');
@import url('modules/_backlink-audit.css');
@import url('modules/_site-health-audit.css');
@import url('modules/_widgets.css'); /* Widgets del escritorio WP */

/* 5. Módulo de WooCommerce (¡Nuevo!) */
@import url('modules/_woo.css?v=1.7.2');

/* Final high-specificity visual normalization and cache-safe fixes. */
@import url('modules/_ui-polish.css?v=1.7.2');

/* --- SEO Mágico: estilos del SVG --- */
.fil0 { fill: black; }
.fil1 { fill: #FDFDFD; }
.fil2 { fill: #FF5B17; }

/* (opcional, recomendado) scope a tus pantallas */
#smg-admin .fil0 { fill: black; }
#smg-admin .fil1 { fill: #FDFDFD; }
#smg-admin .fil2 { fill: #FF5B17; }


/* === Ajustes de columnas: Metadatos (posts) === */
#smg-posts-table tr .smg-col-id{
    padding-right:5px;
    width:85px;
}
#smg-posts-table tr .smg-col-actions{
    text-align:center;
    padding-left:9px;
    margin-left:0;
    width:112px !important;
}
#smg-posts-table tr .smg-col-coverage{
    padding-left:8px;
    margin-left:0;
    width:265px !important;
}

/* === Ajustes de columnas: Multimedia (media) === */
#smg-media-table tr .smg-col-thumb{
    width:85px;
}
#smg-media-table tr .smg-col-actions{
    text-align:center;
    padding-left:9px;
    margin-left:0;
    width:112px !important;
}
#smg-media-table tr .smg-col-coverage{
    padding-left:8px;
    margin-left:0;
    width:265px !important;
}

#smg-gsc-site-selector-container .smg-gsc-selector-wrapper{
	margin-bottom:34px;
	
}
/* Button */
#smg-export-disavow-button {
  margin-bottom: 11px;
  margin-top: 12px;
}

/* Link */
.bulkactions .smg-disavow-help a {
  color: #2271B1;
  font-weight: 500;
}
/* Ajustar el tamaño del logo personalizado en el botón de optimizar */
.smg-button-gradient .smg-button-icon-logo {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle;

}

/* --- Estilos movidos desde page-renderer.php (Fix para Repo WP) --- */

/* Lista deshabilitada en Asistente FREE */
.smg-card.disabled #smg-seo-checklist li { 
    color: #a0a5aa !important; 
}
.smg-card.disabled #smg-seo-checklist li::before { 
    content: "\2022" !important; /* Bullet point */
    color: #a0a5aa !important; 
    font-family: sans-serif !important;
    font-weight: bold !important;
}
.smg-card.disabled #smg-seo-checklist li .dashicons {
    display: none !important;
}

/* Botón Rosa PRO */
.smg-pro-pink-btn {
    background: linear-gradient(90deg, #ff2f66 0%, #f7345e 100%) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(247, 52, 94, 0.3) !important;
    text-shadow: none !important;
    color: #fff !important;
    transition: transform 0.1s ease, box-shadow 0.1s ease !important;
    font-weight: 600 !important;
}
.smg-pro-pink-btn:hover {
    background: linear-gradient(90deg, #e62a5c 0%, #de2f55 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(247, 52, 94, 0.4) !important;
    color: #fff !important;
}
.smg-pro-pink-btn .dashicons {
    color: #fff !important;
}

.smg-gemini-onboarding-card {
    margin-bottom: 24px;
    border: 1px solid #d6e4ff;
    background: linear-gradient(135deg, #f7fbff 0%, #eef5ff 100%);
    box-shadow: 0 12px 28px rgba(34, 113, 177, 0.08);
}

.smg-dark-theme .smg-gemini-onboarding-card {
    background: linear-gradient(135deg, rgba(24, 38, 56, 0.96) 0%, rgba(18, 28, 43, 0.96) 100%);
    border-color: rgba(114, 164, 242, 0.32);
}

.smg-gemini-onboarding-eyebrow {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2271b1;
}

.smg-gemini-onboarding-card h2 {
    margin: 0 0 10px;
}

.smg-gemini-onboarding-card p {
    max-width: 760px;
}

.smg-gemini-onboarding-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.smg-gemini-onboarding-form {
    margin-top: 18px;
}

.smg-gemini-onboarding-form .smg-api-key-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.smg-gemini-onboarding-form .smg-gemini-api-input {
    flex: 1 1 380px;
    min-width: 280px;
}

.smg-gemini-onboarding-form .smg-api-test-result {
    margin-top: 12px;
}

.smg-gemini-onboarding-state {
    margin: 14px 0 0;
    padding: 10px 12px;
    border-radius: 8px;
    font-weight: 500;
}

.smg-gemini-onboarding-state--info {
    background: rgba(34, 113, 177, 0.1);
    color: #1d4f91;
}

.smg-gemini-onboarding-state--warning {
    background: rgba(255, 184, 0, 0.16);
    color: #7a5200;
}

.smg-gemini-onboarding-state--error {
    background: rgba(215, 58, 73, 0.12);
    color: #8c1d27;
}

.smg-gemini-gated-content {
    position: relative;
    opacity: 0.55;
    filter: grayscale(100%);
}

.smg-gemini-gated-content::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.42);
    backdrop-filter: blur(1px);
    border-radius: inherit;
    z-index: 2;
}

.smg-dark-theme .smg-gemini-gated-content::after {
    background: rgba(15, 23, 42, 0.46);
}

.smg-gemini-gated-content .smg-pro-upsell-link,
.smg-gemini-gated-content .smg-pro-overlay,
.smg-gemini-gated-content .smg-pro-overlay a {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}

.smg-settings-general-card--locked .form-table tr:first-child {
    display: none;
}

.smg-settings-locked .smg-card {
    user-select: none;
}

.smg-gemini-metabox-gate {
    padding: 12px;
    border: 1px solid #d6e4ff;
    border-radius: 8px;
    background: #f7fbff;
}

.smg-gemini-metabox-gate p {
    margin: 0 0 10px;
}

.smg-gemini-metabox-gate__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.smg-gemini-api-hint a {
    margin-left: 6px;
}

.smg-gemini-api-status {
    margin-top: 10px;
}

.smg-gemini-api-status--success {
    color: #0a6b34;
}

.smg-gemini-api-status--warning {
    color: #7a5200;
}

.smg-gemini-api-status--error {
    color: #8c1d27;
}

/* --- Estilos movidos desde page-renderer.php (Fix para Repo WP) --- */

/* Lista deshabilitada en Asistente FREE */
.smg-card.disabled #smg-seo-checklist li { 
    color: #a0a5aa !important; 
}
.smg-card.disabled #smg-seo-checklist li::before { 
    content: "\2022" !important; /* Bullet point */
    color: #a0a5aa !important; 
    font-family: sans-serif !important;
    font-weight: bold !important;
}
.smg-card.disabled #smg-seo-checklist li .dashicons {
    display: none !important;
}

/* Botón Rosa PRO */
.smg-pro-pink-btn {
    background: linear-gradient(90deg, #ff2f66 0%, #f7345e 100%) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(247, 52, 94, 0.3) !important;
    text-shadow: none !important;
    color: #fff !important;
    transition: transform 0.1s ease, box-shadow 0.1s ease !important;
    font-weight: 600 !important;
}
.smg-pro-pink-btn:hover {
    background: linear-gradient(90deg, #e62a5c 0%, #de2f55 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(247, 52, 94, 0.4) !important;
    color: #fff !important;
}
.smg-pro-pink-btn .dashicons {
    color: #fff !important;
}


/* === SEO Magic PRO CTA polish === */
.smg-pro-upsell-link,
.smg-pro-inline-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid #cfe0ff;
    background: #eef5ff;
    color: #1658b7;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.2;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: all 0.18s ease;
}

.smg-pro-upsell-link:hover,
.smg-pro-inline-cta:hover {
    background: #dfeeff;
    border-color: #b9d2ff;
    color: #0f4ca5;
    text-decoration: none;
    transform: translateY(-1px);
}

.smg-pro-inline-cta--small {
    padding: 8px 12px;
    font-size: 12px;
}

.smg-pro-note {
    margin-top: 12px;
}

.smg-pro-overlay--assistant {
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid #d8e3f6;
    pointer-events: auto;
}

.smg-pro-widget-upsell .smg-pro-upsell-link {
    margin-top: 14px;
}

.smg-dark-theme .smg-pro-upsell-link,
.smg-dark-theme .smg-pro-inline-cta {
    background: rgba(114, 164, 242, 0.12);
    border-color: rgba(114, 164, 242, 0.35);
    color: #b9d6ff;
    box-shadow: none;
}

.smg-dark-theme .smg-pro-upsell-link:hover,
.smg-dark-theme .smg-pro-inline-cta:hover {
    background: rgba(114, 164, 242, 0.18);
    border-color: rgba(114, 164, 242, 0.55);
    color: #dbe9ff;
}

.smg-gemini-gated-content .smg-pro-upsell-link,
.smg-gemini-gated-content .smg-pro-overlay,
.smg-gemini-gated-content .smg-pro-overlay a,
.smg-gemini-gated-content .smg-pro-inline-cta {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}
/* === END SEO Magic PRO CTA polish === */


/* === 1.4.4 PRO lock polish === */
.smg-pro-feature-card.disabled {
    opacity: 1 !important;
}

.smg-pro-feature-card.disabled > *:not(.smg-pro-overlay) {
    position: relative;
    z-index: 1;
}

.smg-pro-feature-card.disabled .smg-card-title-no-margin,
.smg-pro-feature-card.disabled .description,
.smg-pro-feature-card.disabled .smg-label-strong,
.smg-pro-feature-card.disabled .smg-label-secondary,
.smg-pro-feature-card.disabled .smg-field-group,
.smg-pro-feature-card.disabled .smg-input-wrapper,
.smg-pro-feature-card.disabled select,
.smg-pro-feature-card.disabled input,
.smg-pro-feature-card.disabled textarea,
.smg-pro-feature-card.disabled button:not(.smg-pro-inline-cta):not(.smg-pro-upsell-link) {
    opacity: 0.58;
}

.smg-pro-feature-card.disabled .smg-pro-overlay,
.smg-pro-feature-card.disabled .smg-pro-inline-cta,
.smg-pro-feature-card.disabled .smg-pro-upsell-link {
    opacity: 1 !important;
}

.smg-link-assistant-wrapper-card.disabled #smg-link-assistant {
    pointer-events: none;
}

.smg-link-assistant-wrapper-card.disabled .smg-pro-overlay,
.smg-link-assistant-wrapper-card.disabled .smg-pro-inline-cta {
    pointer-events: auto;
}

.smg-link-assistant-widget--locked .smg-la-analyze {
    width: 100%;
}
/* === END 1.4.4 PRO lock polish === */

/* Force SEO Magic WordPress menu icon to use the brand pink symbol */
#adminmenu #toplevel_page_seo-magico .wp-menu-image {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 354 365.8'%3E%3Cpath fill='%23F7345E' d='M173.98 42.45c-26.22 81.72-83.04 134.24-156.48 159.32 81.72 26.22 134.5 85.62 159.58 159.06 26.22-81.72 85.85-136.31 159.29-161.39-81.72-26.22-137.31-83.55-162.39-156.99z'/%3E%3Cpath fill='%23F7345E' d='M312.6 265.62c-4.71 14.71-14.94 24.16-28.15 28.67 14.7 4.72 24.2 15.4 28.71 28.62 4.72-14.71 15.45-24.53 28.66-29.04-14.7-4.72-24.7-15.03-29.22-28.25zM45.81 54.61c-5.92 18.43-18.74 30.28-35.3 35.93 18.43 5.92 30.34 19.32 35.99 35.88 5.92-18.43 19.37-30.74 35.93-36.4-18.43-5.92-30.97-18.85-36.62-35.41z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 20px 20px !important;
}
#adminmenu #toplevel_page_seo-magico .wp-menu-image img,
#adminmenu #toplevel_page_seo-magico .wp-menu-image:before {
  display: none !important;
}
#adminmenu #toplevel_page_seo-magico .wp-menu-image { opacity: 1 !important; }


/* SEO Magic admin menu icon: always brand pink, including selected/hover states. */
#adminmenu #toplevel_page_seo-magico .wp-menu-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#adminmenu #toplevel_page_seo-magico .wp-menu-image img {
  display: none !important;
}
#adminmenu #toplevel_page_seo-magico .wp-menu-image:before {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  background-color: #F7345E !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20354%20365.8%27%3E%3Cpath%20d%3D%27M173.98%2042.45c-26.22%2081.72-83.04%20134.24-156.48%20159.32%2081.72%2026.22%20134.5%2085.62%20159.58%20159.06%2026.22-81.72%2085.85-136.31%20159.29-161.39-81.72-26.22-137.31-83.55-162.39-156.99z%27/%3E%3Cpath%20d%3D%27M312.6%20265.62c-4.71%2014.71-14.94%2024.16-28.15%2028.67%2014.7%204.72%2024.2%2015.4%2028.71%2028.62%204.72-14.71%2015.45-24.53%2028.66-29.04-14.7-4.72-24.7-15.03-29.22-28.25z%27/%3E%3Cpath%20d%3D%27M45.81%2054.61c-5.92%2018.43-18.74%2030.28-35.3%2035.93%2018.43%205.92%2030.34%2019.32%2035.99%2035.88%205.92-18.43%2019.37-30.74%2035.93-36.4-18.43-5.92-30.97-18.85-36.62-35.41z%27/%3E%3Cpath%20d%3D%27M117.01%206.83c-2.65%208.25-8.38%2013.55-15.79%2016.08%208.25%202.65%2013.57%208.64%2016.1%2016.05%202.65-8.25%208.67-13.76%2016.08-16.29-8.25-2.64-13.86-8.43-16.39-15.84z%27/%3E%3Cpath%20d%3D%27M72.02%20300.39c-2.23%206.96-7.07%2011.43-13.32%2013.56%206.95%202.23%2011.45%207.29%2013.58%2013.54%202.23-6.96%207.31-11.6%2013.56-13.74-6.95-2.23-11.69-7.11-13.82-13.36z%27/%3E%3Cpath%20d%3D%27M251.55%20320.68c-2.23%206.95-7.07%2011.42-13.32%2013.56%206.96%202.23%2011.45%207.29%2013.58%2013.54%202.24-6.96%207.31-11.61%2013.56-13.74-6.95-2.23-11.69-7.11-13.82-13.36z%27/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20354%20365.8%27%3E%3Cpath%20d%3D%27M173.98%2042.45c-26.22%2081.72-83.04%20134.24-156.48%20159.32%2081.72%2026.22%20134.5%2085.62%20159.58%20159.06%2026.22-81.72%2085.85-136.31%20159.29-161.39-81.72-26.22-137.31-83.55-162.39-156.99z%27/%3E%3Cpath%20d%3D%27M312.6%20265.62c-4.71%2014.71-14.94%2024.16-28.15%2028.67%2014.7%204.72%2024.2%2015.4%2028.71%2028.62%204.72-14.71%2015.45-24.53%2028.66-29.04-14.7-4.72-24.7-15.03-29.22-28.25z%27/%3E%3Cpath%20d%3D%27M45.81%2054.61c-5.92%2018.43-18.74%2030.28-35.3%2035.93%2018.43%205.92%2030.34%2019.32%2035.99%2035.88%205.92-18.43%2019.37-30.74%2035.93-36.4-18.43-5.92-30.97-18.85-36.62-35.41z%27/%3E%3Cpath%20d%3D%27M117.01%206.83c-2.65%208.25-8.38%2013.55-15.79%2016.08%208.25%202.65%2013.57%208.64%2016.1%2016.05%202.65-8.25%208.67-13.76%2016.08-16.29-8.25-2.64-13.86-8.43-16.39-15.84z%27/%3E%3Cpath%20d%3D%27M72.02%20300.39c-2.23%206.96-7.07%2011.43-13.32%2013.56%206.95%202.23%2011.45%207.29%2013.58%2013.54%202.23-6.96%207.31-11.6%2013.56-13.74-6.95-2.23-11.69-7.11-13.82-13.36z%27/%3E%3Cpath%20d%3D%27M251.55%20320.68c-2.23%206.95-7.07%2011.42-13.32%2013.56%206.96%202.23%2011.45%207.29%2013.58%2013.54%202.24-6.96%207.31-11.61%2013.56-13.74-6.95-2.23-11.69-7.11-13.82-13.36z%27/%3E%3C/svg%3E") center / contain no-repeat !important;
}
#adminmenu #toplevel_page_seo-magico:hover .wp-menu-image:before,
#adminmenu #toplevel_page_seo-magico.opensub .wp-menu-image:before,
#adminmenu #toplevel_page_seo-magico.wp-has-current-submenu .wp-menu-image:before,
#adminmenu #toplevel_page_seo-magico.current .wp-menu-image:before {
  background-color: #F7345E !important;
  opacity: 1 !important;
}
#adminmenu #toplevel_page_seo-magico.wp-has-current-submenu > a.menu-top,
#adminmenu #toplevel_page_seo-magico.current > a.menu-top {
  background: #1d2327 !important;
}
#adminmenu #toplevel_page_seo-magico.wp-has-current-submenu > a.menu-top .wp-menu-name,
#adminmenu #toplevel_page_seo-magico.current > a.menu-top .wp-menu-name {
  color: #fff !important;
}


/* AI operation coordination (browser tabs + immediate double-click protection). */
.smg-ai-coordinated-busy {
    cursor: wait !important;
    opacity: .72;
}
.smg-ai-button-spinner.spinner {
    float: none;
    margin: 0 6px 0 0;
    vertical-align: middle;
}