/* 
Theme Name: Gulupa Digital
Theme URI: https://github.com/elementor/hello-theme-child/
Description: 
Author: Gulupa Digital
Author URI: https://gulupadigital.com/
Template: hello-elementor
Version: 2.0.10
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Utilidad: altura fija Gulupa */
.gd-h-48 {
  height: 48px !important;
  min-height: 48px !important;
  line-height: 1.2 !important;
}

/* Campos de valor total con símbolo de peso */
.gd-repeater-field input[name*="[valor-total]"] {
  position: relative;
  padding-left: 2rem !important;
}

.gd-repeater-field:has(input[name*="[valor-total]"]) {
  position: relative;
}

.gd-repeater-field:has(input[name*="[valor-total]"])::before {
  content: "$";
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #91B508;
  font-weight: 600;
  font-size: 1rem;
  pointer-events: none;
  z-index: 2;
  margin-top: 12px; /* Para alinear con el label */
}

/* Alternativa más específica para repetidores de servicios */
.gd-repeater[data-repeater-name="servicios"] .gd-repeater-field input[name*="[valor-total]"] {
  padding-left: 2rem !important;
  background-color: #f8f9fa;
  transition: background-color 0.2s;
}

.gd-repeater[data-repeater-name="servicios"] .gd-repeater-field input[name*="[valor-total]"]:focus {
  background-color: #fff;
  border-color: #91B508 !important;
}
/* --- Estilo Figma para Crear planta de disposición --- */
.gd-form-planta {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  padding: 2rem;
}
.gd-form-planta__topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.gd-form-planta__titulo {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
}
.gd-form-planta__switch-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gd-label {
  font-size: 1rem;
  padding-bottom: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: block;
}

.gd-label.gd-label-section {
    font-size: 18px !important;
    padding-top: 1em;
    padding-bottom: 0em;
}

/* Utilidad: borde verde Gulupa */
.gd-border-green {
  border: 1.5px solid #91B508 !important;
}

.gd-input:focus, .gd-select:focus, .gd-textarea:focus {
  border-color: #91B508;
  outline: none;
}
.gd-col {
  flex: 1;
}
.gd-form-planta__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
.gd-button {
  background: #91B508;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  padding: 0.8rem 2.2rem;
  cursor: pointer;
  transition: background 0.2s;
}
.gd-button:hover {
  background: #6d8c06;
}

.gd-button-secondary {
    background: #fff;
    color: #91B508 !important;
    border: 2px solid #91B508;
    font-size: 18px !important;
    font-weight: 700 !important;
}
.gd-button-secondary:hover {
    background: #91B508;
    color: #fff !important;
}
.gd-form-planta__switch-wrapper .gd-switch-ui {
  margin-left: 0.5rem;
}
.gd-form-planta__file {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.gd-form-planta__file input[type="file"] {
  display: none;
}
.gd-form-planta__file label {
  background: #91B508;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  padding: 0.6rem 1.2rem;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.gd-form-planta__file .gd-file-name {
  margin-left: 1rem;
  color: #888;
  font-size: 0.95em;
}
.gd-form-planta__icon {
  margin-right: 0.5rem;
  color: #91B508;
  font-size: 1.2em;
}
.gd-form-planta__observaciones {
  margin-top: 1rem;
}
/* Notificaciones modernas Gulupa */
.gd-notice-ui {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 5px;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  margin: 1rem 0;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.07);
  border: 1.5px solid #ececec;
  background: #fff;
}
.gd-notice-icon {
  font-size: 1.3em;
  margin-right: 6px;
}
.gd-notice-text {
  font-weight: 500;
}
.gd-notice-error-ui {
  border-color: #b30000;
  background: #ffe5e5;
  color: #b30000;
}
.gd-notice-success-ui {
  border-color: #91B508;
  background: #f6ffe5;
  color: #4a7c0a;
}


/* Switch visual personalizado */
.gd-switch-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.switch-state-label {
    font-size: 14px !important;
    font-family: 'Montserrat';
    color: #000;
    padding-right: 16px;
    transition: color 0.3s ease;
}

/* Switch personalizado */
.switch {
  --switch-width: 46px;
  --switch-height: 24px;
  --switch-bg: rgb(224, 224, 224);
  --switch-checked-bg: rgb(145, 181, 8);
  --switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);
  --switch-transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
  /* circle */
  --circle-diameter: 18px;
  --circle-bg: #fff;
  --circle-shadow: 1px 1px 2px rgba(146, 146, 146, 0.45);
  --circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, 0.45);
  --circle-transition: var(--switch-transition);
  /* icon */
  --icon-transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
  --icon-cross-color: var(--switch-bg);
  --icon-cross-size: 6px;
  --icon-checkmark-color: var(--switch-checked-bg);
  --icon-checkmark-size: 10px;
  /* effect line */
  --effect-width: calc(var(--circle-diameter) / 2);
  --effect-height: calc(var(--effect-width) / 2 - 1px);
  --effect-bg: var(--circle-bg);
  --effect-border-radius: 1px;
  --effect-transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.switch input {
  display: none;
}

.switch {
  display: inline-block;
}

.switch svg {
  transition: var(--icon-transition);
  position: absolute;
  height: auto;
  opacity: 0;
}

.switch .checkmark {
  width: var(--icon-checkmark-size);
  color: var(--icon-checkmark-color);
  transform: scale(0);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1),
              opacity 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.switch .cross {
  width: var(--icon-cross-size);
  color: var(--icon-cross-color);
  transform: scale(1);
  opacity: 1;
  transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1),
              opacity 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.slider {
  box-sizing: border-box;
  width: var(--switch-width);
  height: var(--switch-height);
  background: var(--switch-bg);
  border-radius: 999px;
  display: flex;
  align-items: center;
  position: relative;
  transition: var(--switch-transition);
  cursor: pointer;
}

.circle {
  width: var(--circle-diameter);
  height: var(--circle-diameter);
  background: var(--circle-bg);
  border-radius: inherit;
  box-shadow: var(--circle-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--circle-transition);
  z-index: 1;
  position: absolute;
  left: var(--switch-offset);
}

.slider::before {
  content: "";
  position: absolute;
  width: var(--effect-width);
  height: var(--effect-height);
  left: calc(var(--switch-offset) + (var(--effect-width) / 2));
  background: var(--effect-bg);
  border-radius: var(--effect-border-radius);
  transition: var(--effect-transition);
}

