/*
Theme Name:   goalmed
Theme URI:    https://gattorosso.es
Description:  Tema hijo a partir de Astra
Version:      1.0.0
Author:       il Gatto Rosso - Estudio gráfico y desarrollo
Author URI:   https://gattorosso.es
Template:     astra
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400&display=swap');

body,
.editor-styles-wrapper {
	font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
	font-family: 'Poppins', sans-serif;
}

:root{
	--height-square-cover: 70%;
	--width-square-cover: 4%;
}

/*Header sticky*/
#masthead{
	position: sticky!important;
	top: 0;
	z-index:10;
	background: #fff;
}
.ast-theme-transparent-header .ast-above-header, .ast-theme-transparent-header .ast-above-header.ast-above-header-bar {
	background-color: var(--ast-global-color-0)!important;
}

.ast-above-header-wrap .site-above-header-wrap,
.ast-above-header-wrap aside section p{
	min-height: 0!important;
	margin-bottom: 0!important;
	padding: 0!important;
}
.ast-above-header-bar{
	padding: 4px 0;
}

.ast-theme-transparent-header aside p{
	margin: 0!important;
	padding: 0!important;
}

/*POST LISTS*/
article.uagb-post__inner-wrap{
	padding: 0!important;
}

article.uagb-post__inner-wrap .uagb-post__image{
	margin: 0!important;
}

article.uagb-post__inner-wrap .uagb-post__cta a{
	color: var(--ast-global-color-0)!important;
}

article.uagb-post__inner-wrap .uagb-post__image a img{
	object-fit: cover!important;
}


/*AUX CLASSES*/
.shadow{
	box-shadow: 0px 0px 10px #F7C85966!important;
}

