/*
Te damos la bienvenida a CSS personalizado

Para saber cómo funciona, ve a http://wp.me/PEmnE-Bt
*/
.postid-2082 .image_wrapper {
	border: solid 2px #c3bebe;
}

@media all and (max-width: 767px) {
	.hesperiden.tparrows {
		height: 25px;
		width: 25px;
	}
	
	.hesperiden.tparrows:before{
		font-size: 14px;
		line-height: 26px;
	}
}

#Footer a {
    color: #fff;
}

#Footer a:hover{
    color: #e5e5e5!important;
}

#Content {
font-size:16px!important;}

#menu-main-menu{
	font-size:16px;
}

#Subheader {
 background-color: #ffffffb4;
}

.subheader-both-center #Subheader .title {
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 36px;
    font-family: roboto;
}

#Subheader .title {
    margin-bottom: 0px;
}

.comments {
	display:none;
}

/*CAMPO INVISIBLE DE LOS FORMULARIOS*/
.hidden-field{
	visibility: hidden !important;
}

/* =====================================================
   HERO HOME GRIZASA - BETHEME / MUFFIN BUILDER
===================================================== */

.grz-hero-home {
  position: relative !important;
  min-height: 560px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Capa oscura lateral */
.grz-hero-home::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(3, 12, 16, 0.96) 0%,
    rgba(3, 12, 16, 0.88) 25%,
    rgba(3, 12, 16, 0.58) 48%,
    rgba(3, 12, 16, 0.18) 72%,
    rgba(3, 12, 16, 0.03) 100%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Contenedores internos de Betheme */
.grz-hero-home .section_wrapper,
.grz-hero-home .wrap,
.grz-hero-home .mcb-wrap,
.grz-hero-home .mcb-wrap-inner,
.grz-hero-home .column,
.grz-hero-home .column_attr {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Fuerza ancho completo interno */
.grz-hero-home .section_wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

/* Columna del contenido */
.grz-hero-home .grz-hero-column,
.grz-hero-home .column {
  width: 100% !important;
}

/* Caja de contenido */
.grz-hero-box {
  max-width: 720px !important;
  margin-left: 6vw !important;
  padding: 65px 0 !important;
  color: #ffffff !important;
  text-align: left !important;
}

/* Etiqueta superior */
.grz-hero-label {
  display: inline-block !important;
  margin-bottom: 26px !important;
  padding: 10px 18px !important;
  border: 1px solid #2f9fe3 !important;
  border-radius: 6px !important;
  color: #2f9fe3 !important;
  background: transparent !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Título */
.grz-hero-box h1 {
  max-width: 680px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: clamp(42px, 4vw, 62px) !important;
  line-height: 1.06 !important;
  font-weight: 400 !important;
  letter-spacing: -1.2px !important;
}

/* Párrafo */
.grz-hero-box p {
  max-width: 620px !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

/* Botones */
.grz-hero-buttons {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  flex-wrap: wrap !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

.grz-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 230px !important;
  padding: 15px 26px !important;
  border-radius: 6px !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.grz-btn-primary {
  background: #2f9fe3 !important;
  color: #ffffff !important;
  border: 1px solid #2f9fe3 !important;
}

.grz-btn-primary:hover {
  background: #1788cd !important;
  border-color: #1788cd !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

.grz-btn-secondary {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
}

.grz-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Línea inferior */
.grz-hero-features {
  color: #58b9f2 !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}

/* Responsive tablet */
@media (max-width: 991px) {
  .grz-hero-home {
    min-height: 600px !important;
  }

  .grz-hero-box {
    max-width: 680px !important;
    margin-left: 0 !important;
    padding: 70px 35px !important;
  }

  .grz-hero-box h1 {
    font-size: 46px !important;
  }
}

/* Responsive móvil */
@media (max-width: 767px) {
  .grz-hero-home {
    min-height: 620px !important;
  }

  .grz-hero-home::before {
    background: rgba(3, 12, 16, 0.78) !important;
  }

  .grz-hero-box {
    padding: 65px 24px !important;
  }

  .grz-hero-label {
    margin-bottom: 22px !important;
    font-size: 13px !important;
  }

  .grz-hero-box h1 {
    font-size: 38px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.8px !important;
  }

  .grz-hero-box p {
    font-size: 17px !important;
    line-height: 1.55 !important;
  }

  .grz-hero-box p br {
    display: none !important;
  }

  .grz-hero-buttons {
    flex-direction: column !important;
    gap: 14px !important;
  }

  .grz-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .grz-hero-features {
    font-size: 15px !important;
  }
}
/* QUITAR ESPACIO/FRANJA DEL HEADER EN HOME */
body.home #Header_wrapper {
  background: none !important;
  background-image: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.home #Header {
  background: transparent !important;
  background-image: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Evitar que Betheme deje hueco bajo el menú */
body.home #Top_bar {
  margin-bottom: 0 !important;
}

/* H1 más ancho para que no parta en 3 líneas */
.grz-hero-box {
  max-width: 980px !important;
}

.grz-hero-box h1 {
  max-width: 980px !important;
  width: 980px !important;
  font-size: clamp(42px, 3.6vw, 56px) !important;
  line-height: 1.08 !important;
  font-weight: 500 !important;
}