/* @override 
	https://magicfront.ai/wp-content/themes/magicfront/style.css?* */

/*
 Theme Name:   MAGIC FRONT
 Theme URI:    https://bricksbuilder.io/
 Description:  Theme WP Magic Front
 Author:       Trilogi/Albert Calzada
 Author URI:   https://trilogi.com/
 Template:     bricks
 Version:      2.2
 Text Domain:  bricks
*/


:where(p) {
  margin: 0 0 0.8em;
}
.brx-body {
	/*min-height: 100dvh;*/
}

:where(p:last-child) {
  margin-bottom: 0;
}

#wp-admin-bar-editor_mode {
	display: none !important;
}

.subratllat_fi {
	text-decoration-line: underline;
text-decoration-thickness: 0.9px;
text-underline-offset: 5px;
}
.subratllat_fi2 {
	text-decoration-line: underline;
text-decoration-thickness: 1.25px;
text-underline-offset: 3px;
}

* {
	text-decoration-thickness: 0.8px !important;
	text-underline-offset: 3px;
}

.hoversubratllat a:hover {
	text-decoration: underline;
}
a .link_subratllat, a.link_subratllat, .link_subratllat a {
	text-decoration: underline;
}


/* FORM CONTACTO */
.gform_required_legend {
	display: none;
}
/* deshabilitar chrome estils formularis */


/*input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 0px white inset !important;
	box-shadow: none !important;
	outline: none !important;
	
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 -webkit-box-shadow: 0 0 0 0px white inset !important;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: none !important;
  outline: none !important;
  
}
:focus, :focus-visible{
   -webkit-box-shadow: 0 0 0 0px white inset !important;
	box-shadow: none !important;
	outline: none !important;
	/*border-color: #000 !important;*!/

}*/
.wrap-form-listing form.launchlist-form input:-webkit-autofill,
.wrap-form-listing form.launchlist-form input:-webkit-autofill:hover,
.wrap-form-listing form.launchlist-form input:-webkit-autofill:focus,
.wrap-form-listing form.launchlist-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px rgb(22, 24, 27) inset !important;
    box-shadow: 0 0 0 1000px rgb(22, 24, 27) inset !important;
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}
.gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
    /*line-height: 1 !important;*/

}

.form_ferrer div.gform_fields input, .form_ferrer div.gform_fields textarea, .form_ferrer div.gform_fields select {
		border: 0.5px solid #000;

  transition: all 0.3s ease-in-out;
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  letter-spacing: .5px;
  text-align: left;
  width: 100%;
  background-color: #fff;
  line-height: 2em;
  padding-top: 2px;
	padding-bottom: 2px;
  font-size: 15px;
  border-radius: 0px;
}
.form_ferrer div.gform_fields input.large , .form_ferrer div.ginput_complex input {
  height: 45px; 
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 15px;
}
.form_ferrer.form_ferrer_contact div.gform_fields input.large {

  background-color: #F4F4F4;
}

 .form_ferrer div.gform_fields textarea {
 	height: 160px;
 	line-height: 1.2em !important;
 	resize: none;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 0px;  padding: 15px;
   width: 100% !important;
   min-width: 100% !important;
 }
 .form_ferrer.form_ferrer_contact div.gform_fields textarea {
 	 background-color: #F4F4F4;
 }
.form_ferrer .ginput_container_fileupload input {
width: 100% !important;
}

.form_ferrer input::-webkit-input-placeholder { /* Edge */
color: #000000;
  	font-weight: 400 !important;
	font-style: normal !important;
	opacity: 1 !important;
	font-size: 18px;
}

.form_ferrer input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000000;
  
  	font-weight: 400 !important;
	font-style: normal !important;
	opacity: 1 !important;
font-size: 18px;
}

.form_ferrer input::placeholder, .form_ferrer textarea::placeholder{
color: #000000;
  
  	font-weight: 400 !important;
	font-style: normal !important;
	opacity: 1 !important;
font-size: 18px;
}

 .gfield_consent_description {
	border: none !important;
	padding: 0 !important;
	 color: #000000 !important;	
  	font-weight: normal !important;
	font-style: normal !important;
  margin-top: 0 !important;
  overflow: visible !important;
  margin-bottom: 24px !important;
  font-weight: 300 !important;
  letter-spacing: 0;
  min-height: auto !important;
  height: auto !important;
  max-height: inherit !important;
  font-size: 12px !important;
  line-height: 1.3em !important; 
 } 
 .gfield_consent_description a:hover {
 	text-decoration: underline;
 }
