/* Reset específico para la calculadora */
  .calculadora-igv-container * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  .calculadora-igv-container {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif !important;
      width: 100%;
      max-width: 56rem;
      margin: 2rem auto;
      padding: 0 1rem;
  }

  .calc-card {
      background: #ffffff !important;
      border-radius: 1.5rem !important;
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
      border: 1px solid #e5e7eb !important;
      overflow: hidden !important;
  }

  .calc-header {
      padding: 2rem 2rem 1rem !important;
      text-align: center !important;
      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
  }

  .calc-header-icon {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0.75rem !important;
      margin-bottom: 1rem !important;
  }

  .calc-icon {
      width: 2rem !important;
      height: 2rem !important;
      color: #3b82f6 !important;
      flex-shrink: 0 !important;
  }

  .calc-title {
      font-size: 2rem !important;
      font-weight: 800 !important;
      color: #1e293b !important;
      margin: 0 !important;
      letter-spacing: -0.025em !important;
      line-height: 1.2 !important;
  }

  .calc-description {
      color: #64748b !important;
      margin-top: 0.75rem !important;
      font-size: 1rem !important;
      font-weight: 500 !important;
      line-height: 1.4 !important;
  }

  .calc-content {
      padding: 2rem !important;
  }

  .calc-main-layout {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 2rem !important;
  }

  .calc-left-panel {
      display: flex !important;
      flex-direction: column !important;
      gap: 1.5rem !important;
  }

  .calc-right-panel {
      display: flex !important;
      flex-direction: column !important;
      gap: 1.5rem !important;
  }

  .calc-section {
      margin-bottom: 0 !important;
  }

  .calc-label {
      display: flex !important;
      align-items: center !important;
      gap: 0.75rem !important;
      font-weight: 600 !important;
      color: #374151 !important;
      font-size: 1.1rem !important;
      margin-bottom: 1rem !important;
      line-height: 1.4 !important;
  }

  .calc-label-small {
      font-size: 0.875rem !important;
      color: #6b7280 !important;
      font-weight: 500 !important;
      margin-bottom: 0.5rem !important;
      display: block !important;
      line-height: 1.4 !important;
  }

  .calc-select {
      width: 100% !important;
      padding: 1rem 1.5rem !important;
      border: 2px solid #e5e7eb !important;
      border-radius: 1rem !important;
      font-size: 1.1rem !important;
      font-weight: 600 !important;
      color: #374151 !important;
      background: #ffffff !important;
      cursor: pointer !important;
      transition: all 0.3s ease !important;
      appearance: none !important;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important;
      background-position: right 1rem center !important;
      background-repeat: no-repeat !important;
      background-size: 1.5em 1.5em !important;
      padding-right: 3rem !important;
  }

  .calc-select:focus {
      outline: none !important;
      border-color: #3b82f6 !important;
      box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
      transform: translateY(-1px) !important;
  }

  .calc-select:hover {
      border-color: #93c5fd !important;
  }

  .calc-direction-tabs {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      background: #f1f5f9 !important;
      border-radius: 1rem !important;
      padding: 0.5rem !important;
      gap: 0.5rem !important;
      margin-bottom: 1rem !important;
  }

  .calc-direction-trigger {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0.5rem !important;
      padding: 0.75rem 1rem !important;
      border-radius: 0.75rem !important;
      border: none !important;
      background: transparent !important;
      cursor: pointer !important;
      font-size: 0.875rem !important;
      font-weight: 600 !important;
      color: #64748b !important;
      transition: all 0.3s ease !important;
      line-height: 1.2 !important;
  }

  .calc-direction-trigger.calc-active {
      background: #3b82f6 !important;
      color: #ffffff !important;
      box-shadow: 0 4px 12px -2px rgba(59, 130, 246, 0.4) !important;
  }

  .calc-tabs {
      width: 100% !important;
  }

  .calc-tabs-list {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      background: #f1f5f9 !important;
      border-radius: 1rem !important;
      padding: 0.5rem !important;
      gap: 0.5rem !important;
  }

  .calc-tabs-trigger {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0.75rem !important;
      padding: 1rem 1.5rem !important;
      border-radius: 0.75rem !important;
      border: none !important;
      background: transparent !important;
      cursor: pointer !important;
      font-size: 1rem !important;
      font-weight: 600 !important;
      color: #64748b !important;
      transition: all 0.3s ease !important;
      position: relative !important;
      overflow: hidden !important;
      line-height: 1.2 !important;
  }

  .calc-tabs-trigger.calc-active {
      background: #3b82f6 !important;
      color: #ffffff !important;
      box-shadow: 0 4px 12px -2px rgba(59, 130, 246, 0.4) !important;
      transform: translateY(-1px) !important;
  }

  .calc-tabs-trigger:hover:not(.calc-active) {
      background: rgba(59, 130, 246, 0.1) !important;
      color: #3b82f6 !important;
  }

  .calc-tabs-content {
      display: none !important;
  }

  .calc-tabs-content.calc-active {
      display: block !important;
      animation: calcFadeIn 0.3s ease-in-out !important;
  }

  @keyframes calcFadeIn {
      from {
          opacity: 0;
          transform: translateY(10px);
      }

      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  .calc-input-group {
      position: relative !important;
      margin-bottom: 1rem !important;
  }

  .calc-input-prefix {
      position: absolute !important;
      left: 1.25rem !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      color: #6b7280 !important;
      font-size: 1.1rem !important;
      font-weight: 600 !important;
      pointer-events: none !important;
      z-index: 3 !important;
      background: transparent !important;
      line-height: 1 !important;
  }

  .calc-input {
      width: 100% !important;
      padding: 1.25rem 1.5rem !important;
      border: 2px solid #e5e7eb !important;
      border-radius: 1rem !important;
      font-size: 1.1rem !important;
      font-weight: 500 !important;
      transition: all 0.3s ease !important;
      background: #ffffff !important;
      color: #1f2937 !important;
      line-height: 1.4 !important;
  }

  .calc-input:focus {
      outline: none !important;
      border-color: #3b82f6 !important;
      box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
      transform: translateY(-1px) !important;
  }

  .calc-input-with-prefix {
      padding-left: 3.5rem !important;
  }

  .calc-input-large {
      font-size: 1.25rem !important;
      padding: 1.5rem 1.5rem !important;
  }

  .calc-input-large.calc-input-with-prefix {
      padding-left: 3.5rem !important;
  }

  .calc-grid-cols-2 {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 1.5rem !important;
  }

  .calc-calculation-display {
      background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
      padding: 1.25rem !important;
      border-radius: 1rem !important;
      font-size: 1rem !important;
      border: 1px solid #0ea5e9 !important;
      margin-top: 1rem !important;
  }

  .calc-calculation-label {
      color: #0369a1 !important;
      margin-bottom: 0.5rem !important;
      font-weight: 600 !important;
      line-height: 1.4 !important;
  }

  .calc-calculation-text {
      color: #0c4a6e !important;
      font-weight: 700 !important;
      font-size: 1.1rem !important;
      line-height: 1.4 !important;
  }

  .calc-results-section {
      background: #f8fafc !important;
      padding: 1.5rem !important;
      border-radius: 1.25rem !important;
      border: 1px solid #e2e8f0 !important;
  }

  .calc-result-item {
      text-align: center !important;
      padding: 1rem !important;
      background: #ffffff !important;
      border-radius: 1rem !important;
      border: 1px solid #e2e8f0 !important;
      transition: all 0.3s ease !important;
      margin-bottom: 1rem !important;
  }

  .calc-result-item:hover {
      transform: translateY(-2px) !important;
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
  }

  .calc-result-value {
      font-size: 1.5rem !important;
      font-weight: 700 !important;
      margin-top: 0.5rem !important;
      line-height: 1.2 !important;
  }

  .calc-result-value-igv {
      color: #ea580c !important;
  }

  .calc-result-value-subtotal {
      color: #059669 !important;
  }

  .calc-total-section {
      background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
      padding: 1.5rem !important;
      border-radius: 1.25rem !important;
      border: 2px solid #3b82f6 !important;
      text-align: center !important;
      position: relative !important;
      overflow: hidden !important;
  }

  .calc-total-value {
      font-size: 2rem !important;
      font-weight: 900 !important;
      color: #1e40af !important;
      position: relative !important;
      z-index: 1 !important;
      line-height: 1.2 !important;
  }

  .calc-breakdown-section {
      background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%) !important;
      padding: 1.25rem !important;
      border-radius: 1rem !important;
      font-size: 0.875rem !important;
      color: #374151 !important;
      border: 1px solid #d1d5db !important;
  }

  .calc-breakdown-title {
      font-weight: 700 !important;
      margin-bottom: 0.75rem !important;
      color: #1f2937 !important;
      font-size: 1rem !important;
      line-height: 1.4 !important;
  }

  .calc-breakdown-item {
      margin-bottom: 0.5rem !important;
      padding: 0.25rem 0 !important;
      line-height: 1.4 !important;
  }

  .calc-breakdown-total {
      font-weight: 700 !important;
      padding-top: 0.75rem !important;
      border-top: 2px solid #d1d5db !important;
      margin-top: 0.5rem !important;
      color: #1f2937 !important;
      font-size: 1rem !important;
      line-height: 1.4 !important;
  }

  .calc-pdf-button {
      width: 100% !important;
      padding: 1rem 1.5rem !important;
      background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
      color: #ffffff !important;
      border: none !important;
      border-radius: 1rem !important;
      font-size: 1rem !important;
      font-weight: 600 !important;
      cursor: pointer !important;
      transition: all 0.3s ease !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0.5rem !important;
      margin-top: 1rem !important;
  }

  .calc-pdf-button:hover {
      transform: translateY(-2px) !important;
      box-shadow: 0 10px 25px -5px rgba(5, 150, 105, 0.4) !important;
  }

  .calc-info-section {
      text-align: center !important;
      padding: 1.5rem 1rem !important;
      margin-top: 1.5rem !important;
      border-top: 2px solid #f1f5f9 !important;
      font-size: 0.875rem !important;
      color: #6b7280 !important;
      background: linear-gradient(135deg, #fefefe 0%, #f8fafc 100%) !important;
      border-radius: 1rem !important;
      grid-column: 1 / -1 !important;
  }

  .calc-info-section p {
      margin-bottom: 0.5rem !important;
      font-weight: 500 !important;
      line-height: 1.4 !important;
  }

  /* Responsive */
  @media (max-width: 1024px) {
      .calc-main-layout {
          grid-template-columns: 1fr !important;
          gap: 1.5rem !important;
      }
  }

  @media (max-width: 640px) {
      .calculadora-igv-container {
          padding: 0 0.5rem !important;
          margin: 1rem auto !important;
          max-width: 28rem !important;
      }

      .calc-content {
          padding: 1.5rem !important;
      }

      .calc-header {
          padding: 1.5rem 1.5rem 1rem !important;
      }

      .calc-grid-cols-2 {
          grid-template-columns: 1fr !important;
          gap: 1rem !important;
      }

      .calc-title {
          font-size: 1.75rem !important;
      }

      .calc-total-value {
          font-size: 1.75rem !important;
      }
  }

  .calc-tabs-trigger.calc-active .calc-icon {
      color: #ffffff !important;
  }

  .calc-tabs-trigger:hover:not(.calc-active) .calc-icon {
      color: #3b82f6 !important;
  }
  
    .calc-button {
      background-color: #2563eb;
      color: white;
      padding: 0.5rem 1.2rem;
      border: none;
      border-radius: 8px;
      font-weight: 600;
      cursor: pointer;
      font-size: 14px;
      transition: background-color 0.2s;
  }

  .calc-button:hover {
      background-color: #1d4ed8;
  }