/*
Theme Name: Mercantile Child
Theme URI: https://www.acmethemes.com/themes/mercantile
Template: mercantile
Author: acmethemes
Author URI: https://www.acmethemes.com/
Description: Mercantile is the most feature-rich, powerful, advanced, easy to use and maintain multipurpose WordPress theme with highly customizable theme options. Mercantile theme is crafted to provide all the important features that you need in promoting and running your business, corporate or any kinds of sites in the web world. The main features of Mercantile are Integration with Page Builder by SiteOrigin, WooCommerce Compatible, Advanced Custom Widgets, WordPress Live Customizer and One page or Multi-page layout. It is entirely innovative, infinitely creative and features rich ultimate WordPress theme. Mercantile provides you with a quick and efficient way to create any kinds of websites which may include corporate, business, agency, portfolio, showcase, medical, education, travel, restaurant, personal, blogging, and more. Some highlighted features are, beautiful Featured-slider section, Service Section, Parallax featured section, Alternative feature section, Testimonial section, Contact section, Portfolio section as well as Beautiful blog section. You can easily set Right sidebar, Left sidebar or Full width on the inner pages. Site colour can be changed with a single click. Custom CSS options, related post and breadcrumb options will help to customize your site even more. Theme documentation and quick and helpful supports help you to master this theme within no time. Finally, Mercantile theme comes with the limitless customization options, powerful features, quality code, elegant design, and incredible support. Try this versatile theme. Support Forum: http://www.acmethemes.com/supports/ Demos: http://www.demo.acmethemes.com/mercantile/, http://www.demo.acmethemes.com/mercantile/home-1/, http://www.demo.acmethemes.com/mercantile/home-2/, http://www.demo.acmethemes.com/mercantile/home-3/, http://www.demo.acmethemes.com/mercantile/shop/
Tags: blog,e-commerce,portfolio,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,wide-blocks
Version: 3.0.8.1772199856
Updated: 2026-02-27 13:44:16

*/

/*------------General Style-----------*/

body{
	width: 100dvw !important;
}

body > div:not(#scb-widget) {
	width: 100dvw !important;
}

/*------------- Slider --------------------------*/

.elementor-widget-smartslider .slider-custom-style img{
	overflow: hidden !important;
	object-fit: cover !important;
}

/* Previene scroll horizontal global */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Fuerza al slider y sus hijos a no salirse */
.metaslider,
.metaslider .flexslider,
.metaslider .nivoSlider,
.metaslider .rslides,
.metaslider ul,
.metaslider li,
.metaslider img {
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
}

/* Fix para imágenes del slider */
.metaslider img {
  height: auto !important;
  object-fit: cover !important;
}



/* ================================================
   Smart Slider 
   ================================================ */

#n2-ss-1 > div > div.n2-ss-slider-controls.n2-ss-slider-controls-absolute-right-bottom > div{
	margin-right: 2rem !important;
	margin-bottom: 1rem !important;
}

/* ================================================
   MEGA SYS — CF7 CSS
   ================================================ */

/* Eliminar márgenes que WordPress/CF7 añade a <p> */
.megasys-form-wrap p,
.megasys-form-wrap br {
  margin: 0 !important;
  padding: 0 !important;
  display: contents !important; /* hace que el <p> sea invisible estructuralmente */
}

/* Fila Nombre + Correo — flex sobre el <p> que CF7 genera */
.megasys-form-wrap .megasys-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
  width: 100% !important;
}

/* El <span> wpcf7-form-control-wrap ocupa mitad de la fila */
.megasys-form-wrap .megasys-row .wpcf7-form-control-wrap {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: block !important;
  width: 100% !important;
}

