/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 24 2025 | 04:12:51 */
@font-face {
    font-family: 'WatchQ';
    src: url('https://agencygoodnews.com/wp-content/uploads/2025/05/Watch-Quinn-ttf.ttf') format('truetype');
}

@font-face {
    font-family: 'PlayF';
    src: url('https://agencygoodnews.com/wp-content/uploads/2025/05/PlayfairDisplay-SemiBoldItalic.ttf') format('truetype');
}

.text-anim {
    font-family: 'WatchQ', sans-serif !important;
}

.services-mobile{
	background-image: fixed;
}

#gspb_heading-id-gsbp-928dd0c .text-anim{
	text-align: right !important;
  	text-indent: 0.5rem;
}

#gspb_heading-id-gsbp-928dd0c .text-anim__wrapper {
  display: inline-block !important;
  white-space: nowrap !important;
  min-width: 7ch !important;
  text-align: left !important;
}


#gspb_heading-id-gsbp-928dd0c .text-anim__word--in {
  display: inline-block !important;
  width: 100% !important;
  text-align: left !important;
}


@media (max-width: 768px) {

  	#gspb_heading-id-gsbp-928dd0c .text-anim__wrapper {
		margin-top: -0.6em !important;
		height: 1.6em !important;
    	min-width: 7ch !important;  
    	text-align: center !important;
	}
	
	#gspb_heading-id-gsbp-928dd0c .text-anim{
		text-align: center !important;
		margin-bottom: -0.4em !important
	}
}

@media screen and (max-width: 768px) {
  .flip-card-mobile {
    position: relative;
    width: 100%;
    max-width: 50rem;
    height: 40rem;
    perspective: 1000px;
    margin: auto;
  }

  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
  }

  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 16px;
    background: #F4F0ED;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .flip-card-back {
    transform: rotateY(180deg);
  }

  .flip-card-mobile.flipped .flip-card-inner {
    transform: rotateY(180deg);
  }
	
  .card-img{
	  object-fit:cover;
	  height: 20rem;
	  width: 20rem;
	  border-radius: 16px;
		
	}

  .card-header {
	width: 21.8rem;
    height: 4rem;
    align-items: center;
	text-align: center;
    background-color: #424242;
    padding: 0.85rem 0.85rem;
    border-radius: 40px;
    margin-top: 2.5rem;
    margin-bottom: 3rem;
  }
	
  .header-style{
	 font-family: 'PlayF', sans-serif !important;
     font-size: 1.45rem;
	 color: #fff;
	 text-align: center;
	 align-items: center
	 line-height: 0.5rem;
		
	}

  .icono-top-right {
    position: absolute;
    width: 7rem;
    height: 7rem;
    z-index: 5;
    pointer-events: none;
	top: -2rem;
    right: 8rem;
  }

  .flip-button,
  .flip-back-button {
	width: 10rem;
    height: 4rem;
    background-color: #004BD8;
    color: white;
    padding: 10px 22px;
    border: none;
    border-radius: 15px;
    font-size:1.3rem;
    cursor: pointer;
    /*margin-top: 1rem;*/
  }
	
   div.flip-card-back .flip-card-back-content {
	  
	 text-align: justify;
	 font-size: 1.1rem;
     width: 100%;
     max-width: 50rem;
     height: 40rem;
     perspective: 1000px;
     margin-top: 5rem;
  }

}

:target::before {
  content: "";
  display: block;
  height: 90px; /* Altura del header móvil */
  margin-top: -90px;
}












