/*
Theme Name: Escort Agency
Description: Tema para Agencia Michelle Grey
Author: Luxury Escorts WEB
Author URI: https://luxuryescortsweb.com 
Template: Avada
Version: 1.0.0
Text Domain:  Escort-agency 
*/

.custom-label {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 4px;
}

/* Contenedor de las etiquetas */
.etiquetas-clasificacion {
    margin-top: 0px;
}

/* Estilos generales para todas las etiquetas */
.etiquetas-clasificacion .etiqueta {
    display: inline-block;
    padding: 1px 6px;
    margin: 2px;
    border-radius: 5px;
    font-size: 12px; /* Tamaño de fuente predeterminado para escritorio */
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.030em;
}

/* Estilo específico para "New" */
.etiquetas-clasificacion .etiqueta-new {
    background-color: #46B77E; /* Fondo rojo */
    color: white;
}

/* Estilo específico para "Video" */
.etiquetas-clasificacion .etiqueta-video {
    background-color: #FF0000; /* Fondo azul */
    color: white;
}

/* Estilo específico para "Gold" */
.etiquetas-clasificacion .etiqueta-gold {
    background-color: #967850; /* Fondo dorado */
    color: white;
}

/* Estilo específico para "Silver" */
.etiquetas-clasificacion .etiqueta-silver {
    background-color: #a0b0bf; /* Fondo plateado */
    color: white;
}

/* Estilo específico para "Elite" */
.etiquetas-clasificacion .etiqueta-elite {
    background-color: #8224e3; /* Fondo plateado */
    color: white;
}

/* Estilo específico para "Vip" */
.etiquetas-clasificacion .etiqueta-vip {
    background-color: #f7bb4d; /* Fondo plateado */
    color: white;
}

/* Estilo específico para "Verified" */
.etiquetas-clasificacion .etiqueta-verified {
    background-color: #007bff; /* Fondo plateado */
    color: white;
}



/* Estilos específicos para pantallas móviles */
@media (max-width: 768px) {
    .etiquetas-clasificacion .etiqueta {
        font-size: 9px; /* Tamaño de fuente reducido para móviles */
    }
}



/* Estilos para las etiquetas del nuevo shortcode */
.etiquetas-alternativas .etiqueta-alt {
    display: inline-block;
    padding: 1px 10px;
    margin: 2px;
    border: 1px solid #0073e6; /* Color azul */
    border-radius: 5px; /* Bordes redondeados más marcados */
    font-size: 14px; /* Tamaño de fuente ligeramente más grande */
    font-weight: 600; /* Peso de fuente más suave */
    text-transform: capitalize; /* Capitalizar cada palabra */
    color: #0073e6; /* Texto azul */
    background-color: #e6f7ff; /* Fondo azul claro */
    transition: all 0.3s ease-in-out;
    font-family: 'Montserrat', sans-serif;
}

/* Estilo específico para la etiqueta NEW */
.etiquetas-alternativas .etiqueta-alt-new {
    color: #ffffff; /* Texto blanco */
    background-color: #46B77E; /* Fondo rojo */
    border-color: #46B77E; /* Borde rojo oscuro */

}

.etiquetas-alternativas .etiqueta-alt-new:hover {
    background-color: #46B77E; /* Fondo rojo oscuro */
    color: #ffffff; /* Texto blanco */
    border-color: #46B77E; /* Borde más oscuro */
    
}

/* Estilo específico para la etiqueta Verified */
.etiquetas-alternativas .etiqueta-alt-verified {
    color: #ffffff; /* Texto blanco */
    background-color: #007bff; /* Fondo rojo */
    border-color: #007bff; /* Borde rojo oscuro */    
}

.etiquetas-alternativas .etiqueta-alt-verified:hover {
    background-color: #007bff; /* Fondo rojo oscuro */
    color: #ffffff; /* Texto blanco */
    border-color: #007bff; /* Borde más oscuro */
    
}    


/* Estilo específico para la etiqueta Video */
.etiquetas-alternativas .etiqueta-alt-video {
    color: #ffffff; /* Texto blanco */
    background-color: #FF0000 ; /* Fondo rojo */
    border-color: #FF0000 ; /* Borde rojo oscuro */    
}

.etiquetas-alternativas .etiqueta-alt-video:hover {
    background-color: #FF0000 ; /* Fondo rojo oscuro */
    color: #ffffff; /* Texto blanco */
    border-color: #FF0000; /* Borde más oscuro */
    
}    


/* Estilo específico para la etiqueta Silver */
.etiquetas-alternativas .etiqueta-alt-silver {
    color: #ffffff; /* Texto blanco */
    background-color: #a0b0bf; /* Fondo rojo */
    border-color: #a0b0bf; /* Borde rojo oscuro */    
}

.etiquetas-alternativas .etiqueta-alt-silver:hover {
    background-color: #a0b0bf; /* Fondo rojo oscuro */
    color: #ffffff; /* Texto blanco */
    border-color: #a0b0bf; /* Borde más oscuro */
    
}    

