/*
 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: 4px;
    position: absolute;
    left: 0;
    top: 2px;
    background: #fff;
    transition: all 0.25s ease;
}

/* Estado checked (fondo magenta) */
.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
    background: var(--fiberlux-magenta);
    border-color: var(--fiberlux-magenta);
}

/* Check interno */
.wpcf7-list-item-label:after {
    content: "✔";
    font-size: 12px;
    color: #fff;
    position: absolute;
    left: 3px;
    top: 0;
    opacity: 0;
    transition: 0.25s ease;
}

.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
   ========================== */

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

/* Texto de la etiqueta */
.wpcf7-list-item-label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    color: #3d3d3d;
    font-size: 15px;
    line-height: 1.4;
}

/* Círculo externo */
.wpcf7-list-item-label:before {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid var(--fiberlux-morado, #7A1B67);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 2px;
    background: #fff;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

/* Círculo activo interior */
.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(0.5);
    transition: all 0.25s ease;
}

/* Cuando el radio está activado */
.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;
}