.ginput_container_consent input {
	border: 1px solid #000000 !important;
	border-radius: 0px !important;
}

fieldset.gfield--type-consent div.ginput_container.ginput_container_consent:hover, fieldset.gf_campo_check_newsletter .gchoice:hover {
	cursor: pointer;
}
.camp_proteccio_dades {
  margin-top: 50px !important;
}
.camp_proteccio_dades input {
background-color:  #00000000 !important;
}
.camp_proteccio_dades a {text-decoration: underline;}

.form_ferrer label.gfield_label.gform-field-label {
color: #222222;
font-weight: 600;
	font-size: 16px;
  letter-spacing: 0.1px;
  gap: 2px;
  align-content: flex-start;
  align-items: start;
}
.form_ferrer legend.gfield_label.gform-field-label.gfield_label_before_complex {
	text-transform: uppercase;	font-size: 17px;
}
fieldset.gfield--type-consent div.ginput_container.ginput_container_consent label  {
		letter-spacing: 0;
	margin-left: 5px;
	font-size: 14px !important;
	color: #000000;
	margin-top: 2px;
}


.camp_notas_labelSeccio {
  margin-top: 70px !important;
}
.camp_notas_labelSeccio label{
  font-weight: 400;
  font-size: 24px !important;
  letter-spacing: 0.75px !important;
  margin-bottom: 40px !important;
}

.gfield_required.gfield_required_asterisk {
	color: #000;

}

.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before { 
color: #000000 !important;

}
.form_ferrer div.gform_footer {
	margin-top: 40px;
}
.form_ferrer input.gform_button.button {
	color: var(--color_blanc) !important;
  font-weight: 800 !important;
  letter-spacing: 0.1px !important;
  padding-top: 0.7em !important;
  padding-right: 1.3em !important;
  padding-bottom: 0.7em !important;
  padding-left: 1.3em !important;
  border: 2px solid var(--color_blau);
  border-radius: 0px !important;
  transition: all 0.3s ease-in-out !important;
  font-family: "Inter" !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  background-color: var(--color_primary_900) !important;
}

.form_ferrer input.gform_button.button:hover {
		cursor: pointer;
	transition: all 0.3s ease-in-out !important;
	  background-color: var(--color_primary_500) !important;
}
.gform-theme--foundation .gform_fields {
	row-gap: 30px !important;
}


/* formulario  */

/* img zoom */
.wrap_hover_img_zoom:hover .wrap_img_zoom img {
  transform: scale(1.09);
  -webkit-transition: all 0.4s linear !important;
  -moz-transition: all 0.4s linear !important;
  -o-transition: all 0.4s linear !important;
  transition: all 0.4s linear !important;
}
.wrap_hover_img_zoom .wrap_img_zoom {
	overflow: hidden;
}
.wrap_hover_img_zoom .wrap_img_zoom img {
  transform: scale(1);
  -webkit-transition: all 0.4s linear !important;
  -moz-transition: all 0.4s linear !important;
  -o-transition: all 0.4s linear !important;
  transition: all 0.4s linear !important;
}
.wrap_hover_img_zoom:hover .nom_titol_border {
	border-color: var(--bricks-color-rtxtuy);
	  -webkit-transition: all 0.4s linear !important;
  -moz-transition: all 0.4s linear !important;
  -o-transition: all 0.4s linear !important;
  transition: all 0.4s linear !important;
}.wrap_hover_img_zoom .nom_titol_border {

	  -webkit-transition: all 0.4s linear !important;
  -moz-transition: all 0.4s linear !important;
  -o-transition: all 0.4s linear !important;
  transition: all 0.4s linear !important;
}


/* Estilo para el placeholder en todos los navegadores */
.form-control::placeholder {
    color: black;
    font-size: 16px;
    opacity: 1; /* Asegura que el color sea visible en algunos navegadores */
}

