.eds_tools {
    display: none !important;
}

.eds_search {
    display: none !important;
}

.eds_topRibbon {
    //display: none !important;
    background-color: #ffffff;
}

.eds__searchTrigger {
    display: none !important;
}

.eds__userTrigger {
    display: none !important;
}

.eds_logo img {
  width: 90%;
}

. {
    position: relative;
    left: 40%;
    margin-left: -50px !important;  /* 50% of your logo width */
    display: block;
}

.texto-negrita {
  font-weight: bold;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

body {
  font-family: 'Open Sans', Arial, sans-serif;
}

.eds_containerTitle {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 500;
}

.eds_copyright, H1, h3 {
  font-family: 'Open Sans', Arial, sans-serif;
}


/* --- ESTILOS PARA LA VISTA MÓVIL --- */
/* Este media query se activa en pantallas con un ancho máximo de 768px (tablets y móviles) */
@media (max-width: 768px) {

    .dnnLabel {
            text-align: left !important; /* Usamos !important por si el tema lo sobreescribe */
        }

  /* Hacemos que el contenedor de la etiqueta y los campos de texto se comporten como bloques */
  .custom-class-small-screen,
  .dnnFormItem textarea,
  .custom-class-small-screen input[type="text"],
  .custom-class-small-screen input[type="email"], /* Añadido por si tienes campos de correo */
  .custom-class-small-screen div[style*="display:inline-block"] /* Selector para el div del Captcha */ {
    display: block; /* Fuerza al elemento a ocupar una línea completa */
    width: 100%;    /* Ocupa todo el ancho disponible */
    box-sizing: border-box; /* Asegura que el padding y borde no alteren el ancho total */
  }

  .dnnFormItem .dnnLabel {
    display: block; /* Fuerza al elemento a ocupar una línea completa */
    width: 100%;    /* Ocupa todo el ancho disponible */
    box-sizing: border-box; /* Asegura que el padding y borde no alteren el ancho total */
  }

  /* Añadimos un pequeño margen debajo de la etiqueta para separarla del campo */
  .dnnFormItem .dnnLabel {
    margin-bottom: 8px;
  }
  
  /* (Opcional pero recomendado) Apilar los botones en móviles para que sean más fáciles de presionar */
  .dnnCenter .btn {
    display: block; /* Un botón por línea */
    width: 100%;
    margin-bottom: 10px; /* Espacio entre los botones */
  }

  .dnnCenter .btn:last-child {
    margin-bottom: 0; /* Elimina el margen del último botón */
  }

}

 /* --- WIDGET SHARE --- */
    /* Todos los estilos ahora apuntan a la clase '.share-widget-container' para no afectar al resto de la página. */
    
    .share-widget-container { 

font-family: Open Sans';

        border: 1px solid #ccc; 
        padding: 25px; 
        border-radius: 12px; 
        max-width: 400px;
        width: 90%;
        background-color: #ffffff;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        text-align: center;
        margin: 20px auto; /* Centra el widget si es un bloque independiente */
    }

    /* Títulos dentro del widget */
    .share-widget-container h1 {
        font-size: 1.5em;
        margin-top: 0;
        margin-bottom: 8px;
        color: #333;
    }

    .share-widget-container p {
        margin-top: 0;
        color: #666;
        margin-bottom: 24px;
    }
    
    /* Estilo para los enlaces/botones tradicionales */
    .share-widget-container .traditional-share {
        display: none; /* Se gestiona por JS */
    }

    .share-widget-container .traditional-share a, 
    .share-widget-container .traditional-share button { 
        margin: 5px; 
        text-decoration: none; 
        background-color: #f0f0f0; 
        padding: 8px 12px; 
        border-radius: 8px; 
        color: #333; 
        border: 1px solid #ddd;
        display: inline-block;
        transition: background-color 0.3s, transform 0.2s;
    }

    .share-widget-container .traditional-share a:hover, 
    .share-widget-container .traditional-share button:hover {
        background-color: #e0e0e0;
        transform: translateY(-2px);
    }

    /* Estilo para el botón de compartir moderno */
    .share-widget-container .modern-share-button { 
        font-size: 1.1em;
        font-weight: bold;
        padding: 12px 20px; 
        cursor: pointer;
        border: none;
        border-radius: 8px;
        width: 100%;
        background-color: #cca239; 
        color: #ffffff; 
        transition: background-color 0.3s, transform 0.2s;
    }
    
    .share-widget-container .modern-share-button:hover {
        background-color: #b89234; 
        transform: scale(1.02);
    }

/* ESTILO CURSOR */
.cursor-ayuda {
    cursor: help;         /* Muestra el cursor de ayuda */
    margin-left: 8px;     /* Añade un espacio a la izquierda */
    font-weight: bold;
    color: #007bff;       /* Color azul para que parezca un enlace */
    display: inline-block; /* Asegura que se comporte correctamente */
}