/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Oculta las viñetas normales */
.lista ul {
    list-style: none !important;
    padding-left: 0;
}

/* Estilo base de los <li> */
.lista ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
}

/* Check morado igual al título */
.lista ul li::before {
    content: "\2713";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;

    /* Color del título dentro de .lista */
    color: #9b2776;  /* ← pon aquí exactamente el color del título */
}

label {
    color: #000000 !important;
	font-size:11px !important;
}

/* --- Estilos para columnas (RUC y Teléfono) --- */
.fila-doble {
    display: flex;
    gap: 20px;
}
.fila-doble .col {
    flex: 1;
}

/* --- Inputs estilo borde redondeado como tu imagen --- */
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
}

/* --- Botón 100% ancho --- */
.wpcf7 .btn-full {
    width: 100%;
    background: #9b1b71; /* tu color morado */
    color: #fff;
    border: none;
    padding: 14px 0;
    font-size: 16px;
    border-radius: 12px;
    cursor: pointer;
}

/* Hover */
.wpcf7 .btn-full:hover {
    opacity: .9;
}
div.wpcf7 input[type="submit"] {
    border-radius: 5em !important;
    background-color: #9b2776 !important;
    text-transform: none !important;
    font-weight: normal !important;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="number"]{color:#8b8b8b !important}



.lk-btns-wrapper {
  display: flex;
  gap: 22px; /* separa ambos botones */
}

/* Botones */
.lk-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  
  padding: 10px 26px;   /* menor padding vertical */
  min-width: 265px;     /* ancho justo */
  height: 58px;         /* altura ajustada REAL */
  
  border-radius: 200px;
  color: #fff;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  transition: .2s ease;
}

.lk-btn:hover {
  opacity: .85;
}

/* Colores */
.lk-call { background: #A12872; }
.lk-wa   { background: #009739; }

/* Icono */
.lk-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

/* Textos */
.lk-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
}

.lk-title {
  font-size: 17px;
  font-weight: 700;
}

.lk-sub {
  font-size: 15px;
  font-weight: 500;
}


/* ==========================
   COLORES BASE FIBERLUX
   ========================== */
:root {
    --fiberlux-morado: #7A1B67;
    --fiberlux-magenta: #C61C85;
}

/* ==========================
   CHECKBOXES CF7
   ========================== */

/* Ocultar el checkbox nativo */
.wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Estilo del texto del checkbox */
.wpcf7-list-item-label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    color: #3d3d3d;
    font-size: 15px;
    line-height: 1.4;
}

/* Caja del checkbox */
.wpcf7-list-item-label:before {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid var(--fiberlux-morado);
    border-radius: 0px;
    position: absolute;
    left: 0;
    top: 2px;
    background: #fff;
    transition: all 0.25s ease;
}

/* Estado checked (fondo magenta) */
/* Checked: fondo blanco, borde igual */
.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:before{
  background:#fff;
  border-color: var(--fiberlux-morado);
}


/* Check ✔ SOLO acceptance */
.wpcf7-acceptance .wpcf7-list-item-label:after{
  content:"✔";
  font-size: 14px;
  color:#721d57;
  position:absolute;
  left:3px;
  top:0px;
  opacity:0;
  transition:.25s ease;
}
.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:after{
  opacity:1;
}


.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
    opacity: 1;
}

/* ==========================
   INPUT FILE CF7 (SOLO CSS)
   ========================== */

.wpcf7 input[type="file"] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #cccccc;
    background-color: #faf5fc;
    font-size: 15px;
    cursor: pointer;
}

/* Estilo del botón nativo (navegadores modernos) */
.wpcf7 input[type="file"]::file-selector-button {
    background: var(--fiberlux-morado);
    color: #fff;
    border: none;
    padding: 8px 14px;
    margin-right: 12px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.1s ease;
}

/* Hover del botón */
.wpcf7 input[type="file"]::file-selector-button:hover {
    background: var(--fiberlux-magenta);
    transform: translateY(-1px);
}

/* Fallback para WebKit antiguo (Chrome viejito, Safari) */
.wpcf7 input[type="file"]::-webkit-file-upload-button {
    background: var(--fiberlux-morado);
    color: #fff;
    border: none;
    padding: 8px 14px;
    margin-right: 12px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.1s ease;
}

.wpcf7 input[type="file"]::-webkit-file-upload-button:hover {
    background: var(--fiberlux-magenta);
    transform: translateY(-1px);
}

/* ==========================
   CAMPOS GENERALES CF7
   ========================== */