/* Estilo específico para la etiqueta Vip */
.etiquetas-alternativas .etiqueta-alt-vip {
    color: #ffffff; /* Texto blanco */
    background-color: #f7bb4d; /* Fondo rojo */
    border-color: #f7bb4d; /* Borde rojo oscuro */    
}

.etiquetas-alternativas .etiqueta-alt-vip:hover {
    background-color: #f7bb4d; /* Fondo rojo oscuro */
    color: #ffffff; /* Texto blanco */
    border-color: #f7bb4d; /* Borde más oscuro */
    
}    

/* Estilo específico para la etiqueta Elite */
.etiquetas-alternativas .etiqueta-alt-elite {
    color: #ffffff; /* Texto blanco */
    background-color: #8224e3; /* Fondo rojo */
    border-color: #8224e3; /* Borde rojo oscuro */    
}

.etiquetas-alternativas .etiqueta-alt-elite:hover {
    background-color: #8224e3; /* Fondo rojo oscuro */
    color: #ffffff; /* Texto blanco */
    border-color: #8224e3; /* Borde más oscuro */
    
}    

/* Estilo específico para la etiqueta Gold */
.etiquetas-alternativas .etiqueta-alt-gold {
    color: #ffffff; /* Texto blanco */
    background-color: #967850; /* Fondo rojo */
    border-color: #967850; /* Borde rojo oscuro */    
}

.etiquetas-alternativas .etiqueta-alt-gold:hover {
    background-color: #967850; /* Fondo rojo oscuro */
    color: #ffffff; /* Texto blanco */
    border-color: #967850; /* Borde más oscuro */
    
}    






/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
    .etiquetas-alternativas .etiqueta-alt {
        font-size: 15px; /* Tamaño de fuente más pequeño para móviles */
        padding: 3px 8px; /* Reducir el padding para móviles */
    }

    .etiquetas-alternativas .etiqueta-alt-new {
        font-size: 15px; /* Tamaño de fuente para móviles */
    }
}

@media (max-width: 480px) {
    .etiquetas-alternativas .etiqueta-alt {
        font-size: 15px; /* Tamaño de fuente aún más pequeño para pantallas muy pequeñas */
        padding: 2px 8px; /* Padding mínimo */
    }

    .etiquetas-alternativas .etiqueta-alt-new {
        font-size: 15px; /* Tamaño de fuente para pantallas pequeñas */
    }
}



/* Estilo para el contenedor de las etiquetas */
.tagcloud.personalizada {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Espaciado entre las etiquetas */
    margin: 20px 0; /* Espaciado del contenedor */
}

/* Estilo para cada enlace de etiqueta */
.tagcloud.personalizada .tag-link {
    background-color: #f4f5fa; /* Color de fondo inicial */
    color: #b39761; /* Color de texto */
    padding: 2px 10px; /* Espaciado interno de cada etiqueta */
    border-radius: 100px; /* Redondez de las esquinas */
    font-size: 12px; /* Tamaño de la fuente */
    font-weight: 500; /* Grosor de la fuente */
    font-family: 'Montserrat', sans-serif; /* Usar la fuente Montserrat */
    text-decoration: none; /* Quitar subrayado */
    text-transform: uppercase; /* Convertir el texto a mayúsculas */
    border: 1px solid #b39761; /* Borde de 1px con color #b39761 */
    transition: all 0.3s ease; /* Efecto de transición suave */
}

/* Estilo al pasar el cursor (hover) */
.tagcloud.personalizada .tag-link:hover {
    background-color: #b39761; /* Fondo al pasar el ratón */
    color: #fff; /* Color de texto al pasar el ratón */
    border-radius: 100px; /* Aumentar redondez al hacer hover */
    border-color: #fff; /* Cambiar el color del borde en hover */
}

/* Estilo para los enlaces que están activos o seleccionados */
.tagcloud.personalizada .tag-link:active {
    background-color: #005bb5; /* Fondo activo */
    color: #fff; /* Color de texto activo */
}

/* Opcional: Estilo para las etiquetas más grandes (si se añaden tamaños dinámicos) */
.tagcloud.personalizada .tag-link {
    font-size: 12px; /* Tamaño de fuente mayor si es necesario */
}

/* Estilos generales para encabezados */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #2a2a2a;
    text-transform: uppercase;
}

/* Estilo para enlaces */
a {
    color: #b39761;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: #8a6e3c;
}

/* Color de fondo del footer */
#footer {
    background-color: #f4f5fa;
    color: #444;
}

/* Estilos para los títulos del footer */
#footer h3 {
    color: #b39761;
    font-weight: 600;
    text-transform: uppercase;
}

/* Estilos para los botones */
.fusion-button {
    background-color: #b39761;
    color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.fusion-button:hover {
    background-color: #8a6e3c;
    color: #fff;
}

/* Asegurar estilos consistentes en tarjetas (post cards) */
.fusion-post-card .fusion-post-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #2a2a2a;
    font-size: 18px;
}

.fusion-post-card .fusion-post-title:hover {
    color: #b39761;
}

/* Otros elementos comunes */
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #333;
    background-color: #fff;
}