/* actions */
.switch input:checked + .slider {
  background: var(--switch-checked-bg);
  transition: background-color 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.switch input:checked + .slider .checkmark {
  transform: scale(1);
  opacity: 1;
}

.switch input:checked + .slider .cross {
  transform: scale(0);
  opacity: 0;
}

.switch input:checked + .slider::before {
  left: calc(100% - var(--effect-width) - (var(--effect-width) / 2) - var(--switch-offset));
  transition: left 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.switch input:checked + .slider .circle {
  left: calc(100% - var(--circle-diameter) - var(--switch-offset));
  box-shadow: var(--circle-checked-shadow);
  transition: left 0.3s cubic-bezier(0.4, 0.0, 0.2, 1),
              box-shadow 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.gd-switch-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.gd-switch-label {
  font-size: 14px;
  color: #2C2C2C;
  min-width: 60px;
}

.gd-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.gd-switch-input {
  opacity: 0;
  width: 0;
  height: 0;
}

.gd-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E0E0E0;
  transition: .3s;
  border-radius: 24px;
}

.gd-switch-button {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  border-radius: 50%;
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gd-switch-icon {
  opacity: 0;
  transition: .3s;
}

.gd-switch-input:checked + .gd-switch-slider {
  background-color: #91B508;
}

.gd-switch-input:checked + .gd-switch-slider .gd-switch-button {
  transform: translateX(20px);
}

.gd-switch-input:checked + .gd-switch-slider .gd-switch-icon {
  opacity: 1;
}
.gd-switch {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 48px;
  height: 32px;
  background: #E0E0E0;
  border-radius: 20px;
  position: relative;
  transition: background 0.2s;
  margin-left: 0.5rem;
}
.gd-switch-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 4px;
  box-shadow: 0 2px 6px 0 rgba(145,181,8,0.10);
  transition: left 0.2s, background 0.2s;
}
.gd-switch-input:checked + .gd-switch {
  background: #91B508;
}
.gd-switch-input:checked + .gd-switch .gd-switch-check {
  left: 20px;
  background: #fff;
}
.gd-switch-input:checked + .gd-switch .gd-switch-check svg {
  display: block;
}
.gd-switch-input:not(:checked) + .gd-switch .gd-switch-check svg {
  display: none;
}
.gd-switch-input:checked + .gd-switch .gd-switch-check svg path {
  stroke: #2C2C2C;
}
/* --- Servicios creación admin (Figma) --- */
.gd-form-servicio__topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.gd-form-servicio__titulo {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
}
.gd-form-servicio__switch-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gd-switch-label {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #222;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  gap: 0.5rem;
}
.gd-switch-input {
  display: none;
}
.gd-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 28px;
  background: #91B508;
  border-radius: 20px;
  position: relative;
  transition: background 0.2s;
  margin-left: 0.5rem;
}
.gd-switch-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #91B508;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: 0 2px 6px 0 rgba(145,181,8,0.15);
}
.gd-switch-input:not(:checked) + .gd-switch .gd-switch-check {
  background: #fff;
  border: 2px solid #91B508;
}
.gd-switch-input:not(:checked) + .gd-switch .gd-switch-check svg {
  display: none;
}
.gd-switch-input:checked + .gd-switch .gd-switch-check svg {
  display: block;
}
.gd-form-servicio__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
.gd-col-unidad select.gd-select {
  min-width: 80px;
}
.gd-select {
    font-family: 'Montserrat', sans-serif !important;
}
.gd-input::placeholder,
.gd-select:invalid,
.gd-textarea::placeholder {
  color: #bdbdbd;
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
}
/* --- Topbar fuera del fondo gris --- */
.gd-listado-servicios__topbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.5rem;
  background: #fff;
  padding: 0 0.5rem;
}
.gd-listado-servicios__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}
.gd-listado-servicios__filtros-figma {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0;
}
.gd-listado-servicios--figma {
  background: #F9F9F9;
  border-radius: 16px;
  font-family: 'Montserrat', sans-serif;
  padding: 2rem;
}
/* --- Ajustes Figma Listado de Servicios --- */
.gd-listado-servicios--figma {
  background: #fff;
  border-radius: 16px;
  font-family: 'Montserrat', sans-serif;
  padding: 2rem;
}
.gd-listado-servicios__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
.gd-listado-servicios__titulo-figma {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 0.25rem;
  font-family: 'Montserrat', sans-serif;
}
.gd-listado-servicios__barra-titulo {
  width: 145px;
  height: 12px;
  background: #003b6d;
  border-radius: 5px 5px 0 0;
  margin-bottom: 1.5rem;
}
.gd-listado-servicios__filtros-figma {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2rem;
}
.gd-listado-servicios__search-wrapper {
  position: relative;
  flex: 1;
  max-width: 300px;
}
.gd-listado-servicios__search-figma {
  width: 100%;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 50px !important;
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
}
.gd-listado-servicios__search-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.gd-listado-servicios__estado-figma {
  max-width: 150px;
  padding: 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 50px;
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
}
.gd-listado-servicios__filtrar-figma {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  border: 1.5px solid #91B508;
  border-radius: 50px;
  background: #fff;
  color: #000;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  transition: background 0.2s, color 0.2s;
  box-shadow: 0 0 0 2px #91B5081A;
}
.gd-listado-servicios__filtrar-figma:hover {
  background: #91B508;
  color: #fff;
}
.gd-listado-servicios__filtrar-icon,
.gd-listado-servicios__caret-icon {
  display: flex;
  align-items: center;
}
.gd-listado-servicios__tabla-wrapper-figma {
  overflow-x: auto;
}
.gd-listado-servicios__tabla-figma {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #F9F9F9;
  border-radius: 12px;
  font-family: 'Montserrat', sans-serif;
}
.gd-listado-servicios__th-figma {
  font-size: 0.95rem;
  font-weight: 400;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  background: #F9F9F9;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid #eceeeb;
}
.gd-listado-servicios__tr-figma {
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  border-bottom: 1px solid #eceeeb;
  transition: background 0.2s;
}
.gd-listado-servicios__tr-figma:nth-child(odd) {
  background: #fff;
}
.gd-listado-servicios__tr-figma:nth-child(even) {
  background: #F9F9F9;
}
.gd-listado-servicios__tr-figma:hover {
  background: #eceeeb;
}
.gd-listado-servicios__td-figma {
  padding: 1rem 1.2rem;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  vertical-align: middle;
}
.gd-listado-servicios__editar-figma {
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 400;
  transition: color 0.2s;
}
.gd-listado-servicios__editar-figma:hover {
  text-decoration: underline;
  color: #1299D9;
}
.gd-listado-servicios__editar-icon {
  display: flex;
  align-items: center;
}