/* Inputs: Nombre y Correo */
.megasys-form-wrap input[type="text"],
.megasys-form-wrap input[type="email"] {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  padding: 0 14px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #374151 !important;
  background: #ffffff !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 8px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.megasys-form-wrap input[type="text"]::placeholder,
.megasys-form-wrap input[type="email"]::placeholder {
  color: #9ca3af !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
}

.megasys-form-wrap input[type="text"]:focus,
.megasys-form-wrap input[type="email"]:focus {
  border-color: #99be4c !important;
  box-shadow: 0 0 0 3px rgba(153,190,76,0.15) !important;
}

/* Textarea */
.megasys-form-wrap textarea {
  display: block !important;
  width: 100% !important;
  padding: 12px 14px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #374151 !important;
  background: #ffffff !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 8px !important;
  outline: none !important;
  min-height: 130px !important;
  resize: vertical !important;
  margin: 0 0 20px 0 !important;
  box-shadow: none !important;
  transition: border-color 0.2s !important;
}

.megasys-form-wrap textarea::placeholder {
  color: #9ca3af !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
}

.megasys-form-wrap textarea:focus {
  border-color: #99be4c !important;
  box-shadow: 0 0 0 3px rgba(153,190,76,0.15) !important;
}

/* El span que envuelve la textarea también debe ser bloque */
.megasys-form-wrap .wpcf7-form-control-wrap:has(textarea) {
  display: block !important;
  width: 100% !important;
}

/* Botón ENVIAR */
.megasys-form-wrap input[type="submit"] {
  display: block !important;
  margin: 0 auto !important;
  width: 240px !important;
  padding: 13px 0 !important;
  background: #99be4c !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border: 1px solid #304601 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(153,190,76,0.35) !important;
  transition: background 0.2s, transform 0.15s !important;
  -webkit-appearance: none !important;
}

.megasys-form-wrap input[type="submit"]:hover {
  background: #88ac3a !important;
  transform: translateY(-2px) !important;
}

.megasys-form-wrap input[type="submit"]:active {
  transform: translateY(0) !important;
}

/* Spinner de CF7 */
.megasys-form-wrap .wpcf7-spinner {
  display: none !important;
}

/* Mensaje de error por campo */
.megasys-form-wrap .wpcf7-not-valid-tip {
  color: #ef4444 !important;
  font-size: 12px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  margin-top: 4px !important;
  display: block !important;
}

/* Mensaje global de respuesta */
.megasys-form-wrap ~ .wpcf7-response-output,
.wpcf7-f620-p2-o1 .wpcf7-response-output {
  margin-top: 14px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-family: 'Poppins', sans-serif !important;
  text-align: center !important;
}

/* Mobile <= 767px */
@media (max-width: 767px) {
  .megasys-form-wrap .megasys-row {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .megasys-form-wrap input[type="submit"] {
    width: 100% !important;
  }
}


/* ===== MEGA SYS — Estilo Contact Form 7 ===== */

.megasys-form-wrap .wpcf7-form-control-wrap,
.megasys-form-wrap input[type="text"],
.megasys-form-wrap input[type="email"],
.megasys-form-wrap textarea {
  width: 100%;
  box-sizing: border-box;
}

.megasys-row {
  display: flex;
  gap: 1.4rem;
  margin-bottom: 1.4rem;
}

.megasys-row .wpcf7-form-control-wrap {
  flex: 1;
}

.megasys-form-wrap input[type="text"],
.megasys-form-wrap input[type="email"] {
  height: 5.2rem;
  padding: 0 1.6rem;
  border: 0.15rem solid #d1d5db;
  border-radius: 0.8rem;
  font-size: 1.5rem;
  color: #374151;
  background: #fff;
  outline: none;
  transition: border-color 0.2s;
}

.megasys-form-wrap input[type="text"]::placeholder,
.megasys-form-wrap input[type="email"]::placeholder {
  color: #9ca3af;
}

.megasys-form-wrap input[type="text"]:focus,
.megasys-form-wrap input[type="email"]:focus {
  border-color: #6fbf3a;
}

.megasys-form-wrap textarea {
  padding: 1.4rem 1.6rem;
  border: 0.15rem solid #d1d5db;
  border-radius: 0.8rem;
  font-size: 1.5rem;
  color: #374151;
  background: #fff;
  min-height: 13rem;
  resize: vertical;
  outline: none;
  transition: border-color 0.2s;
  margin-bottom: 2rem;
}

.megasys-form-wrap textarea::placeholder {
  color: #9ca3af;
}

.megasys-form-wrap textarea:focus {
  border-color: #6fbf3a;
}

.megasys-form-wrap .wpcf7-submit {
  display: block;
  margin: 0 auto;
  background-color: #6fbf3a;
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  border: none;
  border-radius: 0.8rem;
  padding: 1.6rem 0;
  width: 26rem;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
}

.megasys-form-wrap .wpcf7-submit:hover {
  background-color: #5aa82e;
  transform: translateY(-0.1rem);
}

/* Mensajes de validación */
.megasys-form-wrap .wpcf7-not-valid-tip {
  color: #ef4444;
  font-size: 1.2rem;
  margin-top: 0.4rem;
}

.megasys-form-wrap .wpcf7-response-output {
  margin-top: 1.6rem;
  padding: 1rem 1.4rem;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  text-align: center;
}

/* Responsive mobile */
@media (max-width: 60rem) {
  .megasys-row {
    flex-direction: column;
  }
  .megasys-form-wrap .wpcf7-submit {
    width: 100%;
  }
}


/* ------------------Scroll Top -----------------------*/
#wpfront-scroll-top-container{
	z-index: 9998 !important;
}