/* ALERTAS NICHE CREATOR */
 	.nichecreator-alert{
            /* Colores por defecto: success (verde) */
            --nc-bg:     #e5f3f1;
            --nc-border: #008974;
            --nc-icon:   #008974;

            display:flex;
            align-items:center;
            gap:12px;
            margin:20px 0;
            padding:10px 16px;
            background:var(--nc-bg);
            border:1px solid var(--nc-border);
            border-left-width:4px;
            border-radius:8px;
            font-size:14px;
            line-height:1.4;
        }

        .nichecreator-alert__icon{
            width:22px;
            height:22px;
            color:var(--nc-icon);
            flex-shrink:0;
        }
        .nichecreator-alert__icon svg{
            width:100%;
            height:100%;
            fill:currentColor;
        }

        /* ---- Amarillo / informativo ---- */
        .nichecreator-alert--info{
            --nc-bg:     #fffae5;
            --nc-border: #b69121;
            --nc-icon:   #b69121;
        }

        /* ---- Amarillo / informativo ---- */
        .nichecreator-alert--error{
            --nc-bg:     #f5e7e8;
            --nc-border: #a4161a;
            --nc-icon:   #a4161a;
        }       

        /* ---- Verde explícito (por claridad) ---- */
        .nichecreator-alert--success{
            /* hereda los valores por defecto definidos arriba */
        }
        input::placeholder,
        textarea::placeholder {
        	color: #999 !important;
        }
        .col-2 .col1 {
        	margin-top: 0 !important;
        }
/* ALERTAS NICHE CREATOR */


/* LEAFLET */
/* Ocultar el logo de Leaflet */
.leaflet-control-attribution {
    display: none;
}

.leaflet-div-icon.fa-icon {
    background: transparent !important; /* Elimina el fondo */
    border: none !important; /* Elimina el borde */
    box-shadow: none !important; /* Elimina cualquier sombra */
    padding: 0 !important; /* Elimina el padding */
    font-size: 25px !important; /* Ajusta el tamaño del icono */
    color: black !important; /* Color del icono */
}


/* LEAFLET */

/* FORMULARIOS SELECT Y LABELS */
/*
	label {
	    margin: .5rem 0;
	    width: 200px !important;
	    min-height: 40px;
	    display: inline-flex !important;
	    align-items: center;
	    font-weight: bold;
	    justify-content: space-between;
	    margin-right: 10px;
	}
*/
      .field-row {
        display: flex;
        align-items: center;
        margin-bottom: .7rem;
        min-height: 44px;
      }
      .field-row label { width: 230px !important; font-weight: bold; }
      .field-row select,
      .field-row input[type="text"]
	  {
        flex: 1;
        max-width: 350px !important;
      }
	  .field-row textarea {
	  max-width: 100%;
	  }

 .hidden { display: none; }
 /* BOTONES Y TAREAS FORMULARIOS */
      .botonsubmit,
      .botonborrar {
        margin: .5rem .5rem 1rem 0;
        padding: .6rem 1.2rem;
        border: none;
        border-radius: 3px;
        cursor: pointer;
      }
      .botonsubmit { background: #2271b1; color: #fff; }
      .botonborrar { background: #b32d2e; color: #fff; }
	  	#myProgress {
	    max-width: 100%;
	    width: 100%;
	    background: #fafafa;
	    border-radius: 6px;
	    overflow: hidden;
	    margin-top: 10px !important;
	    height: 30px !important;
	}
      #myBar { width: 0; height: 100%; background: #2271b1; }
	  	#myBar {
	    max-width: 100% !important;
	    border-radius: 5px;
	    background: #008974 !important;
	    color: #fff !important;
	    margin-top: 0 !important;
	    height: 30px;
	       font-weight: bold;
    	font-size: 1.3em;
		text-align: center;
	}


.fcp-desc {
        	text-align: left;margin-bottom: 1rem;
        	color: #464646;
        }
/* FORMULARIOS SELECT Y LABELS */
/* ESTILOS PRINCIPALES COLUMNAS Y BOTONES*/
.col-2
{
display: flex; 
gap: 0;
}

.col-2 .izq
{
flex: 2;

}

.col-2 .col1
{
margin-right: 10px;
margin-top: 10px;
border: none !important;
padding: 0 !important;
}

.col-2 .col2
{
margin-top: 10px;
flex: 1;
/* border: 1px solid blue; */
margin-right: 10px;
padding: 20px;
border-radius: 10px;
}

