/* resum ia  */





.btn-ia {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border: 0;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  transition: background 0.25s ease, transform 0.12s ease;
  font-weight: bold;
  cursor: pointer;
  color: #ffffff;
  z-index: 0;
  box-shadow: 0 0px 7px -5px rgba(0, 0, 0, 0.5);
  
  text-transform: uppercase;
  font-size: 16px;
	  background: #1740f9;
}

.btn-ia:hover {
  background: #6F73D2; /* Azul claro Cecot */
  color: #ffffff;
}

.btn-ia:active {
  transform: scale(0.97);
}

.btn-ia .label {
  position: relative;
  z-index: 5;
  pointer-events: none;
  font-size: 1rem;
  letter-spacing: 0.2px;
  color: #ffffff;

}

.btn-ia:hover {
  background: #6F73D2; /* Azul claro Cecot */
  color: #ffffff;
}

.btn-ia:active {
  transform: scale(0.97);
}


.hoverEffect {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
}



.hoverEffect div {
  border-radius: 6px;
  width: 12rem;
  height: 12rem;
  transition: transform 0.35s cubic-bezier(.2,.9,.2,1), opacity 0.35s ease, filter 0.35s ease;
  filter: blur(16px);
  animation: effect infinite 6s linear;
  opacity: 0.5;
  
    background:linear-gradient(90deg, #1740f9 0%, #6d88ff 50%, #1740f9 100%);
  transform: scale(0.65);
  filter: blur(14px);
}

.btn-ia:hover .hoverEffect div {
  opacity: 0.98;
  transform: scale(1.1);
  filter: blur(8px);
}

@keyframes effect {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}



/* From Uiverse.io by alexruix */ 
.card-ia {

 border-radius: 10px;
 background: #f5f5f5;
 position: relative;
 padding: 1.8rem;
 border: 2px solid #c3c6ce;
 transition: 0.5s ease-out;
 overflow: visible;
}

.card-ia:hover {
 border-color: #1740f9;
 box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.25);
}



.compartir-xxss {
	    display: flex;
    padding: 0 !important;
    margin: 0;
    gap: 12px;
}
.compartir-xxss li {
	list-style: none;
    padding: 0;
    margin: 0;
}

.compartir-xxss li img, .fa-brands {
	background: #cecece;
    width: 35px;
    padding: 8px;
    border-radius: 6px
}
  .compartir-xxss li img:hover, .fa-brands:hover {
    background: #adadad;
}
  
  .fa-bluesky {
    color: white;
    padding: 9px;
  }

.template-ia .icones-compartir-xxss  {
	    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
	padding: 13px 0 8px;
}

.template-ia .compartir-xxss svg {
    width: 20px;
    height: 20px;
	    fill: #6e6e6e;
}

.template-ia .compartir-xxss svg:hover  {
		fill: #2d2d2d;
}



.template-ia .ce-copy {
	cursor: pointer;
	    display: flex;
    align-items: center;
    gap: 10px;
}

.template-ia .copiar-enllac {
	    margin-left: auto;
	border-left: 1px solid #bcbcbc;
    padding-left: 20px;
}


.template-ia .inner-compartir-xxss {
	    padding: 15px 0px 8px !important;
    border-bottom: 1px solid #bcbcbc;
}

.template-ia .ce-copy svg {
	    width: 18px;
    height: 18px;
	
}
.template-ia .ce-copy {
	color: #6e6e6e;
}

.template-ia .ce-copy:hover {
	color: #2d2d2d;
	    text-decoration: underline;
}

.template-ia .ce-copy:hover svg {
		fill: #2d2d2d;
}

.template-ia .inner-compartir-xxss {
		    display: flex;
    padding: 0 !important;
    margin: 0;
    gap: 12px;
	align-items: center;
}

.template-ia .compartir-xxss {
	display: block;
}

.template-ia .text {
	    font-size: 16px;
    color: #6e6e6e;
}

.template-ia .text:hover {
	color:#2d2d2d;
}

/* Seccio ia minuts lectura */

    .audio-bar {

      color: #161616;
      display: flex;
      align-items: center;
      gap: 10px
    }
    .play-btn {
      background: #6e6e6e;
      border: none;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;

      outline: none;
      transition: background 0.2s;
    }
    .play-btn:hover {
      background: black;
    }


.play-icon {
	fill: white;
}

    .pause-bar {
      width: 4px;
      height: 16px;
      background: #6e6e6e;
      border-radius: 1px;
    }


.seccio-ia {
	    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 0px;
}

.minuts-lectura {
	    border-right: 1px solid #bcbcbc;
    padding-right: 15px;
}