/* Compatibilidad con navegadores antiguos */
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
    font-size: 15px;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge (legacy) */
    color: black;
    font-size: 15px;
}



/* estis landing magic front */

.v2_landing__panel, .v2_landing__card, .v2_landing__stat, .v2_landing__logo, .v2_landing__price, .v2_landing__template, .v2_landing__integration, .v2_landing__demo-card {
  border: 1px solid var(--v2_landing-border);
  background: var(--v2_landing-surface-soft);
  border-radius: var(--v2_landing-radius-md);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.v2_hero__title-accent {
  color: var(--v2_landing-accent);
}

.v2_feature-cards__intro, .v2_templates__intro, .v2_pricing__intro, .v2_bento__intro {
  text-align: center;
  margin-bottom: 34px;
}


.animate-pulse {
  animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    animation-name: pulse;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-timeline: ;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}

/* ═══════════════════════════════════════════════════════════════
     OPCIÓN A — Todo blanco                                                                                         
     Convierte cualquier logo a blanco puro.                                                                        
     Aspecto limpio y homogéneo. La más segura para fondo negro.                                                    
     Problema: pierde los colores de marca.                                                                         
  ════════════════════════════════════════════════════════════════ */                                               
  .wrap-carousel-logos .x-slider_slide-image img {                                                                  
  	filter: brightness(0) invert(1); 
  }                                                                                                               
                                                                                                                    
                       
li.x-tabs_tab:not(.x-tabs_tab-selected) .amagar-no-select {
	display: none;
}
 
 li.x-tabs_tab:not(.x-tabs_tab-selected) h3, li.x-tabs_tab:not(.x-tabs_tab-selected) svg {
 	color: #ffffffb3;
 }
 
 li.x-tabs_tab:not(.x-tabs_tab-selected) div.wrap-svg {
 	background-color: #ffffff0d;
 }
 
 li.x-tabs_tab.x-tabs_tab-selected h3 {
 	color: #ffffff;
 }
 li.x-tabs_tab.x-tabs_tab-selected svg {
 	color: var(--color-gric-magic1);
 }
 li.x-tabs_tab.x-tabs_tab-selected div.wrap-svg {
 	background-color: #b8ff2c33;
 }
 
 
.v2_chatting {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(269deg, rgb(230, 53, 44) 0%, rgb(252, 171, 71) 100%);
  background-clip: text;
}
 
 /* Estat normal (top de pàgina) */
#brx-header.x-header_sticky {
  background-color: transparent;
  transition: background-color 0.4s ease, backdrop-filter 0.4s ease;
}

/* Estat sticky actiu (quan hi ha scroll) */
#brx-header.x-header_sticky-active {
  background-color: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.canvas-dots {
  position: relative;
  width: 100%;
  background-color: #0B0C0F;
  overflow: hidden;
}

.canvas-dots__fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 70%,
    #0B0C0F 100%
  );
  pointer-events: none;
  z-index: 1;
}


.negreta {
	font-weight: 700;
}
.v2_fons_icona {
  background: linear-gradient(90deg, rgb(252, 171, 70) 0%, rgb(230, 53, 44) 100%); border-radius: 10px; opacity: 1;
color: #fff;
}


#lw-footer .lw-footer-wrapper {
  background-color: #000 !important;
  color: var(--lw-footer-color);
  flex-wrap: wrap;
  margin: 0 auto 30px;
  max-width: var(--lw-footer-max-width);
  padding: .5em 0;
}
#lw-footer {
	background-color: #000 !important;
	padding-bottom: 20px;
}

span.decimals {
	font-size: 15px;
	font-weight: 200;
}

.v2_bento-card__media .videoNhomeLC2 {
	border-radius: 24px;
	overflow: hidden;
}
.wrap-video-radius .videoNhomeLC2 {
	border-radius: 17px;
	overflow: hidden;
}
.wrap-form-listing {
	width: 670px;
}

.wrap-form-listing form.launchlist-form {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
}

.wrap-form-listing form.launchlist-form input {
	background-color: rgb(22, 24, 27);
	border-radius: 25px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	height: 40px;
	min-height: 45px;
	color: #ffffff !important;
}
.wrap-form-listing form.launchlist-form input::-webkit-input-placeholder { /* Edge */
color: #9b9b9c !important;
}

