/* Travel Pass 36 — comprobante y detalle del pedido */
.woocommerce-order-received .tp-wc-page-main{background:linear-gradient(180deg,#f5f9ff,#fff)}
.woocommerce-order-received .woocommerce-order{max-width:1060px;margin:0 auto;padding:clamp(25px,4vw,46px)!important;border:1px solid #dce5f0!important;border-radius:26px!important;background:#fff;box-shadow:0 20px 55px rgba(12,39,81,.08)}
.woocommerce-order-received .woocommerce-thankyou-order-received{margin:0 0 25px;padding:18px 20px;border-radius:14px;background:#eaf9f1;color:#166b43;font-size:1.05rem;font-weight:800;line-height:1.5;text-align:center}

.woocommerce-order-received ul.woocommerce-order-overview{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 38px!important;padding:0!important;list-style:none}
.woocommerce-order-received ul.woocommerce-order-overview:before,
.woocommerce-order-received ul.woocommerce-order-overview:after{display:none!important}
.woocommerce-order-received ul.woocommerce-order-overview li{float:none!important;width:auto!important;min-width:0;margin:0!important;padding:15px!important;border:1px solid #e0e7f1!important;border-radius:13px;background:#f7faff;color:#64748a;font-size:.68rem!important;font-weight:800;line-height:1.35;text-transform:uppercase}
.woocommerce-order-received ul.woocommerce-order-overview li strong{display:block;margin-top:6px;color:#102f60;font-size:1rem!important;line-height:1.35;text-transform:none;overflow-wrap:anywhere}

.woocommerce-order-received .woocommerce-order-details{margin:0 0 30px!important}
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title{margin:0 0 16px!important;color:#102f60;font-size:clamp(1.55rem,2.4vw,2.15rem)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.woocommerce-order-received table.woocommerce-table--order-details{width:100%!important;table-layout:fixed!important;margin:0!important;border:1px solid #dce5f0!important;border-radius:16px!important;overflow:hidden}
.woocommerce-order-received table.woocommerce-table--order-details th,
.woocommerce-order-received table.woocommerce-table--order-details td{padding:15px 16px!important;font-size:.88rem!important;line-height:1.55!important;word-break:normal;overflow-wrap:anywhere}
.woocommerce-order-received table.woocommerce-table--order-details thead th{background:#f3f7fc!important;color:#52647d!important;font-size:.74rem!important}
.woocommerce-order-received table.woocommerce-table--order-details .product-name{width:68%;text-align:left!important}
.woocommerce-order-received table.woocommerce-table--order-details .product-total{width:32%;text-align:right!important;white-space:normal}
.woocommerce-order-received table.woocommerce-table--order-details tfoot th{text-align:left!important}
.woocommerce-order-received table.woocommerce-table--order-details tfoot td{text-align:right!important;color:#102f60;font-weight:800}
.woocommerce-order-received table.woocommerce-table--order-details dl.variation{display:grid;grid-template-columns:max-content 1fr;gap:4px 8px;margin:8px 0 0!important;font-size:.76rem!important}
.woocommerce-order-received table.woocommerce-table--order-details dl.variation dt,
.woocommerce-order-received table.woocommerce-table--order-details dl.variation dd{float:none!important;margin:0!important;padding:0!important}
.woocommerce-order-received .woocommerce-customer-details{margin:0!important}
.woocommerce-order-received .woocommerce-customer-details address{padding:19px!important;border:1px solid #dce5f0!important;border-radius:14px!important;background:#f8faff;font-size:.9rem!important;line-height:1.75!important}

@media(max-width:700px){
  .woocommerce-order-received .tp-wc-main{padding-top:28px!important}
  .woocommerce-order-received .woocommerce-order{padding:18px 14px!important;border-radius:19px!important}
  .woocommerce-order-received .woocommerce-thankyou-order-received{margin-bottom:18px;padding:15px 12px;font-size:.92rem;text-align:left}
  .woocommerce-order-received ul.woocommerce-order-overview{grid-template-columns:1fr!important;gap:8px;margin-bottom:28px!important}
  .woocommerce-order-received ul.woocommerce-order-overview li{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:12px;padding:12px 13px!important;border-right:1px solid #e0e7f1!important;font-size:.65rem!important}
  .woocommerce-order-received ul.woocommerce-order-overview li strong{margin:0;text-align:right;font-size:.92rem!important}
  .woocommerce-order-received .woocommerce-order-details__title,
  .woocommerce-order-received .woocommerce-column__title{font-size:1.55rem!important;line-height:1.15!important;margin-bottom:13px!important}
  .woocommerce-order-received table.woocommerce-table--order-details th,
  .woocommerce-order-received table.woocommerce-table--order-details td{display:table-cell!important;padding:12px 9px!important;font-size:.78rem!important;text-align:left!important}
  .woocommerce-order-received table.woocommerce-table--order-details td:before{display:none!important}
  .woocommerce-order-received table.woocommerce-table--order-details .product-name{width:64%!important}
  .woocommerce-order-received table.woocommerce-table--order-details .product-total{width:36%!important;text-align:right!important}
  .woocommerce-order-received table.woocommerce-table--order-details tfoot th{width:58%!important;text-align:left!important}
  .woocommerce-order-received table.woocommerce-table--order-details tfoot td{width:42%!important;text-align:right!important}
  .woocommerce-order-received table.woocommerce-table--order-details dl.variation{grid-template-columns:1fr;gap:1px;font-size:.7rem!important}
  .woocommerce-order-received table.woocommerce-table--order-details dl.variation dd{margin-bottom:5px!important}
  .woocommerce-order-received .woocommerce-customer-details address{padding:15px!important;font-size:.82rem!important}
  .woocommerce-order-received .tp-wa-fab{width:56px!important;min-width:56px!important;height:56px!important}
}

@media(max-width:380px){
  .woocommerce-order-received .woocommerce-order{padding:16px 11px!important}
  .woocommerce-order-received ul.woocommerce-order-overview li{grid-template-columns:1fr;gap:3px}
  .woocommerce-order-received ul.woocommerce-order-overview li strong{text-align:left}
  .woocommerce-order-received table.woocommerce-table--order-details th,
  .woocommerce-order-received table.woocommerce-table--order-details td{padding:10px 7px!important;font-size:.73rem!important}
}