.col1 h1 { margin-bottom: .5rem; }
.col1 p { margin-bottom: 1.5rem; color: #555; }
	  

.red
{
color: red;
font-weight: bold;
}


.copiar, .borrarlog .botonsubmit
{
font-size: 14px;
}

.borrarlog
{
max-width: 120px;
float: left;
margin-right: 10px;
}

.btn p
{
margin-top: 0px;
margin-bottom: 0px;
}

h1
{
margin-bottom: 20px !important;
}

textarea, input
{
max-width: 100%;
}

/* ESTILOS PRINCIPALES */

.divcsv
{
display: block;
clear: both;
}

/* EMPAREJAMIENTOS */
#ordenacion
{
margin-left: 10px !important;
}

span[class^="nuevocampo"]
{
padding: 5px;
border: 1px solid black;
margin-left: 10px;
background-color: lightgreen;
}

span[class^="quitarcampo"]
{
padding: 5px;
border: 1px solid black;
margin-left: 10px;
background-color: lightpink;
}

div[class^="campos"]
{
display: none;
padding-bottom: 20px;
}

div.campos1
{
display: block;
}

form#subirfichero, form#borrarfichero
{
display: inline-block;
}

/* EMPAREJAMIENTOS */


/* BOTONES VOLVER */
#volver
{
margin-top: 30px;
}

/* TEXTO AJAX CARGA TABLA.. */
#resultadocarga
{
animation: animate 1.5s linear infinite;
}

.advertencia
{
color: red;
}

.invalida
{ 
color: red;
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
} 

.valida
{ 
color: green;
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
} 

@keyframes animate{ 
   0%{ 
     opacity: 0; 
   } 
   50%{ 
     opacity: 0.7; 
   } 
   100%{ 
     opacity: 0; 
   } 
 } 
 


 
 #entradaspaginas, #pluginseo, #openai, #gemini, #valueserp, #modelo,#modelogem, #type, #imagendestacada, #import, #tipoordenacion, #numfichas, #campoordenacion,#numfichas,#numerico,#ocultarcats,#textoh1,#textoh1padre,#ocultarh1,#ocultardesc,#metatitle,
 #metatitlepadre,#metadesc,#metadescpadre, #aplicarcss, #plantillas, #type, #autor, #autoria,  #catpags, #autorcats,#offset,#offsetia,#offsetcats,#noindexno, #noindexpadresno,
 #pais,#idioma, #clusterdesc, #clusterimagen, #duplicados1, #duplicados2, #sustitucionant, #sustituir, #sustitucionpost, #quickscrape, #apiplaces,#herramienta,#borrarposts,#borrarautor,#borrartipo,#offsetscrape,
 #borrarcampo2,#borradocampo,#campocat,#tipocategoria,#idioma, #replicate
 {
 margin-top: 10px;
 margin-bottom: 10px;
 margin-right: 10px;
 }
 


 .geniaspin
 {
margin-top: 10px !important;
display: inline-block;
 }
 
 /* REGENERACION DE CATEGORIAS */
  input[type="radio"]
 {
  margin-left: 5px;
  margin-right: 5px;
 }
 
.visualizacioncats
{
padding: 10px;
border: 1px solid green;
border-radius: 10px;
margin-bottom: 20px;
 }
 
#settingscat label[for=parrafoconc],#settingscat label[for=parrafoconcpadre],#settingscat label[for=textopropio], ,#settingscat label[for=parrafo1]
 {
  margin-top: 20px;
  display: inline-block;
font-style: italic;
  color: green;
 }

 #settingscat label[for=plantillacat], #settingscat label[for=ordenacion], #settingscat label[for=numerico], #settingscat label[for=numfichas], #settingscat label[for=ocultarcats],
 #settingscat label[for=ocultarh1], #settingscat label[for=ocultardesc],#settingscat label[for=criterio],#settingscat label[for=aplicarcss],#settingscat label[for=paginascats],
 #settingscat label[for=autor],#settingscat label[for=posttype],#imagenes label[for=offset],#settingscat label[for=noindexcats],#settingscat label[for=noindexcatspadres],#herramientas label[for=borrarauthor],
 #herramientas label[for=borrarposts],#herramientas label[for=autor],#herramientas label[for=borrartipo], #sustitucion label[for=sustitucionant],#sustitucion label[for=sustitutuir],#sustitucion label[for=sustitucionpost],
 #integraciones label[for=quickscrape], #integraciones label[for=openai],#integraciones label[for=gemini],#integraciones label[for=modelogem],#integraciones label[for=idioma], #integraciones label[for=modelo], #integraciones label[for=offsetscrape],#integraciones label[for=offset], #integraciones label[for=offsetia],#integraciones label[for=offsetiacats],#integraciones label[for=replicate]
 {
 display: inline-block;
 width: 150px;
 }
 
 #escrapear label[for=pais],#escrapear label[for=idioma],#settingscat label[for=clusterdesc],#settingscat label[for=clusterimagen],#escrapear label[for=herramienta]
 {
 display: inline-block;
 width: 200px;
 }
 
 #settingscat label[for=clusterdesc],#settingscat label[for=clusterimagen],#borradofichas label[for=borrarfichas],#borradofichas label[for=borradocampo],
 #categoria label[for=campo], #categoria label[for=tipocategoria],#direccionia label[for=direccionia]
 {
 display: inline-block;
 width: 250px;
 }
 
 
 
  #settingscat #wp-parrafo1-wrap, #settingscat #wp-parrafo4-wrap, #settingscat #wp-parrafo5-wrap, #settingscat #wp-descripcioncat-wrap
 {
 max-width: 75%;
 }
 
  
#ocultarcats,#ocultarh1,#ocultardesc,#aplicarcss,#noindexcats,#noindexcatspadres
 {
  margin-top: 10px;
  padding-right: 10px;
 }
 
 #settingscat label[for=offset]
  {
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
 }
  
 #settingscat label[for=textoh1],#settingscat label[for=textoh1padre],#settingscat label[for=descripcioncatpadre],#settingscat label[for=descripcioncat],#settingscat label[for=metatitle],#settingscat label[for=metatitlepadre], #settingscat label[for=metadesc],#settingscat label[for=metadescpadre],
 #settingscat label[for=parrafo1], label[for=parrafo2],label[for=parrafo3],#settingscat label[for=textopropio]
 {
margin-top: 20px;
display: block;
 }
 
 /* REGENERACION DE CATEGORIAS */
 
 #clonarplantilla label[for=textopropio]
 {
 color: green;
 }
 
 label[for=h1]
 {
 display: block;
 margin-top: 10px;
 }
 
 #clonarplantilla label
  {
padding-top: 10px;
 }
 
 select#offset, #textopropio
 {
 margin-top: 10px;
 }
 
 
.aviso p
{
font-size: 1.2em;
color:green;
}
.ordenaviso
{
font-weight: bold;
 margin-top: 10px;
 margin-bottom: 10px;
}
 
 /* CABCECERAS METABOX Y WIDGET */
.cabeceras
 {
background-color: green;
  color: white;
  text-align: center;
  padding: 5px;
  border-radius: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px;
  clear: both;
 }
 
 .var button
  {
 margin-left: 10px;
max-width: 120px !important;
 }
 
 .var span
 {
 display: inline-block;
 width: 90px;
 }
 
 .var #pais, .var #metatitle, .var #metadesc
 {
 margin-right: 0px !important;
 }
 
/*
 .variablesdisponibles
 {
 position: fixed;
 width: 50%;
 }
 
 
 
 
 .variablesdisponibles .left, .variablesdisponibles .right
 {
 float:left;
 width: 50%;
 margin-bottom: 10px;
 }
 */
 /* Boton de parar procesos */
  
#borrar,#borrardup
{
display: none;
}

/* TOOLTIP TEXTS */
	.tooltip-text {
	  position: relative;
	  cursor: help;
	}
	.tooltip-text:after {
	  content: "?";
	  height: 15px;
	  width: 15px;
	  display: inline-flex;
	  margin-left: 5px;
	  background: #262626;
	  border-radius: 50%;
	  text-align: center;
	  font-size: 12px;
	  color: #fff;
	  justify-content: center;
	  align-items: center;
	}

	.tooltiptext {
	  visibility: hidden;
	  width: 250px;
	  background-color: #202225 !important;
	  color: #fff !important;
	  text-align: left;
	  cursor: default;
	  padding: 10px 12px;
	  border-radius: 4px;
	  position: absolute;
	  line-height: 1.3;
	  z-index: 99;
	  font-weight: 300;
	  font-size: 13px;
	  top: 100%;
	  left: 50%;
	  margin-top: 14px;
	  margin-left: -30px;
	  bottom: auto !important;
	}

	.tooltiptext::after {
	  content: "";
	  position: absolute;
	  bottom: 100%;
	  left: 44%;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent #282828 transparent;
	}
	
.tooltip-text:hover .tooltiptext
{
visibility: visible;
display: block;
position: absolute;
margin-top: 0px;
background-color: white;
color:green;
padding: 10px;
max-width: 300px;
border-radius: 5px;
}

.opcionesimagenes
{
padding: 10px;
border:1px solid black;
margin-top: 10px;
margin-bottom: 10px;
}

.opcionesimagenes label
{
display: inline-block;
width: 300px;
}
/* CLUSTER CATEGORIAS */
.child img
 {
 max-width: 100px;
 border-radius: 10px;
 margin-right: 10px;
 float: left;
 }

/* INTEGRACIONES */
.escrapeos, .keywords,.videos
{
background-color: lightgreen;
padding: 10px;
}

.fichas
{
margin-top: 10px;
margin-bottom: 10px;
}

/* INTEGRACIONES *

@media screen and (max-width:782px) {
  .col-2 .izq  
  {
    width: 100%;
  }
   .col-2 .col2 
  {
   width: 92%;
  }
  .clusterhijos 
  {
    flex-direction: column !important;
  }
}