/* --- Listados --- */
thead.gd-listado-thead th {
    background: #f9f9f9;
    font-size: 12px;
    border: none !important;
    text-align: left;
}
.gd-listado * {
    border: none !important;
}

/* --- Estilos Figma Listado de Servicios --- */
.gd-listado-servicios__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
.gd-listado-servicios__titulo-figma {
  font-size: 2rem;
  font-weight: 700;
  color: #002f57;
  margin-bottom: 0.25rem;
  font-family: 'Montserrat', sans-serif;
}
.gd-listado-servicios__barra-titulo {
  width: 145px;
  height: 12px;
  background: #003b6d;
  border-radius: 5px 5px 0 0;
  margin-bottom: 1.5rem;
}

.gd-listado-servicios__filtros-figma {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2rem;
}
.gd-listado-servicios__search-figma {
  flex: 1;
  max-width: 300px;
  padding: 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 50px;
  background: rgba(255,255,255,0.7);
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
}
.gd-listado-servicios__estado-figma {
  max-width: 150px;
  padding: 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 50px;
  background: rgba(255,255,255,0.7);
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
}
.gd-listado-servicios__filtrar-figma {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid #91B508;
  border-radius: 50px;
  background: #fff;
  color: #000;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  transition: background 0.2s, color 0.2s;
}
.gd-listado-servicios__filtrar-figma:hover {
  background: #91B508;
  color: #fff;
}
.gd-listado-servicios__filtrar-icon {
  font-size: 1.2em;
}

.gd-listado-servicios__tabla-wrapper-figma {
  overflow-x: auto;
}
.gd-listado-servicios__tabla-figma {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.05);
}
.gd-listado-servicios__th-figma {
  font-size: 0.85rem;
  font-weight: 400;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  background: #fff;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #eceeeb;
}
.gd-listado-servicios__tr-figma {
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  border-bottom: 1px solid #eceeeb;
}
.gd-listado-servicios__td-figma {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
}
.gd-listado-servicios__editar-figma {
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 400;
}
.gd-listado-servicios__editar-figma:hover {
  text-decoration: underline;
  color: #1299D9;
}

.gd-listado a span {
  color: #000;

}


/* Add your custom styles here */

/* Footer */
@media(max-width: 767px) {
  footer .elementor-nav-menu a {
    justify-content: center;
  }	
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-size: inherit!important; 
  font-weight: inherit!important;
  line-height: inherit!important;
}


.elementor-widget-theme-post-featured-image a{
  display: block;
  width: 100%;
}

/* Listado de servicios */
/* ---------------- Listado de Servicios ---------------- */
.gd-listado-servicios {
  background-color: #F9F9F9;
  padding: 2rem;
  border-radius: 5px;
  font-family: sans-serif;
}

.gd-listado-servicios__titulo {
  font-size: 2rem;
  color: #333333;
  margin-bottom: 1rem;
}

.gd-listado-servicios__filtros {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1.5rem;
}

.gd-listado-servicios__search,
.gd-listado-servicios__estado {
  padding: 0.5rem 1rem;
  border: 1px solid #8DC63F;
  border-radius: 20px;
  background-color: #FFFFFF;
  font-size: 1rem;
  color: #333333;
  outline: none;
}

.gd-listado-servicios__search {
  flex: 1;
  max-width: 300px;
}

.gd-listado-servicios__estado {
  max-width: 150px;
}

.gd-listado-servicios__filtrar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid #8DC63F;
  border-radius: 20px;
  background-color: #FFFFFF;
  color: #333333;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.2s, color 0.2s;
}

.gd-listado-servicios__filtrar:hover {
  background-color: #8DC63F;
  color: #FFFFFF;
}

.gd-listado-servicios__tabla-wrapper {
  overflow-x: auto;
}

.gd-listado-servicios__tabla {
  width: 100%;
  border-collapse: collapse;
}

.gd-listado-servicios__tabla th,
.gd-listado-servicios__tabla td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #E0E0E0;
  font-size: 1rem;
  color: #333333;
}

.gd-listado-servicios__tabla th {
  background-color: #FFFFFF;
  position: sticky;
  top: 0;
  font-weight: 600;
}

.gd-listado-servicios__tabla tr:nth-child(odd) {
  background-color: #FFFFFF;
}

.gd-listado-servicios__tabla tr:nth-child(even) {
  background-color: #FCFCFC;
}

.gd-listado-servicios__tabla tr:hover {
  background-color: #ECECEC;
}

.gd-listado-servicios__editar {
  color: #333333;
  text-decoration: none;
  font-size: 1rem;
}

.gd-listado-servicios__editar:hover {
  text-decoration: underline;
}

/* Campos */
.gd-field {
  margin-bottom: 1.5rem;
}

.gd-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
  gap: 1rem 0;
}

.gd-row > * {
  padding: 0 0.5rem;
}

/* Columnas responsive */
.gd-col-1 {
  flex: 0 0 100%;
  max-width: 100%;
}

.gd-col-2 {
  flex: 0 0 50%;
  max-width: 50%;
}

.gd-col-3 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.gd-col-4 {
  flex: 0 0 25%;
  max-width: 25%;
}

