.elementor-9835 .elementor-element.elementor-element-3223d76{--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;--margin-top:8em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}@media(max-width:767px){.elementor-9835 .elementor-element.elementor-element-3223d76{--margin-top:-5em;--margin-bottom:3em;--margin-left:0em;--margin-right:0em;--padding-top:0%;--padding-bottom:4%;--padding-left:3%;--padding-right:3%;}}/* Start custom CSS for shortcode, class: .elementor-element-90a0d69 *//* ============================================================
   COTIZACIÓN — ESTILOS PERSONALIZADOS
   Nubes de Colores · https://nubesdecolores.cl
   ============================================================ */

/* ---------- VARIABLES ---------- */
:root {
  --nc-primary:      #0CA0A2;   /* teal principal               */
  --nc-primary-dark: #089193;   /* hover / acento oscuro         */
  --nc-text:         #474747;   /* texto general                 */
  --nc-text-light:   #7a7a7a;   /* texto secundario / labels     */
  --nc-border:       #e4e4e4;   /* bordes suaves                 */
  --nc-bg-row:       #f9fefe;   /* fondo alterno de filas        */
  --nc-danger:       #e74c3c;   /* botón eliminar / required     */

  --nc-font-heading: 'Montserrat', sans-serif;
  --nc-font-body:    'DM Sans',   sans-serif;
}

/* ============================================================
   1. TÍTULOS
   ============================================================ */

/* H3 "Enviar la solicitud" y cualquier título dentro del wrapper */
.ywraq-wrapper h1,
.ywraq-wrapper h2,
.ywraq-wrapper h3,
.ywraq-wrapper h4,
.yith-ywraq-mail-form-wrapper h3 {
  font-family:     var(--nc-font-heading);
  font-size:       24px;
  font-weight:     600;
  text-transform:  uppercase;
  letter-spacing:  0.5px;
  color:           var(--nc-primary);
  margin-bottom:   20px;
}

/* ============================================================
   2. CABECERAS DE LA TABLA
   ============================================================ */

#yith-ywrq-table-list thead th {
  font-family:     var(--nc-font-heading);
  font-size:       13px;
  font-weight:     700;
  text-transform:  uppercase;
  letter-spacing:  1px;
  color:           var(--nc-primary);
  border-bottom:   2px solid var(--nc-primary);
  padding:         12px 10px;
  background:      transparent;
}

/* ============================================================
   3. NOMBRE DEL PRODUCTO (enlace en la tabla)
   ============================================================ */

#yith-ywrq-table-list .product-name a,
.ywraq-wrapper .product-name a {
  font-family:     var(--nc-font-body);
  font-size:       15px;
  font-weight:     700;
  letter-spacing:  0.6px;
  color:           var(--nc-primary);
  text-decoration: none;
  transition:      color 0.25s ease;
}

#yith-ywrq-table-list .product-name a:hover,
.ywraq-wrapper .product-name a:hover {
  color:           var(--nc-primary-dark);
  text-decoration: underline;
}

/* ============================================================
   4. PRECIOS
   ============================================================ */

.ywraq-wrapper .woocommerce-Price-amount.amount,
#yith-ywrq-table-list .product-price .amount,
.ywraq-wrapper .mobile-price .amount {
  font-family:  var(--nc-font-heading);
  font-size:    17px;
  font-weight:  700;
  color:        var(--nc-primary);
  letter-spacing: 0.3px;
}

.ywraq-wrapper .woocommerce-Price-currencySymbol {
  font-size:   13px;
  font-weight: 500;
}

/* ============================================================
   5. PÁRRAFOS Y TEXTO GENERAL DE LA TABLA
   ============================================================ */

.ywraq-wrapper p,
.ywraq-wrapper td,
.ywraq-wrapper span,
#yith-ywrq-table-list td {
  font-family:    var(--nc-font-body);
  font-size:      15px;
  font-weight:    400;
  letter-spacing: 0.3px;
  color:          var(--nc-text);
}

/* Filas alternas para mejor lectura */
#yith-ywrq-table-list tbody tr:nth-child(even) {
  background-color: var(--nc-bg-row);
}

/* ============================================================
   6. INPUT DE CANTIDAD
   ============================================================ */

#yith-ywrq-table-list .qty,
.ywraq-wrapper input.qty {
  font-family:  var(--nc-font-body);
  font-size:    14px;
  font-weight:  600;
  color:        var(--nc-text);
  border:       1.5px solid var(--nc-border);
  border-radius: 6px;
  text-align:   center;
  padding:      6px 8px;
  width:        68px;
  transition:   border-color 0.25s ease;
}

