/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Estilos personalizados */

#btn_eliminar_post {
    background-color:#C91D1D;
    color:#fff;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
    width: 100%;
}

@media only screen and (max-width: 1024px) {
  #btn_eliminar_post {
    width: 100%;
}
}

@media only screen and (max-width: 460px) {
  #btn_eliminar_post {
    width: 100%;
}
}

/* Estilos para mostrar y ocultar elementos */
.user_not_login { 
display:block !important;
} 
.logged-in .user_not_login { 
display:none !important;
}


.user_login { 
display:none !important;
} 
.logged-in .user_login { 
display:block !important;
}

/* Resaltar item */

.resaltar {
  color: #01ED65!important;
}

body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button {
    background-color: var(--e-global-color-accent);
    background-image: var(--e-global-color-accent);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    display: none;
}

/* Estilo para el contenedor del campo de carga de archivos */
.file-upload-container {
    border: 1px dashed #28a745; /* Borde punteado verde */
    border-radius: 5px;
    padding: 0px 20px 20px 20px;
    text-align: left;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Estilo para el área de carga al pasar el ratón */
.file-upload-container:hover {
    background-color: #f0f8ff; /* Fondo al pasar el ratón */
}

/* Ocultar el campo de entrada de archivo */
.file-upload-container input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.jet-listing-dynamic-field__content img {
    border-radius: 5px;
    width: 380px;
    height: 170px;
}

@media only screen and (max-width: 600px) {
 .jet-listing-dynamic-field__content img {
    border-radius: 5px;
    width: 380px;
    height: 200px;
}
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #E8ECFF!important;
    border-radius: 5px!important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    padding-top: 8px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 60px;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 45px!important;
    user-select: none;
    -webkit-user-select: none;
}

/* Estilo base para los tooltips */
.icono-destacar,
.icono-ver,
.icono-editar,
.icono-eliminar {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.icono-destacar::after,
.icono-ver::after,
.icono-editar::after,
.icono-eliminar::after {
  content: ""; /* Se personaliza en cada clase */
  position: absolute;
  bottom: 110%; /* Ajusta la distancia sobre el ícono */
  left: 50%;
  transform: translateX(-50%);
  background-color: #F6F7FB; /* Fondo del tooltip */
  color: #0066FF; /* Color del texto */
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1000;
}

.icono-destacar:hover::after,
.icono-ver:hover::after,
.icono-editar:hover::after,
.icono-eliminar:hover::after {
  opacity: 1;
  visibility: visible;
}

/* Tooltip específico para "ver" */
.icono-ver::after {
  content: "Ver anuncio";
}

/* Tooltip específico para "editar" */
.icono-editar::after {
  content: "Editar anuncio";
}

/* Tooltip específico para "eliminar" */
.icono-eliminar::after {
  content: "Eliminar anuncio";
}

/* Tooltip específico para "destacar" */
.icono-destacar::after {
  content: "Destacar anuncio";
}