/* Etrusca Biz V6 — direcciones y tarjetas de sucursales sin imágenes */
.project-location {
  background:linear-gradient(130deg,#fffdf8,#f7f0e5);
  border:1px solid #e7dbc8;
  border-radius:18px;
  padding:clamp(18px,2.5vw,29px);
  margin:22px 0 12px;
}
.project-location-heading {max-width:720px;margin-bottom:22px}
.project-location-heading h3 {font-size:clamp(18px,1.75vw,23px);line-height:1.3;margin:0 0 8px;font-weight:700}
.project-location-heading p {margin:0;color:#6e6154;font-size:14px;line-height:1.65}
.project-location #postal-details {margin-top:18px;padding-top:19px;border-top:1px solid #e6d9c7}
#cp-status {font-size:12px;line-height:1.5}

/* Cada sede es una tarjeta solo de información: selección y Google Maps separados. */
.booking-branches {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}
.booking-branch-card {
  background:#fffdf9;
  border:1px solid #e7dccc;
  border-radius:17px;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.booking-branch-card:hover {transform:translateY(-3px);box-shadow:0 12px 24px rgba(66,42,18,.09)}
.booking-branch-card:has(.booking-branch-select.is-selected) {border-color:#c9953e;box-shadow:0 0 0 2px #edc47788;background:#fffcf5}
.booking-branches .booking-branch-select {
  appearance:none;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
  width:100%;
  flex:1;
  text-align:left;
  padding:19px 18px 13px;
  margin:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  cursor:pointer;
  color:#23242b;
  outline-offset:-3px;
}
.booking-branches .booking-branch-select:hover {transform:none;box-shadow:none}
.booking-branch-name {font-size:16px;font-weight:800;line-height:1.25;letter-spacing:-.025em}
.booking-branch-region {font-size:12px;font-weight:600;color:#ac7731}
.booking-branch-address {font-size:13px;line-height:1.55;color:#5b5753;overflow-wrap:anywhere;flex:1}
.booking-branch-action {display:inline-flex;align-self:flex-start;font-size:12px;font-weight:700;color:#9c6b24;margin-top:10px}
.booking-branch-card:has(.booking-branch-select.is-selected) .booking-branch-action {color:#266e56}
.booking-branch-card:has(.booking-branch-select.is-selected) .booking-branch-action::after {content:' ✓';margin-left:4px}
.booking-branch-map {
  display:flex;
  align-items:center;
  width:100%;
  padding:11px 18px 14px;
  border-top:1px solid #efe8dd;
  background:#fbf8f3;
  color:#5f5b55;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  transition:color .2s,background .2s;
}
.booking-branch-map:hover,.booking-branch-map:focus-visible {background:#f4ead9;color:#7e5319;text-decoration:underline}

/* Lista del home: compacta pese a mostrar direcciones y enlaces. */
.branches-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.branch-list-item--maps {min-height:112px;align-items:flex-start;padding:11px 12px;gap:8px}
.branch-list-item--maps .branch-list-marker {margin-top:2px;font-size:19px}
.branch-list-item--maps .branch-list-copy {width:100%}
.branch-list-item--maps .branch-list-copy strong {font-size:13px}
.branch-list-item--maps .branch-list-copy small {font-size:11px;line-height:1.5;color:#70665c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}
.branch-map-link {font-size:11px;line-height:1.5;display:inline-block;color:#a06f2c;font-weight:700;margin-top:6px;text-decoration:underline;text-underline-offset:3px}
.branch-map-link:hover {color:#292c35}
.branches-list a:focus-visible {outline:2px solid #ad7f37;outline-offset:3px}

@media(max-width:1050px){
 .booking-branches {grid-template-columns:repeat(2,minmax(0,1fr))}
 .branches-list {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:630px){
 .booking-branches {grid-template-columns:1fr}
 .booking-branches .booking-branch-select {padding:15px 16px 11px}
 .booking-branch-map {padding:10px 16px 12px}
 .branch-list-item--maps {min-height:112px}
 .branches-list {grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-location-heading p {font-size:13px}
}
@media(max-width:410px){
 .branches-list{grid-template-columns:1fr}
 .branch-list-item--maps{min-height:auto}
 .branch-list-item--maps .branch-list-copy small{-webkit-line-clamp:unset;min-height:auto}
}