.ywraq-wrapper input.qty:focus {
  border-color: var(--nc-primary);
  outline:      none;
  box-shadow:   0 0 0 3px rgba(12, 160, 162, 0.15);
}

/* ============================================================
   7. BOTÓN ELIMINAR (×)
   ============================================================ */

.yith-ywraq-item-remove.remove {
  font-size:   20px;
  font-weight: 700;
  color:       var(--nc-danger) !important;
  transition:  opacity 0.2s ease;
}

.yith-ywraq-item-remove.remove:hover {
  opacity: 0.7;
}

/* ============================================================
   8. FORMULARIO — LABELS
   ============================================================ */

.yith-ywraq-mail-form-wrapper label,
#yith-ywraq-default-form label {
  font-family:    var(--nc-font-body);
  font-size:      13px;
  font-weight:    600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color:          var(--nc-text);
  display:        block;
  margin-bottom:  6px;
}

/* Asterisco de campo obligatorio */
.yith-ywraq-mail-form-wrapper .required,
#yith-ywraq-default-form .required {
  color: var(--nc-danger);
}

/* ============================================================
   9. FORMULARIO — INPUTS Y TEXTAREA
   ============================================================ */

.yith-ywraq-mail-form-wrapper input.input-text,
.yith-ywraq-mail-form-wrapper textarea.input-text,
#yith-ywraq-default-form input.input-text,
#yith-ywraq-default-form textarea.input-text {
  font-family:    var(--nc-font-body);
  font-size:      14px;
  font-weight:    400;
  color:          var(--nc-text);
  border:         1.5px solid var(--nc-border);
  border-radius:  8px;
  padding:        11px 14px;
  width:          100%;
  box-sizing:     border-box;
  background:     #fff;
  transition:     border-color 0.25s ease, box-shadow 0.25s ease;
}

.yith-ywraq-mail-form-wrapper input.input-text:focus,
.yith-ywraq-mail-form-wrapper textarea.input-text:focus,
#yith-ywraq-default-form input.input-text:focus,
#yith-ywraq-default-form textarea.input-text:focus {
  border-color: var(--nc-primary);
  outline:      none;
  box-shadow:   0 0 0 3px rgba(12, 160, 162, 0.15);
}

/* ============================================================
   10. BOTONES
   ============================================================ */

/* Botón principal — "Enviar tu solicitud" y "Actualizar lista" */
.ywraq-wrapper input[type="submit"].button,
.ywraq-wrapper .button,
.raq-send-request,
input[name="update_raq"] {
  font-family:     var(--nc-font-heading) !important;
  font-size:       11px !important;
  font-weight:     700 !important;
  text-transform:  uppercase !important;
  letter-spacing:  1px !important;
  color:           #ffffff !important;
  background:      var(--nc-primary) !important;
  border:          none !important;
  border-radius:   30px !important;
  padding:         12px 26px !important;
  cursor:          pointer;
  transition:      background 0.25s ease, transform 0.15s ease !important;
}

.ywraq-wrapper input[type="submit"].button:hover,
.ywraq-wrapper .button:hover,
.raq-send-request:hover,
input[name="update_raq"]:hover {
  background: var(--nc-primary-dark) !important;
  transform:  translateY(-1px);
}

/* Botón "Volver a la tienda" — estilo outline */
.yith-ywraq-before-table .wc-backward,
a.yith-ywraq-before-table-wc-backward {
  font-family:     var(--nc-font-heading) !important;
  font-size:       11px !important;
  font-weight:     700 !important;
  text-transform:  uppercase !important;
  letter-spacing:  1px !important;
  color:           var(--nc-primary) !important;
  background:      transparent !important;
  border:          2px solid var(--nc-primary) !important;
  border-radius:   30px !important;
  padding:         10px 22px !important;
  transition:      background 0.25s ease, color 0.25s ease !important;
}

.yith-ywraq-before-table .wc-backward:hover,
a.yith-ywraq-before-table-wc-backward:hover {
  background: var(--nc-primary) !important;
  color:      #ffffff !important;
}



#yith-ywrq-table-list td.product-thumbnail img {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain;
}

#yith-ywrq-table-list td.product-thumbnail {
    width: 110px;
}

@media (max-width: 768px) {
    #yith-ywrq-table-list td.product-thumbnail img {
        width: 150px !important;
        height: 150px !important;
    }

    #yith-ywrq-table-list td.product-thumbnail {
        width: 160px;
    }
}/* End custom CSS */