/* Responsive: en pantallas pequeñas, todas las columnas se vuelven full-width */
@media (max-width: 768px) {
  .gd-col-2,
  .gd-col-3,
  .gd-col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Responsive: en pantallas medianas, col-3 y col-4 se vuelven col-2 */
@media (max-width: 992px) and (min-width: 769px) {
  .gd-col-3,
  .gd-col-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Espaciado adicional para campos de formulario */
.gd-row .gd-form-group {
  margin-bottom: 1rem;
}

/* Ajustes específicos para campos de vehículos */
.gd-form-vehiculo .gd-row {
  margin-bottom: 1.5rem;
}

.gd-form-vehiculo .gd-col-2,
.gd-form-vehiculo .gd-col-3 {
  min-width: 200px; /* Evita que se compriman demasiado */
}

.gd-col {
  flex: 1;
}

.gd-input,
.gd-select,
.gd-textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #8DC63F !important;
  border-radius: 5px !important;
  background-color: #FFFFFF;
  font-size: 1rem;
  color: #000;
  box-sizing: border-box;
  transition: border-color 0.2s;
}

.gd-input:focus,
.gd-select:focus,
.gd-textarea:focus {
  border-color: #76A635;
  outline: none;
}

.gd-checkbox-field {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.gd-checkbox-label {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #333333;
}

.gd-checkbox {
  margin-left: 0.5rem;
  width: 20px;
  height: 20px;
}

.gd-notice {
  padding: 1rem;
  border-radius: 5px;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}

.gd-notice-error {
  background-color: #FEE5E5;
  border: 1px solid #F5C2C2;
  color: #A94442;
}

.gd-notice-success {
  background-color: #E6F9E6;
  border: 1px solid #B3E6B3;
  color: #3C763D;
}

/* ---------------- Formulario Crear Servicio ---------------- */
.gd-form-servicio {
  background: #ffffff;
  padding: 2rem;
  border-radius: 5px;
  font-family: sans-serif;
  margin-bottom: 2rem;
}

/* ---------------- Formulario Crear  ---------------- */
.crear-formulario {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  padding: 2rem;
  border-radius: 5px;
  margin-bottom: 2rem;
}

.crear-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.crear-topbar-titulo {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
}

.crear-switch-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.crear-footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 2rem;
}

/* Media uploader para conductor */
.gd-media-field {
  border: 1.5px dashed #dbe6c2;
  border-radius: 5px;
  padding: 1.5rem;
  text-align: center;
  background: #f9f9f9;
  margin-bottom: 1rem;
}

.gd-media-preview {
  margin-bottom: 1rem;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gd-media-preview img {
  max-width: 150px;
  max-height: 80px;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.gd-file-icon {
  background: #91B508;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem;
}

.gd-media-buttons {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}

.gd-button-danger {
  background: #dc3545;
  color: #fff;
}

.gd-button-danger:hover {
  background: #c82333;
}

.gd-field-description {
  font-size: 0.9rem;
  color: #666;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Estilos específicos para campo de firma */
.gd-media-upload-firma {
  background: #91B508 !important;
  border-color: #91B508 !important;
}

.gd-media-upload-firma:hover {
  background: #7a9907 !important;
  border-color: #7a9907 !important;
}

.gd-media-remove-firma {
  background: #dc3545;
  color: #fff;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  display: none;
}

.gd-media-remove-firma:hover {
  background: #c82333;
}

/* Input file oculto para firma */
#conductor_firma_file {
  display: none;
}

/* Estilos específicos para campo de licencia */
.gd-media-upload-licencia {
  background: #002f57 !important;
  border-color: #002f57 !important;
  color: #fff !important;
}

.gd-media-upload-licencia:hover {
  background: #001d3a !important;
  border-color: #001d3a !important;
}

.gd-media-remove-licencia {
  background: #dc3545;
  color: #fff;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  display: none;
}

.gd-media-remove-licencia:hover {
  background: #c82333;
}

/* Input file oculto para licencia */
#conductor_licencia_file {
  display: none;
}

/* Grid específico para dos columnas */
.gd-col-2 {
  flex: 1;
}

/* ---------------- Formulario Crear Proveedor ---------------- */
.gd-form-proveedor {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  padding: 2rem;
  border-radius: 5px;
  margin-bottom: 2rem;
}

.gd-form-proveedor__topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.gd-form-proveedor__titulo {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
}

.gd-form-proveedor__switch-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.gd-form-proveedor__footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 2rem;
}

/* Separador de secciones */
.gd-form-separator {
  width: 100%;
  height: 1px;
  background: #dbe6c2;
  margin: 2rem 0;
}

/* Repetidor de servicios */
.gd-repeater-section {
  margin: 2rem 0;
}

.gd-repeater-container {
  border: 1.5px solid #dbe6c2;
  border-radius: 5px;
  padding: 1rem;
  background: #f9f9f9;
}

.gd-repeater-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: #fff;
  border-radius: 5px;
}

.gd-repeater-item:last-child {
  margin-bottom: 0;
}

.gd-repeater-fields {
  display: flex;
  gap: 1rem;
  flex: 1;
}

.gd-field-servicio {
  flex: 2;
}

.gd-field-costo {
  flex: 1;
  min-width: 120px;
}

.gd-field-unidad {
  flex: 1;
  min-width: 140px;
}

.gd-repeater-actions {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}

.gd-button-add-repeater,
.gd-button-remove-repeater {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
}

.gd-button-add-repeater {
  background: #91B508;
  color: #fff;
}

.gd-button-add-repeater:hover {
  background: #6d8c06;
  transform: scale(1.05);
}

.gd-button-remove-repeater {
  background: #dc3545;
  color: #fff;
}

.gd-button-remove-repeater:hover {
  background: #c82333;
  transform: scale(1.05);
}

/* Select2 personalizado */
.gd-select2 {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
  border: 1.5px solid #dbe6c2 !important;
  border-radius: 5px !important;
  padding: 0.7rem 1rem !important;
  min-height: 45px !important;
  font-family: 'Montserrat', sans-serif !important;
  background: #fff !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #91B508 !important;
  outline: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #91B508 !important;
  border: 1px solid #91B508 !important;
  color: #fff !important;
  border-radius: 3px !important;
  padding: 2px 8px !important;
  font-size: 14px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff !important;
  margin-right: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.2) !important;
}

/* Input con iconos */
.gd-input-with-icon {
  padding-left: 3rem;
}

.gd-field-with-icon {
  position: relative;
}

.gd-field-with-icon::before {
  content: '';
  position: absolute;
  left: 1rem;
  top: calc(50% + 10px);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}

/* Iconos específicos - puedes personalizarlos según necesites */

.gd-field-with-icon[data-icon="map"]:before, .gd-form-planta .gd-field-with-icon .gd-input[name="planta-direccion"] + .gd-field-icon,
.gd-form-planta .gd-field-with-icon:has(.gd-input[name="planta-direccion"]):before {
    content: "📍";
    position: absolute;
    left: 12px;
    top: 40%;
    transform: translateY(-50%);
    color: #7ED321;
    font-size: 16px;
    z-index: 2;
    pointer-events: none;
    margin-top: 24px; /* Para alinear con el label */
}

