/*======================================== */
@media screen and (max-width: 767px) {
	h1 {
    font-size: 30px !important;
    color: var(--hdc-dark-text);
    font-weight: 700;
	}

	nav{
		margin-left: 0px;
		margin-right: 0px;
		font-size: 18px;
		z-index: 30;
		padding-bottom:0 !important;
		top: 60px;

	}
	nav .container-fluid{
		padding: 0;
	}
	nav .navbar-toggler{
		margin-right: 12px;
	}

	.navbar-collapse {
		background-color: var(--hdc-green);
		text-align: center;
	}
	.navbar-brand{
		max-width: 100px;
		padding-left: 12px;
		padding-bottom: 10px;
	}
	nav .btn{
		display: block;
		text-transform: uppercase;
		padding: 10px 60px;
		font-weight: 400;
		background-color: var(--hdc-orange);
		color: #ffffff;
		border-color: var(--hdc-orange);
		border-radius: 0;
		font-size:13px;
	}
	nav .btn:hover{
		background-color: var(--hdc-dark-text);
		border-color: #000000;
	}
	.navbar {
		position: inherit;
	}

  .contenedor-menu {
    width: 100%;
  }

  nav .menu-principal > li > a {
    text-shadow: none;
  }

  nav .menu-principal {
    background-color: var(--hdc-green);
    width: 100%;
    flex-direction: column;
    text-align: center;
    padding-left: 0;
    margin-block-end: 0;
    display: none;
  }

  nav .menu-principal.is-visible {
    display: flex;
  }

  nav .menu-principal > li {
    display: flex;
    justify-content: center;
    flex-direction: column;;
  }

  nav .menu-principal .sub-menu {
    position: static;
    background-color: color-mix(in srgb, var(--hdc-green), black 20%);
  }

  nav .menu-principal > li > a {
    align-self: center;
  }

  .box-llamado-home {
    background: #eeeeee;
    padding: 30px 10px !important;
    color: #000000;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 20px !important;
    text-align: center;
    margin-bottom: 60px;
	}

	footer{
		text-align: center;
	}
	footer .redes{
		margin-bottom: 100px;
	}


	.form{
	   width:100%; 
	   margin: auto;
	}
	.form  .form-check-input{
	  background-color: transparent !important;
	  border: 0 !important
	}
	.form strong{
	  color: var(--hdc-green) !important;
	}




	/* Imagen fija para que todas midan lo mismo */
	.box-match-home .card-img-wrapper {
	    display: block;
	    width: 100%;
	    height: 220px; /* AJUSTA A TU GUSTO (ej: 250px, 300px) */
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    border-radius: .375rem .375rem 0 0;
	}

	/* Asegurar alturas mínimas */
	.box-match-home .card-body {
	    min-height: 200px; /* ajústalo según tu contenido */
	    max-height: 200px;
	}

	.box-match-home .card-footer {
	    min-height: 40px;
	}

	/* El card completo se estira uniformemente */
	.box-match-home .card {
	    display: flex;
	    flex-direction: column;
	}


}