/*
 Theme Name:   BYDSA Theme
 Theme URI:    http://narrative.studio
 Description:  Hello Child Theme
 Author:       Narrative Studio
 Author URI:   https://narrative.studio
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  bydsa
*/

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}

.elementor .snaky {
    color: var( --e-global-color-8fb099d );
}
.encanto {
	color: var( --e-global-color-c9f1598 );
}
.white-element {
    color: var( --e-global-color-d6cea4e );
}
.dark-yellow {
	color: var( --e-global-color-6238acd );
}
.orange {
	color: var( --e-global-color-abdfa2b );
}
.primary {
	color: var( --e-global-color-primary );
}

.bydsa-variantes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
}
.variante-item {
	padding: 40px 20px;
	text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.variante-item img {
    width: 80%;
    height: 80%;
    max-width: 300px;
    max-height: 350px;
    object-fit: contain;
}
.variante-item h3 {
	color: #fff;
    text-shadow: 0px 0px 5px #000;
	margin-bottom: 0;
}
/* Tablet */
@media (max-width: 1024px) {
  .bydsa-variantes {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Mobile */
@media (max-width: 767px) {
  .bydsa-variantes {
    grid-template-columns: 1fr;
  }
}