.gd-field-with-icon[data-icon="phone"]:before, .gd-form-planta .gd-field-with-icon .gd-input[name="planta-contacto"] + .gd-field-icon,
.gd-form-planta .gd-field-with-icon:has(.gd-input[name="planta-contacto"]):before {
    content: "📞";
    position: absolute;
    left: 12px;
    top: 40%;
    transform: translateY(-50%);
    color: #7ED321;
    font-size: 16px;
    z-index: 2;
    pointer-events: none;
    margin-top: 24px; /* Para alinear con el label */
}


/* --- Estilos Figma Listado de Plantas --- */
.gd-listado-plantas--figma {
  background: #fff;
  border-radius: 16px;
  font-family: 'Montserrat', sans-serif;
  padding: 2rem;
}

/* --- Topbar fuera del fondo gris para plantas --- */
.gd-listado-plantas__topbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.5rem;
  background: #fff;
  padding: 0 0.5rem;
}

.gd-listado-plantas__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}

.gd-listado-plantas__titulo-figma {
  font-size: 2rem;
  font-weight: 700;
  color: #002f57;
  margin-bottom: 0.25rem;
  font-family: 'Montserrat', sans-serif;
}

.gd-listado-plantas__barra-titulo {
  width: 145px;
  height: 12px;
  background: #003b6d;
  border-radius: 5px 5px 0 0;
  margin-bottom: 1.5rem;
}

.gd-listado-plantas__filtros-figma {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0;
}

.gd-listado-plantas__search-wrapper {
  position: relative;
  flex: 1;
  max-width: 300px;
}

.gd-listado-plantas__search-figma {
  width: 100%;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 50px !important;
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
}

.gd-listado-plantas__search-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.gd-listado-plantas__estado-figma {
  max-width: 150px;
  padding: 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 50px;
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
}

.gd-listado-plantas__filtrar-figma {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  border: 1.5px solid #91B508;
  border-radius: 50px;
  background: #fff;
  color: #000;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  transition: background 0.2s, color 0.2s;
  box-shadow: 0 0 0 2px #91B5081A;
}

.gd-listado-plantas__filtrar-figma:hover {
  background: #91B508;
  color: #fff;
}

.gd-listado-plantas__filtrar-icon,
.gd-listado-plantas__caret-icon {
  display: flex;
  align-items: center;
}

.gd-listado-plantas__tabla-wrapper-figma {
  overflow-x: auto;
}

.gd-listado-plantas__tabla-figma {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #F9F9F9;
  border-radius: 12px;
  font-family: 'Montserrat', sans-serif;
}

.gd-listado-plantas__th-figma {
  font-size: 0.95rem;
  font-weight: 400;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  background: #F9F9F9;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid #eceeeb;
}

.gd-listado-plantas__tr-figma {
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  border-bottom: 1px solid #eceeeb;
  transition: background 0.2s;
}

.gd-listado-plantas__tr-figma:nth-child(odd) {
  background: #fff;
}

.gd-listado-plantas__tr-figma:nth-child(even) {
  background: #F9F9F9;
}

.gd-listado-plantas__tr-figma:hover {
  background: #eceeeb;
}

.gd-listado-plantas__td-figma {
  padding: 1rem 1.2rem;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  vertical-align: middle;
}

.gd-listado-plantas__editar-figma {
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 400;
  transition: color 0.2s;
}

.gd-listado-plantas__editar-figma:hover {
  text-decoration: underline;
  color: #1299D9;
}

.gd-listado-plantas__editar-icon {
  display: flex;
  align-items: center;
}

/* --- Estilos Figma Listado de Conductores --- */
.gd-listado-conductores--figma {
  background: #fff;
  border-radius: 16px;
  font-family: 'Montserrat', sans-serif;
  padding: 2rem;
}

/* --- Topbar fuera del fondo gris para conductores --- */
.gd-listado-conductores__topbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.5rem;
  background: #fff;
  padding: 0 0.5rem;
}

.gd-listado-conductores__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}

.gd-listado-conductores__titulo-figma {
  font-size: 2rem;
  font-weight: 700;
  color: #002f57;
  margin-bottom: 0.25rem;
  font-family: 'Montserrat', sans-serif;
}

.gd-listado-conductores__barra-titulo {
  width: 145px;
  height: 12px;
  background: #003b6d;
  border-radius: 5px 5px 0 0;
  margin-bottom: 1.5rem;
}

.gd-listado-conductores__filtros-figma {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0;
}

.gd-listado-conductores__search-wrapper {
  position: relative;
  flex: 1;
  max-width: 300px;
}

.gd-listado-conductores__search-figma {
  width: 100%;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 50px !important;
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
}

.gd-listado-conductores__search-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.gd-listado-conductores__estado-figma {
  max-width: 150px;
  padding: 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 50px;
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
}

.gd-listado-conductores__filtrar-figma {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  border: 1.5px solid #91B508;
  border-radius: 50px;
  background: #fff;
  color: #000;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  transition: background 0.2s, color 0.2s;
  box-shadow: 0 0 0 2px #91B5081A;
}

.gd-listado-conductores__filtrar-figma:hover {
  background: #91B508;
  color: #fff;
}

.gd-listado-conductores__filtrar-icon,
.gd-listado-conductores__caret-icon {
  display: flex;
  align-items: center;
}

.gd-listado-conductores__tabla-wrapper-figma {
  overflow-x: auto;
}

.gd-listado-conductores__tabla-figma {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #F9F9F9;
  border-radius: 12px;
  font-family: 'Montserrat', sans-serif;
}

.gd-listado-conductores__th-figma {
  font-size: 0.95rem;
  font-weight: 400;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  background: #F9F9F9;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid #eceeeb;
}

.gd-listado-conductores__tr-figma {
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  border-bottom: 1px solid #eceeeb;
  transition: background 0.2s;
}

.gd-listado-conductores__tr-figma:nth-child(odd) {
  background: #fff;
}

.gd-listado-conductores__tr-figma:nth-child(even) {
  background: #fff;
}

.gd-listado-conductores__tr-figma:hover {
  background: #eceeeb;
}

.gd-listado-conductores__td-figma {
  padding: 1rem 1.2rem;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  vertical-align: middle;
}

