/* Tipografía global */
body {
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #1f2937; /* gris oscuro agradable */
}
/**

.hero {
  background: linear-gradient(135deg, #e0f7fa 0%, #ffffff 40%, #ffe0ec 100%);
  padding: 6rem 1.5rem;
  text-align: center;
}
.hero h1 {
  font-weight: 700;
  color: #0f766e; 
  margin-bottom: .5rem;
}
.hero p {
  color: #6b7280;
  font-size: 1.125rem;
  max-width: 48rem;
  margin: 0.5rem auto 1.5rem;
}
.button,
.button:visited {
  border-radius: 9999px;
  font-weight: 600;
}
.button--cta {
  background-color: #fb6f51;
  color: #fff;
  padding: 0.9rem 2rem;
  box-shadow: 0 4px 8px rgba(0,0,0,.12);
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
  display: inline-block; /* importante cuando es <a> 
  will-change: transform;
}
.button--cta:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 20px rgba(0,0,0,.22);
  background-color: #ec573b;
  color: #fff;
}

.site-header {
  background: #fff;
  border-bottom: 1px solid #eee;
}
.site-header .menu > li > a {
  color: #334155;
  font-weight: 500;
}
.site-header .menu > li > a:hover {
  color: #0f766e;
}


.card {
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 1.25rem;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}


.input-group-label i {
  font-size: 1rem;
  color: #64748b;
}
.input-group-field,
textarea {
  border-radius: 10px !important;
}


.section { padding: 3.5rem 1rem; }
.section-title {
  text-align: center;
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 2rem;
}
*/
h1, h2, h3, h4{
	font-weight: 700;
	color: #64748b;
	margin: 20px 0;
}
p{
	  color: #64748b;
}
/*----- Menú -----*/
header{
	padding: 1em 0;
}
.menu a{
	color: #000;
	
}
.menu a:hover{
	background-color: #fb6f51;
	color: white;
	padding: 0.50rem 1rem;
	border-radius: 10px;
	transition: background 0.3s ease;
}


/*----- Shared -----*/
.cta-button {
	display: inline-block;
	position: relative;
  background-color: #fb6f51;
  color: white;
  padding: 0.75rem 2rem;
  border-radius: 9999px;
  font-size: 1.125rem;
  font-weight: 600;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  will-change: transform;
}
.cta-button:hover {
	transform: scale(1.05);
	transform: translateY(-4px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    background-color: #ec573b;
    color: #fff;
}
.btn {
  background: #ff7043;
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
}
.rounded-corners{
	border-radius: 20px;
}
.ancho-total{
	display: block;
	position: relative;
	margin: 20px auto;
}
.azul{
	color: #64c4ff;
	font-weight: 700;
}
.verde{
	color: #58ce9a;
	font-weight: 700;
}
.naranja{
	color: #f18c6c;
	font-weight: 700;
}
img.icono{
	width: 64px;
	height: 64px;
	margin: 20px auto 0px;
}
.card{
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	  transition: transform 0.2s ease, box-shadow 0.2s ease;
	  will-change: transform;
}
.card:hover{
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.rounded{
	border-radius: 20px;
}
.blog h4{
	color: #000
}
.blog:hover h4{
	color: rgb(0, 169, 255)
}
.btn-bco{
	margin: 1em 0;
	display: inline-block;
		position: relative;
	  background-color: #fff;
	  color: #000;
	  padding: 0.75rem 2rem;
	  border-radius: 10px;
	  font-size: 1.125rem;
	  font-weight: 600;
	  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	  transition: transform 0.2s ease, box-shadow 0.2s ease;
	  will-change: transform;
	  border:1px solid #ddd;
}
.btn-bco:hover {
	transform: scale(1.05);
	transform: translateY(-4px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	background-color: #ec573b;
	color: #fff;
}
.btn-azul{
	margin: 1em 0;
	display: inline-block;
	width: 100%;
		position: relative;
	  background-color: #6bf;
	  color: #fff;
	  padding: 0.75rem 2rem;
	  border-radius: 10px;
	  font-size: 1.125rem;
	  font-weight: 600;
	  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	  transition: transform 0.2s ease, box-shadow 0.2s ease;
	  will-change: transform;
	  border:1px solid #ddd;
}
.btn-azul:hover {
	transform: scale(1.05);
	transform: translateY(-4px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	background-color: #3ba0ec;
	color: #fff;
}	
.btn-bco2{
	margin: 1em 0;
	display: inline-block;
	width: 100%;
		position: relative;
	  background-color: #fff;
	  color: #17bea0;
	  padding: 0.75rem 2rem;
	  border-radius: 10px;
	  font-size: 1.125rem;
	  font-weight: 600;
	  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	  transition: transform 0.2s ease, box-shadow 0.2s ease;
	  will-change: transform;
	  border:1px solid #3beccc;
}
.btn-bco2:hover {
	transform: scale(1.05);
	transform: translateY(-4px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	background-color: #3beccc;
	color: #000;
}	
.etiquetas{
	display: block;
	margin: 0 5px;
	padding: 1px 10px;
	font-size: 0.8em;
	border-radius: 15px;
	color: #fff;
	background-color: #3ba0ec;
}
/*-----  Home ----*/
.hero-bg {
  background: linear-gradient(to right, #e0f7fa, #ffe0ec);
}
#jumbotron{
	padding: 3em;
}
section{
	padding: 3em 0;
}
.site-main, .content-area, .entry-content { max-width:none; padding:0; }