.wpcf7 .wpcf7-form-control:not([type="submit"]):not([type="file"]):not([type="checkbox"]) {
    border-radius: 6px;
    border: 1px solid #cccccc;
    padding: 12px;
    font-size: 15px;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.wpcf7 .wpcf7-form-control:focus {
    border-color: var(--fiberlux-morado);
    box-shadow: 0 0 0 3px rgba(122,27,103,0.18);
    outline: none;
}
/* ==========================
   RADIO BUTTONS CF7 – FIBERLUX (SOLO RADIOS)
   ========================== */

.wpcf7-list-item input[type="radio"]{
  position:absolute;
  opacity:0;
  cursor:pointer;
}

/* SOLO la label que viene después de un radio */
.wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label{
  position:relative;
  padding-left:28px;
  cursor:pointer;
  color:#3d3d3d;
  font-size:15px;
  line-height:1.4;
}

/* Caja externa SOLO radios */
.wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label:before{
  content:"";
  width:18px;
  height:18px;
  border:2px solid var(--fiberlux-morado,#7A1B67);
  border-radius:0;
  position:absolute;
  left:0;
  top:2px;
  background:#fff;
  box-sizing:border-box;
  transition:all .25s ease;
}

/* Punto interno SOLO radios */
.wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label:after{
  content:"";
  width:10px;
  height:10px;
  background:var(--fiberlux-magenta,#C61C85);
  border-radius:50%;
  position:absolute;
  left:4px;
  top:6px;
  opacity:0;
  transform:scale(.5);
  transition:all .25s ease;
}

.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label:before{
  border-color:var(--fiberlux-magenta,#C61C85);
}

.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label:after{
  opacity:1;
  transform:scale(1);
}


/* Quitar borde, fondo y padding del contenedor de acceptance */
.wpcf7-acceptance .wpcf7-list-item {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 8px 0 !important;
    box-shadow: none !important;
}

/* Quitar borde del wrapper */
.wpcf7-acceptance .wpcf7-form-control-wrap {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Evitar que cualquier estilo del theme meta borde */
.wpcf7-acceptance {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
    line-height: 1 !important;
}

/* Contenedor de las “píldoras” */
.lk-badges-section p.lk-badges-row {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 0; /* quita el espacio enorme debajo */
}

/* Cada item (icono + texto) */
.lk-badges-section .lk-badge-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 18px;
}

/* Círculo morado con check */
.lk-badges-section .lk-badge-icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #9c2d78; /* ajusta al morado de tu branding si quieres */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
}
.elementor-29257 .elementor-element.elementor-element-c73f282 .elementor-icon-list-icon svg, .elementor-29257 .elementor-element.elementor-element-aa94d42 .elementor-icon-list-icon svg, .elementor-29257 .elementor-element.elementor-element-945f4d0 .elementor-icon-list-icon svg {
    background: #9b2776 !important;
    border-radius: 50% !important;
    padding: 5px !important;
}
.elementor-widget .elementor-icon-list-icon svg {
    height: 20px;
    width: 20px;
}
.joinchat{bottom:10% !important;}

/* test */
.wpcf7 .wpcf7-form-control:not([type="submit"]):not([type="file"]):not([type="checkbox"]) {
    border-radius: 6px;
    border: 1px solid #cccccc;
    padding: 12px !important;
    font-size: 15px;
    transition: border-color 0.25s  ease, box-shadow 0.25s ease;
}
.wpcf7 p{margin-bottom: 0px !important;}

.fila-triple {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.fila-triple .col3 {
    flex: 1;
}

.fila-triple label {
    display: block;
    width: 100%;
}

/* Ajuste responsive para móviles */
@media (max-width: 768px) {
    .fila-triple {
        flex-direction: column;
    }
}
/* Seleccionar el p que contiene recaptcha SIN usar :has() */
.wpcf7 form .g-recaptcha {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}

.wpcf7 form .g-recaptcha {
    padding: 0 !important;
}

.wpcf7 form .g-recaptcha {
    margin: 0 !important;
}

/* Quitar bordes al p padre usando parent selector indirecto */
.wpcf7 form p {
    border: none !important;
    box-shadow: none !important;
}

label {
    color: #000000 !important;
    font-size: 12px !important;
}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
    margin: 12px 0px !important;
}

.wpcf7 .wpcf7-form-control[type="checkbox"] {
    border: 0 solid #cccccc !important;
}
/* Ocultar flechas de navegación solo en mobile */
@media (max-width: 767px) {
  .wd-nav-arrows {
    display: none !important;
  }
}
.wd-copyrights {
    --wd-tags-mb: 10px;
    padding-block: 20px;
    border-top: 1px solid var(--brdcolor-gray-300);
    padding-left: 3em;
    padding-right: 3em;
}
.wpcf7-list-item-label {
    font-size: 12;
}

/* Por defecto: oculto */
.mobile-br {
  display: none;
}

/* Mobile */
@media (max-width: 768px) {
  .mobile-br {
    display: inline;
  }
}
@media (max-width: 480px) {
  .mobile-br {
    display: inline;
  }
}

@media (max-width: 480px) {
.scrollToTop{display: none !important;}
	}

@media (max-width: 480px) {
.wd-footer{margin-bottom:0em !important;}
	}
@media (max-width: 480px) {
.wd-copyrights {

    padding-bottom: 6em !important;
}
		}



/* Botones */
.lk-btn1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  
  padding: 10px 26px;   /* menor padding vertical */
  min-width: 200px;     /* ancho justo */
  height: 58px;         /* altura ajustada REAL */
  
  border-radius: 200px;
  color: #A12872;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  transition: .2s ease;
}

.lk-btn1:hover {
  opacity: .85;
}

/* Colores */
.lk-call1 { background: #fff; }
.lk-wa1   { background: #009739; }

/* Icono */
.lk-icon1 img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

/* Textos */
.lk-text1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
}

.lk-title1 {
  font-size: 17px;
  font-weight: 700;
	color: #000;
}

.lk-sub1 {
  font-size: 15px;
  font-weight: 500;
	color: #A12872;
}
.enlace-form {color:#9b2776 !important;}
.elementor-element svg.wd-icon, .img-wrapper .e-font-icon-svg {
    width: 2em !important;
    height: 2em !important;
    fill: currentColor;
    padding-right: 5px !important;
}