.gd-listado-conductores__editar-figma {
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 400;
  transition: color 0.2s;
}

.gd-listado-conductores__editar-figma:hover {
  text-decoration: underline;
  color: #1299D9;
}

.gd-listado-conductores__editar-icon {
  display: flex;
  align-items: center;
}

/* --- Estilos Figma Listado de Proveedores --- */
.gd-listado-proveedores--figma {
  background: #fff;
  border-radius: 16px;
  font-family: 'Montserrat', sans-serif;
  padding: 2rem;
}

/* --- Topbar fuera del fondo gris para proveedores --- */
.topbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.5rem;
  background: #fff;
  padding: 0 0.5rem;
}

.topbar-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}

.topbar-filtros {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0;
}

.topbar-search {
  position: relative;
  flex: 1;
  max-width: 300px;
}

.topbar-search-input {
  width: 100%;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 50px !important;
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
}

.topbar-search-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.topbar-estado-select {
  max-width: 150px;
  padding: 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 50px;
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
}

.topbar-filtrar-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  border: 1.5px solid #91B508;
  border-radius: 50px;
  background: #fff;
  color: #000;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  transition: background 0.2s, color 0.2s;
  box-shadow: 0 0 0 2px #91B5081A;
}

.topbar-filtrar-button:hover {
  background: #91B508;
  color: #fff;
}

.topbar-filtrar-icon {
  display: flex;
  align-items: center;
}

.gd-listado-wrapper {
  overflow-x: auto;
}

.gd-listado {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #F9F9F9;
  border-radius: 12px;
  font-family: 'Montserrat', sans-serif;
}

.gd-listado__th {
  font-size: 0.95rem;
  font-weight: 400;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  background: #F9F9F9;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid #eceeeb;
}

.gd-listado__tr {
  background: #fff;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  border-bottom: 1px solid #eceeeb;
  transition: background 0.2s;
}

.gd-listado__tr:nth-child(odd) {
  background: #fff;
}

.gd-listado__tr:nth-child(even) {
  background: #fff;
}

.gd-listado__tr:hover {
  background: #eceeeb;
}

.gd-listado__td {
  padding: 1rem 1.2rem;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  vertical-align: middle;
}

.gd-listado__editar {
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 400;
  transition: color 0.2s;
}

.gd-listado__editar:hover {
  text-decoration: underline;
  color: #91B508;
}

.gd-listado__editar-icon {
  display: flex;
  align-items: center;
}

button.gd-button.gd-button-danger.gd-media-remove-single {
    padding: 0px 8px;
    height: auto;
    width: auto;
    margin: -12px;
    border-radius: 50px;
    border: none;
}

/* ---------------- Formulario Crear Vehículo ---------------- */
.gd-form-vehiculo {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  padding: 2rem;
  border-radius: 5px;
  margin-bottom: 2rem;
}

.gd-form-vehiculo__topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.gd-form-vehiculo__titulo {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
}

.gd-form-vehiculo__switch-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.gd-form-vehiculo__footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 2rem;
}

/* Campo específico para placa del vehículo */
.gd-input[name="placa"] {
  text-transform: uppercase;
}

/* Campos de documentos del vehículo en 3 columnas */
.gd-col-3 {
  flex: 1;
  min-width: 200px;
}

/* Estilos específicos para campos de documentos del vehículo */
.gd-media-field[data-field="vehiculo_tecnomecanica"] .gd-button {
  background: #007cba !important;
  border-color: #007cba !important;
}

.gd-media-field[data-field="vehiculo_tecnomecanica"] .gd-button:hover {
  background: #005a87 !important;
  border-color: #005a87 !important;
}

.gd-media-field[data-field="vehiculo_soat"] .gd-button {
  background: #d63384 !important;
  border-color: #d63384 !important;
}

.gd-media-field[data-field="vehiculo_soat"] .gd-button:hover {
  background: #b02a5b !important;
  border-color: #b02a5b !important;
}

.gd-media-field[data-field="vehiculo_documentos"] .gd-button {
  background: #6f42c1 !important;
  border-color: #6f42c1 !important;
}

.gd-media-field[data-field="vehiculo_documentos"] .gd-button:hover {
  background: #59359a !important;
  border-color: #59359a !important;
}

/* Iconos específicos para cada tipo de documento */
.gd-media-field[data-field="vehiculo_tecnomecanica"]::before {
  content: "🔧";
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  opacity: 0.3;
}

.gd-media-field[data-field="vehiculo_soat"]::before {
  content: "🛡️";
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  opacity: 0.3;
}

.gd-media-field[data-field="vehiculo_documentos"]::before {
  content: "📄";
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  opacity: 0.3;
}

/* Ajustar posición relativa para los iconos */
.gd-media-field {
  position: relative;
}

/* Estilos para documentos múltiples del vehículo */
.gd-media-field-multiple {
  border: 1.5px dashed #dbe6c2;
  border-radius: 5px;
  padding: 1.5rem;
  background: #f9f9f9;
  margin-bottom: 1rem;
}

.gd-media-multiple-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
  min-height: 60px;
  align-items: center;
  justify-content: center;
}

.gd-media-multiple-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0.5rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  max-width: 120px;
}

.gd-media-multiple-item img {
  max-width: 80px;
  max-height: 60px;
  border-radius: 3px;
}

.gd-media-multiple-item .gd-file-icon {
  background: #91B508;
  color: #fff;
  padding: 0.3rem 0.6rem;
  border-radius: 3px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 0.3rem;
}

.gd-media-multiple-item .gd-file-name {
  font-size: 0.75rem;
  color: #666;
  text-align: center;
  word-break: break-word;
  margin-top: 0.3rem;
}