.shadowBlack{
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.backgroundGradient span.wp-block-cover__background{
	background: linear-gradient(
	  to bottom, 
	  rgba(255, 255, 255, 0) 0%, 
	  rgba(255, 255, 255, 0) 15%,
	  #99cccc 15%,
	  #99cccc 85%,
	  rgba(255, 255, 255, 0) 85%,
	  rgba(255, 255, 255, 0) 100%
	)!important;
}

.triangleBackground span.wp-block-cover__background{
	background: 
    linear-gradient(to top right, #f5fafa 49.9%, transparent 20.5%) top left / 15% 50% no-repeat,
    linear-gradient(to bottom right, #f5fafa 49.9%, transparent 20.5%) bottom left / 15% 50% no-repeat,
    white!important;
}

.triangleBackgroundRight span.wp-block-cover__background{
	background:
			linear-gradient(to top left, #f5fafa 49.9%, transparent 20.5%) top right / 15% 50% no-repeat,
			linear-gradient(to bottom left, #f5fafa 49.9%, transparent 20.5%) bottom right / 15% 50% no-repeat,
			white!important;
}

.halfTriangleBackground span.wp-block-cover__background{
	background:
			linear-gradient(to top right, #f5fafa 49.9%, transparent 50.1%) bottom left / 15% 50% no-repeat,
			white!important;
}

.topSquareBackground span.wp-block-cover__background{
	background-color: white;
	overflow: hidden;
	z-index: -1!important;
}

.topSquareBackground span.wp-block-cover__background:before{
	content: '';
	position: absolute;
	left: 0;
	height: 50%;
	width: 100%;
	background: var(--ast-global-color-0);
	border-radius: 0 ;
	z-index: -2!important;
}

/*Square covers*/
/*left yellow*/
.squareBackgroundYellowLeft span.wp-block-cover__background{
	background-color: white;
	overflow: hidden;
}

.squareBackgroundYellowLeft span.wp-block-cover__background:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: var(--height-square-cover);
	width: var(--width-square-cover);
	background: var(--ast-global-color-0);
	border-radius: 0 50px 50px 0;
}

/*left blue*/
.squareBackgroundBlueLeft span.wp-block-cover__background{
	background-color: white;
	overflow: hidden;
}

.squareBackgroundBlueLeft span.wp-block-cover__background:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: var(--height-square-cover);
	width: var(--width-square-cover);
	background: var(--ast-global-color-1);
	border-radius: 0 50px 50px 0;
}

/*right yellow*/
.squareBackgroundYellowRight span.wp-block-cover__background{
	background-color: white;
	overflow: hidden;
}

.squareBackgroundYellowRight span.wp-block-cover__background:before{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: var(--height-square-cover);
	width: var(--width-square-cover);
	background: var(--ast-global-color-0);
	border-radius: 50px 0 0 50px;
}

/*right blue*/
.squareBackgroundBlueRight span.wp-block-cover__background{
	background-color: white;
	overflow: hidden;
}

.squareBackgroundBlueRight span.wp-block-cover__background:before{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: var(--height-square-cover);
	width: var(--width-square-cover);
	background: var(--ast-global-color-1);
	border-radius: 50px 0 0 50px;
}

/*Quote decoration*/
.quote{
	position: relative;
	font-size: 1.15rem;
}

.quote:before{
	content: '"';
	position: absolute;
	top: -40%;
	left: -6vw;
	color: var(--ast-global-color-0);
	font-size: 125px;
	font-weight: 600;
}

@media screen and (min-width:1024px) {
	.quote:before{
		top: -110%;
		left: -3vw;
		font-size: 150px;
	}
}

/*MEDIAS OVERwRITE*/
@media screen and (max-width:1300px) {
	.wp-block-cover__inner-container,
	.wp-block-group.alignwide.is-layout-flow.wp-block-group-is-layout-flow{
		padding-left: 30px!important;
		padding-right: 30px!important;
	}
}


/*BLOG*/
	/*iNDEX || aRCHIVE*/
/*sidebar*/
#primary,
#secondary{
	margin-top: 40px!important;
}

.sidebar-main .search-submit.ast-search-submit{
	display: none!important;
}

.sidebar-main form input{
	position:relative;
	background-color: white;
	border: 1px solid var(--ast-global-color-0);
	outline: none;
	padding: 10px 12px;
	border-radius: 5px;
	min-height: 45px;
	font-size: 12px!important;
	min-width: 100%;
}

.sidebar-main form input:focus{
	border: 1px solid var(--ast-global-color-0);
	outline: none;
}

.wp-block-categories-list li a{
	color: var(--ast-global-color-1);
}

body.blog .site-main .ast-row article:first-child .post-thumb a img,
body.archive .site-main .ast-row article:first-child .post-thumb a img,
body.search .site-main .ast-row article:first-child .post-thumb a img{
	min-height:450px!important;
	object-fit: cover!important;
}

body.blog .site-main .ast-row article .post-thumb a img,
body.archive .site-main .ast-row article .post-thumb a img,
body.search .site-main .ast-row article .post-thumb a img{
	min-height:250px!important;
	object-fit: cover!important;
}

body.blog .site-main .ast-row article h2 a,
body.archive .site-main .ast-row article h2 a,
body.search .site-main .ast-row article h2 a{
	font-size: 20px!important;
	font-weight: 700!important;
}

body.blog .site-main .ast-row article h2 ,
body.archive .site-main .ast-row article h2 ,
body.search .site-main .ast-row article h2 {
	line-height: 1!important;
}

body.blog .site-main .ast-row article:first-child h2 a,
body.archive .site-main .ast-row article:first-child h2 a,
body.search .site-main .ast-row article:first-child h2 a{
	font-size: 35px!important;
	font-weight: 700!important;
}

body.blog .entry-header,
body.archive .entry-header,
body.search .entry-header{
	margin: 10px 0 15px 0 !important;
}

body.blog .entry-header .entry-meta span,
body.archive .entry-header .entry-meta span,
body.search .entry-header .entry-meta span{
	color: var(--ast-global-color-2)!important;
}


body.blog .site-main .ast-row,
body.archive .site-main .ast-row,
body.search .site-main .ast-row{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 30px;
}

body.blog .site-main .ast-row article,
body.archive .site-main .ast-row article,
body.search .site-main .ast-row article{
	padding: 0 0 60px 0;
	border: none;
}

body.blog .site-main .ast-row article:first-child,
body.archive .site-main .ast-row article:first-child,
body.search .site-main .ast-row article:first-child{
	grid-area: 1 / 1 / 2 / 3;
	padding-top: 0;
}

.ast-archive-description{
	padding: 0!important;
	margin-bottom: 60px!important;
}


.blog-layout-1 .entry-meta {
	font-size:14px !important;
}

/*Single*/
body.single-post article{
	padding: 0!important;
	margin: 30px 0 0 0!important;
}

/*body.post-template-default.single   .ast-separate-container .site-content .ast-single-post-featured-section + article{*/
/*	margin-top: 0!important;*/
/*}*/

body.single-post .ast-container{
	padding: 0!important;
}

body.single-post .entry-header .entry-meta{
	color: var(--ast-global-color-2)!important;
}
body.single-post div#primary {
    margin-top: 0px !important;
}

body.single-post .entry-content p{
	margin: 0 0 20px 0!important;
}

body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4{
	margin: 0 0 30px 0!important;
}

body.single-post h1{
	font-size: 2rem!important;
}


body.single-post h2{
	font-size: 1.5rem!important;
}

body.single-post h3{
	font-size: 1.2rem!important;
}

body.single-post .post-navigation{
	padding: 30px 0 0 0!important;
}

body.single-post .wp-block-uagb-table-of-contents{
	margin: 40px 0 40px 0!important;
}

/*Contact Form*/
.wpcf7-form-control-wrap textarea{
	resize: vertical;
	height: 140px;
}

/*Footer*/
.footerAlignRight .wp-block-column *{
	text-align: right!important;
}

/*Form Register*/
.accepFormRegister p{
	display:flex;
	justify-content: flex-start;
	align-items: center;
}

.accepFormRegister .wpcf7-form-control-wrap{
	margin-right: 5px!important;
	max-width: 24px;
}

/* ========================================================
   Estilo de botón personalizado: Borde negro 1px, fondo blanco, texto negro
   ======================================================== */
.wp-block-button.is-style-borde-negro .wp-block-button__link,
.wp-block-button.is-style-borde-negro .wp-element-button,
.wp-block-button.is-style-borde-negro a,
.btn-borde-negro {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 100px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.wp-block-button.is-style-borde-negro .wp-block-button__link:hover,
.wp-block-button.is-style-borde-negro .wp-element-button:hover,
.wp-block-button.is-style-borde-negro a:hover,
.btn-borde-negro:hover {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

/* ========================================================
   Píldora / Eyebrow (Hero y secciones)
   ======================================================== */
.eyebrow {
  display: inline-block !important;
  width: fit-content !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  border-radius: 100px !important;
  background-color: #fff5e0 !important;
  color: #412402 !important;
  margin-bottom: 16px !important;
  line-height: 1.2 !important;
}

/* ========================================================
   Componentes: Sección Nuestras Soluciones y Tarjetas
   ======================================================== */

/* Contenedor con fondo suave alt-primary */
.wp-block-group.section.alt-primary,
.section.alt-primary,
.alt-primary {
  background-color: #fff6e2 !important;
  padding: 64px 0 !important;
  width: 100% !important;
}

/* Envoltorio centrado */
.wp-block-group.wrap,
.wrap {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
}

/* Etiqueta superior de sección (ej. "Nuestras soluciones") */
.section-label,
p.section-label,
.wp-block-paragraph.section-label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #212728 !important;
  opacity: 0.55 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  line-height: 1.2 !important;
  display: block !important;
}

/* Cuadrícula de tarjetas */
.wp-block-columns.cards,
.wp-block-columns.cards.six,
.cards.six {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
  margin-top: 26px !important;
}

/* Soporte para columnas nativas de Gutenberg con tarjetas */
.wp-block-columns:has(.card) {
  align-items: stretch !important;
}

.wp-block-columns > .wp-block-column:has(.card),
.wp-block-columns.cards > .wp-block-column {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

/* Tarjeta individual con altura igualada al 100% de la fila */
.wp-block-columns > .wp-block-column > .card,
.wp-block-column.card,
.wp-block-group.card,
.card {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 24px !important;
  border: 1px solid rgba(33, 39, 40, 0.08) !important;
  box-shadow: 0 2px 10px rgba(33, 39, 40, 0.03) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

.wp-block-column.card:hover,
.wp-block-group.card:hover,
.card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(33, 39, 40, 0.08) !important;
}

/* Título H3 de la tarjeta */
.card h3,
.card .wp-block-heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  color: #212728 !important;
  line-height: 1.3 !important;
  flex-shrink: 0 !important;
}

/* Descripción de la tarjeta: crece para absorber la diferencia de altura */
.card p:not(.tag),
.card .wp-block-paragraph:not(.tag) {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #666666 !important;
  line-height: 1.5 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  flex-grow: 1 !important;
}

/* Píldora de servicio (.tag) */
.tag,
p.tag,
.wp-block-paragraph.tag {
  display: inline-block !important;
  width: fit-content !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 100px !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}

/* Colores corporativos por servicio */
.tag.tag-goalmed, p.tag.tag-goalmed { background-color: #e1f5ee !important; color: #04342c !important; }
.tag.tag-goalup, p.tag.tag-goalup { background-color: #ffe3ea !important; color: #4a1b0c !important; }
.tag.tag-consultoria, p.tag.tag-consultoria { background-color: #fdf1de !important; color: #4a2f00 !important; }
.tag.tag-espacios, p.tag.tag-espacios { background-color: #e7f3f3 !important; color: #173404 !important; }
.tag.tag-gruksalud, p.tag.tag-gruksalud { background-color: #e0f8fb !important; color: #042c53 !important; }
.tag.tag-goaltaxi, p.tag.tag-goaltaxi { background-color: #fff5e0 !important; color: #412402 !important; }

/* Responsive para cuadrículas de tarjetas */
@media (max-width: 1024px) {
  .wp-block-columns.cards,
  .wp-block-columns.cards.six,
  .cards.six {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 640px) {
  .wp-block-columns.cards,
  .wp-block-columns.cards.six,
  .cards.six {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .wp-block-column.card,
  .wp-block-group.card,
  .card {
    height: auto !important;
  }
}

/* ========================================================
   Botón oficial de WhatsApp (Patrón / Componente)
   ======================================================== */
.btn-whatsapp a,
.wp-block-button.btn-whatsapp .wp-block-button__link,
.wp-block-button.btn-whatsapp .wp-element-button,
.wp-block-button.is-style-whatsapp .wp-block-button__link,
.wp-block-button.is-style-whatsapp .wp-element-button,
.wp-block-button.is-style-whatsapp a {
  border-radius: 100px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 13px 28px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  line-height: 1.2 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  transition: none !important;
  transform: none !important;
}

/* Colores por defecto: solo se aplican si no se eligen colores en el panel de WordPress */
.btn-whatsapp a:not(.has-background):not([style*="background-color"]),
.wp-block-button.btn-whatsapp .wp-block-button__link:not(.has-background):not([style*="background-color"]),
.wp-block-button.btn-whatsapp .wp-element-button:not(.has-background):not([style*="background-color"]),
.wp-block-button.is-style-whatsapp .wp-block-button__link:not(.has-background):not([style*="background-color"]),
.wp-block-button.is-style-whatsapp .wp-element-button:not(.has-background):not([style*="background-color"]),
.wp-block-button.is-style-whatsapp a:not(.has-background):not([style*="background-color"]) {
  background-color: #f5c451 !important;
}

.btn-whatsapp a:not(.has-text-color):not([style*="color"]),
.wp-block-button.btn-whatsapp .wp-block-button__link:not(.has-text-color):not([style*="color"]),
.wp-block-button.btn-whatsapp .wp-element-button:not(.has-text-color):not([style*="color"]),
.wp-block-button.is-style-whatsapp .wp-block-button__link:not(.has-text-color):not([style*="color"]),
.wp-block-button.is-style-whatsapp .wp-element-button:not(.has-text-color):not([style*="color"]),
.wp-block-button.is-style-whatsapp a:not(.has-text-color):not([style*="color"]) {
  color: #4a2f00 !important;
}

/* Icono SVG oficial de WhatsApp (toma el color del texto automáticamente) */
.btn-whatsapp a::before,
.wp-block-button.btn-whatsapp .wp-block-button__link::before,
.wp-block-button.btn-whatsapp .wp-element-button::before,
.wp-block-button.is-style-whatsapp .wp-block-button__link::before,
.wp-block-button.is-style-whatsapp .wp-element-button::before,
.wp-block-button.is-style-whatsapp a::before {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjYwMSAyLjMyNkE3Ljg1IDcuODUgMCAwIDAgNy45OTQgMEMzLjYyNyAwIC4wNjggMy41NTguMDY0IDcuOTI2YzAgMS4zOTkuMzY2IDIuNzYgMS4wNTcgMy45NjVMMCAxNmw0LjIwNC0xLjEwMmE3LjkgNy45IDAgMCAwIDMuNzkuOTY1aC4wMDRjNC4zNjggMCA3LjkyNi0zLjU1OCA3LjkzLTcuOTNBNy45IDcuOSAwIDAgMCAxMy42IDIuMzI2ek03Ljk5NCAxNC41MjFhNi42IDYuNiAwIDAgMS0zLjM1Ni0uOTJsLS4yNC0uMTQ0LTIuNDk0LjY1NC42NjYtMi40MzMtLjE1Ni0uMjUxYTYuNTYgNi41NiAwIDAgMS0xLjAwNy0zLjUwNWMwLTMuNjI2IDIuOTU3LTYuNTg0IDYuNTkxLTYuNTg0YTYuNTYgNi41NiAwIDAgMSA0LjY2IDEuOTMxIDYuNTYgNi41NiAwIDAgMSAxLjkyOCA0LjY2Yy0uMDA0IDMuNjM5LTIuOTYxIDYuNTkyLTYuNTkyIDYuNTkybTMuNjE1LTQuOTM0Yy0uMTk3LS4wOTktMS4xNy0uNTc4LTEuMzUzLS42NDYtLjE4Mi0uMDY1LS4zMTUtLjA5OS0uNDQ1LjA5OS0uMTMzLjE5Ny0uNTEzLjY0Ni0uNjI3Ljc3NS0uMTE0LjEzMy0uMjMyLjE0OC0uNDMuMDUtLjE5Ny0uMS0uODM2LS4zMDgtMS41OTItLjk4NS0uNTktLjUyNS0uOTg1LTEuMTc1LTEuMTAzLTEuMzcyLS4xMTQtLjE5OC0uMDExLS4zMDQuMDg4LS40MDMuMDg3LS4wODguMTk3LS4yMzIuMjk2LS4zNDYuMS0uMTE0LjEzMy0uMTk4LjE5OC0uMzMuMDY1LS4xMzQuMDM0LS4yNDgtLjAxNS0uMzQ3LS4wNS0uMDk5LS40NDUtMS4wNzYtLjYxMi0xLjQ3LS4xNi0uMzg5LS4zMjMtLjMzNS0uNDQ1LS4zNC0uMTE0LS4wMDctLjI0Ny0uMDA3LS4zOC0uMDA3YS43My43MyAwIDAgMC0uNTI5LjI0N2MtLjE4Mi4xOTgtLjY5MS42NzctLjY5MSAxLjY1NHMuNzEgMS45MTYuODEgMi4wNDljLjA5OC4xMzMgMS4zOTQgMi4xMzIgMy4zODMgMi45OTIuNDcuMjA1Ljg0LjMyNiAxLjEyOS40MTguNDc1LjE1Mi45MDQuMTI5IDEuMjQ2LjA4LjM4LS4wNTggMS4xNzEtLjQ4IDEuMzM4LS45NDMuMTY0LS40NjQuMTY0LS44Ni4xMTQtLjk0My0uMDQ5LS4wODQtLjE4Mi0uMTMzLS4zOC0uMjMyIi8+PC9zdmc+") no-repeat center / contain !important;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjYwMSAyLjMyNkE3Ljg1IDcuODUgMCAwIDAgNy45OTQgMEMzLjYyNyAwIC4wNjggMy41NTguMDY0IDcuOTI2YzAgMS4zOTkuMzY2IDIuNzYgMS4wNTcgMy45NjVMMCAxNmw0LjIwNC0xLjEwMmE3LjkgNy45IDAgMCAwIDMuNzkuOTY1aC4wMDRjNC4zNjggMCA3LjkyNi0zLjU1OCA3LjkzLTcuOTNBNy45IDcuOSAwIDAgMCAxMy42IDIuMzI2ek03Ljk5NCAxNC41MjFhNi42IDYuNiAwIDAgMS0zLjM1Ni0uOTJsLS4yNC0uMTQ0LTIuNDk0LjY1NC42NjYtMi40MzMtLjE1Ni0uMjUxYTYuNTYgNi41NiAwIDAgMS0xLjAwNy0zLjUwNWMwLTMuNjI2IDIuOTU3LTYuNTg0IDYuNTkxLTYuNTg0YTYuNTYgNi41NiAwIDAgMSA0LjY2IDEuOTMxIDYuNTYgNi41NiAwIDAgMSAxLjkyOCA0LjY2Yy0uMDA0IDMuNjM5LTIuOTYxIDYuNTkyLTYuNTkyIDYuNTkybTMuNjE1LTQuOTM0Yy0uMTk3LS4wOTktMS4xNy0uNTc4LTEuMzUzLS42NDYtLjE4Mi0uMDY1LS4zMTUtLjA5OS0uNDQ1LjA5OS0uMTMzLjE5Ny0uNTEzLjY0Ni0uNjI3Ljc3NS0uMTE0LjEzMy0uMjMyLjE0OC0uNDMuMDUtLjE5Ny0uMS0uODM2LS4zMDgtMS41OTItLjk4NS0uNTktLjUyNS0uOTg1LTEuMTc1LTEuMTAzLTEuMzcyLS4xMTQtLjE5OC0uMDExLS4zMDQuMDg4LS40MDMuMDg3LS4wODguMTk3LS4yMzIuMjk2LS4zNDYuMS0uMTE0LjEzMy0uMTk4LjE5OC0uMzMuMDY1LS4xMzQuMDM0LS4yNDgtLjAxNS0uMzQ3LS4wNS0uMDk5LS40NDUtMS4wNzYtLjYxMi0xLjQ3LS4xNi0uMzg5LS4zMjMtLjMzNS0uNDQ1LS4zNC0uMTE0LS4wMDctLjI0Ny0uMDA3LS4zOC0uMDA3YS43My43MyAwIDAgMC0uNTI5LjI0N2MtLjE4Mi4xOTgtLjY5MS42NzctLjY5MSAxLjY1NHMuNzEgMS45MTYuODEgMi4wNDljLjA5OC4xMzMgMS4zOTQgMi4xMzIgMy4zODMgMi45OTIuNDcuMjA1Ljg0LjMyNiAxLjEyOS40MTguNDc1LjE1Mi45MDQuMTI5IDEuMjQ2LjA4LjM4LS4wNTggMS4xNzEtLjQ4IDEuMzM4LS45NDMuMTY0LS40NjQuMTY0LS44Ni4xMTQtLjk0My0uMDQ5LS4wODQtLjE4Mi0uMTMzLS4zOC0uMjMyIi8+PC9zdmc+") no-repeat center / contain !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  flex-shrink: 0 !important;
}

/* Sin efecto hover: sin desplazamiento ni cambio involuntario de color */
.btn-whatsapp a:hover,
.btn-whatsapp a:focus,
.btn-whatsapp a:active,
.wp-block-button.btn-whatsapp .wp-block-button__link:hover,
.wp-block-button.btn-whatsapp .wp-block-button__link:focus,
.wp-block-button.btn-whatsapp .wp-block-button__link:active,
.wp-block-button.btn-whatsapp .wp-element-button:hover,
.wp-block-button.btn-whatsapp .wp-element-button:focus,
.wp-block-button.btn-whatsapp .wp-element-button:active,
.wp-block-button.is-style-whatsapp .wp-block-button__link:hover,
.wp-block-button.is-style-whatsapp .wp-block-button__link:focus,
.wp-block-button.is-style-whatsapp .wp-block-button__link:active,
.wp-block-button.is-style-whatsapp .wp-element-button:hover,
.wp-block-button.is-style-whatsapp .wp-element-button:focus,
.wp-block-button.is-style-whatsapp .wp-element-button:active,
.wp-block-button.is-style-whatsapp a:hover,
.wp-block-button.is-style-whatsapp a:focus,
.wp-block-button.is-style-whatsapp a:active {
  transform: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  transition: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* En hover mantiene los colores por defecto para evitar el efecto hover nativo de Astra */
.btn-whatsapp a:hover:not(.has-background):not([style*="background-color"]),
.wp-block-button.btn-whatsapp .wp-block-button__link:hover:not(.has-background):not([style*="background-color"]),
.wp-block-button.btn-whatsapp .wp-element-button:hover:not(.has-background):not([style*="background-color"]),
.wp-block-button.is-style-whatsapp .wp-block-button__link:hover:not(.has-background):not([style*="background-color"]),
.wp-block-button.is-style-whatsapp .wp-element-button:hover:not(.has-background):not([style*="background-color"]),
.wp-block-button.is-style-whatsapp a:hover:not(.has-background):not([style*="background-color"]) {
  background-color: #f5c451 !important;
}

.btn-whatsapp a:hover:not(.has-text-color):not([style*="color"]),
.wp-block-button.btn-whatsapp .wp-block-button__link:hover:not(.has-text-color):not([style*="color"]),
.wp-block-button.btn-whatsapp .wp-element-button:hover:not(.has-text-color):not([style*="color"]),
.wp-block-button.is-style-whatsapp .wp-block-button__link:hover:not(.has-text-color):not([style*="color"]),
.wp-block-button.is-style-whatsapp .wp-element-button:hover:not(.has-text-color):not([style*="color"]),
.wp-block-button.is-style-whatsapp a:hover:not(.has-text-color):not([style*="color"]) {
  color: #4a2f00 !important;
}