.trovi-detalle{color:#0b3d3d;background:#fffdf5;border:1px solid #adc5b9;border-radius:18px;width:min(680px,calc(100vw - 24px));max-height:90dvh;padding:24px;box-sizing:border-box;box-shadow:0 20px 80px #082c2c40;font:16px/1.5 system-ui,sans-serif;overflow:auto}.trovi-detalle::backdrop{background:#082c2cb3}.trovi-detalle h2{margin:0;font-size:26px}.trovi-detalle h3{font-size:19px;margin-top:24px}.td-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.td-eyebrow{font-size:12px;letter-spacing:.1em;margin:0 0 6px}.td-product{font-weight:700;overflow-wrap:anywhere}.td-note{font-size:14px;color:#36594d}.trovi-detalle button{min-height:44px;padding:10px 16px;border:1px solid #0b3d3d;border-radius:9px;background:#0b3d3d;color:#fffdf5;font:inherit;cursor:pointer}.trovi-detalle button:disabled{opacity:.55;cursor:wait}.trovi-detalle button:focus-visible,.trovi-detalle input:focus-visible,.trovi-detalle select:focus-visible{outline:3px solid #658600;outline-offset:3px}.td-label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-weight:600}.trovi-detalle input:not([type=checkbox]),.trovi-detalle select{font:inherit;min-height:44px;padding:10px;box-sizing:border-box;width:100%;border:1px solid #678f7d;border-radius:7px;background:#fff;color:#173e32}.td-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.td-variants{display:grid;gap:10px}.td-variants button{display:flex;flex-direction:column;text-align:left;background:#fff;color:#0b3d3d;overflow-wrap:anywhere}.td-variants button[aria-pressed=true]{background:#c5f576;border:2px solid #0b3d3d}.td-variants small{font-size:12px}.td-check{display:flex;gap:12px;align-items:flex-start;margin:18px 0}.td-check input{width:22px;height:22px;flex-shrink:0}.td-price{font-size:22px;font-weight:700}.trovi-detalle [data-result]{border-left:4px solid #91b93f;padding:0 16px;margin-top:20px}.trovi-detalle [data-feedback]{padding:12px;background:#eaf2d9;border-radius:8px;min-height:24px}.trovi-detalle [data-more]{margin-top:12px}@media(max-width:480px){.trovi-detalle{padding:18px}.td-fields{grid-template-columns:1fr}.trovi-detalle h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.trovi-detalle,.trovi-detalle *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

button[data-trovi-detalle-vec]{min-height:44px;padding:10px 14px;margin-top:12px;border:1px solid #0b3d3d;border-radius:8px;background:#c5f576;color:#0b3d3d;font:inherit;cursor:pointer}

.trovi-detalle details{font-size:13px;margin:-6px 0 4px;padding:0 10px;color:#36594d}.trovi-detalle summary{cursor:pointer;min-height:44px}.trovi-detalle details small{overflow-wrap:anywhere}.trovi-detalle [data-start-selection]{background:#c5f576;color:#0b3d3d;margin:8px 0 16px}

.trovi-detalle [hidden]{display:none!important}

.td-location{border:1px solid #adc5b9;background:#f3f5e9;border-radius:12px;padding:16px;margin:8px 0 20px}.td-location h4{font-size:18px;margin:0 0 8px}.td-location p{font-size:14px;overflow-wrap:anywhere}.td-location button{width:100%;margin:4px 0}.td-location .td-location-secondary{color:#0b3d3d;background:transparent}.td-location [data-location-status]{min-height:42px}.td-location .td-check{font-size:14px}.td-location [data-location-accuracy]{font-weight:600}
/* Compact destination form: preserve readable inputs and full touch targets. */
.trovi-detalle .td-label,.trovi-detalle .td-check{text-transform:none;letter-spacing:normal}
.trovi-detalle .td-label{font-size:13px;line-height:1.35;gap:4px;margin-bottom:8px}
.trovi-detalle input:not([type=checkbox]),.trovi-detalle select{font-size:16px;line-height:1.25;min-height:44px;padding:9px 10px}
.trovi-detalle .td-check{font-size:14px;line-height:1.4;min-height:44px;box-sizing:border-box;align-items:center;gap:10px;margin:10px 0}
@media(max-width:640px){
 .trovi-detalle{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:12px;border-radius:14px;font-size:14px;line-height:1.4}
 .trovi-detalle h2{font-size:21px;line-height:1.2}
 .trovi-detalle h3{font-size:17px;line-height:1.25;margin:16px 0 6px}
 .trovi-detalle p{margin:6px 0}
 .trovi-detalle .td-eyebrow{font-size:11px;line-height:1.3;margin:0 0 4px}
 .trovi-detalle .td-product{margin:10px 0 4px}
 .trovi-detalle .td-note{font-size:13px;line-height:1.4;margin:4px 0 8px}
 .trovi-detalle button{font-size:14px;line-height:1.3;min-height:44px;padding:8px 10px}
 .trovi-detalle .td-head{gap:8px}
 .trovi-detalle .td-fields{gap:0 12px}
 .trovi-detalle .td-variants{gap:6px}
 .trovi-detalle [data-result]{padding:0 10px;margin-top:12px}
 .trovi-detalle .td-price{font-size:20px;line-height:1.2}
 .trovi-detalle [data-feedback]{padding:8px;min-height:20px;margin:8px 0}
 .trovi-detalle [data-start-selection]{margin:6px 0 10px}
 .trovi-detalle .td-location{padding:10px;margin:8px 0 12px;border-radius:10px}
 .trovi-detalle .td-location h4{font-size:16px;line-height:1.25;margin:0 0 6px}
 .trovi-detalle .td-location p{font-size:14px;line-height:1.4;margin:6px 0}
 .trovi-detalle .td-location button{margin:2px 0}
 .trovi-detalle .td-location [data-location-status]{min-height:0}
}
/* Also included in detalle-compra.css so the host needs no new index stylesheet. */
.td-map-section{border-top:1px solid #adc5b9;padding-top:12px;margin-top:12px}
.td-map-canvas{height:300px;width:100%;min-width:0;position:relative;isolation:isolate;background:#eaf2d9;border:1px solid #678f7d;box-sizing:border-box;border-radius:8px;color:#0b3d3d;overflow:hidden}
.td-map-canvas:focus-visible{outline:3px solid #658600;outline-offset:3px}
.td-map-canvas:after{content:'+';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:bold 25px/1 system-ui;color:#0b3d3d;text-shadow:0 0 3px #fff,0 0 3px #fff;pointer-events:none;z-index:650}
.td-map-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}
.td-map-controls button{font-size:13px;padding:8px 4px;min-height:44px;overflow-wrap:anywhere}
.td-map-controls [data-map-center]{grid-column:1/-1;background:#c5f576;color:#0b3d3d}
.td-map-pin{min-width:44px;min-height:44px;background:none;border:0;font-size:30px;line-height:34px;text-align:center;color:#0b3d3d;filter:drop-shadow(0 0 2px #fff)}
.td-map-pin span{display:block;background:#c5f576;border:2px solid #0b3d3d;border-radius:50% 50% 50% 0;transform:rotate(-45deg);width:28px;height:28px;font-size:0}
.td-map-test-tile{box-sizing:border-box;border:1px dashed #678f7d;background:#eaf2d9;color:#36594d;font:12px/1.4 system-ui;padding:12px}
.td-map-canvas .leaflet-control-attribution{font:11px/1.4 system-ui;background:#fffdf5;color:#0b3d3d;max-width:100%;white-space:normal}
.td-map-canvas .leaflet-control-attribution a{color:#0b3d3d;text-decoration:underline}
@media(max-width:360px){.td-map-canvas{height:260px}.td-map-controls button{font-size:12px}}

.trovi-detalle .td-map-keyboard{margin:10px 0 0;padding:0;color:#0b3d3d;font-size:14px}
.td-map-keyboard summary{display:flex;align-items:center;text-decoration:underline}
.td-map-keyboard summary:focus-visible{outline:3px solid #658600;outline-offset:3px}

@media(max-width:640px){
 .trovi-detalle .td-map-section{padding-top:8px;margin-top:8px}
 .trovi-detalle .td-map-canvas{height:260px}
 .trovi-detalle .td-map-controls{gap:4px;margin-top:6px}
 .trovi-detalle .td-map-controls button{font-size:13px;line-height:1.3;padding:8px 4px;min-height:44px}
 .trovi-detalle .td-map-keyboard{margin-top:6px}
}