@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap");
@font-face {
  font-family: "FS Joey";
  src: url(../fonts/FSJoey-Bold.woff2) format("woff2"), url(../fonts/FSJoey-Bold.woff) format("woff"), url(../fonts/FSJoey-Bold.eot) format("eot"), url(../fonts/FSJoey-Bold.svg) format("svg"), url(../fonts/FSJoey-Bold.ttf) format("truetype");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "FS Joey";
  src: url(../fonts/FSJoey-Medium.woff2) format("woff2"), url(../fonts/FSJoey-Medium.woff) format("woff"), url(../fonts/FSJoey-Medium.eot) format("eot"), url(../fonts/FSJoey-Medium.svg) format("svg"), url(../fonts/FSJoey-Medium.ttf) format("truetype");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Fe Font";
  src: url(../fonts/Fe-Font.ttf) format("truetype");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

:root {
  --colorBlue:#0033A0;
  --colorBlueLight: #8189a9;
  --colorCyan: #00AEC7;
  --colorCyanLight: #E5F7F9;
  --colorYellow: #e3e829;
  --colorWhite: #FFFFFF;
  --colorGrayLight: #ECF0F1;
  --colorGrayDark: #53565a;
  --colorRed: #E4002B;
  --fontBarlow: "Barlow", sans-serif;
  --fontFSJoey: "FS Joey", sans;
  --transition-02-ease: all 0.2s ease;
}
* {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  text-rendering: optimizeLegibility;
  transition: var(--transition-02-ease)
}

body {
  font-family: var(--fontBarlow);
}
input {
  width: 0;
}
.btn-noborder-arrow, .btn-blue-plus, .btn-yellow-download, .btn-blue-download, .btn-border-blue-email, .btn-blue, .btn-disabled, .btn-noborder, .btn-border-blue, .btn-call-blue, .btn-yellow {
  width: max-content;
  height: auto;
  padding: 12px 26px;
  border-radius: 100px;
  letter-spacing: 1px;
  font: normal 700 16px/20px var(--fontBarlow) !important;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
.btn-noborder-arrow:hover, .btn-blue-plus:hover, .btn-yellow-download:hover, .btn-blue-download:hover, .btn-border-blue-email:hover, .btn-blue:hover, .btn-disabled:hover, .btn-noborder:hover, .btn-border-blue:hover, .btn-call-blue:hover, .btn-yellow:hover {
  cursor: pointer;
  text-decoration: none;
}
.btn-noborder-arrow:focus, .btn-blue-plus:focus, .btn-yellow-download:focus, .btn-blue-download:focus, .btn-border-blue-email:focus, .btn-blue:focus, .btn-disabled:focus, .btn-noborder:focus, .btn-border-blue:focus, .btn-call-blue:focus, .btn-yellow:focus {
  outline: none;
  text-decoration: none;
  outline-offset: 0;
}
@media (max-width: 768px) {
  .btn-noborder-arrow, .btn-blue-plus, .btn-yellow-download, .btn-blue-download, .btn-border-blue-email, .btn-blue, .btn-disabled, .btn-noborder, .btn-border-blue, .btn-call-blue, .btn-yellow {
    font-size: 13px;
    padding: 12px 16px;
  }
}
@media (max-width: 343px) {
  .btn-noborder-arrow, .btn-blue-plus, .btn-yellow-download, .btn-blue-download, .btn-border-blue-email, .btn-blue, .btn-disabled, .btn-noborder, .btn-border-blue, .btn-call-blue, .btn-yellow {
    font-size: 12px;
    padding: 10px 14px;
    letter-spacing: 0;
  }
}

.btn-noborder-arrow:before, .btn-blue:before {
  content: "";
  position: absolute;
  background: url(https://cdnsegurossuraprd.azureedge.net/sitefinity/docs/default-source/landing-yapp/icon-arrow.svg?sfvrsn=8d55326d_2) no-repeat center center;
  background-size: 20px;
  background-position: 0px 0px;
  width: 20px;
  height: 20px;
  top: 1.5rem;
}
@media (max-width: 768px) {
  .btn-noborder-arrow:before, .btn-blue:before {
    background-size: 18px;
    width: 18px;
    height: 20px;
  }
}

.btn-yellow-download:before, .btn-blue-download:before {
  content: "";
  position: absolute;
  background: url(https://cdnsegurossuraprd.azureedge.net/sitefinity/docs/default-source/landing-sección-siniestros-2022/icon-download-button.svg?sfvrsn=3f7fdf52_2) no-repeat center center;
  background-size: 16px;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
}

.btn-blue-plus:before {
  content: "";
  position: absolute;
  background: url(https://cdnsegurossuraprd.azureedge.net/sitefinity/docs/default-source/landing-mundo-sura-2022/btn-icon-plus-white.svg?sfvrsn=fce15751_2) no-repeat center center;
  background-size: 16px;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
}

.btn-border-blue-email:before {
  content: "";
  position: absolute;
  background: url(https://cdnsegurossuraprd.azureedge.net/sitefinity/docs/default-source/landing-colectivos-2023/sura-icon-email.svg?sfvrsn=67bf085a_2) no-repeat center center;
  background-size: 24px;
  background-position: 0px 0px;
  width: 24px;
  height: 24px;
}

button {
  outline: none !important;
  border: none;
}
.btn-yellow {
  color: var(--colorBlue);
  background-color: var(--colorYellow);
  transition: var(--transition-02-ease);
  outline: none !important;
  border-color: var(--colorYellow);
}
.btn-yellow:hover {
  color: var(--colorWhite);
  background-color: var(--colorBlue);
  transition: var(--transition-02-ease);
}

.btn-call-blue {
  color: var(--colorWhite);
  background-color: var(--colorBlue);
  transition: var(--transition-02-ease);
  text-decoration: none;
  /* border: solid 2px var(--colorBlue); */
}
.btn-call-blue:hover {
  color: var(--colorBlue);
  background-color: var(--colorYellow);
  transition: var(--transition-02-ease);
  text-decoration: none;
  border-color: var(--colorYellow);
}
.btn-call-blue:focus {
  color: var(--colorWhite);
  background-color: var(--colorBlue);
  transition: var(--transition-02-ease);
  text-decoration: none;
}

.btn-border-blue {
  color: var(--colorBlue);
  transition: var(--transition-02-ease);
  border: 2px solid var(--colorBlue);
}
.btn-border-blue:hover {
  transition: var(--transition-02-ease);
  background-color: #d3e1ff;
  color: var(--colorBlue);
}

.btn-noborder {
  color: var(--colorBlue);
  transition: var(--transition-02-ease);
}
.btn-noborder:hover {
  background-color: #E3E7F2;
  transition: var(--transition-02-ease);
  text-decoration: none;
}

.btn-disabled {
  color: var(--colorGrayLight) !important;
  background-color: #bdc4d4 !important;
  transition: var(--transition-02-ease);
}
.btn-disabled:hover {
  color: var(--colorGrayLight) !important;
  background-color: #bdc4d4 !important;
  transition: var(--transition-02-ease);
  cursor: default !important;
}
.btn-disabled:hover::before {
  filter: invert(50%) !important;
}

.btn-blue {
  color: var(--colorWhite);
  background-color: var(--colorBlue);
  transition: var(--transition-02-ease);
  text-decoration: none;
  padding-left: 6rem;
}
.btn-blue:before {
  left: 2rem;
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(61deg) brightness(108%) contrast(101%);
}
.btn-blue:hover {
  color: var(--colorBlue);
  background-color: var(--colorYellow);
  transition: var(--transition-02-ease);
  text-decoration: none;
}
.btn-blue:hover:before {
  filter: brightness(0) saturate(100%) invert(10%) sepia(88%) saturate(2995%) hue-rotate(212deg) brightness(129%) contrast(115%);
}
.btn-blue:focus {
  color: var(--colorWhite);
  background-color: var(--colorBlue);
  transition: var(--transition-02-ease);
  text-decoration: none;
}

.btn-border-blue-email {
  color: var(--colorBlue);
  background-color: var(--colorWhite);
  transition: var(--transition-02-ease);
  border: 2px solid var(--colorBlue);
  padding-left: 4rem;
}
.btn-border-blue-email:before {
  left: 1.4rem;
  top: 0.7rem;
}
.btn-border-blue-email:hover {
  transition: var(--transition-02-ease);
  background-color: #d3e1ff;
}

.btn-blue-download {
  color: var(--colorWhite);
  background-color: var(--colorBlue);
  transition: var(--transition-02-ease);
  padding-left: 5rem;
}
.btn-blue-download:before {
  left: 2rem;
  filter: invert(100%) sepia(100%) saturate(94%) hue-rotate(165deg) brightness(110%) contrast(100%);
}
.btn-blue-download:hover {
  transition: var(--transition-02-ease);
  background-color: var(--colorYellow);
  color: var(--colorBlue);
}
.btn-blue-download:hover::before {
  filter: none;
  text-align: center;
}

.btn-yellow-download {
  color: var(--colorBlue);
  background-color: var(--colorYellow);
  transition: var(--transition-02-ease);
  padding-left: 5rem;
}
.btn-yellow-download:before {
  left: 2rem;
}
.btn-yellow-download:hover {
  transition: var(--transition-02-ease);
  background-color: var(--colorBlue);
  color: var(--colorWhite);
}
.btn-yellow-download:hover::before {
  filter: invert(100%) sepia(100%) saturate(94%) hue-rotate(165deg) brightness(110%) contrast(100%);
}

.btn-blue-plus {
  color: var(--colorWhite) !important;
  background-color: var(--colorBlue);
  transition: var(--transition-02-ease);
  border: 2px solid var(--colorBlue);
  padding-left: 4rem;
  padding-right: 1rem;
}
.btn-blue-plus:before {
  left: 1.2rem;
  top: 0.9rem;
}
.btn-blue-plus:hover {
  transition: var(--transition-02-ease);
  background-color: var(--colorYellow);
  border: 2px solid var(--colorYellow);
  color: var(--colorBlue) !important;
}
.btn-blue-plus:hover:before {
  filter: invert(78%) sepia(18%) saturate(6182%) hue-rotate(188deg) brightness(99%) contrast(104%);
}

.btn-noborder-arrow {
  color: var(--colorBlue);
  transition: var(--transition-02-ease);
  padding-left: 6rem;
}
.btn-noborder-arrow:before {
  left: 2rem;
  filter: invert(30%) sepia(100%) saturate(1542%) hue-rotate(215deg) brightness(53%) contrast(611%);
}
.btn-noborder-arrow:hover {
  text-decoration: underline;
  transition: var(--transition-02-ease);
  color: var(--colorBlue);
}

/*the container must be positioned relative:*/
.custom-select {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  font-family: var(--fontBarlow);
  min-width: 260px;
  max-width: 260px;
  margin-top: -2px;
}

.custom-select label {
  color: var(--colorBlue) !important;
  font: normal 400 12px/14.4px var(--fontBarlow);
  margin: 0 20px 0.3rem;
}
@media screen and (max-width: 768px) {
  .custom-select {
    width: 100%;
  }
}

.select-selected {
  background-color: var(--colorCyan);
  position: relative;
  box-shadow: 0px 2px 20px var(--colorGrayLight);
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 20px;
  right: 20px;
  width: 10px;
  height: 10px;
  background: url(../img/icons/sura-icon-arrow-down.svg) no-repeat center center;
  background-size: 10px;
  transition: var(--transition-02-ease);
  transform: rotate(0deg);
}

.select-items div,
.select-selected {
  color: var(--colorGrayDark);
  font-weight: 400;
  padding: 14px 24px;
  border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent;
  cursor: pointer;
  user-select: none;
  height: 56px;
  font-size: 16px;
}

.select-items div {
  padding: 10px 20px;
}

.select-selected {
  color: var(--colorGrayDark);
  background-color: var(--colorWhite);
  border-radius: 50px;
  animation: animateDisplay 0.3s ease;
  border: 1px solid #E6E6E6;
}

.select-items {
  position: absolute;
  background-color: var(--colorWhite);
  top: 54px;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 15px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  height: 162px;
  overflow-y: scroll;
  animation: animateDisplay 0.3s ease;
}

.selection .select-items {
  height: auto;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
  animation: animateDisplay 0.3s ease;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 174, 199, 0.08);
  color: var(--colorGrayDark);
}

.select-selected.select-arrow-active {
  border-radius: 50px;
  background-color: var(--colorWhite);
  color: var(--colorGrayDark);
  -webkit-box-shadow: inset 0px 0px 0px 2px var(--colorCyan);
  -moz-box-shadow: inset 0px 0px 0px 2px var(--colorCyan);
  box-shadow: inset 0px 0px 0px 2px var(--colorCyan);
}
.select-selected.select-arrow-active:before {
  content: "";
  background: var(--colorWhite);
  height: 30px;
  width: 101%;
  position: absolute;
  background-size: 100%;
  top: 25px;
  z-index: -1;
  left: -1px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.select-selected.select-arrow-active:after {
  transition: var(--transition-02-ease);
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .select-selected.select-arrow-active:before {
    width: 100%;
  }
}

.select-selected.select-error {
  border: 2px solid var(--colorRed);
}
.select-selected.select-error:after {
  content: "";
  background: url(../img/sura-icon-error-input.svg) no-repeat center center;
  height: 16px;
  width: 16px;
  position: absolute;
  background-size: 16px;
  top: 17px;
  z-index: 1;
  right: 16px;
  border: none;
}

.nuevo-wrap {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  background-color: var(--colorWhite);
}
.nuevo-wrap .container-autofull {
  max-width: 920px;
}
.contenedor {
  max-width: 1200px;
  width: 100% !important;
  height: 100%;
  position: relative;
  margin: 0 auto;
}

header {
  width: 100%;
  height: 64px;
  background-color: var(--colorBlue);
  display: flex !important;
  justify-content: space-between;
}
header .header-content {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  justify-content: space-between;
  align-items: center;
}
header .header-logo-right {
  max-width: 340px;
  background-color: var(--colorBlue);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-grow: 1;
}
header .header-logo-right .bar-cyan {
  height: 40px;
  width: 2px;
  background-color: var(--colorCyan);
}
header .header-logo-right .bar-big {
  height: 60px;
}
header .header-logo-right .box-text-header {
  position: relative;
  margin-right: 3rem;
}
header .header-logo-right .box-text-header p {
  font: normal 400 22px/1 var(--fontFSJoey);
  color: var(--colorWhite);
  margin-bottom: 4.5rem;
}
header .header-logo-right .box-text-header:before {
  position: absolute;
  content: "";
  width: 150px;
  height: 35px;
  background-color: #d9d9d9;
  bottom: 0.4rem;
}

.progress {
  background-color: var(--colorWhite) !important;
  height: 5px !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}
.progress .progress-bar {
  height: 5px !important;
  background-color: var(--colorCyan) !important;
  box-shadow: none !important;
}

main {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  background-color: var(--colorWhite);
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}
main .title-box {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 1rem 1rem 0rem;
}

main .cotizacion-rci__title {
  font: normal 700 28px/33.6px var(--fontFSJoey);
  color: var(--colorBlue);
  margin: 1rem 0;
  position: relative;
}
main .cotizacion-rci__title::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  border-radius: 8px;
  background-color: var(--colorCyan);
  border: solid 2px var(--colorCyan);
  top: -1rem;
  left: 0;
}
main .cotizacion-rci__text {
  font: normal 400 18px/21.6px var(--fontBarlow);
  color: var(--colorGrayDark);
  letter-spacing: 0.0015em;
  max-width: 700px;
}
@media (max-width: 768px) {
  main .title-box {
    margin: 1rem 1rem 0;
    padding: 1rem 0 0;
  }
  main .cotizacion-rci__title {
    margin: 0 0 1rem;
  }
  main .cotizacion-rci__title::before {
    top: -1rem
  }
}
.main-resumen::before {
  height: 45%;
}

.main-exito {
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
.main-exito:before {
  display: none;
}

.container-autofull {
  width: 100%;
  max-width: 991px;
  background-color: var(--colorGrayLight);
}

.sidebar-autofull {
  width: 100%;
  max-width: 330px;
  padding: 1rem 0;
  transition: opacity 500ms ease-in;
}
.sidebar-autofull.side-skelleton {
  max-width: 265px;
}
.arrow-double {
  display: none;
}

@media (max-width: 768px) {
  header .header-logo-right {
    justify-content: flex-end;
    cursor: pointer;
    gap: 0;
  }
  header .header-logo-right img {
    width: 160px;
  }
  .container-autofull {
    width: 100%;
    max-width: 900px;
  }
  .sidebar-autofull {
    background-color: var(--colorWhite);
    position: absolute;
    right: 0;
    top: 0;
    width: 316px;
    z-index: 6;
    padding: 1rem;
    box-shadow: 0px 15px 51px rgba(0, 45, 84, 0.3);
  }
}
.container-intern {
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.container-intern .card-datos {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 904px;
  min-width: 500px;
  padding: 2rem 1rem;
  background: var(--colorWhite);
  box-shadow: 0px 15px 51px rgba(0, 45, 84, 0.13);
  border-radius: 0;
  position: relative;
  margin-bottom: 2rem;
}
.container-intern .card-datos .title-card {
  font: normal 700 24px/1.1 var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0 0 2rem;
  position: relative;
}

.container-nopad {
  flex-direction: column;
}

.c-align-center {
  align-items: center;
}

.container-left {
  position: relative;
  width: 100%;
  max-width: 420px;
}
.container-left .card-exito-denuncio {
  padding-bottom: 1rem;
  margin-bottom: 2rem;;
}
.container-left .btn-noborder {
  margin: 0 auto;
  display: block;
}

.group-inputs {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  max-width: 786px;
}

.group-inputs-alicenter {
  align-items: center;
}

.group-inputs-gap {
  gap: 1rem;
  justify-content: space-between;
}

.group-border-bottom {
  border-bottom: 1px solid var(--colorGrayLight);
}

.form-group {
  max-width: 296px;
  margin-right: 3rem;
  margin-bottom: 15px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.3rem;
}
.form-group label {
  color: var(--colorBlue);
  font: normal 400 12px/14.4px var(--fontBarlow);
  margin-left: 16px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.form-group input.form-control {
  width: 100%;
  height: 56px;
  padding: 1rem 1.5rem;
  border-radius: 40px;
  border: 1px solid #ededed;
  background-color: var(--colorWhite);
  color: var(--colorGrayDark);
  font: normal 400 16px/1 var(--fontBarlow);
  box-shadow: 0 2px 20px 0 var(--colorGrayLight);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-group input.form-control:focus {
  outline: none;
  border-color: var(--colorCyan);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-group input.form-control::placeholder {
  color: rgba(83, 86, 90, 0.4);
}
.form-group input.form-control.disabled {
  background-color: #fbfbfb !important;
  box-shadow: none;
}
.form-group .custom-select, .form-group .custom-select-search {
  padding: 0;
  color: var(--colorGrayDark);
  position: relative;
  border: none !important;
  margin-top: 0;
  margin-bottom: 0.35rem;;
}

.patente-container {
  height: 120px;
  align-items: flex-start;
}
@media (max-width: 820px) {
  .patente-container {
    height: 150px;
  }
}
.is-patente-new {
  align-self: center;
  max-width: 220px;
  margin: 0 0 1rem;
}
.patente-container .form-group-s {
  justify-content: flex-start;
}
.label-propietario {
  gap: 1rem;
}
.label-propietario .button-tooltip {
  margin-left: 1rem;
}
.form-group input.date {
  max-width: 296px;
  padding-left: 56px;
  position: relative;
  background: url(../img/icons/sura-icon-calendar.svg) no-repeat;
  background-size: 18px;
  background-position-x: 9%;
  background-position-y: 16px;
}
.form-group.form-direccion {
  max-width: 608px;
}
.form-group p {
  font: normal 500 16px/19.2px var(--fontBarlow);
  color: var(--colorGrayDark);
  letter-spacing: 0.001em;
}
.form-group .mb-0 {
  margin-bottom: 0;
}
.form-group .detalle-siniestro {
  font: normal 400 13px/15.6px var(--fontBarlow);
  color: var(--colorGrayDark);
  letter-spacing: 0.04em;
}

.form-group-mini {
  max-width: 220px;
  margin-right: 0rem;
  justify-content: flex-start;
}

.box-año {
  max-width: 250px;
  display: flex;
  align-items: flex-start;
}
.box-año .select-mini {
  margin-top: 1px;
}

.form-group-xs {
  max-width: 220px;
  margin-right: 2rem;
}

.form-group-s {
  max-width: 220px;
  margin-right: 2rem;
}

.form-group-select {
  max-width: 100% !important;
  min-width: auto !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.form-group-fechas {
  max-width: 200px;
  margin-right: 0rem;
}

.form-group-md {
  max-width: 232px;
}

.form-group-md2 {
  max-width: 242px;
}

.form-group-m {
  max-width: 295px;
  margin-right: 0;
}

.form-group-l {
  max-width: 280px;
}

.form-group-lg {
  max-width: 344px;
}

.form-group-lx {
  max-width: 400px;
}

.form-group-xl {
  max-width: none;
  margin-right: 1rem;
}
.form-group-xl .lbl-certificado {
  font: normal 500 18px/21.6px var(--fontBarlow);
  color: var(--colorGrayDark);
  margin-left: 1rem;
  margin-bottom: 0;
  text-align: center;
}

.group-inputs-aligR {
  justify-content: flex-end;
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--colorGrayLight);
  margin-bottom: 3rem;
}

.group-inputs-center {
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.select-s {
  min-width: 220px;
  max-width: 220px;
}

.select-f {
  min-width: auto;
  max-width: 100%;
}
.select-f .select-selected {
  height: 56px;
  padding: 15px 20px;
}
.select-f .select-selected::after {
  top: 24px;
}

.select-mini {
  min-width: 140px;
  max-width: 140px;
}

.form-group.form-group-rut {
  max-width: 296px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin: 0;
}
.form-group.form-group-rut .form-group-rut__rut {
  width: 232px;
}
.form-group.form-group-rut .form-group-rut__guion {
  max-width: 20px;
  min-height: 48px;
  padding-bottom: 1rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.form-group.form-group-rut .form-group-rut__dv {
  width: 42px;
  min-width: 42px;
}

.form-group-direccion {
  max-width: 100%;
  margin-right: 2rem;
}

.campos-requeridos {
  font: italic 400 13px/15.6px var(--fontBarlow);
  color: var(--colorGrayDark);
  padding-left: 1rem;
  margin: 2rem 0 1rem;
}

.box-boton {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  flex-direction: column;
  align-self: flex-end;
  margin-right: 1rem;
}

.message-error {
  color: var(--colorRed);
  font: normal 400 12px/14.4px var(--fontBarlow);
  margin-left: 16px;
  visibility: hidden;
}

.error-icon {
  background: url(../img/icons/icon-info-red.svg) no-repeat !important;
  background-position: 90% center !important;
}

.error-border {
  border: solid 1px var(--colorRed) !important;
}

.hint-press-enter {
  font: italic 400 13px/15.6px var(--fontBarlow);
  color: var(--colorBlue);
  position: relative;
  padding-right: 2rem;
  margin: 0;
}
.hint-press-enter::before {
  position: absolute;
  content: "";
  background: url(../img/icons/icon-tecla-enter.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  right: 0;
}

.footer-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  border-top: solid 1px var(--colorGrayLight);
}
.footer-card .btn-nav {
  text-transform: uppercase;
  font: normal 500 10px/12px var(--fontBarlow);
  letter-spacing: 0.15em;
  color: rgba(0, 51, 160, 0.4);
  padding: 2rem;
  cursor: pointer;
  text-decoration: none;
}
.footer-card .anterior {
  padding-left: 5rem;
  position: relative;
  cursor: default;
}
.footer-card .anterior:before {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  left: 0;
  top: 0.4rem;
  background: url(../img/icons/icon-btn-prev.svg);
}
.footer-card .active-link {
  color: var(--colorBlue);
  font-weight: 700;
  cursor: pointer;
}
.footer-card .active-link:before {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  left: 0;
  top: 0.4rem;
  background: url(../img/icons/icon-btn-prev-active.svg);
}
.footer-card .siguiente {
  padding-right: 5rem;
  position: relative;
  cursor: default;
}
.footer-card .siguiente:before {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  right: 0;
  top: 0.4rem;
  background: url(../img/icons/icon-btn-next.svg);
}

.tabla-datos {
  z-index: 2;
  width: 100%;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}
.tabla-datos .datos-declaracion {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.tabla-datos .datos-declaracion .header-table {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1rem 1rem 0;
  border-radius: 1rem;

}
.tabla-datos .datos-declaracion .header-table .title-table {
  font: normal 700 1.2rem/22px var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0;
}
.tabla-datos .datos-declaracion .header-table img {
  padding: 1rem;
  transition: var(--transition-02-ease) !important;
  rotate: 180deg;
}
.tabla-datos .datos-declaracion .header-table[aria-expanded=true] img {
  transform: rotate(180deg);
  transition: var(--transition-02-ease);
}
.tabla-datos .datos-declaracion .box-datos-siniestro {
  width: 100%;
  padding: 1rem 0;
  background-color: var(--colorWhite);
  border-radius: 1rem;
}
.tabla-datos .datos-declaracion .separator-blue {
  margin: 0;
  border-bottom: solid 1px var(--colorBlue);
  width: 100%;
  opacity: 1;
}
.tabla-datos .datos-declaracion .title-table {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.8rem;
}
.tabla-datos .datos-declaracion .title-table .num-title {
  background-color: var(--colorWhite);
  padding: 0.2rem 0.5rem;
  border-radius: 50%;
  border: solid 1px var(--colorBlue);
  font: normal 400 12px/14px var(--fontBarlow);
  color: var(--colorBlue);
  background-color: rgba(0, 51, 160, 0.1);
}
.tabla-datos .datos-declaracion .title-table .text-title {
  font: normal 700 12px/12px var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  flex-grow: 2;
}
.tabla-datos .datos-declaracion .row-table {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 0rem 0.4rem 0.2rem;
}
.tabla-datos .datos-declaracion .row-table .text-row {
  font: normal 600 12px/16px var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  max-width: 150px;
}
.tabla-datos .datos-declaracion .row-table .direccion-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-grow: 2;
}
.tabla-datos .datos-declaracion .row-table .value-row {
  font: italic 700 12px/16px var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  flex-grow: 2;
  text-align: right;
}
.tabla-datos .img-denuncio-mobile {
  width: 100%;
  z-index: 2;
  display: none;
  flex-direction: column;
  gap: 2rem;
}
.tabla-datos .img-denuncio-mobile a {
  align-self: flex-end;
}
.tabla-datos .img-denuncio-mobile img {
  align-self: flex-end;
  width: 100%;
  max-width: 200px;
}

.img-denuncio {
  max-width: 500px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.img-denuncio img {
  width: 100%;
  max-width: 420px;
}

.img-denuncio-resumen {
  width: 100%;
  max-width: 600px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.img-denuncio-resumen .img-exito {
  margin-bottom: 1rem;
  width: 100%;
  max-width: 400px;
  align-self: center;
}
.img-denuncio-resumen .img-resumen {
  width: 100%;
  max-width: 600px;
}

.box-encuesta {
  background: rgba(236, 240, 241, 0.5);
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.box-encuesta .img-encuesta {
  max-width: 50px;
}
.box-encuesta p {
  max-width: 300px;
  margin: 0;
  font: normal 400 18px/21.6px var(--fontBarlow);
  color: var(--colorBlue);
}
.box-encuesta .span-cyan {
  font-weight: 700;
  color: var(--colorCyan);
}
.box-encuesta .span-blue {
  font-weight: 700;
  color: var(--colorBlue);
}

.container-mejora-seguro {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  width: 100%;
}

.mejora-seguro__box {
  display: flex;
  width: 100%;
  max-width: 400px;
  margin: 5rem 0 2rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
}
.mejora-seguro__box .mejora-seguro__title {
  position: relative;
  font: italic 400 24px/28px var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0;
  max-width: 350px;
}
.mejora-seguro__box .mejora-seguro__title::before {
  content: "★ MEJORA TU SEGURO";
  position: absolute;
  font: normal 700 16px/19.2px var(--fontBarlow);
  color: var(--colorBlue);
  background-color: var(--colorYellow);
  padding: 0.2rem 1.5rem;
  top: -3rem;
  left: 0;
}
.mejora-seguro__box .mejora-seguro__row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
  position: relative;
}
.mejora-seguro__box .mejora-seguro__row img {
  width: 100%;
  max-width: 48px;
  margin-top: 0;
}
.mejora-seguro__box p {
  font: normal 400 16px/20px var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0;
}

.mejora-seguro__box-mobile {
  display: none;
}

.mejora-seguro__info {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background-color: rgba(0, 174, 199, 0.1);
  border-radius: 5px;
  margin: 2rem 0;
}
.mejora-seguro__info img {
  width: 100%;
  max-width: 24px;
  margin-top: 0;
  filter: brightness(0) saturate(100%) invert(11%) sepia(95%) saturate(5293%) hue-rotate(222deg) brightness(76%) contrast(101%);
}
.mejora-seguro__info p {
  font: normal 500 13px/15.6px var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0;
}

.box-acordeon {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.box-acordeon .box-info-boton {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
.box-acordeon .box-info-boton .box-info-mobile {
  width: 100%;
  max-width: 320px;
  margin-top: 4rem;
  background: rgba(0, 51, 160, 0.2);
  border-radius: 4px;
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
}
.box-acordeon .box-info-boton .box-info-mobile img {
  width: 100%;
  max-width: 24px;
}
.box-acordeon .box-info-boton .box-info-mobile p {
  font: normal 400 13px/15.6px var(--fontBarlow);
  color: var(--colorBlue);
  letter-spacing: 0.04em;
  text-align: left;
  max-width: 250px;
  margin: 0;
}

.box-materias {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
  flex-direction: row;
}

.input-detalles {
  max-width: 440px;
  position: relative;
  margin-top: 2rem;
  position: relative;
  margin-right: 0;
}
.input-detalles:before {
  position: absolute;
  content: "";
  background: url(../img/icons/icon-mic-gray.svg) no-repeat;
  width: 30px;
  height: 30px;
  right: 0;
  bottom: 3rem;
  z-index: 3;
  cursor: pointer;
}

.nota-pie {
  max-width: 220px;
  color: var(--colorGrayLight) !important;
}

.box-info {
  width: 100%;
  max-width: 760px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: rgba(0, 51, 160, 0.2);
  padding: 2rem;
  margin: 2rem 0 3rem;
  border-radius: 4px;
  gap: 2rem;
}

.label-patente {
  color: var(--colorBlue);
  font: normal 400 12px/14.4px var(--fontBarlow);
  margin-left: 32px;
}

.input-patente {
  display: block;
  font-family: "Fe Font";
  width: 220px;
  height: 56px;
  font-size: 24px;
  letter-spacing: 12px;
  font-weight: 700;
  position: relative;
  border: 2px solid transparent !important;
  color: var(--colorBlue);
  background: url(../img/bg-patente-blue.svg) no-repeat center center;
  background-size: contain;
  padding-bottom: 12px;
  padding-left: 26px;
  outline: none;
}
.input-patente::placeholder {
  color: var(--colorGrayLight) !important;
  font-family: "Fe Font";
  font-size: 24px !important;
  line-height: 28.2px;
  padding-left: 0px;
  letter-spacing: 12px !important;
}

.img-alert-patente {
  transform: translate(-15px, -5px);
  display: none;
}

.input-patente-resumen {
  display: block;
  font-family: "Fe Font";
  width: 200px;
  height: 48px;
  font-size: 24px;
  letter-spacing: 14px;
  font-weight: 700;
  position: relative;
  border: 2px solid transparent !important;
  color: var(--colorBlue);
  background: url(https://www.segurossura.cl/docs/default-source/soap19/patente-bg.png) no-repeat center center;
  background-size: cover;
  padding-bottom: 18px;
  padding-left: 21px;
  margin-bottom: 10px;
  outline: none;
}
.input-patente-resumen::placeholder {
  color: var(--colorGrayLight) !important;
}

.destino-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.3rem;
}
.destino-box .destino-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 2rem;
}

.container-intern .card-datos .group-inputs .form-group .select-icons {
  max-width: 100% !important;
  min-width: auto !important;
  position: relative;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .bandera {
  position: absolute;
  z-index: 2;
  top: 1.4rem;
  left: 3rem;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .select-selected {
  padding-left: 7rem;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .select-items {
  overflow-y: unset;
  height: 360px;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .select-items div {
  padding-left: 7rem;
  position: relative;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .select-items div:nth-child(1)::before {
  position: absolute;
  content: url(../img/icons/argentina.svg);
  left: 3rem;
  top: 1.3rem;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .select-items div:nth-child(2)::before {
  position: absolute;
  content: url(../img/icons/bolivia.svg);
  left: 3rem;
  top: 1.3rem;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .select-items div:nth-child(3)::before {
  position: absolute;
  content: url(../img/icons/brasil.svg);
  left: 3rem;
  top: 1.3rem;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .select-items div:nth-child(4)::before {
  position: absolute;
  content: url(../img/icons/paraguay.svg);
  left: 3rem;
  top: 1.3rem;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .select-items div:nth-child(5)::before {
  position: absolute;
  content: url(../img/icons/peru.svg);
  left: 3rem;
  top: 1.3rem;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .select-items div:nth-child(6)::before {
  position: absolute;
  content: url(../img/icons/uruguay.svg);
  left: 3rem;
  top: 1.3rem;
}
.container-intern .card-datos .group-inputs .form-group .select-icons .select-items div:nth-child(7)::before {
  position: absolute;
  content: url(../img/icons/venezuela.svg);
  left: 3rem;
  top: 1.3rem;
}

#origenImg {
  width: 100%;
  max-width: 28.5px;
}

#destinoImg {
  width: 100%;
  max-width: 30px;
}

.container-intern .card-datos-xxl {
  max-width: 100%;
}

.container-cards {
  width: 100%;
  display: flex;
  gap: 4rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.card-plan {
  width: 100%;
  min-height: 530px;
  max-width: 381px;
  display: flex;
  flex-direction: column;
  background: var(--colorWhite);
  box-shadow: 0px 15px 51px rgba(0, 45, 84, 0.13);
  border-radius: 5px;
}

.header-plan {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--colorBlue);
  padding: 1.5rem 2rem 1rem;
  align-items: flex-start;
  position: relative;
}
.header-plan .title-plan {
  font: italic 400 22px/32px var(--fontBarlow);
  color: var(--colorWhite);
  max-width: 220px;
  margin: 1rem 0;
  padding-left: 1rem;
}
.header-plan .title-plan .title-robo span {
  color: var(--colorYellow);
}
.header-plan .row-header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}
.header-plan .row-header .value-plan {
  font: normal 700 40px/18px var(--fontFSJoey);
  color: var(--colorYellow);
  margin: 0;
}
.header-plan .row-header .box-value-month {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.header-plan .row-header .box-value-month .title-value-month {
  font: normal 700 13px/15.6px var(--fontBarlow);
  color: var(--colorWhite);
  margin: 0;
}
.header-plan .row-header .box-value-month .detail-value-month {
  font: normal 500 10px/12px var(--fontBarlow);
  color: var(--colorWhite);
  margin: 0;
  letter-spacing: 1px;
}

.plan-base {
  position: relative;
  background-color: #e5ebf5;
}
.plan-base .title-plan {
  color: var(--colorBlue);
}
.plan-base .title-plan .title-robo span {
  color: var(--colorBlue);
}
.plan-base .row-header .value-plan {
  color: var(--colorBlue);
}
.plan-base .row-header .box-value-month .title-value-month {
  color: var(--colorBlue);
}
.plan-base .row-header .box-value-month .detail-value-month {
  color: var(--colorBlue);
}
.plan-base:before {
  content: "PLAN BASE";
  position: absolute;
  font: normal 700 16px/19.2px var(--fontBarlow);
  color: var(--colorWhite);
  background-color: var(--colorBlue);
  padding: 0.2rem 1.5rem;
  top: 0;
  right: 1.5rem;
}

.plan-full {
  position: relative;
}
.plan-full:before {
  content: "★ CUBRE ROBO";
  position: absolute;
  font: normal 700 16px/19.2px var(--fontBarlow);
  color: var(--colorBlue);
  background-color: var(--colorYellow);
  padding: 0.2rem 1.5rem;
  top: 0;
  right: 1.5rem;
}

.body-plan {
  display: flex;
  flex-direction: column;
  padding: 0 2rem 2rem;
  flex-grow: 2;
}
.body-plan .title-box-coberturas {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.body-plan .title-box-coberturas h3 {
  font: normal 700 16px/16px var(--fontBarlow);
  color: var(--colorBlue);
}
.body-plan .title-box-coberturas .detail-cobertura {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.body-plan .title-box-coberturas .detail-cobertura .value-cobertura {
  font: normal 700 22px/1 var(--fontBarlow);
  color: var(--colorCyan);
  margin: 0;
}
.body-plan .title-box-coberturas .detail-cobertura span {
  font: normal 500 10px/12px var(--fontBarlow);
  color: var(--colorGrayLight);
  margin: 0;
  letter-spacing: 1px;
}
.body-plan .desc-cobertura li {
  font: italic 500 16px/24px var(--fontBarlow);
  color: var(--colorGrayDark);
  margin-bottom: 1rem;
}
.body-plan .desc-cobertura .cobertura-robo {
  font: italic 500 16px/24px var(--fontBarlow);
  position: relative;
  margin: 0;
}
.body-plan .desc-cobertura .cobertura-robo::before {
  position: absolute;
  content: url(../img/icons/icon-star-cyan.svg);
  left: -2rem;
}

.box-fechas-viaje {
  display: flex;
  align-items: center;
  margin: 0 auto 2rem;
  padding: 1rem;
  background-color: #e5ebf5;
  gap: 1rem;
}
.box-fechas-viaje p {
  font: italic 10px/12px var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0;
  letter-spacing: 0.15em;
}

.nota-legal {
  font: normal 500 13px/15.6px var(--fontBarlow);
  color: var(--colorGrayLight);
  text-align: center;
  margin: 0 auto 2rem;
}

.card-exito-denuncio {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 420px;
  background: var(--colorWhite);
  box-shadow: 0px 15px 51px rgba(0, 45, 84, 0.13);
  position: relative;
  gap: 1rem;
  z-index: 3;
}
.card-exito-denuncio .title-card-exito {
  width: 100%;
  background-color: var(--colorBlue);
  padding: 3rem 2rem 1rem;
  position: relative;
}
.card-exito-denuncio .title-card-exito p {
  font: normal 693 22px/35px var(--fontBarlow);
  color: var(--colorWhite);
  margin: 0;
  text-align: center;
  max-width: 100%;
  margin: auto;
}
.card-exito-denuncio .title-card-exito p span {
  color: var(--colorYellow);
  display: block;
}
.card-exito-denuncio .title-card-exito:before {
  position: absolute;
  content: "";
  width: 64px;
  height: 64px;
  background: url(../img/icons/sura-icon-check-blue.svg) no-repeat center;
  background-size: 52px;
  top: -2rem;
  left: calc(50% - 24px);
}
.card-exito-denuncio .text-confirm-mail {
  font-family: var(--fontBarlow);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  padding: 0.5rem;
  max-width: 90%;
  margin: 1rem auto;
  color: var(--colorGrayDark);
}
.card-exito-denuncio .box-num-caso {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 174, 199, 0.15);
  padding: 2rem;
}
.card-exito-denuncio .box-num-caso .row-num-caso {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-exito-denuncio .box-num-caso .row-num-caso .title-num-caso {
  font: italic 700 18px/26px var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0;
}
.card-exito-denuncio .box-num-caso .row-num-caso .value-num-caso {
  font: normal 700 32px/26px var(--fontFSJoey);
  color: var(--colorCyan);
  margin: 0;
  text-align: center;
}
.card-exito-denuncio .box-num-caso .row-num-caso .value-nom-evento {
  font: italic 500 16px/20px var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0;
  text-align: right;
}
.card-exito-denuncio .text-liquidador {
  font-family: var(--fontBarlow);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0.001em;
  text-align: left;
  padding: 3rem 2.5rem 2rem;
  color: var(--colorGrayDark);
}
.card-exito-denuncio .box-necesitas-asistencia {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 1rem;
  border-top: solid 1px var(--colorGrayLight);
  margin: 0 auto;
}
.card-exito-denuncio .box-necesitas-asistencia p:nth-child(2) {
  font: italic 700 16px/20px var(--fontBarlow);
  color: var(--colorBlue);
  text-align: center;
  margin: 1rem 0;
}
.card-exito-denuncio .box-necesitas-asistencia p:nth-child(3) {
  font: normal 400 16px/19.2px var(--fontBarlow);
  color: var(--colorGrayDark);
  text-align: center;
  margin: 1rem 0;
  letter-spacing: 0.005em;
}
.card-exito-denuncio .box-necesitas-asistencia p:nth-child(3) span {
  font-weight: 700;
  color: var(--colorCyan);
}

.card-exito-v2 {
  gap: 0;
}
.card-exito-v2 .title-card-exito {
  padding: 2rem;
}
.card-exito-v2 .box-confirm {
  margin: 0;
}
.card-exito-v2 .box-btn a {
  margin: 0;
}

.img-error-denuncio {
  width: 100%;
  max-width: 660px;
  margin-top: 6rem;
}

.card-error-denuncio {
  width: 100%;
  max-width: 520px;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  z-index: 3;
}
.card-error-denuncio .title-error-denuncio {
  font: normal 700 28px/30.8px var(--fontFSJoey);
  color: var(--colorBlue);
  margin: 0 0 2rem;
}
.card-error-denuncio p {
  font: normal 400 18px/20px var(--fontBarlow);
  color: var(--colorGrayDark);
  margin: 1rem 0;
}
.card-error-denuncio .box-botones-error-denuncio {
  display: flex;
  margin: 2rem 0;
}

@media (max-width: 1200px) {
  .img-denuncio {
    display: none;
  }
}
@media (max-width: 990px) {
  .tabla-datos .img-denuncio-mobile {
    display: flex;
  }
  .container-cards {
    justify-content: center;
  }
  .container-mejora-seguro {
    flex-direction: column;
    align-items: center;
  }
  .container-mejora-seguro .img-coti {
    display: none;
  }
  .mejora-seguro__box-mobile {
    display: flex;
    transform: none;
    max-width: 381px;
    margin: 5rem auto 0;
    box-shadow: 0px 15px 51px rgba(0, 45, 84, 0.13);
    padding: 2rem;
    border-radius: 8px;
  }
  .c-align-center {
    flex-direction: column;
  }
  .c-align-center .card-datos {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 768px) {
  main {
    gap: 1rem 0;
  }
  main::before {
    height: 50%;
    border-radius: 0;
  }
  .test::before {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    z-index: 3;
  }
  .container-intern {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  .container-intern .card-datos {
    margin-bottom: 5rem;
  }
  .container-intern .card-datos .title-card {
    font: italic 700 18px/21.6px var(--fontBarlow);
  }
  .container-intern .card-datos .box-boton .btn-blue {
    margin: 0 auto;
  }
  .container-intern .card-datos .box-boton .hint-press-enter {
    display: none;
  }
  .container-intern .card-datos-xxl {
    max-width: 100%;
  }
  .container-intern .tabla-datos {
    max-width: 780px;
    align-items: center;
    position: absolute;
    bottom: -10rem;
    left: 0;
    z-index: 4;
  }
  .container-intern .tabla-datos .datos-declaracion {
    max-width: 768px;
    border-top: solid 1px var(--colorBlue);
    background-color: var(--colorGrayLight);
  }
  .container-intern .tabla-datos .datos-declaracion .header-table {
    background-color: var(--colorWhite);
    cursor: pointer;
    width: 100%;
  }
  .container-intern .tabla-datos .datos-declaracion .header-table p {
    padding-left: 3rem;
  }
  .container-intern .tabla-datos .datos-declaracion .row-table {
    max-width: 520px;
    margin: 0 auto;
  }
  .container-intern .tabla-datos .img-denuncio-mobile {
    background-color: var(--colorWhite);
  }
  .container-intern .tabla-datos .img-denuncio-mobile img {
    align-self: center;
  }
  .container-intern .box-info-boton {
    display: flex;
  }
  .container-intern .img-denuncio-resumen {
    flex-direction: column-reverse;
  }
  .container-intern .img-denuncio-resumen .img-encuesta {
    display: block;
  }
  .container-intern .img-denuncio-resumen .link-flecha-encuesta {
    display: block;
    transition: var(--transition-02-ease);
  }
  .container-intern .img-denuncio-resumen .link-flecha-encuesta img {
    display: block;
  }
  .container-intern .img-denuncio-resumen .link-flecha-encuesta:hover {
    transform: translateX(5px);
  }
  .container-nopad {
    padding: 0 !important;
  }
  .tooltip-btn {
    display: none;
  }
  .form-group-xs {
    max-width: 260px;
    margin-right: 3rem;
  }
  .form-group-flex-r {
    max-width: 100%;
    margin-right: 0rem;
  }
  .form-group-flex-r .select-s {
    max-width: 100%;
  }
  .select-s {
    min-width: 100%;
    max-width: 100%;
  }
  .form-group-s {
    max-width: 100%;
    margin-right: 0
  }
  .card-exito-denuncio {
    margin-bottom: 3rem;
    border-radius: 0px 0px 48px 0px;
  }
  .card-exito-denuncio .title-card-exito:before {
    background-size: 48px;
  }
  .box-confirm-email {
    display: flex;
    padding: 2rem;
    align-items: center;
    justify-content: space-between;
  }
  .box-confirm-email .text-confirm-mail {
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 19.2px;
  }
  .box-encuesta {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .box-encuesta p:nth-child(2) {
    display: none;
  }
  .box-encuesta .btn-call-blue {
    display: none;
  }
  .encuesta-gps {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
  .encuesta-gps p:nth-child(2) {
    display: block;
    text-align: center;
  }
  .encuesta-gps p:nth-child(3) {
    display: none;
  }
  .encuesta-gps .link-flecha-encuesta {
    display: none !important;
  }
  .card-error-denuncio {
    padding: 2rem;
    background: var(--colorWhite);
    box-shadow: 0px 15px 51px rgba(0, 45, 84, 0.13);
    border-radius: 0px 0px 48px 0px;
  }
  .card-error-denuncio .img-error-intern {
    max-width: 300px;
  }
  .card-error-denuncio .box-botones-error-denuncio {
    margin-top: 3rem;
  }
  .card-error-denuncio .box-botones-error-denuncio .btn-center {
    margin: 0 auto;
  }
  .card-error-denuncio .box-botones-error-denuncio .btn-desktop {
    display: none;
  }
  .img-exito-mov {
    display: none;
  }
  .box-imagen-error {
    display: none;
  }
}
@media (min-width: 768px) {
  .btn-mobile,
  .text-encuesta-mobile,
  .link-flecha-encuesta,
  .img-error-intern,
  .img-exito-mini {
    display: none;
  }
}
@media (max-width: 600px) {
  .header-card-datos .title-header-card {
    font-size: 22px;
    line-height: 24px;
  }
}
@media (max-width: 450px) {
  .container-intern {
    padding: 1rem 0.5rem;
  }
  .card-exito-denuncio .title-card-exito p {
    font-size: 21px;
  }
  .header-card-datos .patente-resumen .input-patente-resumen {
    width: 160px;
    font-size: 22px;
    letter-spacing: 11px;
    background-size: contain;
    padding-bottom: 8px;
    padding-left: 10px;
  }
  .box-info {
    flex-direction: column;
    align-items: center;
  }
  .box-info p {
    text-align: center;
  }
}
input[type=checkbox i] {
  background-color: initial;
  cursor: default;
  appearance: checkbox;
  -webkit-appearance: checkbox;
  box-sizing: border-box;
  padding: initial;
  border: initial;
}

.regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid var(--colorCyan);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  top: 3px;
  left: -5px;
  transition: var(--transition-02-ease);
}

.regular-checkbox + label:hover {
  cursor: pointer;
}

.regular-checkbox:checked + label {
  background-color: var(--colorCyan);
  border: 1px solid var(--colorCyan);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: var(--colorWhite);
}

.regular-checkbox {
  display: none;
}

.regular-checkbox:checked + label:after {
  content: "✔";
  font-size: 14px;
  position: absolute;
  top: -1px;
  left: 3px;
  color: var(--colorWhite);
  transition: var(--transition-02-ease);
}

.regular-checkbox1:checked + label:after {
  content: "✔";
  font-size: 14px;
  position: absolute;
  top: 1px;
  left: 3px;
  color: var(--colorWhite);
  transition: var(--transition-02-ease);
}

.sura-form-textarea,
.sura-form-input {
  width: 100%;
  height: 100px;
  font: normal 400 16px/20px var(--fontBarlow);
  color: var(--colorGrayDark);
  margin: 0;
  padding: 0.75rem 1.5rem;
  outline: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  resize: none;
  position: relative;
  border: 1px solid var(--colorGrayLight);
  box-shadow: 0px 2px 20px var(--colorGrayLight);
  border-radius: 20px;
  z-index: 1;
}

.sura-form-counter {
  position: absolute;
  font: normal 400 12px/1.3 var(--fontBarlow);
  color: rgba(83, 86, 90, 0.5);
  right: 1rem;
  bottom: 0.5rem;
}

.switch-label,
.switch-item,
.switch {
  display: flex;
  align-items: center;
  justify-content: center;
}

.switch {
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.switch-item {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 1rem;
}

.switch-item__title {
  font: normal 400 12px/1.2 var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0 0 0.5rem 1.5rem;
}

.switch-label {
  width: 100%;
  text-align: center;
  height: 54px;
  padding: 0 10px;
  color: var(--colorGrayLight);
  font: normal 400 16px/18px var(--fontBarlow);
  position: initial;
  margin: 0;
  margin-left: 0 !important;
  cursor: pointer;
  z-index: 1;
  left: -10px;
}

.switch-input:checked + .switch-label {
  color: var(--colorCyan);
  font-weight: 700;
}

.switch-input:checked + .switch-label:nth-of-type(1) {
  color: var(--colorBlue);
  font-weight: 700;
}

.switch-input:checked + .switch-inside:before {
  background-color: var(--colorRed);
}

.switch-outside {
  width: 100%;
  max-width: 650px;
  height: 48px;
  border-radius: 100px;
  background: var(--colorWhite);
  border: 1px solid var(--colorGrayLight);
  box-shadow: 0 2px 20px var(--colorGrayLight);
  position: absolute;
  top: 4px;
  left: 0;
}

.switch-inside {
  width: 50%;
  height: 20px;
  border-radius: 100%;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 3;
  transition: 0.25s ease all;
}

.switch-inside::before {
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  padding: 12px 5px;
  background-color: rgba(0, 174, 199, 0.1);
  height: 50px;
  border: 2px solid var(--colorCyan);
  border-radius: 100px;
  box-shadow: 0 2px 20px var(--colorGrayLight);
}

.miColor::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  padding: 12px 5px;
  background: rgba(0, 51, 160, 0.2);
  height: 50px;
  border: 2px solid #003057;
  border-radius: 100px;
  width: 100px;
  box-shadow: 0 2px 20px var(--colorGrayLight);
}

.switch.switch-2 {
  max-width: 136px;
}

.switch.switch-2 .switch-input:nth-of-type(2):checked ~ .switch-inside {
  transform: translateX(100%);
  transition: 0.25s ease all;
}

.switch.switch-2 .switch-input:nth-of-type(3):checked ~ .switch-inside {
  transform: translateX(395px);
  transition: 0.25s ease all;
}

.box-row-data {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 1rem;
}
.box-row-data p {
  width: 100%;
  max-width: 346px;
  font: 700 16px/19px var(--fontBarlow);
  color: var(--colorGrayDark);
  margin: 0;
}

@media (max-width: 575px) {
  .box-row-data {
    align-items: flex-start;
  }
  .box-row-data .switch-item {
    margin-bottom: 0;
  }
}
.message-error {
  width: calc(100% - 1rem);
  visibility: visible;
  font: normal 400 12px/1.2 var(--fontBarlow);
  margin-top: 0.25rem;
  color: var(--colorRed);
  margin-left: 1rem;
}

.btn-blue {
  padding-left: 4rem;
}
.btn-blue::before {
  top: 1rem;
}

.btn-yellow {
  margin: 0 auto;
}

.btn-noborder {
  margin: 0 auto 2rem;
}

.btn-fit {
  padding: 0.7rem 1.4rem;
}

.btn-blue-plus {
  padding-left: 3rem;
  margin-left: 0 !important;
}

#btnPagar {
  margin-top: 2rem;
}

.box-btn-accordion {
  display: flex;
  justify-content: center;
  margin: 2rem auto;
}

.box-tipo-siniestro {
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.box-tipo-siniestro .card-tipo-siniestro {
  width: 100%;
  max-width: 200px;
  display: flex;
  align-items: center;
  gap: 1rem;
  border: solid 1px var(--colorBlue);
  border-radius: 8px;
  padding: 1rem;
  background: rgba(0, 51, 160, 0.05);
  cursor: pointer;
}
.box-tipo-siniestro .card-tipo-siniestro img {
  width: 100%;
  max-width: 48px;
}
.box-tipo-siniestro .card-tipo-siniestro span {
  font: normal 700 16px/1 var(--fontBarlow);
  color: var(--colorBlue);
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
.box-tipo-siniestro .selected-siniestro {
  border: solid 3px var(--colorCyan);
  position: relative;
}
.box-tipo-siniestro .selected-siniestro::before {
  position: absolute;
  content: "";
  width: 35px;
  height: 35px;
  background: url(../img/icons/sura-icon-check-blue.svg) no-repeat;
  background-size: 25px;
  top: -1rem;
  right: -2rem;
}
.box-tipo-siniestro .noselected-siniestro {
  opacity: 0.3;
}

.datos__checks {
  gap: 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.datos__checks .label-checkbox {
  font: normal 400 16px/19.2px var(--fontBarlow);
  color: var(--colorGrayLight);
  margin: 0;
}
.datos__checks .label-propietario {
  display: flex;
  justify-content: center;
  font: normal 400 16px/20px var(--fontBarlow);
  color: var(--colorGrayDark);
  margin: 0;
}
.datos__checks .regular-checkbox-label {
  margin-bottom: 0 !important;
}

.img-exito-mov {
  margin-top: 8.5rem;
}

#pierna-mov {
  /* transform: translateY(10px); */
  /* transform: translateX(20px); */
  /* transform: rotate(10deg); */
  transform-origin: 110px 220px;
  animation: movePierna 1s cubic-bezier(0.4, 0.4, 0.48, 1) infinite alternate;
}

#hoja-mov {
  /* transform: translateY(10px); */
  /* transform: translateX(20px); */
  /* transform: rotate(10deg); */
  transform-origin: 220px 310px;
  animation: moveHoja 3s cubic-bezier(0.4, 0.4, 0.48, 1) infinite alternate;
}

#avion-mov {
  transform-origin: 220px 310px;
  animation: moveAvion 3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2s 1 both;
}

@keyframes moveAvion {
  0% {
    /* transform: rotate(2deg); */
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    /* transform: rotate(2deg); */
    transform: translate(-100px, -100px);
    opacity: 0;
  }
}
@keyframes movePierna {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(5deg);
    /* transform: translateX(20px); */
  }
}
@keyframes moveHoja {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(2deg);
    /* transform: translateX(20px); */
  }
}
.today,
.focused {
  background-color: rgba(0, 174, 199, 0.2) !important;
  border-radius: 8px;
  background-image: none !important;
}

#direccionValue {
  max-width: 190px;
}
.mobile{
  margin-top: 1px;
}

.datos__checksMo{
  gap: 0; top: 34px; right: 15%
}
@media (max-width: 780px) {

  .datos__checksMo{
    gap: 0; top: 18px; right: 2%
  }

  .mobile{
    margin-top: 109px;
  }
  .container-intern .card-datos {
    min-width: auto;
  }
  .group-inputs-gap {
    flex-direction: column;
    align-items: center;
  }
  .group-inputs-gap .arrow-right-short {
    transform: rotate(90deg);
  }
  .form-group-direccion {
    margin-right: 0;
  }
  .box-card-datos {
    flex-direction: column;
    align-items: center;
  }
  .box-card-datos__box {
    align-items: center !important;
  }
  .form-group-flex {
    max-width: 100%;
    margin-right: 0rem;
  }
  .form-group-flex .select-s {
    max-width: 100%;
  }
  .form-group-flex input.date {
    max-width: 100%;
    padding-left: 56px;
  }
  .form-group-m {
    max-width: 100%;
    margin-right: 0rem;
  }
  .datos-asegurado-text {
    max-width: 100%;
  }
  .group-inputs-alicenter {
    justify-content: flex-start;
  }
  .group-inputs-alicenter .label-patente,
  .group-inputs-alicenter .message-error {
    margin: 0;
  }
  .group-inputs-alicenter .form-group-s {
    margin-right: 0;
  }
  .group-inputs-alicenter .form-group-s .input-patente {
    padding-left: 24px;
  }
  .group-inputs-alicenter .form-group-s .datos__checks {
    margin: 0;
  }
  .group-inputs-alicenter .img-alert-patente {
    transform: translate(5px, -8px);
  }
}
@media (max-width: 480px) {
  .header-card-datos {
    flex-direction: column;
    align-items: center;
  }
  .header-card-datos__box {
    align-items: center;
  }
  .header-card-datos__box .total-seguro {
    line-height: 30px;
  }
  .row-datos-left img {
    display: none;
  }
}
.modal-dialog-center {
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 140px);
  left: calc(50% - 150px);
}

.modal-sm {
  width: 384px !important;
}

.img-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 100%;
  max-width: 20px;
  cursor: pointer;
}

.modal-content__salir {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-content__salir .img-signal {
  width: 100%;
  max-width: 52px;
  margin-bottom: 2rem;
}
.modal-content__salir .img-modal-datos {
  width: 100%;
  max-width: 96px;
  margin-bottom: 2rem;
}
.modal-content__salir .title-modal {
  font: normal 700 22px/26.4px var(--fontBarlow);
  color: var(--colorBlue);
  margin-bottom: 2rem;
  text-align: center;
}
.modal-content__salir .text-modal {
  font: normal 400 16px/26px var(--fontBarlow);
  color: var(--colorGrayDark);
  margin: 0 0 2rem;
  max-width: 350px;
  text-align: center;
}
.modal-content__salir .box-botones-modal {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 2rem;
}

.modal-body-list {
  list-style: none;
}

.modal-body-list__item {
  position: relative;
  font: normal 400 16px/1.2 var(--fontBarlow) !important;
  color: var(--colorBlue);
  margin-bottom: 2rem;
}

.modal-body-list__item::before {
  content: "";
  position: absolute;
  background: url(../img/icons/sura-icon-ok.svg) no-repeat center center;
  width: 16px;
  height: 16px;
  left: -1.4rem;
  top: 0.2rem;
}

.modal-intro .modal-body-list__item a {
  font-weight: 700;
  color: var(--colorBlue);
}

.modal-intro .modal-body-list__item a:hover {
  color: var(--colorCyan);
}

.box-redireccion-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 2rem;
  gap: 1rem;
}
.box-redireccion-modal p {
  font: 400 13px/15.6px var(--fontBarlow);
  color: var(--colorGrayDark);
  text-align: center;
  letter-spacing: 0.04em;
  margin: 0;
}
.box-redireccion-modal span {
  font: 700 48px/53px var(--fontFSJoey);
  color: var(--colorCyan);
  padding: 1rem 1rem 0.5rem;
  background: var(--colorGrayLight);
  border-radius: 24px;
  margin: 0;
}

.hidden {
  display: none;
}

@media (min-width: 768px) {
  .hidden {
    display: block;
  }
}
.car-data-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  width: 100%;
  background-color: var(--colorWhite);
  min-height: 100%;
  border-radius: 0 0 4px 4px;
  padding-left: 0.5rem;
}

.car-data-content__title {
  width: 100%;
  font: normal 700 18px/1.2 var(--fontBarlow) !important;
  color: #e4e829;
  padding-bottom: 2rem;
}

.car-data-col,
.car-data-insured,
.car-data-person,
.car-data-tel,
.car-data-email,
.car-data-seguro,
.car-data-value {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  color: var(--colorBlue);
  margin-bottom: 1rem;
  width: 380px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.car-data-col label,
.car-data-insured label,
.car-data-person label,
.car-data-tel label,
.car-data-email label,
.car-data-seguro label,
.car-data-value label {
  width: 100%;
  font: normal 400 12px/12px var(--fontBarlow) !important;
  color: var(--colorBlue);
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.15em !important;
}

.car-data-col h2,
.car-data-insured h2,
.car-data-person h2,
.car-data-tel h2,
.car-data-email h2,
.car-data-seguro h2,
.car-data-value h2 {
  font: normal 600 16px/19.2px var(--fontBarlow) !important;
  color: var(--colorBlue);
}

.car-data-col h5,
.car-data-insured h5,
.car-data-person h5,
.car-data-tel h5,
.car-data-email h5,
.car-data-seguro h5,
.car-data-value h5 {
  font: normal 600 16px/19.2px var(--fontBarlow) !important;
  color: var(--colorBlue);
}

.car-data-person-desc {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 1rem;
}

.car-data-person-desc__details {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 2rem;
}

.car-data-seguro {
  display: inline-table;
  justify-content: flex-start;
  align-items: flex-start;
  font: normal 700 26px/1 "FS Joey", serif !important;
  color: var(--colorWhite);
  width: 100%;
  white-space: break-spaces;
  margin-bottom: 2rem;
}

.car-data-seguro h3 {
  font: italic 700 16px/1 var(--fontBarlow) !important;
  color: var(--colorWhite);
  margin-bottom: 2rem;
}

.car-data-value {
  display: inline-table;
  justify-content: flex-start;
  align-items: flex-start;
  font: normal 700 26px/1 "FS Joey", serif !important;
  color: var(--colorWhite);
  width: 100%;
  white-space: break-spaces;
  margin-bottom: 2rem;
}

.car-data-value span {
  width: auto;
  font: normal 400 10px/1.2 var(--fontBarlow) !important;
  color: var(--colorWhite);
  margin-left: 1rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px !important;
}

.car-data-patente {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 2rem;
}

.car-data-patente label {
  font: normal 500 10px/12px var(--fontBarlow);
  margin-bottom: 0.5rem;
  color: var(--colorBlue);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.car-data-patente__inp {
  font-family: "arial";
  border-radius: 5px !important;
  width: 200px !important;
  height: 50px;
  font-size: 27px;
  /* padding: 7px 0 0; */
  letter-spacing: 6px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  border: 2px solid transparent !important;
  color: var(--colorBlue);
  background: url(../img/bg-patente-blue.svg) no-repeat center center;
  background-size: cover;
  text-align: left;
  padding-bottom: 13px;
  padding-left: 20px;
  float: initial;
  margin: 0 0 0.5rem;
}

.car-data-patente__inp:focus {
  outline: none;
}

.car-data-patente__inp::placeholder {
  color: var(--colorGrayLight);
}

.car-data-patente__details {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  gap: 0.5rem;
  font: normal 500 12px/12px var(--fontBarlow);
  margin-bottom: 0;
  margin-top: 1rem;
  color: var(--colorBlue);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.car-data-sendmail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 14px;
  margin: 0 auto 0.5rem;
}

.car-data-col {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 2.5rem;
}
.car-data-col h5 {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  /* Primaria/White */
  color: var(--colorWhite);
}

.subscribe-container,
.car-box-row,
.car-box-col,
.car-box-cuotas-info,
.car-box-cuotas-1cuota,
.car-box-cuotas-card,
.car-box-cuotas__title::before,
.car-box-cuotas__title::after,
.car-box-cuotas__title,
.car-box-cuotas,
.car-cobertura__title,
.car-cobertura,
.car-box-wrapper.f-col,
.car-box-wrapper,
.switch-item-content-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.car-box-wrapper.f-col .row-switch-item {
  margin-bottom: 1rem;
}
.car-box-wrapper.f-col:last-child {
  margin-bottom: 0;
}
.subscribe-container {
  width: 100%;
  max-width: 991px;
}

.car-box-row {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 2rem;
  gap: 2rem;
}


.car-box-col {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.col-left {
  background: var(--colorWhite);
  box-shadow: 0px 15px 51px rgba(0, 45, 84, 0.13);
  border-radius: 5px;
  padding: 1.5rem 1.5rem 0.5rem;
  width: 100%;
  max-width: 480px;
}

.col-right {
  width: 100%;
  max-width: 350px;
  background: var(--colorWhite);
  box-shadow: 0px 15px 51px rgba(0, 45, 84, 0.13);
  border-radius: 5px;
}

.car-box-cuotas {
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}
@media (max-width: 1199px) {
  .car-box-row {
    gap: 1rem;
  }
  .col-left {
    padding: 2rem 1rem 1rem;
  }
  .col-right {
    max-width: 330px;
  }
}
@media (max-width: 768px) {
  .car-box-row {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1.5rem 0 0;
  }
  .car-box-row .col-right {
    max-width: 575px;
  }
}
.car-box-cuotas__title {
  width: 300px;
  font: normal 700 28px/0.9 var(--fontBarlow);
  color: var(--colorBlue);
  position: relative;
  gap: 1rem;
  margin-bottom: 2rem;
}

.car-box-cuotas__title::before,
.car-box-cuotas__title::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 3px;
  border-radius: 100px;
  background: var(--colorBlue);
  left: -1.5rem;
}

.car-box-cuotas__title::after {
  right: -1.5rem;
  left: initial;
}

.car-box-cuotas__img {
  width: 100%;
  max-width: 320px;
  margin-bottom: 1rem;
}

.car-box-cuotas-card {
  flex-direction: column;
  width: 100%;
  max-width: 350px;
  padding: 1rem 1rem 0.5rem;
  border-radius: 8px;
  background-color: var(--colorBlue);
}

.car-box-cuotas-card__precio {
  font: normal 700 52px/0.8 "FS Joey", serif;
  color: var(--colorWhite);
  text-align: center;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.car-box-cuotas-card__uf {
  font: normal 400 16px/1.2 var(--fontBarlow);
  color: var(--colorWhite);
  text-align: center;
  margin: 0;
}

.car-box-cuotas-1cuota {
  flex-direction: column;
  width: 100%;
  max-width: 300px;
  padding: 0.5rem 1rem 0.5rem;
  border-radius: 0 0 8px 8px;
  background-color: var(--colorGrayLight);
  margin: -1rem 0 0;
}

.car-box-cuotas-1cuota__precio {
  font: normal 700 18px/1 var(--fontBarlow);
  color: var(--colorCyan);
  text-align: center;
}

.car-box-cuotas-1cuota__uf {
  font: normal 400 14px/1.2 var(--fontBarlow);
  color: var(--colorGrayLight);
  text-align: center;
  margin: 0;
}

.car-box-cuotas-ufdia {
  font: normal 400 14px/1.2 var(--fontBarlow);
  color: var(--colorGrayLight);
  text-align: center;
  margin: 0 0 1rem;
}

.car-box-cuotas-info {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  gap: 1rem;
  padding: 1rem;
  border-radius: 4px;
  background-color: rgba(0, 174, 199, 0.1);
}

.car-box-cuotas-info__img {
  width: 24px;
}

.car-box-cuotas-info__desc {
  font: normal 400 13px/1.2 var(--fontBarlow);
  color: var(--colorBlue);
  text-align: left;
  margin: 0;
}

@media (max-width: 650px) {
  .car-box-cuotas {
    margin-top: 2rem;
  }
}
.car-cobertura {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--colorWhite);
  padding: 0;
  margin-bottom: 2rem;
  border-radius: 4px;
}

.car-cobertura__title {
  position: relative;
  width: 100%;
  height: 100%;
  font: normal 700 22px/1 var(--fontBarlow);
  max-width: 1200px;
  justify-content: flex-start;
  position: relative;
  padding: 0;
  margin-bottom: 2rem;
  color: var(--colorBlue);
}

.car-cobertura-table {
  padding: 0 2rem;
}

.car-cobertura-table .table > :not(caption) > * > * {
  padding: 1.5rem 1rem;
  border: none;
}

.car-cobertura-table .table > tbody {
  border: solid 1px rgba(236, 240, 241, 0.5);
}

.car-cobertura-table .table > :not(caption) > * > *:first-child {
  width: 60%;
}

.car-cobertura-table .table tr td {
  line-height: 1.1;
  color: var(--colorGrayDark) !important;
  font: 400 16px/20px var(--fontBarlow) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgba(236, 240, 241, 0.5) !important;
}

@media (max-width: 575px) {
  .car-cobertura-table {
    padding: 0;
  }
  .car-cobertura-table .table tr td {
    font-size: 14px;
  }
}
.accordion button.accordion-button {
  margin: 0;
  padding: 2rem;
  color: var(--colorBlue);
  background: var(--colorWhite);
  font: 700 18px/21.6px var(--fontBarlow);
}

.accordion-button::after {
  background-image: url(../img/icons/icon-arrow-down-blue.svg) !important;
  background-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
}

.accordion-button:not(.collapsed)::after,
.accordion button.accordion-button:focus,
.accordion button.accordion-button:active {
  border: none;
  box-shadow: none;
}

.accordion-button::after {
  filter: brightness(0) saturate(100%) invert(66%) sepia(45%) saturate(6547%) hue-rotate(151deg) brightness(93%) contrast(105%);
}

.accordion-item:first-of-type,
.accordion-item:last-of-type {
  border: none;
  width: 100%;
}

.accordion-header {
  color: var(--colorBlue);
}

.car-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 1rem auto 0;
}

.car-content__title {
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
  width: 100%;
  height: 100%;
  font: normal 700 28px/1 "FS Joey", serif;
  max-width: 1200px;
  justify-content: flex-start;
  position: relative;
  padding: 0;
  margin-bottom: 1rem;
  color: var(--colorBlue);
}

.car-content__title:before {
  content: "";
  position: absolute;
  width: 42px;
  height: 4px;
  top: -1rem;
  border-radius: 8px;
  background-color: var(--colorCyan);
}

.car-box__title {
  position: relative;
  width: 100%;
  height: 100%;
  font: normal 700 24px/0.9 var(--fontBarlow);
  max-width: 1200px;
  position: relative;
  padding: 0;
  margin-bottom: 1rem;
  color: var(--colorBlue);
}

.car-box-wrapper {
  justify-content: flex-start;
  width: 100%;
  gap: 1rem;
}

@media (max-width: 850px) {
  .car-box {
    padding: 1rem;
  }
  .car-box-wrapper {
    flex-wrap: wrap;
  }
}
@media (max-width: 650px) {
  .car-box {
    padding: 1rem;
  }
  .car-box-wrapper {
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  .car-box-wrapper.wrapper-select {
    margin-bottom: 2rem;
  }
  .car-box-radio-wrapper {
    justify-content: flex-start;
  }
}
.switch-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.switch-item__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font: normal 600 16px/1.2 var(--fontBarlow);
  color: var(--colorGrayDark);
  margin: 0 0 0.5rem 0.5rem;
}

.switch-item__title.small {
  font-size: 15px;
}

.switch-item__header {
  font: normal 400 22px/1.2 var(--fontBarlow);
  color: var(--colorBlue);
  margin: 0 0 1rem 0rem;
}

.switch-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  height: 54px;
  padding: 0 10px;
  color: var(--colorBlueLight);
  font: normal 400 16px/1.1 var(--fontBarlow);
  position: initial;
  margin: 0;
  cursor: pointer;
  z-index: 1;
}

.switch-outside {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border-radius: 100px;
  background: var(--colorWhite);
  border: 1px solid var(--colorGrayLight);
  box-shadow: 0 2px 20px var(--colorGrayLight);
  position: absolute;
  top: 4px;
  left: 0;
}

.switch.switch-2.switch-blue .switch-inside::before {
  background-color: rgba(0, 51, 160, 0.1);
  border: 2px solid var(--colorBlue);
  box-shadow: 0 2px 20px var(--colorGrayLight);
}

.switch.switch-2 .switch-input:nth-of-type(2):checked ~ .switch-inside:before {
  background-color: rgba(0, 174, 199, 0.1);
  border: 2px solid var(--colorCyan);
}

.switch-deducible {
  max-width: 410px;
}
.switch-deducible .switch-input:checked + .switch-label:nth-of-type(1) {
  color: var(--colorCyan);
}

.switch-deducible .switch-inside::before {
  width: 98px;
}

.switch-deducible .switch-input:nth-of-type(2):checked ~ .switch-inside {
  transform: translateX(98px);
  transition: 0.25s ease all;
}

.switch-deducible .switch-input:nth-of-type(3):checked ~ .switch-inside {
  transform: translateX(210px);
  transition: 0.25s ease all;
}

.switch-deducible .switch-input:nth-of-type(4):checked ~ .switch-inside {
  transform: translateX(310px);
  transition: 0.25s ease all;
}

.switch-respCivil {
  max-width: 100%;
}
.switch-respCivil .switch-inside {
  width: 33%;
}
.switch-respCivil .switch-input:checked + .switch-label:nth-of-type(1) {
  color: var(--colorCyan);
}

.switch-respCivil .switch-inside::before {
  width: 100%;
}

.switch-respCivil .switch-input:nth-of-type(2):checked ~ .switch-inside {
  transform: translateX(101%);
  transition: 0.25s ease all;
}

.switch-respCivil .switch-input:nth-of-type(3):checked ~ .switch-inside {
  transform: translateX(202%);
  transition: 0.25s ease all;
}

.switch-taller {
  max-width: 100%;
}
.switch-taller .switch-inside {
  width: 33%;
}
.switch-taller .switch-input:checked + .switch-label:nth-of-type(1) {
  color: var(--colorCyan);
}

.switch-taller .switch-inside::before {
  width: 100%;
}

.switch-taller .switch-input:nth-of-type(2):checked ~ .switch-inside {
  transform: translateX(101%);
  transition: 0.25s ease all;
}

.switch-taller .switch-input:nth-of-type(3):checked ~ .switch-inside {
  transform: translateX(202%);
  transition: 0.25s ease all;
}

.form-tipoV {
  max-width: 480px;
}

.switch-asistencia {
  max-width: 480px;
}
.switch-asistencia .switch-label {
  color: var(--colorBlueLight);
  font-size: 16px;
  font-family: var(--fontBarlow);
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
}
.switch-asistencia .switch-inside {
  width: 50%;
}
.switch-asistencia .switch-input:checked + .switch-label:nth-of-type(1) {
  color: var(--colorCyan) !important;
}

.switch-asistencia .switch-inside::before {
  width: 100%;
}

.switch-asistencia .switch-input:nth-of-type(2):checked ~ .switch-inside {
  transform: translateX(100%);
  transition: 0.25s ease all;
}

@media screen and (max-width: 500px) {
  .car-box-row {
    padding: 0;
  }
  .col-left {
    padding: 1rem;
  }
  .switch-label {
    font-size: 14px;
    position: relative;
    left: -10px;
  }
  .switch-input:checked + .switch-label {
    font-size: 14px;
  }
  .switch-input:checked + .switch-label:nth-of-type(1) {
    font-size: 14px;
  }
}
.switch-item {
  align-items: flex-start;
}

.switch-item-content-title {
  gap: 1rem;
}

.switch-item-content-title .button-tooltip {
  margin-bottom: 0 !important;
}

@media (max-width: 1199px) {

  .switch-label {
    font-size: 14px;
  }
  .switch-respCivil .switch-input:checked + .switch-label:nth-of-type(1) {
    font-size: 14px;
  }
}

.tooltip-inner {
  max-width: 250px !important;
  padding: 1rem !important;
  font: normal 500 13px/15.6px var(--fontBarlow);
  letter-spacing: 0.04em;
  color: var(--colorBlue);
  text-align: left;
  background: var(--colorRed)fff !important;
  box-shadow: 0px 13px 30px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  opacity: 1 !important;
}



label span.tip {
  position: relative;
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin-left: 0.5rem;
  /* border: solid 1px red; */
}

label span.tip:before {
  content: "";
  position: absolute;
  background: url(../img/icons/sura-icon-help.svg) no-repeat center center;
  width: 15px;
  height: 15px;
  background-size: 100%;
  top: 0.2rem;
  left: 0;
  z-index: 2;
}

.hidde {
  display: none !important;
}

.tooltip.show {
  opacity: 1 !important;
  z-index: 100;
}

.tooltip-inner .example-patente {
  width: 100%;
  max-width: 216px;
  /* height: 28px; */
  margin: 0 auto !important;
}

.tooltip-inner .text-example {
  text-align: left;
  font: normal 400 13px/16px var(--fontBarlow) !important;
  letter-spacing: 0.04em;
  color: var(--colorGrayDark);
  margin-bottom: 0;
}
.tooltip-inner .text-example strong.cyan {
  color: var(--colorCyan);
}
.tooltip-inner .text-example strong.gray {
  color: var(--colorGrayDark);
}

.tooltip-arrow::before {
  border-top-color: var(--colorWhite) !important;
  border-bottom-color: var(--colorWhite) !important;
}

.tip {
  display: inline-block;
  cursor: pointer;
}

.tooltip.in {
  opacity: 1 !important;
}

.detail-insurance-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.detail-insurance-header {
  padding: 1rem 2rem;
  border-radius: 5px 5px 0 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  background-color: var(--colorBlue);
}
.detail-insurance-header .row-header {
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-insurance-header .row-header h2 {
  font: 700 48px/40px var(--fontFSJoey);
  color: var(--colorYellow);
  margin: 0;
}
.detail-insurance-header .row-header .box-num-deus {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.detail-insurance-header .row-header .box-num-deus p {
  margin: 0;
  color: var(--colorWhite);
  font: 700 14px/16.8px var(--fontBarlow);
  letter-spacing: 1px;
}
.detail-insurance-header .row-header .box-num-deus span {
  margin: 0;
  color: var(--colorWhite);
  font: 700 12px/14px var(--fontBarlow);
  letter-spacing: 1px;
}
.detail-insurance-header .name-insurance {
  margin: 0 0 1rem;
  font: italic 700 28px/1 var(--fontBarlow);
  color: var(--colorWhite);
  align-self: flex-start;
}
.detail-insurance-header .uf-value {
  margin: 0;
  color: var(--colorWhite);
  font: 500 10px/12px var(--fontBarlow);
}

.detail-insurance-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 2rem 1.8rem;
}
.detail-insurance-body .box-info-blue {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  align-items: center;
  background-color: rgba(0, 51, 160, 0.1);
  padding: 0.5rem;
  border-radius: 5px;
  margin-bottom: 1.5rem;
}
.detail-insurance-body__img {
  width:100%;
  min-width: 200px;
  max-width: 200px;
}
@media (max-width: 1200px) {
  .detail-insurance-header .name-insurance {
    font-size: 26px;;
  }
  .detail-insurance-body__img {
    max-width: 300px;
  }
}
.detail-insurance-body .box-info-blue img {
  max-width: 48px;
}
.detail-insurance-body .box-info-blue p {
  margin: 0;
  font: 500 13px/15.6px var(--fontBarlow);
  color: var(--colorBlue);
}

@media (max-width: 1199px) {
  .name-insurance {
    font-size: 24px;
  }
  .detail-insurance-header .row-header h2 {
    font-size: 42px;
  }
}

@media (max-width: 1099px) {
  .car-box-row {
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    justify-content: flex-start;
  }
  .col-left {
    padding: 2rem 1rem;
  }
  .col-left,
  .col-right {
    max-width: 575px;
  }
}

.header-step {
  max-width: 1200px;
  height: 111px;
  background-color: var(--colorWhite);
}
.header-step .header-content {
  width: 100%;
  max-width: 1920px;
}
.header-step .header-content .logo-contratacion-full-cobertura {
  width: 100%;
  height: 100%;
  max-width: 282px;
  justify-content: flex-start;
  padding-left: 1rem;
}
.header-step .header-content .logo-contratacion-full-cobertura img:nth-child(1) {
  width: 100%;
  height: 100%;
  max-width: 224px;
  justify-content: flex-end;
  padding-right: 1rem;
}

.subscribe-header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  justify-content: flex-end;
  margin: 0 auto;
  padding: 0;
  height: 78px;
}

.datos-step {
  height: 96px !important;
  align-items: inherit !important;
}

.step {
  display: flex;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  color: var(--colorBlueLight);
  padding-left: 0px;
  margin: 1rem auto 0;
}

.step__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 100%;
  max-width: 575px;
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
}

.step li {
  list-style-type: none;
  font-size: 10px;
  width: 33%;
  position: relative;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.1;
}

.step li:before {
  width: 34px;
  height: 34px;
  line-height: 45px;
  display: block;
  font-size: 18px;
  background: var(--colorWhite);
  border-radius: 50%;
  margin: 0 auto 4px;
  padding: 4px 0 0;
  border: 1px solid var(--colorBlueLight);
  line-height: 1.3 !important;
}

.step li:after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--colorBlueLight);
  position: absolute;
  left: 0;
  top: 16px;
  z-index: 1;
}

.step li:last-child:after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  left: -50%;
}

.step li:nth-child(2):after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  left: -50%;
}

.step li:first-child:after {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  left: 50%;
}

.step li:last-child:after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.step li:first-child:after {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.step li.active:before,
.step li.active:after {
  background: var(--colorCyan);
}

.step .step1:before {
  content: "1";
}

.step .step2:before {
  content: "2";
}

.step .step3:before {
  content: "3";
}

.step .step4:before {
  content: "4";
}

.step .step1:before,
.step .step2:before,
.step .step3:before,
.step .step4:before {
  position: relative;
  z-index: 100;
  color: var(--colorBlueLight);
}

.step .step1.active,
.step .step2.active,
.step .step3.active,
.step .step4.active {
  color: var(--colorCyan);
  font-weight: 600;
}

.step .step1.active:before,
.step .step2.active:before,
.step .step3.active:before,
.step .step4.active:before {
  color: var(--colorWhite);
  border: 1px solid var(--colorCyan);
}

.step .step1.active:after,
.step .step2.active:after,
.step .step3.active:after,
.step .step4.active:after {
  background: var(--colorBlueLight);
  z-index: 10;
}

.step .step1.complete,
.step .step2.complete,
.step .step3.complete,
.step .step4.complete {
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--colorCyan);
}

.step .step1.complete:before,
.step .step2.complete:before,
.step .step3.complete:before,
.step .step4.complete:before {
  content: "";
  background: url(../img/icons/icon-check-nobg.svg) no-repeat center center var(--colorWhite);
  background-size: 22px;
  width: 32px;
  height: 32px;
  display: block;
  font-size: 20px;
  margin: 0 auto 4px;
  padding: 0px;
  z-index: 100;
  border: 1px solid var(--colorCyan);
}

@media screen and (max-width: 575px) {
  .step .step1.complete:before,
  .step .step2.complete:before,
  .step .step3.complete:before,
  .step .step4.complete:before {
    content: "";
    background: url(../img/sura-icon-check.svg) no-repeat center center var(--colorWhite);
    background-size: 34px;
    width: 30px;
    height: 30px;
  }
}
.step .step1.complete:after,
.step .step2.complete:after,
.step .step3.complete:after,
.step .step4.complete:after {
  background: var(--colorCyan);
  z-index: 99;
}

.step .step1.complete:first-child:after {
  height: 0;
  border: none;
}

@media screen and (max-width: 991px) {
  .step {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .step {
    font-size: 14px;
    margin-bottom: 2rem;
  }
  .step li {
    font-size: 14px;
  }
  .step li:before {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
  .step li:after {
    top: 15px;
  }
}
@media screen and (max-width: 375px) {
  .step li {
    font-size: 13px;
  }
  .step li:before {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .step li:after {
    top: 15px;
  }
}
.datos {
  max-width: 1000px;
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}
.datos .container {
  padding: 0;
}

.datos__asegurado {
  padding-left: 0 !important;
  border-bottom: 1px solid var(--colorGrayLight);
}

.datos__wrap {
  margin: 0 0 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}

.datos__wrap--fit {
  gap: 0;
}

.form-group--fit {
  max-width: 265px;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  .datos__wrap--fit {
    justify-content: center;
  }
  .datos__wrap--fit .form-group--fit {
    max-width: 100%;
  }
}

.form-group.form-group-direccion {
  min-width: 516px;
  max-width: 550px;
}

.form-group input.date-input {
  padding-left: 56px;
  background-color: var(--colorWhite) !important;
  cursor: pointer;
}

.dropdown-menu {
  width: 240px !important;
  padding: 0.6rem !important;
}
.dropdown-menu .table-condensed {
  width: 100%;
}

.p-small {
  font: normal 400 14px/1.2 var(--fontBarlow);
  color: var(--colorGrayDark);
}

.car-content-btn {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  margin: 2rem auto;
  gap: 1rem;
}

@media screen and (max-width: 575px) {
  .datos__wrap {
    justify-content: center;
  }
  .custom-select,
  .datos__wrap .form-group,
  .datos__wrap .select-selected {
    max-width: 100%;
    min-width: auto;
  }
  .form-group--fit {
    margin-right: 0;;
  }
  .datos__wrap .form-group input.date,
  .datos__wrap .select-selected input.date {
    max-width: 100%;
    padding-left: 50px;
    background-position-x: 15px;
    background-position-y: 17px;
  }
  .form-group input.date {
    background-size: 18px;
  }
}


.datos .title-gray {
  color: var(--colorGrayDark);
  font: 700 16px var(--fontBarlow) !important;
  margin: 0 0 1rem;
}

.upload-file-hidden {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.info-load-file {
  display: none;
  align-items: center;
  justify-content: flex-start;
  gap: 3rem;
  padding-bottom: 1rem;
}
.info-load-file .row-file-desc {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.info-load-file .row-file-desc #file-name {
  text-transform: uppercase;
  font: normal 700 16px/19px var(--fontBarlow);
  color: var(--colorCyan);
  flex-grow: 2;
  margin: 0;
}
.info-load-file .row-file-desc #delete-file {
  cursor: pointer;
  transition: all 0.2s linear;
}
.info-load-file .row-file-desc #delete-file:hover {
  transform: scale(1.1);
}
.info-load-file .detail-process {
  margin: 0;
  font: normal 400 13px/15.6px var(--fontBarlow);
  color: var(--colorGrayDark);
}

.sura-check {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: flex-start;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}

.sura-check:not(:last-child) {
  margin-right: 6px;
}

.sura-check:hover {
  background: rgba(0, 51, 160, 0.1);
}

.sura-check span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}

.sura-check span:first-child {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 4px;
  transform: scale(1);
  border: 1px solid var(--colorCyan);
  box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
}

.sura-check span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: var(--colorWhite);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.sura-check span:last-child {
  padding-left: 8px;
  line-height: 18px;
  font: normal 400 16px/1 var(--fontBarlow);
  color: var(--colorGrayDark);
}

.sura-check:hover span:first-child {
  border-color: var(--colorCyan);
}

.sura-input-check {
  position: absolute;
  visibility: hidden;
}

.sura-input-check:checked + .sura-check span:first-child {
  background: var(--colorCyan);
  border-color: var(--colorCyan);
  animation: wave 0.4s ease;
}

.sura-input-check:checked + .sura-check span:first-child svg {
  stroke-dashoffset: 0;
}

.inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}

@-moz-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@-o-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@media (max-width: 575px) {
  .sura-check span:last-child {
    font-size: 12px;
  }
}
.datos__info {
  justify-content: flex-start;
  align-items: flex-start;
  margin: 2.5rem auto;
  padding: 8px 16px;
  border-radius: 4px;
  background: rgba(0, 51, 160, 0.2);
  gap: 1rem;
  min-height: 56px;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.datos__info .p-info {
  color: var(--colorBlue);
  font: 400 13px var(--fontBarlow) !important;
  margin: 0;
}

.datos-vehiculo-nuevo {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 2rem 0 0;
}

.separator-gray {
  opacity: 0.5;
  width: 100%;
  margin: 1rem 0 3rem;
  border-top: 0;
  border-bottom: 1px solid var(--colorGrayDark);
}

.datos__inspeccion-title h4 {
  color: var(--colorBlue);
  font: 700 22px var(--fontBarlow);
}

.datos__inspeccion-info {
  margin: 24px 0;
  max-width: 800px;
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 1rem;
}
.datos__inspeccion-info p {
  color: var(--colorGrayDark);
  font: 400 16px var(--fontBarlow) !important;
  margin: 0;
}

.datos__title {
  margin: 0;
  padding: 8px;
}
.datos__title h4 {
  color: var(--colorBlue);
  font: 700 22px var(--fontBarlow);
  margin: 0;
}

.datos__title p {
  color: var(--colorGrayDark);
  font: 400 16px/1.1 var(--fontBarlow);
  margin: 16px 0 1rem;
}

.datos__pago {
  max-width: 100%;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0px 15px 51px rgba(0, 45, 84, 0.13);
  background-color: var(--colorWhite);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  justify-content: flex-start;
}
.datos__pago-modal {
  box-shadow: none;
  font: 400 16px/1.1 var(--fontBarlow);
  color: var(--colorBlue);
}
.datos__pago-modal a {
  color: var(--colorBlue);
  cursor: pointer;
}
.datos__pago-box {
  width: 100%;
  min-height: 200px;
  max-width: 400px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}

.datos__pago-box:nth-child(2) {
  border-left: 1px solid var(--colorGrayLight);
  max-width: 480px;;
}

.datos__pago-cuota {
  margin: 4px auto;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
  align-items: center;
}

.datos__pago-cuota-img {
  width: 64px;
}

.datos__pago-cuota-img img {
  width: 100%;
}

.datos__pago-cuota-detalle {
  color: var(--colorBlue) !important;
  text-align: left;
}

.datos__pago-primera-cuota {
  color: var(--colorGrayDark) !important;
  text-align: left;
}

.datos__pago-cuota-detalle h5 {
  font: 700 18px var(--fontBarlow) !important;
}

.datos__pago-cuota-detalle h2 {
  font: 700 48px var(--fontFSJoey) !important;
}

.datos__pago-cuota-detalle p {
  font: 500 14px var(--fontBarlow) !important;
  margin-bottom: 0;
}

.datos__pago-cuota-uf p {
  color: var(--colorBlueLight);
  font: 400 14px var(--fontBarlow) !important;
  text-align: left;
  margin-bottom: 0;
}

.datos__pago-cuota-uf span {
  color: var(--colorCyan) !important;
  font-weight: 700 !important;
}

.datos__pago-fechas {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-left: 1rem;
}

.datos__pago-fechas .form-group {
  margin-right: 0;
}
.datos__pago-fechas .form-group label {
  margin-left: 0;
}

.datos__pago-fechas p {
  color: var(--colorGrayDark);
  font: 400 16px var(--fontBarlow) !important;
  margin: 0;
}

/* WEBPAY */
.ficha-webpay {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 2rem auto;
  padding: 2rem;
  gap: 1rem;
  background-color: var(--colorWhite);
  border-radius: 4px;
  box-shadow: 0 15px 51px 0 rgba(0, 45, 84, 0.13);
}

.ficha-webpay-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-right: 1px solid #dedede;
  gap: 1rem;
  width: 60%;
}

.ficha-wrapper-row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.ficha-webpay-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.ficha-webpay-box.logo {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 30%;
  padding: 0 0 0 1rem;
  height: 100%;
}

.ficha-webpay-box-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  gap: 1rem;
  padding: 1rem;
  border-radius: 4px;
  background-color: rgba(0, 174, 199, 0.1);
}

.ficha-webpay-box-info__img {
  width: 24px;
}

.ficha-webpay-box-info__desc {
  font: normal 400 13px/1.2 var(--fontBarlow);
  color: var(--colorBlue);
  text-align: left;
  margin: 0;
}

.ficha-webpay-box.logo img {
  padding: 0 0 1rem;
  width: 200px;
}

.ficha-webpay-box.formulario.collapsed {
  height: 1px;
}

.formulario.collapsed.in {
  height: 100%;
}

.ficha-webpay-box.logo p {
  font-size: 13px;
  line-height: 1;
  text-align: left;
  color: #9ea2a2;
}

.ficha-webpay-box {
  width: 100%;
}

.ficha-webpay .requeridos {
  font-size: 14px;
}

.line-left {
  border-left: 1px solid #dedede;
}

@media (max-width: 991px) {
  .line-left {
    border: none;
  }
}
.form-wrap-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 1rem;
}

.ficha-webpay-box.formulario {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

.ficha-webpay-box.formulario.collapse.show {
  height: 100%;
}

.ficha-webpay-box.formulario.collapse {
  height: 1px;
}

.ficha-webpay-box.formulario h4 {
  font-family: var(--fontBarlow) !important;
  font-size: 18px !important;
  font-weight: 700;
  margin: 0 0 2rem;
  color: var(--colorBlue);
}

/*ficha-webpay-prop */
.ficha-webpay-prop {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 0;
}

.ficha-webpay-box-form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}

.ficha-webpay-prop h3,
.ficha-webpay-prop h3.cyan {
  font-size: 18px;
  font-family: var(--fontBarlow) !important;
  font-weight: 700;
  color: var(--colorBlue);
  margin: 0;
  line-height: 1;
  margin-bottom: 10px;
}

.ficha-webpay-prop h3.title {
  margin-bottom: 1rem;
}

.ficha-webpay-prop h3.cyan {
  color: var(--colorCyan);
}

.ficha-webpay-prop p {
  margin: 0;
  text-align: left;
}

.ficha-webpay-prop .ficha-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.ficha-webpay-prop .ficha-box-desc {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 50%;
  max-width: 100px;
}

.ficha-webpay-prop .ficha-box-desc p {
  text-align: left;
  font: normal 400 16px/1.1 var(--fontBarlow);
}

.ficha-box {
  margin-bottom: 1rem;
}

.row-ficha-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.row-ficha-box p {
  font: 400 16px/24px var(--fontBarlow);
  color: var(--colorGrayDark);
  text-align: left;
  width: 50%;
}
.row-fucha-box-email{
  font: 400 14px/24px var(--fontBarlow) !important;
}

@media (max-width: 475px) {
  .row-ficha-box {
    flex-direction: column;
  }
  .row-ficha-box p {
    width: 100%;
  }
}
.flex-col {
  flex-direction: column;
}

.ficha-webpay-box-form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}

.ficha-webpay-box.formulario {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

.ficha-tarjeta-box-info-cuota,
.ficha-tarjeta-box-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 740px;
  gap: 1rem;
  padding: 1rem;
  border-radius: 4px;
  background-color: rgba(0, 51, 160, 0.1);
  margin: 2rem auto 1rem;
}

.ficha-tarjeta-box-info__img {
  width: 24px;
}
.ficha-tarjeta-box-info-cuota{
  background-color: transparent;
  max-width: 100%;;
  padding: 0;
}

.ficha-tarjeta-box-info__desc,
.ficha-tarjeta-box-info-cuota__desc{
  font: normal 400 14px/18px var(--fontBarlow);
  color: var(--colorBlue);
  text-align: left;
  margin: 0;
}
.ficha-tarjeta-box-info-cuota__desc p {
  color: var(--colorBlue) !important;
}
.ficha-tarjeta-box-info-cuota__desc strong {
  color: var(--colorBlue);
}
@media screen and (max-width: 768px) {
  .ficha-wrapper-row,
  .form-wrap-row {
    flex-direction: column;
  }
  .ficha-webpay-wrapper {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #dedede;
    margin-bottom: 1rem;
  }
  .ficha-webpay-box.logo {
    width: 100%;
    padding: 0;
  }
  .ficha-webpay-box .form-group {
    min-width: 100% !important;
  }
  .ficha-webpay-box .custom-select {
    min-width: 100%;
  }
}
.main-exito {
  margin-top: 4rem;
}

.container-exito {
  gap: 2rem;
  width: 100%;
  max-width: 1200px;
  justify-content: space-between;
}

.box-inspeccion {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 342px;
  padding: 1.5rem;
  margin: 1rem auto;
  background: rgba(0, 174, 199, 0.1);
}
.box-inspeccion img {
  width: 100%;
  max-width: 42px;
}
.box-inspeccion p {
  margin: 0;
  color: var(--colorBlue);
  font: 400 16px/20px var(--fontBarlow);
}

.box-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-btn a {
  margin: 1rem 0 2rem;
}
.box-btn .btn-yellow-download {
  margin: 1rem 0;
}

.car-error-box-img,
.car-error-box-desc-buttons,
.car-error-box-desc,
.car-error-box-header,
.car-error-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.car-error-box {
  justify-content: space-between;
  width: 100%;
  height: 100%;
  max-width: 1000px;
  margin: 5rem auto 3rem;
}

.car-error-box-header {
  flex-direction: column;
  width: 100%;
  padding: 2rem 5rem 1.5rem;
  background-color: var(--colorBlue);
}

.car-error-box-header .icon-check {
  position: absolute;
  top: -24px;
  width: 48px;
  box-shadow: 0 5px 10px 0 rgba(0, 45, 84, 0.25);
  border-radius: 50%;
}

.car-error-box-header h3 {
  font: normal 700 22px/1 var(--fontBarlow);
  color: var(--colorWhite);
  margin: 0;
  padding: 0;
  text-align: center;
}

.car-error-box-header p {
  font: normal 400 18px/1 var(--fontBarlow);
  color: var(--colorGrayDark);
  margin: 0 0 1rem;
  text-align: center;
}

.car-error-box-desc {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  max-width: 622px;
  position: relative;
  width: 91%;
  padding-bottom: 1rem;
}

.car-error-box-desc h3 {
  font: normal 700 22px/1.3 var(--fontBarlow);
  color: var(--colorBlue);
  text-align: left;
  margin-bottom: 1rem;
}

.car-error-box-desc p {
  font: normal 700 18px/1.3 var(--fontBarlow);
  color: var(--colorGrayDark);
  text-align: left;
  margin-bottom: 1rem;
}

.car-error-box-desc-buttons {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  margin: 1rem 0;
}

.car-error-box-desc-buttons .button-border {
  min-width: 160px;
  line-height: 1.2;
}

.car-error-box-desc-buttons .button-primary {
  min-width: 180px;
}

.car-error-box-img {
  flex-direction: column;
  width: 50%;
  padding: 0 1rem;
}

.car-error-box-img img {
  width: 100%;
  margin-bottom: 2rem;
  max-width: 520px;
}

.car-error-box-img .button {
  max-width: 220px;
}

@media (max-width: 991px) {
  .car-error-box {
    flex-direction: column;
  }
  .car-error-box-desc {
    margin-bottom: 3rem;
  }
  .car-error-box-img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .car-error-box {
    flex-direction: column;
    margin: 3rem auto 0;
    padding: 0 0.5rem;
  }
  .car-error-box-desc {
    align-items: center;
    width: 100%;
    margin-bottom: 3rem;
  }
  .car-error-box-desc .icon-check {
    position: absolute;
    top: -1.5rem;
    width: 48px;
  }
  .car-error-box-desc h3 {
    font-size: 18px;
  }
  .car-error-box-desc p {
    font-size: 16px;
  }
  .car-error-box-desc__btn a.btn.btn-blue {
    margin-left: 1rem;
    font-size: 16px;
  }
  .car-error-box-img {
    width: 100%;
  }
  .car-error-box-img img {
    max-width: 375px;
  }
}
@media (max-width: 575px) {
  .car-error-box .content {
    max-width: 100%;
    align-items: flex-start;
  }
  .car-error-box .content a {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .car-error-box-desc-buttons {
    flex-direction: column;
    gap: 0;
  }
}
.box-confirm {
  margin: 0;
  width: 100%;
}

.box-detail-poliza {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #e3e7f2;
  padding: 1rem;
  gap: 0.5rem;
  margin-bottom: 1rem
}
.box-detail-poliza .row-detail {
  width: 100%;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box-detail-poliza .row-detail p.text-detail {
  margin: 0;
  color: var(--colorBlue);
  font:  700 18px/26px var(--fontBarlow);
  text-align: left;
}
.box-detail-poliza .row-detail span.num-poli {
  font: 700 32px/26px var(--fontFSJoey);
  color: var(--colorCyan);
  text-align: right;
}
.box-detail-poliza .row-detail span.name-insurance {
  font:  500 16px/20px var(--fontBarlow);
  color: var(--colorBlue);
  text-align: right;
}

.box-enviar-poliza {
  max-width: 300px;
  display: flex;
  flex-direction: column;
}

.icon-flecha {
  padding-left: 45px !important;
  background: url(../img/icons/sura-icon-send.svg) no-repeat !important;
  background-size: 20px;
  background-position-x: 20px !important;
  background-position-y: 18px !important;
  z-index: 1;
  background-color: var(--colorWhite);
}

.box-row-data .switch-item {
  margin-bottom: 0;
}

.label-deducible {
  margin: 0 0 0.5rem;
  padding-left: 0.6rem;
  color: var(--colorGrayDark);
  font-size: 13px;
  font-family: var(--fontBarlow);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.52px;
}

.select-deducible {
  max-width: 264px;
  margin-top: 0;
}
.select-deducible .select-selected {
  height: 56px;
  padding: 13px 20px;
}
.select-deducible .select-selected::after {
  top: 23px;
}
.select-deducible .select-items {
  height: 300px;
}

.row-switch-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.switch-mini {
  margin-bottom: 0;
  max-width: 96px;
}
.switch-mini .switch-label {
  width: 100%;
  text-align: center;
  height: 32px;
  padding: 0 10px;
  font: normal 600 14px/16px var(--fontBarlow);
  position: initial;
  margin: 0;
  margin-left: 0 !important;
  cursor: pointer;
  z-index: 1;
  left: 0;
}
.switch.switch-2 .switch-input:checked + .switch-label:nth-last-child(1) {
  color: var(--colorBlue);
}
.switch-mini .switch-input:checked + .switch-label:nth-of-type(1) {
  position: relative;
  left: 0;
  color: var(--colorBlue);
}

.switch-mini .switch-input + .switch-label:nth-of-type(2) {
  position: relative;
  left: 0;
  color: var(--colorBlueLight);
}
.switch-mini .switch-input:checked + .switch-label:nth-of-type(2) {
  position: relative;
  left: 0;
  color: var(--colorCyan);
}
.switch-mini .switch-outside {
  width: 100%;
  max-width: 650px;
  height: 32px;
  border-radius: 100px;
  background: var(--colorWhite);
  border: 2px solid var(--colorGrayLight);
  box-shadow: 0 2px 20px var(--colorGrayLight);
  position: absolute;
  top: 1px;
  left: 0;
}
.switch-mini .switch.switch-2 .switch-inside {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 3;
  transition: 0.25s ease all;
}
.switch-mini .switch-inside::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  padding: 12px 5px;
  background: rgba(0, 51, 160, 0.2);
  height: 32px;
  border: 2px solid #003057;
  border-radius: 100px;
  width: 100px;
  box-shadow: 0 2px 20px var(--colorGrayLight);
}
.switch-mini .switch.switch-2 {
  max-width: 136px;
  align-items: baseline;
}
.switch-mini .switch.switch-2 .switch-inside::before {
  width: 48px;
}
.switch-mini .switch.switch-2 .switch-input:nth-of-type(2):checked ~ .switch-inside {
  transform: translateX(48px);
  transition: 0.25s ease all;
}
.switch-mini .switch.switch-2 .switch-input:nth-of-type(2):checked ~ .switch-inside:before {
  background: rgba(0, 174, 199, 0.1);
  border: 2px solid var(--colorCyan);
}

@media (max-width: 425px) {
  .select-deducible {
    max-width: 100%;
  }
  .detail-insurance-header .row-header {
    flex-direction: column;
    align-items: center;
  }
  .detail-insurance-header .row-header .box-num-deus {
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .detail-insurance-header .name-insurance {
    margin: 0 auto 1rem;
    padding-left: 0;
  }
}
.placeholder-sklt .cotizacion-rci__title {
  width: 100%;
  max-width: 480px;
  height: 32px;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .cotizacion-rci__title:before {
  display: none;
}
.placeholder-sklt .title-card {
  width: 100%;
  max-width: 480px;
  height: 32px;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
}
.placeholder-sklt .group-inputs-alicenter {
  width: 100%;
  max-width: 680px;
  height: 52px;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .placeholder-s,
.placeholder-sklt .box-row-data {
  margin: 1rem 0 2rem;
  width: 100%;
  max-width: 480px;
  height: 32px;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .form-group-flex,
.placeholder-sklt .box-año {
  width: 100%;
  max-width: 280px;
  height: 56px;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .box-boton {
  width: 100%;
  max-width: 220px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .car-box__title,
.placeholder-sklt .datos__title {
  width: 100%;
  max-width: 240px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  margin-bottom: 2rem;
}
.placeholder-sklt .car-box-wrapper {
  width: 100%;
  max-width: 440px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  margin: 1rem 0;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .detail-insurance-header {
  width: 100%;
  max-width: 380px;
  height: 119px;
  flex-shrink: 0;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .box-info-blue {
  width: 100%;
  max-width: 320px;
  height: 198px;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .btn-yellow {
  width: 100%;
  max-width: 280px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .accordion-header {
  margin: 1rem 0;
  padding-left: 2rem;
  width: 100%;
  max-width: 240px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2) !important;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .form-group--fit {
  width: 100%;
  max-width: 280px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-fuerte, var(--colorGrayLight));
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .form-group-direccion {
  width: 100%;
  max-width: 580px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-fuerte, var(--colorGrayLight));
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .car-content-btn .btn-noborder,
.placeholder-sklt .car-content-btn .btn-call-blue {
  width: 100%;
  max-width: 280px;
  height: 48px;
  border: none;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .datos__pago-cuota,
.placeholder-sklt .datos__pago-fechas,
.placeholder-sklt .ficha-webpay-wrapper,
.placeholder-sklt .ficha-webpay-box,
.placeholder-sklt .ficha-webpay-box {
  width: 100%;
  max-width: 280px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 32px;
  background: #e3e7f2;
  margin-bottom: 2rem;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .ficha-wrapper-row {
  justify-content: space-evenly;
}
.placeholder-sklt .ficha-tarjeta-box-info {
  width: 564px;
  height: 88px;
  flex-shrink: 0;
  border-radius: 4px;
  background: #e3e7f2;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .title-card-exito {
  width: 425.392px;
  height: 88px;
  flex-shrink: 0;
  background: #e3e7f2;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .title-card-exito:before {
  display: none;
}
.placeholder-sklt .box-confirm-email {
  width: 280px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: #e3e7f2;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .box-inspeccion {
  width: 375px;
  height: 116px;
  flex-shrink: 0;
  background: #e3e7f2;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .box-btn .btn-noborder {
  width: 219px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 32px;
  background: #e3e7f2;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .img-exito {
  width: 623px;
  height: 251px;
  flex-shrink: 0;
  background: #e3e7f2;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .encuesta-gps p,
.placeholder-sklt .box-encuesta p {
  width: 280px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 32px;
  background: #e3e7f2;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .encuesta-gps .btn-yellow,
.placeholder-sklt .encuesta-gps .btn-call-blue,
.placeholder-sklt .box-encuesta .btn-yellow,
.placeholder-sklt .box-encuesta .btn-call-blue {
  width: 200px;
  height: 24px;
  background: #e3e7f2;
  border-radius: 32px;
  border: none;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .car-error-box-desc h3,
.placeholder-sklt .car-error-box-desc p {
  width: 280px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 32px;
  background: #e3e7f2;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .car-error-box-desc p {
  width: 144px;
}
.placeholder-sklt .car-error-box-desc-buttons .btn-call-blue {
  width: 200px;
  height: 24px;
  background: #e3e7f2;
  border-radius: 32px;
  border: none;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-sklt .car-error-box-img {
  width: 623px;
  height: 251px;
  flex-shrink: 0;
  background: #e3e7f2;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

.placeholder-table .header-table {
  border-radius: 8px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  margin: 0 0 2rem;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-table .box-datos-siniestro {
  width: 100%;
  height: 24px;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  margin: 1rem 0;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.placeholder-table .car-data-patente {
  width: 203px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
}
.placeholder-table .car-data-insured,
.placeholder-table .car-data-tel,
.placeholder-table .car-data-email {
  width: 90% !important;
  height: 24px;
  border-radius: 32px;
  background: var(--secundaria-tenue-gris-gris-clido, #e3e7f2);
  margin: 1rem 0;
  animation-name: placeholder;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes placeholder {
  0% {
    background: #b7bdcd;
  }
  50% {
    background: rgba(183, 189, 205, 0.5);
  }
  100% {
    background: #b7bdcd;
  }
}
.box-btn-volver {
  position: absolute;
  left: calc(50% - 150px);
  bottom: -6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
}
.box-btn-volver a:hover {
  color: var(--colorBlue) !important;
}
/* SPINNER */
#overlayer {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: rgba(0,0,0,.8);
}
.sura-loader {
  display: block;
  width: 6.25rem;
  height: 6.25rem;
  top: 45%;
  left: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  z-index: 100;
}

button.button-tooltip {
  position: relative;
  z-index: 0;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: initial !important;
  border-radius: 50% !important;
  outline: none;
}


button.button-tooltip2 {
  position: relative;
  z-index: 0;
  width: 40px !important;
  height: 100px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: initial !important;
  border-radius: 50% !important;
  outline: none;
}

button.button-tooltip2:before {
  content: "";
  position: absolute;
  background: url(../img/icons/sura-icon-help.svg) no-repeat center center;
  width: 40px;
  height: 100px;
  background-size: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  outline: none;
}


button.button-tooltip:before {
  content: "";
  position: absolute;
  background: url(../img/icons/sura-icon-help.svg) no-repeat center center;
  width: 20px;
  height: 20px;
  background-size: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  outline: none;
}

.button-tooltip.tooltip {
  text-align: left;
  max-width: 500px !important;
  color: var(--color-red) !important;
  background: #9EA2A2;
}

.button-tooltip.tooltip2 {
  text-align: left;
  max-width: 500px !important;
  color: var(--color-red) !important;
  background: #21b3b3;
}



.button-tooltip.image-motor {
  position: relative;
  width: 100%;
  max-width: 250px;
  height: 250px;;
}
.button-tooltip.image-motor:before {
  content: "";
  position: absolute;
  background: url(../img/sample-motor.png) no-repeat bottom center;
  width: 100%;
  max-width: 250px;
  height: 250px;
  background-size: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  outline: none;
}
.button-tooltip.image-chasis {
  position: relative;
  width: 100%;
  max-width: 250px;
  height: 250px;;
}
.button-tooltip.image-chasis:before {
  content: "";
  position: absolute;
  background: url(../img/sample-chasis.png) no-repeat bottom center;
  width: 100%;
  max-width: 250px;
  height: 250px;
  background-size: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  outline: none;
}

.button-tooltip.tooltip.show {
  background-color: var(--colorGrayLight);
  color: var(--colorGrayDark);
  border-radius: 8px;
  max-width: 250px;
  padding: 0 !important;
  color: gray !important;
}
.button-tooltip.tooltip.fade {
  background-color: var(--colorGrayLight);
  padding: 0 !important;
}


.button-tooltip2.tooltip.show {
  background-color: var(--colorGrayLight);
  color: black;
  border-radius: 8px;
  max-width: 500px;
  padding: 0 !important;
  color: rgb(238, 20, 20) !important;
}
.button-tooltip2.tooltip.fade {
  background-color: #00AEC7 ;
  padding: 0 !important;
}

.tooltip-inner {
  background-color: var(--colorGrayLight) !important;
  color: var(--colorGrayDark) !important;
  min-width: 250px;
  padding: 1rem !important;
  font: normal 400 12px/1.2 var(--fontBarlow);
  letter-spacing: 0.04em;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}


.button-tooltip2 .tooltip-inner{
  background-color: var(--colorGrayLight) !important;
  color: var(--colorGrayDark) !important;
  min-width: 250px;
  padding: 1rem !important;
  font: normal 400 14px/1.2 var(--fontBarlow) !important;
  letter-spacing: 0.04em;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);

}


.tooltip-color-inside {
  color: var(--colorCyan);
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
  border-right-color:  var(--colorGrayLight) !important;
}

@media (max-width: 575px) {
  .switch-label {
    font-size: 16px;
  }
  .detail-insurance-header {
    padding: 1rem 1rem 0.5rem
  }
  .car-cobertura {
    margin-bottom: 1rem;
  }
}

.custom-select.select-s {
  min-width: 280px;
  max-width: 280px;
}

.custom-select.select-s {
  min-width: 232px;
  max-width: 232px;
}

@media (max-width: 991px) {
  .header-step {
    height: 80px;
  }
  .header-logo-left {
    padding-left: 1rem;
  }
  .header-step .header-content .logo-contratacion-full-cobertura img:nth-child(1) {
    width: 100%;
    max-width: 180px;
    min-width: 180px;
  }
  .header-step .header-content .logo-contratacion-full-cobertura {
    max-width: 232px;
    justify-content: space-between;
  }
  .form-group input.date-input {
    background-position-x: 9%;
    background-position-y: 16px;
    max-width: 100%;
  }
}
.container-autofull .container-intern {
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-bottom: 4rem;
}
.container-autofull.placeholder-sklt {
  width: 100%;
  max-width: 100%;
}
.main-datos .container {
  max-width: 920px;
}
@media (max-width: 850px) {
  .container-autofull .container-intern {
    flex-direction: column;
  }
}


.form-group--fit .custom-select .custom-select.select-s {
  min-width: 260px;
  max-width: 260px;
}
@media (max-width: 768px) {
  .form-group--fit .custom-select .custom-select.select-s,
  .custom-select.select-s {
    min-width: 470px;
    max-width: 470px;
  }

  .form-group input.date {
    background-position-x: 4.3%;
    background-position-y: 16px;
    background-size: 18px;
  }
}
@media (max-width: 575px) {
  .form-group--fit .custom-select .custom-select.select-s,
  .custom-select.select-s {
    min-width: 100%;
    max-width: 100%;
  }
  .box-row-data .switch-item {
    align-items: flex-end;
  }
  .datos__wrap .form-group input.date {
    background-position-x: 22px;
    background-position-y: 16px;
    background-size: 18px;
  }
}

::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 18px;
  width: 22px;
  height: 22px;
  filter: brightness(0) saturate(100%) invert(60%) sepia(24%) saturate(400%) hue-rotate(190deg) brightness(87%) contrast(83%);
}


#formSexo .select-items {
  height: 108px;
  overflow-y: hidden;
}

#formTipoVeh .custom-select.select-s {
  min-width: 296px;
  max-width: 296px;;
}

@media (max-width: 768px) {
  .datos__asegurado .datos__wrap .form-group{
    min-width: 100%;
    margin-right: 0;
  }

}

.grecaptcha-badge {
  z-index: -1;
}

@media (max-width: 768px) {
  .switch-info-tooltip {
    max-width: 300px;;
  }
}
.button-info-tooltip {
  position: relative;
  left: 0;
}

.header-logo-right__img {
  max-width: 200px
}

.ficha-tarjeta-box-info {
  max-width: 100%;
}

.table__dates {
  font: normal 400 1rem/1.2 var(--fontBarlow);
  color: var(--colorGrayDark)
}
.modal-body .car-content__title {
  margin-top: 1rem;
}
.modal-body .car-content__title:before {
  top: -1rem;
}
.modal-body .ficha-box-desc p {
  font: normal 400 1rem/1.2 var(--fontBarlow);
  color: var(--colorGrayDark);
}
table.table__dates th,
table.table__dates td {
  color: var(--colorGrayDark);
  font-size: 14px;;
}

.container-deducibles {
  display: flex;
}

.container-deducibles .custom-select.select-s {
  max-width: 110px;
  min-width: 110px;;
}

.line-gray {
  border-top: 1px solid var(--colorGrayDark);
  width: 100%;
  height: 1px;
  margin: 0 0 1rem;
}
.line-gray-2 {
  border-top: 1px solid var(--colorGrayDark);
  width: 100%;
  height: 1px;
  margin: 1rem 0;
}

.datos__wrap.datos__wrap--fit .form-group--fit .custom-select .custom-select.select-s {
  min-width: 275px;
  max-width: 275px;
  margin-right: 3rem;
}

@media (max-width: 768px) {
  .datos__wrap.datos__wrap--fit .form-group--fit .custom-select .custom-select.select-s {
    min-width: 100%;
    max-width: 100%;
  }
}


app-sura-loader-flujo {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: rgba(0,0,0,.5);
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 10000;

}
#loaderCalculo {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: rgba(0,0,0,.5);
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 10000;

}



/* cambios lap */

.main-exito-lap {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.container-exito .container-left {
  max-width: 520px;
}
.card-exito-denuncio {
  max-width: 100%;;
}

.solicitud-gps__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
  gap: 1rem
}
.solicitud-gps__img {
  width: 32px;
}
.solicitud-gps__subtitle {
  text-align: center;
  font: normal 700 18px/1.2 var(--fontBarlow);
  color: var(--colorBlue)
}
.solicitud-gps__text {
  font: normal 400 16px/1.2 var(--fontBarlow);
  color: var(--colorGrayDark);
  padding: 1rem 2rem 0;
  text-align: center;
}
.solicitud-gps__button {
  display: flex;
  justify-content: center;
  margin: 2rem auto 1rem;
  gap: 2rem;
}

.box-aprobar-inspeccion {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 3rem);
  padding: 2rem;
  gap: 1rem;
  background-color: var(--colorCyanLight);
}
.box-aprobar-inspeccion p {
  margin: 0;
  font: normal 400 16px/1.2 var(--fontBarlow);
  color: var(--colorBlue)
}
.text-center {
  display: block;
  text-align: center;
}

.content-text-gps {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;;
  font: normal 700
}
.content-text-gps img {
  width: 24px;
}

.text-confirm-mail strong,
.solicitud-gps__text .text-blue  {
  color: #53565a;
  font-size: 16px;
}
.text-confirm-mail{
  font-size: 20px;
}

.solicitud-gps__text:not(:nth-child(1)) {
  text-align: left;
  padding-top: 0;
}
.solicitud-gps__text.text-blue {
  font: normal 700 20px/1.1 var(--fontBarlow);
  color: var(--colorBlue);
  text-align: center;
  padding: 0 2rem;
}
@media (max-width: 768px) {
  .card-exito-denuncio .title-card-exito {
    padding: 2rem 2rem 1rem;
  }
  .box-aprobar-inspeccion {
    padding: 1rem;
  }
  .solicitud-gps__subtitle {
    text-align: left;
    font-size: 22px;
  }

  .solicitud-gps__button {
    gap: 1rem;
  }
  .solicitud-gps__text {
    padding: 1rem 1.5rem 0;
  }
  .card-exito-denuncio .text-confirm-mail {
    padding: 0;
  }

  .btn-noborder-arrow {
    display: none;
  }
}
.box-solicitud-gps {
  width: calc(100% - 2rem);
  background-color: var(--colorCyanLight);
}

.btn-border-blue-underline {
  color: var(--colorBlue);
  font: normal 700 18px/1.1 var(--fontBarlow);
  margin: 1rem auto 2rem;
  transition: var(--transition-02-ease);
  padding: 14px 24px;
  border-radius: 50px;
  text-decoration: underline;
  text-decoration: none;
}
.btn-border-blue-underline:hover {
  color: var(--colorBlue);
  cursor: pointer;
  transition: var(--transition-02-ease);
}


@media (max-width: 991px) {
  .container-exito {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 520px) {
  .btn-border-blue {
    font-size: 1rem;
  }
  .card-exito-denuncio .text-confirm-mail {
    margin-bottom: 0;
  }
  .solicitud-gps__text {
    padding: 0 1rem 0;
  }
  .solicitud-gps__button {
    justify-content: space-around;
  }
  .btn-border-blue,
  .btn-border-blue-underline {
    font-size: 16px !important;
  }
  .box-detail-poliza {
    padding: 1rem 0;
  }
}

@media (max-width: 420px) {
  .btn-border-blue,
  .btn-border-blue-underline {
    font-size: 14px !important;
  }
  .box-solicitud-gps {
    width: calc(100% - 1rem)
  }
}
header .header-logo-right.logo-autofull {
  justify-content: flex-end;
  padding-right: 1rem;
}
header .header-logo-right.logo-autofull img {
  width: 180px;
}


.switch-item-content-title.tooltip-left {
  justify-content: flex-start;
}

.textoCorreoExito{
  color: #53565a;
  text-align: center;
  font-family: Barlow;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 auto;
}

/* cambios usado sin patente */
.form-nuevo-usado{
  max-width: 230px;
}