/*
Theme Name: Neuros
Theme URI: http://demo.artureanec.com/themes/neuros/
Author: Artureanec
Author URI: https://demo.artureanec.com/
Description: Meet WordPress Theme by Artureanec - really amazing, powerful, clean and ultramodern product, that created with love and attention to details. We know it's difficult to represent yourself on the web in the right way, that's why we spent a lot of time trying to make our Theme more effective. It's flexible, easy customizable, high-quality and really easy to use! So everyone can make awesome website with it. Hope you'll like it. Enjoy!
Version: 2.1.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: neuros
*/

a.more-link::after {
    content: "Llegir més";
    visibility: visible;
}

a.more-link {
    font-size: 0;
}

a.more-link::after {
    font-size: 16px;
}


@import url('https://fonts.googleapis.com/css2?family=Baumans&display=swap');

.professional-quote {
  font-family: "Baumans", system-ui;
  font-size: 1.5rem;
  color: #ffffff;
  background-color: #9b59b6;
  padding: 1.5rem 2rem;
  margin: 2rem auto;
  line-height: 1.6;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

/* Mòbil: pantalles fins a 600px d’amplada */
@media (max-width: 600px) {
  .professional-quote {
    font-size: 1.2rem;     /* lleugera reducció de la tipografia */
    padding: 1rem 1.25rem;  /* menys espai intern */
    margin: 1.5rem auto;    /* menys marge vertical */
    max-width: 90%;         /* ocupa més ampli al mòbil */
  }
}

#noticies {
  display: -webkit-inline-box;           /* usar flex para alinear en línea */
  flex-wrap: nowrap;       /* nunca permitir salto de línea */
  align-items: center;     /* centrar icono y texto verticalmente */
  width: 100%;             /* ocupa todo el ancho padre */
  padding: 0.5em 1em;
  background: linear-gradient(to right, #8e2de2, #4a00e0);
  color: #fff;
  border-radius: 5px;
  box-sizing: border-box;  /* incluye el padding en el ancho */
  white-space: nowrap;     /* evita que el texto interno se parta */
  font-weight: bolder;
  font-size: 23px;
}

#noticies img {
  margin-right: 0.5em;     /* un poco de separación al texto */
  vertical-align: middle;  /* refuerzo para navegadores antiguos */
  display: block;          /* quitar posibles espacios blancos */
}

#noticies span {
  line-height: 1;          /* asegúrate de que no haya interlineado extra */
}

p {
  text-align: justify;       /* justifica el texto */
  text-justify: inter-word;   /* armoniza el espaciado entre palabras */
}

/* Botón “Llegir més” (clase juicy-pink) con degradado personalizado */
.vc_btn3.vc_btn3-color-juicy-pink {
  /* quitar el fondo por defecto de VC */
  background-image: none !important;
  /* tu degradado */
  background: linear-gradient(to right, #8e2de2, #4a00e0) !important;
  /* opcional: quita bordes si los tuviera */
  border: none !important;
}

/* Mantener degradado al pasar el ratón */
.vc_btn3.vc_btn3-color-juicy-pink:hover {
  background-image: none !important;
  background: linear-gradient(to right, #8e2de2, #4a00e0) !important;
}

.news-item {
  /* 1. Un degradado como borde */
  border: 3px solid transparent;
  border-radius: 10px;
  background-image:
    linear-gradient(#fff, #fff),                         /* fondo blanco del interior */
    linear-gradient(to right, #8e2de2, #4a00e0);         /* degradado para el borde */
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  
  /* 2. Sombra suave para “levantar” la tarjeta */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  
  /* 3. Espaciado interno y separación externa */
  padding: 1.5em;
  margin-bottom: 2em;
  transition: transform .2s ease, box-shadow .2s ease;
}

.news-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}