.elementor-14581 .elementor-element.elementor-element-00558f6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14581 .elementor-element.elementor-element-8906781{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14581 .elementor-element.elementor-element-ceaf252{--display:flex;--min-height:1000px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:70px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-14581 .elementor-element.elementor-element-ceaf252::before, .elementor-14581 .elementor-element.elementor-element-ceaf252 > .elementor-background-video-container::before, .elementor-14581 .elementor-element.elementor-element-ceaf252 > .e-con-inner > .elementor-background-video-container::before, .elementor-14581 .elementor-element.elementor-element-ceaf252 > .elementor-background-slideshow::before, .elementor-14581 .elementor-element.elementor-element-ceaf252 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14581 .elementor-element.elementor-element-ceaf252 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#B7BAA778;--background-overlay:'';}.elementor-14581 .elementor-element.elementor-element-ceaf252.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14581 .elementor-element.elementor-element-0648987 > .elementor-widget-container{padding:40px 0px 40px 0px;}.elementor-14581 .elementor-element.elementor-element-0648987.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14581 .elementor-element.elementor-element-0648987 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;letter-spacing:1px;color:var( --e-global-color-311a07b );}.elementor-14581 .elementor-element.elementor-element-d086e54{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-14581 .elementor-element.elementor-element-d086e54 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14581 .elementor-element.elementor-element-8248444{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-14581 .elementor-element.elementor-element-8248444 > .elementor-widget-container{padding:40px 0px 40px 0px;}.elementor-14581 .elementor-element.elementor-element-8248444.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14581 .elementor-element.elementor-element-8248444 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;letter-spacing:1px;color:var( --e-global-color-311a07b );}.elementor-14581 .elementor-element.elementor-element-1ce6f00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14581 .elementor-element.elementor-element-1ce6f00:not(.elementor-motion-effects-element-type-background), .elementor-14581 .elementor-element.elementor-element-1ce6f00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://maram.com.ar/wp-content/uploads/2025/11/A4-catalogo-ce-productos-minimalista-marron.png");background-position:0px -220px;background-size:cover;}@media(max-width:1024px){.elementor-14581 .elementor-element.elementor-element-1ce6f00:not(.elementor-motion-effects-element-type-background), .elementor-14581 .elementor-element.elementor-element-1ce6f00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-14581 .elementor-element.elementor-element-8906781{--width:50%;}.elementor-14581 .elementor-element.elementor-element-ceaf252{--width:100%;}.elementor-14581 .elementor-element.elementor-element-1ce6f00{--width:50%;}}@media(max-width:767px){.elementor-14581 .elementor-element.elementor-element-ceaf252{--min-height:500px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14581 .elementor-element.elementor-element-0648987 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 0px 0px 0px;}.elementor-14581 .elementor-element.elementor-element-0648987{text-align:center;}.elementor-14581 .elementor-element.elementor-element-0648987 .elementor-heading-title{font-size:24px;}.elementor-14581 .elementor-element.elementor-element-d086e54{width:100%;max-width:100%;}.elementor-14581 .elementor-element.elementor-element-d086e54 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:40px 20px 0px 20px;}.elementor-14581 .elementor-element.elementor-element-8248444 > .elementor-widget-container{padding:50px 0px 30px 20px;}.elementor-14581 .elementor-element.elementor-element-8248444{text-align:left;}.elementor-14581 .elementor-element.elementor-element-1ce6f00{--min-height:500px;}.elementor-14581 .elementor-element.elementor-element-1ce6f00:not(.elementor-motion-effects-element-type-background), .elementor-14581 .elementor-element.elementor-element-1ce6f00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-d086e54 *//* --- 1. IMPORTAR LA FUENTE POPPINS (Poner esto al inicio de todo) --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* --- ESTILOS GENERALES (ESCRITORIO) --- */

/* * 1. ESTILO PARA ETIQUETAS (Ej: "Nombre y Apellido") 
 */
.wwlc_registration_field label {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #333333; /* <-- Color normal para el texto de la etiqueta */
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
  letter-spacing: 1px;
}

/* * 3. ESTILO PARA CAMPOS DE TEXTO (Inputs)
 */
.wwlc_registration_field .input-text {
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  padding: 10px 10px;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #555555;
  letter-spacing: 1px;
}

/* * 4. MÁRGENES DE LOS CAMPOS (ARRIBA, ABAJO, LADOS)
 */
.wwlc_registration_field {
  margin-top: 0px;
  margin-bottom: 25px;
  margin-left: 5px;
  margin-right: 5px;
}



/* --- ESTILOS SOLO PARA MÓVIL (Pantallas de 767px o menos) --- */
@media (max-width: 767px) {
  
  .wwlc_registration_field label {
    font-size: 14px;
    margin-bottom: 6px;
    letter-spacing: 1px;
  }
  
  .wwlc_registration_field .input-text {
    padding: 10px 12px;
    font-size: 14px;
  }
  
  .wwlc_registration_field {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* --- 1. IMPORTAR LA FUENTE POPPINS (Poner esto al inicio) --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* =================================================================== */
/* --- ESTILOS FORZADOS PARA BOTÓN Y ENLACES (ESCRITORIO) --- */
/* =================================================================== */


/* * 2. ESTILO ENLACES "Iniciar Sesión" y "Contraseña Olvidada" (FORZADO)
 * Usando la clase .form-controls-section.
 */
.form-controls-section a {
  color: #121212 !important;
 /* <-- Color de Texto del Enlace (Rosa) */
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important; /* <-- Tamaño de Fuente del Enlace */
  text-decoration: none !important;
}

/* * 2b. HOVER DE LOS ENLACES (FORZADO)
 */
.form-controls-section a:hover {
  color: #B7BAA7 !important;
  ;/* <-- Efecto Hover (Subrayado) */
}


/* =================================================================== */
/* --- ESTILOS FORZADOS PARA MÓVIL (Pantallas de 767px o menos) --- */
/* =================================================================== */
@media (max-width: 767px) {
  
  /* * 1. Botón "Registrar" en MÓVIL (FORZADO) */
  .form-controls-section .woocommerce-form-register__submit {
    width: 100% !important; /* Ocupa todo el ancho en móvil */
    box-sizing: border-box !important;
    padding: 15px 20px !important;
  }
  
  /* * 2. Enlaces en MÓVIL (FORZADO) */
  .form-controls-section a {
    font-size: 14px !important;
  }
}

/* ---
   ESTILOS PARA EL BOTÓN DE REGISTRO WWLC
   --- */

/* 1. Importar la fuente Poppins (si no la tienes ya) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* 2. Estilos principales del botón (PC / Escritorio) */
#wwlc-register {
    /* --- Tipografía --- */
    font-family: 'Poppins', sans-serif;
    font-size: 14px;                   
    color: #FFFFFF;                   
    font-weight: 500;           
    
    letter-spacing: 1px !important;

    /* --- Fondo y Borde --- */
    background-color: #000000;        
    border: none;                     
    border-radius: 5px;               
    
    /* --- Márgenes y Espaciado --- */
    padding: 12px 24px;                 
    margin: 10px 0;                    

    /* --- Extras --- */
    cursor: pointer;                  
    transition: background-color 0.3s ease, width 0.3s ease; /* Añadimos "width" a la transición */
    
    /* Importante: para que width: 100% funcione bien */
    box-sizing: border-box;
}

/* 3. Estilos para el estado :hover (PC / Escritorio) */
#wwlc-register:hover {
    background-color: #B7BAA7;        
    color: #FFFFFF;                   
}

/* ---
   4. ESTILOS PARA MÓVIL (Pantallas de 767px o menos)
   --- */
@media (max-width: 767px) {

    #wwlc-register {
        /* Hacemos que el botón ocupe todo el ancho */
        width: 100%;

        /* Hacemos la fuente un poco más pequeña */
        font-size: 14px; 
        
        /* Ajustamos el padding para que sea cómodo de tocar */
        padding: 14px 20px;
    }

}

/* =================================================================== */
/* --- APILAR ENLACES (Versión de MÁXIMA ESPECIFICIDAD vs. Tema) --- */
/* =================================================================== */

/* * 1. REGLA PARA ESCRITORIO (Pantallas de 1024px o MÁS)
 *
 * Este .elementor-14581 .elementor-element.elementor-element-d086e54 es MÁS FUERTE que el de tu tema (Woodmart),
 * por lo que ganará la "pelea" del CSS.
 */
@media (min-width: 1024px) {
  
  /* Usamos el formulario como ancla para ser más específicos */
  form.wwlc-register div.field-set.form-controls-section {
    display: block !important; /* Forzamos a que NO sea flex */
  }
  
  form.wwlc-register div.field-set.form-controls-section a.form-control {
    display: block !important; /* Forzamos a los enlaces a ser bloques */
    width: auto !important;
  }
  
  /* Añadimos el margen al segundo enlace */
  form.wwlc-register div.field-set.form-controls-section a.form-control#lost-password {
    margin-top: 15px !important; /* <-- El espacio de 15px */
    margin-left: 0 !important;
  }
  
  /* Reseteamos el primero por si acaso */
  form.wwlc-register div.field-set.form-controls-section a.form-control#log-in {
    margin-right: 0 !important;
  }
}