.wrap-form-listing form.launchlist-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #9b9b9c !important;
}

.wrap-form-listing form.launchlist-form input input::placeholder, .form_ferrer textarea::placeholder{
color: #9b9b9c !important;

}
.wrap-form-listing form.launchlist-form button {
	 background: linear-gradient(90deg, rgb(252, 171, 70) 0%, rgb(230, 53, 44) 100%); 
	 display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 24px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50px;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  border: none;
  color: #fff;
  font-weight: 500;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  max-width: 100%;
  min-width: 230px;
}





/* Animación */
@property --border-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@keyframes borderRotate {
  from { --border-angle: 0deg; }
  to   { --border-angle: 360deg; }
}
/* Card base */
.v2_landing__card {
  position: relative;
  z-index: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: var(--v2_landing-surface-soft);
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
/* Borde animado */
.v2_landing__card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(
    from var(--border-angle, 0deg),
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 25%,
    #FC5950 35%,
    #D84540 40%,
    #FF8A80 47%,
    #FC5950 50%,
    #FF8A80 53%,
    #D84540 60%,
    #FC5950 65%,
    rgba(255, 255, 255, 0.1) 75%,
    rgba(255, 255, 255, 0.1) 100%
  );
  opacity: 0;
  transition: opacity 0.25s ease;
  animation: borderRotate 3s linear infinite;
  animation-play-state: paused;
  pointer-events: none;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
/* Hover */
.v2_landing__card:hover {
  border-color: transparent;
}
.v2_landing__card:hover::before,
.v2_landing__card.is-hover::before {
  opacity: 1;
  animation-play-state: running;
}


/* Borde animado - Tab activa */
.x-tabs_tab::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(
    from var(--border-angle, 0deg),
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 25%,
    #FC5950 35%,
    #D84540 40%,
    #FF8A80 47%,
    #FC5950 50%,
    #FF8A80 53%,
    #D84540 60%,
    #FC5950 65%,
    rgba(255, 255, 255, 0.1) 75%,
    rgba(255, 255, 255, 0.1) 100%
  );
  opacity: 0;
  transition: opacity 0.25s ease;
  animation: borderRotate 3s linear infinite;
  animation-play-state: paused;
  pointer-events: none;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* Tab activa */
.x-tabs_tab.x-tabs_tab-selected {
  border-color: transparent;
}

.x-tabs_tab.x-tabs_tab-lected::before {
  opacity: 1;
  animation-play-state: running;
}

.menuidiomes-header-magicfront ul.sub-menu {
	padding-top: 15px;
}

/* Efecto siempre activo */
.v2_landing__card.sempreefecte {
  border-color: transparent;
}

.v2_landing__card.sempreefecte::before {
  opacity: 1;
  animation-play-state: running;
}



.blogcontent h2 {
	font-size: 32px;
  margin: 48px 0 16px;
  color: var(--ink);
  letter-spacing: -0.02em;
  font-weight: 500;
  font-family: 'Geist', sans-serif;
}

.blogcontent h3 {
	font-size: 28px;
  margin: 48px 0 16px;
  color: var(--ink);
  letter-spacing: -0.02em;
  font-weight: 500;
  font-family: 'Geist', sans-serif;
}


.blogcontent blockquote {
	border-left: 3px solid var(--color-gric-magic1);
  padding-left: 24px;
  margin: 32px 0;
  font-size: 22px;
  line-height: 1.45;
  color: var(--ink);
  font-style: italic;
  font-family: 'Instrument Serif', serif;
  font-weight: 400;
}
.blogcontent img {
	border-radius: 20px;
	margin-top: 30px;
	margin-bottom: 50px;
}





/* responsive */
@media (max-width: 1385px) {

.wrap-form-listing form.launchlist-form {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr; 
}


}

@media (max-width: 1180px) {
 
 
	
}

@media (max-width: 960px) {
 .gform-theme--foundation .gform_fields {
    grid-template-columns: 1fr !important;
  }

  .gform-theme--foundation .gfield--width-half {
	grid-column: 1/-1 !important;
  }
.wrap-form-listing form.launchlist-form {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr; 
}
}
@media (max-width: 678px) {

}
@media (max-width: 478px) {
		
}