/**
 * Versão DESKTOP visual da página de seguro (checkout).
 *
 * IMPORTANTE — convênio com cliente/checkout/seguro.html:
 * - O mesmo HTML deve servir ao hub ML MOBILE; não há segundo arquivo nem markup paralelo.
 * - TUDO neste arquivo fica dentro de (@media min-width 992px) — abaixo disso vale só o ML + seguro-layout-fixes.
 * - Seletores ancorados em #attach.attach-page > .d2c_main-container (sem classe gancho na árvore).
 */

@media only screen and (min-width: 992px) {
  #attach.attach-page > .d2c_main-container {
    max-width: min(1180px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    box-sizing: border-box;
    width: 100%;
  }

  /* Sobrepõe style="padding-bottom:142px" do hub mobile */
  #attach.attach-page > .d2c_main-container > .body.body--mobile.d2c_body {
    padding-bottom: 40px !important;
  }

  /* Título + intro: deslocamento forte à direita só no desktop (mobile sem margin no layout-fixes). */
  #attach.attach-page .d2c_main-container > .body.d2c_body {
    text-align: left;
  }

  #attach.attach-page .d2c_main-container h1.d2c_body__title {
    font-size: 28px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em;
    margin: 0 !important;
    margin-inline-start: clamp(96px, 26vw, 340px) !important;
    padding: 0 !important;
    text-align: left;
  }

  #attach.attach-page .d2c_main-container .d2c_warranty-progress {
    max-width: none;
    text-align: left;
    margin-inline-start: clamp(96px, 26vw, 340px) !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Frase inteira (link + texto) como um bloco, acompanha o margin do .d2c_warranty-progress */
  #attach.attach-page .d2c_main-container .d2c_warranty-progress > span.andes-typography {
    display: block;
    text-align: left;
  }

  /* “Estende a garantia de fábrica” (button-link size-m) */
  #attach.attach-page .d2c_main-container .d2c_warranty-progress .andes-typography.button-link.andes-typography--size-m {
    font-size: 14px !important;
  }

  /* Largura pedida (1180); altura mínima 216.5 — altura fixa escondia a 2ª opção */
  #attach.attach-page .d2c_main-container .d2c_plans-container {
    box-sizing: border-box;
    width: 1180px;
    max-width: 100%;
    min-height: 216.5px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    overflow: visible;
  }

  /* Card branco do hub (rodapé de ações ficou em #seguro-desktop-site-footer) */
  #attach.attach-page .d2c_main-container #seguro-plan-card.andes-card {
    background: #fff !important;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    overflow: visible;
    margin-top: 4px;
  }

  #attach.attach-page .d2c_main-container #seguro-plan-card .cross-header__content h2.andes-typography--size-xs {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  #attach.attach-page .d2c_main-container #seguro-plan-card .cross-header__content .andes-typography--size-s {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
  }

  #attach.attach-page .d2c_main-container #seguro-plan-card #seguro-produto-titulo.andes-typography--size-s {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* Preview do produto no cross-header: mesmas dimensões visíveis do mobile (48px / contain). */
  #attach.attach-page .d2c_main-container #seguro-plan-card .cross-header .andes-thumbnail-container {
    width: 48px !important;
    height: 48px !important;
  }

  #attach.attach-page .d2c_main-container #seguro-plan-card .cross-header .andes-thumbnail.andes-thumbnail--48 {
    width: 48px !important;
    height: 48px !important;
  }

  #attach.attach-page .d2c_main-container #seguro-plan-card .cross-header .seguro-produto-thumbs-inner.is-single #seguro-produto-img {
    width: 44px !important;
    height: 44px !important;
    object-fit: contain !important;
  }

  /* Planos empilhados; cada uma = linha (título | preço à direita) */
  #attach.attach-page .d2c_main-container #seguro-radiogroup.andes-box-selector {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100%;
  }

  #attach.attach-page .d2c_main-container #seguro-radiogroup .andes-box-selector-item {
    flex: 0 0 auto !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* Sem altura fixa no input: dimensões forçadas no #seguro-opt-12 cortavam o card (margem inferior do preço). */

  #attach.attach-page .d2c_main-container #seguro-radiogroup .andes-box-selector-item label.options-card__card {
    box-sizing: border-box;
    min-height: auto;
    padding: 20px 24px !important;
    position: relative;
    overflow: visible;
  }

  #attach.attach-page .d2c_main-container #seguro-radiogroup #seguro-opt-12-content label.options-card__card,
  #attach.attach-page .d2c_main-container #seguro-radiogroup #seguro-opt-24-content label.options-card__card {
    padding: 0 !important;
  }

  /**
   * Badge “RECOMENDADO” (24 meses): canto superior direito do card (top/right 0, dentro da borda).
   */
  #attach.attach-page
    .d2c_main-container
    #seguro-radiogroup
    #seguro-opt-24-content
    label.options-card__card
    > .andes-card__content
    > .andes-badge.options-card__pill {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 2;
  }

  #attach.attach-page
    .d2c_main-container
    #seguro-radiogroup
    .andes-box-selector-item
    label.options-card__card
    .options-card__body {
    width: 100%;
    box-sizing: border-box;
  }

  #attach.attach-page
    .d2c_main-container
    #seguro-radiogroup
    .andes-box-selector-item
    label.options-card__card
    .card-with-animation__container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: 100%;
  }

  #attach.attach-page
    .d2c_main-container
    #seguro-radiogroup
    .andes-box-selector-item
    label.options-card__card
    .card-with-animation__container__title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    align-self: center;
    text-align: left;
  }

  #attach.attach-page
    .d2c_main-container
    #seguro-radiogroup
    .options-card__body-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  #attach.attach-page
    .d2c_main-container
    #seguro-radiogroup
    .andes-box-selector-item
    label.options-card__card
    .card-with-animation__container__price {
    flex: 0 0 auto;
    align-self: center;
    text-align: right;
    margin-left: auto;
    min-width: min(168px, 42%);
  }

  #attach.attach-page .d2c_main-container #seguro-radiogroup .card-with-animation__container__price .price {
    align-items: flex-end;
    gap: 2px;
  }

  #attach.attach-page .d2c_main-container .price__final--baseline .andes-money-amount {
    font-size: 14px !important;
  }

  /* Faixa de rodapés (hub + nav): largura/padding — ver seguro-footer-desktop.css */
}

@media only screen and (min-width: 992px) and (max-height: 700px) {
  #attach.attach-page > .d2c_main-container > .body.body--mobile.d2c_body {
    padding-bottom: 28px !important;
  }
}