/* * 2. REGLA PARA MÓVIL Y TABLET (Pantallas de 1023px o MENOS)
 *
 * Esta es la regla que ya te funcionaba en el móvil.
 */
@media (max-width: 1023px) {
  
  form.wwlc-register div.field-set.form-controls-section {
    display: block !important;
  }
  
  form.wwlc-register div.field-set.form-controls-section a.form-control {
    display: block !important;
    width: auto !important;
  }
  
  form.wwlc-register div.field-set.form-controls-section a.form-control#lost-password {
    margin-top: 15px !important;
    margin-left: 0 !important;
  }
  
  form.wwlc-register div.field-set.form-controls-section a.form-control#log-in {
    margin-right: 0 !important;
  }
}

/* --- Estilos para mensaje "Hola Marcelo" (Mayorista) --- */

/* Esto cambia el texto "Hola Marcelo..." */
#wwlc-logout p {
    font-family: "Poppins", sans-serif;  /* <<-- CAMBIA LA FUENTE AQUÍ */
    font-size: 14px;                   /* <<-- CAMBIA EL TAMAÑO */
    color: #000000;                    /* <<-- CAMBIA EL COLOR */
    font-weight: 500;                  /* (Opcional) Cambia el grosor (300, 400, 600, bold, etc.) */
    line-height: 1;                  /* (Opcional) Espacio entre líneas */
    letter-spacing: 1px !important;
}

