footer {
    display: block !important;
}
#footer-widgets .inner > div:last-child {display: inline-flex;}
.bar.footer-widget {
    margin-right: 2%;
}

@media only screen and (max-width: 995px) {.nav-menu ul li {height: auto;min-height:35px;}}
@media only screen and (max-width: 995px) {.menu-item i._mi {margin-top: 3%;}}

#media_image-3 {margin-left: 29%;}
@media only screen and (max-width: 1185px)
#media_image-3 {
    margin-left: 28%;
}
@media only screen and (max-width: 995px) {#media_image-3 {margin-left: 0px}}
@media only screen and (max-width: 995px) {#footer-widgets .inner > div:last-child  {width: 100%;margin-left: 28%;}}
@media only screen and (max-width: 995px)
{#footer-widgets .inner > div:last-child {
    width: 100%;
    margin-left: 0px;
	}}
@media only screen and (max-width: 770px)
{#footer-widgets .inner > div:last-child {
    width: 100%;
    margin-left: 18%;
	}}
@media only screen and (max-width: 600px)
{#footer-widgets .inner > div:last-child {
    width: 100%;
    margin-left: 0px;
	}}


body.dark-layout .contact form textarea {background-color: #ffffff;}
@media only screen and (max-width: 800px)
{footer .container {
    padding: 0px !important;
    width: 100%;
	}}
.footdesktop {float: right !important;}
@media only screen and (max-width: 800px)
{.footdesktop {
    display: none;
	}}
@media only screen and (min-width: 800px)
{.footmov {
    display: none;
	}}

.nav-inner .logo a img {max-height: 70px;}

.menu-item span {display: none !important;}


.colprec3 {width: 75%; margin: 0 auto;}
@media only screen and (max-width: 995px)
{.colprec3 {width: 100%;}}

body.dark-layout .blog-head {    color: #ffffff;background: #d71818;}

.grecaptcha-badge {display: none !important;}

/* BOTÓN RELLENO DIAGONAL */
.boton-relleno {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  padding: 20px;
  font-size: 45px !important;  /* Texto grande */
  font-weight: 700;
  color: #ff5a4d;
  background: transparent;
  border: 2px solid #ff5a4d;
  border-radius: 8px;
  overflow: hidden;
  transition: color .3s ease;
  text-decoration: none;
}

/* Relleno diagonal inicial (25%) */
.boton-relleno::before {
  content: "";
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  background: #ff5a4d;
  transform-origin: left center;
  transform: skewX(-20deg) scaleX(0.25);
  transition: transform .5s ease;
  z-index: 0;
}

/* Expansión al 100% en hover */
.boton-relleno:hover::before {
  transform: skewX(-20deg) scaleX(1);
}

/* Texto por encima del relleno */
.boton-relleno span {
  position: relative;
  z-index: 1;
}

/* Texto en blanco cuando está relleno */
.boton-relleno:hover {
  color: #fff;
}