.gd-media-multiple-remove {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #dc3545;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}

.gd-media-multiple-remove:hover {
  background: #c82333;
}

.gd-media-multiple-empty {
  color: #999;
  font-style: italic;
  text-align: center;
  padding: 2rem;
}

.gd-media-multiple-buttons {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1rem;
}

.gd-button-add-multiple {
  background: #91B508 !important;
  color: #fff !important;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  transition: all 0.2s;
}

.gd-button-add-multiple:hover {
  background: #7a9907 !important;
  transform: translateY(-1px);
}

.gd-button-clear-all {
  background: #dc3545;
  color: #fff;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}

.gd-button-clear-all:hover {
  background: #c82333;
}

/* Campo de placa con validación visual */
.gd-input[name="placa"]:invalid {
  border-color: #dc3545;
}

.gd-input[name="placa"]:valid {
  border-color: #28a745;
}

/* Tooltip para formato de placa */
.gd-field-placa {
  position: relative;
}

.gd-field-placa .gd-field-description {
  font-size: 0.85rem;
  color: #666;
  margin-top: 0.3rem;
  font-style: italic;
}

/* ===== ESTILOS RETEFUENTE ===== */
.gd-retefuente-container {
  font-family: 'Montserrat', sans-serif;
  background: #fff;
  padding: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

.gd-retefuente-titulo {
  font-size: 28px;
  font-weight: 700;
  color: #000;
  margin: 0 0 2rem 0;
  font-family: 'Montserrat', sans-serif;
}

/* Columnas del formulario */
.gd-retefuente-form-col {
  padding-right: 2rem;
}

.gd-retefuente-list-col {
  padding-left: 1rem;
}

/* Formulario */
.gd-retefuente-form {
  max-width: 500px;
}

.gd-form-group {
  margin-bottom: 1.5rem;
}

.gd-retefuente-descripcion {
  min-height: 140px;
  resize: vertical;
}

.gd-form-actions {
  margin-top: 2rem;
}

/* Contenedor del listado */
.gd-retefuente-list-container {
  background: #efefef;
  border-radius: 10px;
  padding: 1.5rem;
  height: fit-content;
  min-height: 300px;
}

/* Buscador */
.gd-search-container {
  position: relative;
  margin-bottom: 1.5rem;
}

.gd-search-input {
  width: 100%;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  border: 1px solid #a4a4a4;
  border-radius: 25px;
  font-size: 12px;
  color: #a4a4a4;
  background: rgba(255, 255, 255, 0.7);
  font-family: 'Montserrat', sans-serif;
}

.gd-search-input:focus {
  outline: none;
  color: #000;
}

.gd-search-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #a4a4a4;
  font-size: 1.2rem;
}

/* Encabezados de tabla */
.gd-retefuente-list-header {
  display: flex;
  background: transparent;
  margin-bottom: 1rem;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}

.gd-header-cell {
  padding: 0.5rem;
}

.gd-header-nombre {
  flex: 2;
  min-width: 120px;
}

.gd-header-valor {
  flex: 1;
  min-width: 80px;
}

.gd-header-descripcion {
  flex: 1.5;
  min-width: 100px;
}

.gd-header-acciones {
  flex: 1;
  min-width: 80px;
}

/* Lista de items */
.gd-retefuente-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.gd-retefuente-item {
  display: flex;
  background: #fff;
  border-radius: 5px;
  padding: 0.75rem 0.5rem;
  align-items: center;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.gd-item-cell {
  padding: 0 0.5rem;
}

.gd-item-nombre {
  flex: 2;
  min-width: 120px;
  font-weight: 400;
  color: #000;
}

.gd-item-valor {
  flex: 1;
  min-width: 80px;
  color: #000;
}

.gd-item-descripcion {
  flex: 1.5;
  min-width: 100px;
  color: #000;
}

.gd-item-acciones {
  flex: 1;
  min-width: 80px;
}

/* Botón de editar */
.gd-edit-btn {
  background: transparent;
  border: none;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-family: 'Montserrat', sans-serif;
  padding: 0;
}

.gd-edit-btn:hover {
  color: #91B508;
}

.gd-edit-icon {
  font-size: 16px;
}

/* Mensaje sin items */
.gd-no-items {
  text-align: center;
  color: #666;
  font-style: italic;
  padding: 2rem;
  font-family: 'Montserrat', sans-serif;
}

/* Responsive para retefuente */
@media (max-width: 768px) {
  .gd-retefuente-form-col,
  .gd-retefuente-list-col {
    padding: 0;
    margin-bottom: 2rem;
  }
  
  .gd-retefuente-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  
  .gd-item-cell {
    width: 100%;
    padding: 0.2rem 0;
  }
  
  .gd-retefuente-list-header {
    display: none;
  }
  
  .gd-item-nombre:before {
    content: "Nombre: ";
    font-weight: 600;
  }
  
  .gd-item-valor:before {
    content: "Valor: ";
    font-weight: 600;
  }
  
  .gd-item-descripcion:before {
    content: "Descripción: ";
    font-weight: 600;
  }
}

/* ===== ESTILOS PARA FORMULARIO DE ORDENES DE SERVICIO ===== */

/* Contenedor principal del formulario de órdenes */
.gd-form-orden-container {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

/* Títulos de sección */
.gd-section-header {
  font-size: 18px;
  font-weight: 700;
  color: #002f57;
  margin: 2rem 0 1rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #91B508;
  font-family: 'Montserrat', sans-serif;
}

.gd-section-header:first-child {
  margin-top: 0;
}

/* Canvas de firma */
.gd-signature-container {
  border: 2px dashed #91B508;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  background: #fafafa;
  margin: 15px 0;
}

.gd-signature-canvas {
  border: 2px solid #ddd;
  background: white;
  cursor: crosshair;
  display: block;
  margin: 0 auto 15px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.gd-signature-controls {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-bottom: 15px;
}

.gd-signature-controls button {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  transition: all 0.3s ease;
}

.gd-signature-clear {
  background: #f5f5f5 !important;
  color: #666 !important;
  border: 2px solid #ddd !important;
}

.gd-signature-clear:hover {
  background: #e8e8e8;
  border-color: #bbb !important;
}

.gd-button-secondary.gd-signature-clear:hover {
    color: #000000 !important;
}

.gd-signature-save {
  background: #91B508;
  color: white;
}

.gd-signature-save:hover {
  background: #7a9907;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(145, 181, 8, 0.3);
}

.gd-signature-preview {
  margin-top: 15px;
  padding: 15px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.gd-signature-preview img {
  max-width: 100%;
  height: auto;
  border: 1px solid #eee;
  border-radius: 3px;
}

.gd-signature-help {
  color: #666;
  font-size: 13px;
  margin: 10px 0 0;
  font-style: italic;
  line-height: 1.4;
}

/* Campos con error */
.gd-field-error {
  border-color: #e74c3c !important;
  box-shadow: 0 0 8px rgba(231, 76, 60, 0.3) !important;
}

/* Estilos específicos para campos de orden */
.gd-form-orden .gd-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

/* Campos deshabilitados (como puntos sin cliente) */
.gd-punto-select:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}

/* Repetidor de servicios */
.gd-form-orden .gd-repeater-item {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 15px;
  position: relative;
}

.gd-form-orden .gd-repeater-item:hover {
  border-color: #91B508;
  box-shadow: 0 2px 8px rgba(145, 181, 8, 0.1);
}

.gd-form-orden .gd-repeater-add:hover {
  background: #7a9907;
  transform: scale(1.1);
}

.gd-form-orden .gd-repeater-remove:hover {
  background: #c0392b;
  transform: scale(1.1);
}

/* Botones de acción del formulario */
.gd-form-orden .gd-form-actions {
  display: flex;
  gap: 15px;
  justify-content: flex-end;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

/* Campos de información */
.gd-info-badge {
  display: inline-block;
  background: #91B508;
  color: white;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 10px;
}

/* Responsive para formulario de órdenes */
@media (max-width: 768px) {
  .gd-form-orden-container {
    padding: 1rem;
  }
  
  .gd-form-orden .gd-col-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .gd-signature-canvas {
    width: 100%;
    max-width: 100%;
    height: 150px;
  }
  
  .gd-signature-controls {
    flex-direction: column;
    align-items: center;
  }
  
  .gd-signature-controls button {
    width: 200px;
  }
  
  .gd-form-orden .gd-form-actions {
    flex-direction: column;
  }
  
  .gd-form-orden .gd-form-actions button,
  .gd-form-orden .gd-form-actions a {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .gd-section-header {
    font-size: 16px;
  }
  
  .gd-signature-controls button {
    width: 150px;
    padding: 8px 16px;
    font-size: 13px;
  }
}

.topbar-cliente-select {
    max-width: 350px;
    width: 200px;
    padding: 0.5rem 1rem;
    border: 1px solid #a4a4a4;
    border-radius: 50px;
    background: #fff;
    font-size: 1rem;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

.gd-listado-ordenes__search-wrapper.topbar-search {
  display:none;
}

/* Eliminar*/

a.gd-listado__eliminar span {
    color: #ef4444 !important;
 }

/* Estilos para enlace de eliminar en listados */
.gd-listado__eliminar {
    display: inline-flex;
    cursor: pointer;
}


.gd-listado__eliminar:hover {
    text-decoration: underline;
    color: #ef4444 !important;
}

/* Estado deshabilitado se maneja via JavaScript con opacity y pointer-events */
.gd-listado__eliminar[style*="pointer-events: none"] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: #f3f4f6;
    color: #6b7280;
    border-color: #d1d5db;
}

.gd-listado__eliminar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gd-listado__eliminar-icon svg {
    width: 16px;
    height: 16px;
}

/* Espaciado entre botones de acción */
.gd-listado__td-acciones {
    white-space: nowrap;
    min-width: 120px;
}

.gd-listado__editar {
    margin-right: 4px;
}

/* Responsive - en móviles agrupar botones verticalmente */
@media (max-width: 768px) {
    .gd-listado__td-acciones {
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
    }
    
    .gd-listado__eliminar {
        margin-left: 0;
        width: 100%;
        justify-content: center;
    }
    
    .gd-listado__editar {
        margin-right: 0;
        width: 100%;
        justify-content: center;
    }
}

.icono-ajustes {
  display: inline-block;
  width: 24px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'><path d='M1.00014 19C1.07985 19.0097 1.16043 19.0097 1.24014 19L5.24014 18C5.41758 17.9578 5.58011 17.8679 5.71014 17.74L18.0001 5.41003C18.3726 5.0353 18.5817 4.5284 18.5817 4.00003C18.5817 3.47165 18.3726 2.96475 18.0001 2.59003L16.4201 1.00003C16.2344 0.814073 16.0138 0.666555 15.771 0.565906C15.5282 0.465257 15.268 0.413452 15.0051 0.413452C14.7423 0.413452 14.4821 0.465257 14.2393 0.565906C13.9965 0.666555 13.7759 0.814073 13.5901 1.00003L1.30014 13.29C1.17092 13.4206 1.07788 13.5826 1.03014 13.76L0.0301354 17.76C-0.00580672 17.8894 -0.0153198 18.0247 0.00216365 18.1579C0.0196471 18.291 0.0637689 18.4193 0.131897 18.535C0.200025 18.6507 0.290764 18.7515 0.3987 18.8314C0.506636 18.9113 0.629559 18.9687 0.760135 19C0.839845 19.0097 0.920426 19.0097 1.00014 19ZM15.0001 2.41003L16.5901 4.00003L15.0001 5.59003L13.4201 4.00003L15.0001 2.41003ZM2.91014 14.51L12.0001 5.41003L13.5901 7.00003L4.49014 16.1L2.38014 16.62L2.91014 14.51Z' fill='%23003B6D'/><path d='M1.00014 19C1.07985 19.0097 1.16043 19.0097 1.24014 19L5.24014 18C5.41758 17.9578 5.58011 17.8679 5.71014 17.74L18.0001 5.41003C18.3726 5.0353 18.5817 4.5284 18.5817 4.00003C18.5817 3.47165 18.3726 2.96475 18.0001 2.59003L16.4201 1.00003C16.2344 0.814073 16.0138 0.666555 15.771 0.565906C15.5282 0.465257 15.268 0.413452 15.0051 0.413452C14.7423 0.413452 14.4821 0.465257 14.2393 0.565906C13.9965 0.666555 13.7759 0.814073 13.5901 1.00003L1.30014 13.29C1.17092 13.4206 1.07788 13.5826 1.03014 13.76L0.0301354 17.76C-0.00580672 17.8894 -0.0153198 18.0247 0.00216365 18.1579C0.0196471 18.291 0.0637689 18.4193 0.131897 18.535C0.200025 18.6507 0.290764 18.7515 0.3987 18.8314C0.506636 18.9113 0.629559 18.9687 0.760135 19C0.839845 19.0097 0.920426 19.0097 1.00014 19ZM15.0001 2.41003L16.5901 4.00003L15.0001 5.59003L13.4201 4.00003L15.0001 2.41003ZM2.91014 14.51L12.0001 5.41003L13.5901 7.00003L4.49014 16.1L2.38014 16.62L2.91014 14.51Z' fill='black' fill-opacity='0.2'/></svg>");
}