/*--------------------------------------------------------------
# Core/Group
--------------------------------------------------------------*/

@media only screen and (max-width: 871px) {
	[data-mobile-grid-columns="1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); }
	[data-mobile-grid-columns="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	[data-mobile-grid-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	[data-mobile-grid-columns="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	[data-mobile-grid-columns="5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	[data-mobile-grid-columns="6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}



/*--------------------------------------------------------------
# Core/Button
--------------------------------------------------------------*/

.market3-con-flecha a {
    position: relative;
	padding-right: 3em;
}

.market3-con-flecha a:after {
    position: absolute;
    content: '';
    width: 1em;
    height: 0.6em;
    background-image: url(../img/arrow-right.png);
}

.market3-con-flecha a:after {
    position: absolute;
    content: '';
    width: 1.35em;
    height: 1.35em;
    background-image: url(../img/arrow-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0.5em;
    margin-left: 0.5em;
	filter: invert(1);
}



/*--------------------------------------------------------------
# Core/Heading - Encabezado sección
--------------------------------------------------------------*/

/* Heading prehead: imprime el texto via data-attr */
.market3-encabezado-seccion {
	position: relative;
	padding-bottom: 1.75em;
    margin-bottom: 0;
	font-weight: 800;
}

.market3-encabezado-seccion::before {
    content: attr(data-market3-prehead);
    display: block;
    font-size: var(--wp--preset--font-size--normal);
    margin-bottom: 1em;
    font-weight: 600;
    color: var(--wp--preset--color--accent);
    letter-spacing: 0.3em;
}

.market3-encabezado-seccion::after {
    position: absolute;
    content: '';
    bottom: 1.15em;
    left: 0;
    width: 2.3em;
    height: 0.13em;
    background-color: var(--wp--preset--color--accent);
    opacity: 0.35;
    border-radius: 0.2em;
}

.market3-encabezado-seccion.has-text-align-center::after {
	left: calc(50% - 1.15em);
}





/* Listas con íconos: vos definís los íconos reales (pseudo, svg bg, etc.) */
.market3-list-icons {
  list-style: none;
  padding-left: 0;
}

.market3-list-icons > li {
  position: relative;
  padding-left: 1.6em;
  margin: 0.35em 0;
}

.market3-list-icons > li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
}

.market3-list-icons--arrow > li::before { content: "→"; }
.market3-list-icons--dot > li::before { content: "•"; }




/* ----------------------------------------
   Market3 VarType Pattern
   ---------------------------------------- */

/* 1) Base: cualquier bloque con varType */
[data-market3-var] {
  /* Si querés, podés definir una base mínima */
}

/* ----------------------------------------
   core/group varTypes
   ---------------------------------------- */

/* Variante "exp" (experimental) */
.wp-block-group[data-market3-var="exp"] {
  border: 1px dashed currentColor;
  padding: 1.25rem;
}

/* Variante "hero" */
.wp-block-group[data-market3-var="hero"] {
  padding-top: clamp(2.5rem, 6vw, 6rem);
  padding-bottom: clamp(2.5rem, 6vw, 6rem);
}

/* Variante "card" */
.wp-block-group[data-market3-var="card"] {
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 1.25rem;
}

/* Si también emitís clase, podés usarla en paralelo */
.wp-block-group.market3-var-card {
  /* opcional: overrides */
}

/* ----------------------------------------
   Complementos típicos
   ---------------------------------------- */

/* Ejemplo: si también usás market3Dark */
.wp-block-group.market3-is-dark {
  color: #fff;
}

/* Tu color inline ya lo setea JS con style, pero podrías ajustar contraste */
.wp-block-group.market3-is-dark a {
  color: inherit;
}