/* Esto cambia solo el enlace "(Cerrar sesión)" */
#wwlc-logout p a {
    font-weight: 600;        /* (Opcional) Poner el enlace en negrita */
    color: #989B8B;          /* <<-- CAMBIA EL COLOR DEL ENLACE */
    text-decoration: none;   /* (Opcional) Quita el subrayado */
}

/* (Opcional) Si quieres cambiar los espacios alrededor de todo el bloque */
#wwlc-logout {
    margin-top: 20px;       /* <<-- ESPACIO ARRIBA */
    margin-bottom: 20px;    /* <<-- ESPACIO ABAJO */
}

/* Ocultar enlace Iniciar Sesión */
#log-in {
    display: none !important;
}

/* Ocultar enlace Contraseña Olvidada */
#lost-password {
    display: none !important;
}

/* Estilo del texto: "Al hacer clic en registrarse..." */
.terms-and-condition-container {
    font-family: 'Poppins', sans-serif !important; /* CAMBIA por tu fuente */
    font-size: 12px !important;       /* Tamaño de la letra */
    letter-spacing: 1px !important; /* Espacio entre letras */
    line-height: 1.4 !important;      /* Separación entre renglones */
    color: #666666 !important;        /* Color gris oscuro */
    margin-bottom: 15px !important;   /* Separación con el botón de abajo */
    margin-top: 10px !important;      /* Separación con el campo de arriba */
}

/* Estilo para TODO el contenedor de los términos */
.terms-and-condition-container {
    font-family: 'Poppins', sans-serif !important; /* CAMBIA por tu fuente */
    font-size: 12px !important;       /* Tamaño de la letra */
    letter-spacing: 1px !important; /* Espacio entre letras */
    line-height: 1.4 !important;      /* Separación entre renglones */
    color: #666666 !important;        /* Color gris oscuro para todo el texto */
    margin-bottom: 15px !important;   /* Separación con el botón de abajo */
    margin-top: 10px !important;      /* Separación con el campo de arriba */
}

/* Estilo específico para el ENLACE "Términos y Condiciones" (para que se distinga) */
.terms-and-condition-container a {
    font-weight: 500 !important;      /* Un poco más gordita (negrita) */
    color: #000000 !important;        /* Color del enlace (Negro o el que quieras) */
    /* Aquí no repetimos fuente, tamaño, espaciado porque ya lo toma del padre (.terms-and-condition-container) */
}/* End custom CSS */