/*
 Theme Name:   Twenty Seventeen Child
 Template:     twentyseventeen
 Version:      1.0
 Description:  Tema hijo para personalizar estilos y funcionalidades.
 Author:       FictiSoftware
*/

/* Aquí irán todos los estilos personalizados */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


/* ===== Tipografía global ===== */

	body {
	  font-family: 'Libre Franlin', sans-serif;
	  font-size: 1rem; /* 16px base */
	  line-height: 1.6;
	  color: #222;
	}

/* ===== Encabezados ===== */

	h1, h2, h3, h4, h5, h6 {
	  font-family: 'Lato', serif;
	  font-weight: 700;
	  color: #111;
	  margin-bottom: 0.5em;
	}

	h1 { font-size: 2.5rem;!important } /* 40px */
	h2 { font-size: 2rem; }   /* 32px */
	h3 { font-size: 1.5rem; } /* 24px */


	.site-title {
		font-size: 2.5rem;
	}

	.navigation-top {
		background-color: #F5F5F5;
		font-size:	1rem;
		border-bottom:none;
		border-top:none;
	}

	.main-navigation a {
		color: black;
		font-family: Nunito;
	}

	.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
		color: black;
		font-weight: 600;
	}


/* ===== Botones ===== */

.btn-whatsapp img,
.btn-whatsapp svg {
  outline: none !important;
  border: none !important;
}

.btn-whatsapp:focus,
.btn-whatsapp img:focus,
.btn-whatsapp svg:focus {
  outline: none !important;
}


.btn-container {
  display: flex;
  justify-content: center; /* Centra horizontalmente */
}


.btn-whatsapp a {
	box-shadow: none !important;
    background-color: #25D366; /* Color WhatsApp */
    color: #fff;
    padding: 12px 26px;
    border-radius: 18px;
    font-weight: bold;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn-whatsapp a:hover,
.btn-whatsapp a:focus {
    background-color: #1EBE57;
    transform: scale(1.05);
}

.btn-whatsapp a:active {
  background-color: #18994c;
  transform: translateY(0);
}

.btn-whatsapp img {
  box-shadow: none !important;
  margin: 0 5px;
}

.wp-block-image img {
    border-radius: 16px;
}



/* ===== Responsivo ===== */
@media (max-width: 768px) {
  body { font-size: 1.0625rem; } /* 17px */
  h1 { font-size: 2rem; }
  h2 { font-size: 1.75rem; }
	
}