/* HotelsCasa — single property form (extended sections: apartamento, media) */

.lc-spf-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:16px;
}
.lc-spf-full{grid-column:1/-1;}

/* Checkbox grid (cocina, vista, etc.) — caja negra, check blanco */
.lc-spf-checks{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
    gap:4px 16px;
    margin-top:6px;
}
.lc-spf-check{
    display:flex;align-items:center;gap:10px;cursor:pointer;
    padding:7px 8px;border-radius:8px;line-height:1.3;transition:background .12s;
}
.lc-spf-check:hover{background:rgba(226,196,142,.08);}
.lc-spf-check span{flex:1;color:#d8cfbf;font-size:.9rem;}
.lc-spf-check input[type=checkbox]{
    appearance:none;-webkit-appearance:none;margin:0;flex:0 0 20px;
    width:20px;height:20px;background:#000;border:1.5px solid #6a6052;border-radius:5px;
    cursor:pointer;position:relative;
}
.lc-spf-check input[type=checkbox]:checked{border-color:#E2C48E;}
.lc-spf-check input[type=checkbox]:checked::after{
    content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;
    border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);
}

/* ── Media ───────────────────────────────────────────── */
.lc-spf-sublabel{display:block;font-weight:600;margin-bottom:4px;}

.lc-spf-existing{margin-bottom:16px;}
.lc-spf-thumbs{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;
}
.lc-spf-thumb{
    position:relative;display:block;border:1px solid #4a443b;border-radius:8px;overflow:hidden;cursor:pointer;
}
.lc-spf-thumb img{width:100%;height:90px;object-fit:cover;display:block;}
.lc-spf-thumb-del{
    display:flex;align-items:center;gap:6px;padding:5px 7px;font-size:.72rem;
    background:rgba(0,0,0,.55);color:#e6ddcb;
}

/* Dropzone */
.lc-spf-dropzone{
    position:relative;border:2px dashed #6a6052;border-radius:12px;
    background:rgba(226,196,142,.04);transition:border-color .15s,background .15s;
    min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;
}
.lc-spf-dropzone.is-drag{border-color:#E2C48E;background:rgba(226,196,142,.12);}
.lc-spf-file-input{
    position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;
}
.lc-spf-dz-inner{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px;pointer-events:none;}
.lc-spf-dz-inner i{font-size:26px;color:#E2C48E;}
.lc-spf-dz-title{font-weight:600;color:#e6ddcb;}
.lc-spf-dz-hint{font-size:.8rem;color:#a09585;}

.lc-spf-previews{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px;
}
.lc-spf-prev{position:relative;border-radius:8px;overflow:hidden;border:1px solid #4a443b;}
.lc-spf-prev img{width:100%;height:80px;object-fit:cover;display:block;}
.lc-spf-prev button{
    position:absolute;top:3px;right:3px;width:22px;height:22px;border:none;border-radius:50%;
    background:rgba(0,0,0,.65);color:#fff;cursor:pointer;font-size:13px;line-height:1;
}
.lc-spf-prev button:hover{background:#c0392b;}

/* Video inputs */
.lc-spf-video-input{display:block;width:100%;margin-bottom:8px;}
.lc-spf-btn-ghost{
    display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin-top:4px;
    padding:8px 16px;border:1px solid #6a6052;border-radius:22px;background:transparent;color:#E2C48E;font-weight:600;
}
.lc-spf-btn-ghost:hover{background:rgba(226,196,142,.1);}

/* ── Selects estilizados (todas las secciones single) ──── */
.lc-spf-section select{
    appearance:none;-webkit-appearance:none;-moz-appearance:none;
    width:100%;padding:9px 36px 9px 12px;border-radius:8px;
    border:1px solid #6a6052;background-color:#1c1a17;color:#e6ddcb;
    font-size:.9rem;line-height:1.3;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='9'%20viewBox='0%200%2014%209'%3E%3Cpath%20d='M1%201l6%206%206-6'%20stroke='%23E2C48E'%20stroke-width='2'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;background-size:13px;
}
.lc-spf-section select:focus{border-color:#E2C48E;outline:none;box-shadow:0 0 0 2px rgba(226,196,142,.18);}
.lc-spf-section select option{background:#1c1a17;color:#e6ddcb;}

/* ── Aviso legal + modal país/región ───────────────────── */
.lc-spf-note{
    display:flex;align-items:center;flex-wrap:wrap;gap:8px;
    font-size:.82rem;color:#a09585;margin:0 0 12px;
}
.lc-spf-note i{color:#E2C48E;}
.lc-spf-note-link{
    background:none;border:none;padding:0;cursor:pointer;
    color:#E2C48E;font-size:.82rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;
}
.lc-spf-note-link:hover{color:#f0d9a8;}

.lc-spf-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;}
.lc-spf-modal[hidden]{display:none;}
.lc-spf-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);}
.lc-spf-modal-box{
    position:relative;z-index:1;max-width:560px;width:100%;max-height:85vh;overflow:auto;
    background:#211e1a;border:1px solid #6a6052;border-radius:14px;padding:22px;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.lc-spf-modal-box h4{margin:0 0 14px;color:#E2C48E;font-size:1.05rem;padding-right:28px;}
.lc-spf-modal-x{
    position:absolute;top:12px;right:12px;width:30px;height:30px;border:none;border-radius:50%;
    background:rgba(255,255,255,.08);color:#e6ddcb;font-size:20px;line-height:1;cursor:pointer;
}
.lc-spf-modal-x:hover{background:#c0392b;color:#fff;}
.lc-spf-modal-table{width:100%;border-collapse:collapse;font-size:.86rem;}
.lc-spf-modal-table th,.lc-spf-modal-table td{
    text-align:left;padding:9px 10px;border-bottom:1px solid rgba(226,196,142,.18);vertical-align:top;color:#d8cfbf;
}
.lc-spf-modal-table th{color:#E2C48E;font-weight:700;}
.lc-spf-modal-table td strong{color:#f0e6d2;}
.lc-spf-modal-disc{
    margin:16px 0 0;padding:12px 14px;border-radius:10px;
    background:rgba(192,57,43,.12);border:1px solid rgba(192,57,43,.4);
    color:#e8b9b2;font-size:.82rem;display:flex;gap:8px;align-items:flex-start;
}
.lc-spf-modal-disc i{color:#e74c3c;margin-top:2px;}

/* ── Villa: cabeceras de grupo + habitaciones ──────────── */
.lc-spf-group{
    margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(226,196,142,.25);
    color:#E2C48E;font-size:1rem;font-weight:700;
}
.lc-spf-group:first-of-type{margin-top:6px;}

.lc-villa-rooms{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.lc-villa-room{
    display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;align-items:end;
    padding:10px;border:1px solid #4a443b;border-radius:10px;background:rgba(226,196,142,.03);
}
.lc-villa-room-col{display:flex;flex-direction:column;gap:4px;min-width:0;}
.lc-villa-room-col label{font-size:.78rem;color:#a09585;}
.lc-villa-room-del{
    width:30px;height:34px;border:none;border-radius:8px;background:rgba(0,0,0,.4);
    color:#fff;cursor:pointer;font-size:18px;line-height:1;
}
.lc-villa-room-del:hover{background:#c0392b;}
@media(max-width:640px){
    .lc-villa-room{grid-template-columns:1fr 1fr;}
    .lc-villa-room-del{grid-column:1/-1;height:30px;}
}

/* ── LC_SLEEP_CONFIG_V1: Habitaciones y camas + Baños (VRBO) ── */
.lc-slp-card{
    border:1px solid #6a6052;border-radius:12px;padding:14px;margin-bottom:14px;
    background:rgba(255,255,255,.03);
}
.lc-slp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.lc-slp-title{font-weight:700;color:#E2C48E;display:inline-flex;align-items:center;gap:8px;}
.lc-slp-del{
    width:28px;height:28px;flex:0 0 auto;border:none;border-radius:50%;cursor:pointer;
    background:rgba(192,57,43,.75);color:#fff;font-size:16px;line-height:1;
}
.lc-slp-del:hover{background:#c0392b;}
.lc-slp-name{
    width:100%;margin-bottom:12px;
    padding:9px 12px;border-radius:8px;border:1px solid #6a6052;
    background:#1c1a17;color:#e6ddcb;font-size:.9rem;line-height:1.3;
}
.lc-slp-name::placeholder{color:#8d8474;opacity:1;}
.lc-slp-name:focus{outline:none;border-color:#E2C48E;box-shadow:0 0 0 2px rgba(226,196,142,.18);}
.lc-slp-beds{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 16px;
}
.lc-slp-bed{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:6px 8px;border-radius:8px;min-width:0;
}
.lc-slp-bed:hover{background:rgba(226,196,142,.06);}
.lc-slp-bed-label{
    display:inline-flex;align-items:center;gap:8px;font-size:.85rem;min-width:0;
}
.lc-slp-bed-label i{color:#E2C48E;width:18px;text-align:center;flex:0 0 auto;}
.lc-slp-bed input[type="number"]{
    width:64px;flex:0 0 auto;text-align:center;padding:6px 4px;border-radius:8px;
    border:1px solid #6a6052;background:#1c1a17;color:#e6ddcb;font-size:.9rem;
    color-scheme:dark; /* flechas del spinner en tema oscuro, no blancas */
}
.lc-slp-bed input[type="number"]:focus{outline:none;border-color:#E2C48E;box-shadow:0 0 0 2px rgba(226,196,142,.18);}
.lc-slp-baths-title{margin-top:26px;}
.lc-slp-feats{display:flex;flex-wrap:wrap;gap:8px;}
.lc-slp-feat{
    display:inline-flex;align-items:center;gap:8px;cursor:pointer;
    padding:8px 14px;border:1px solid #6a6052;border-radius:22px;font-size:.85rem;
}
.lc-slp-feat:has(input:checked){border-color:#E2C48E;background:rgba(226,196,142,.12);}
.lc-slp-feat i{color:#E2C48E;}
/* Checkbox estándar del sitio: caja NEGRA, check BLANCO, borde dorado (no accent-color). */
.lc-slp-feat input[type=checkbox]{
    appearance:none;-webkit-appearance:none;margin:0;flex:0 0 20px;
    width:20px;height:20px;background:#000;border:1.5px solid #6a6052;border-radius:5px;
    cursor:pointer;position:relative;
}
.lc-slp-feat input[type=checkbox]:checked{border-color:#E2C48E;}
.lc-slp-feat input[type=checkbox]:checked::after{
    content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;
    border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);
}
@media(max-width:640px){
    .lc-slp-beds{grid-template-columns:1fr;}
    .lc-slp-bed{padding:4px 2px;}
}

/* LC_FORM_SIMPLIFY_V1: TV por habitación (fila bajo los contadores de cama) */
.lc-slp-tv{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    margin-top:12px;padding:8px;border-top:1px dashed rgba(226,196,142,.25);
}
.lc-slp-tv select{
    flex:0 0 auto;width:auto;min-width:180px;padding:8px 34px 8px 12px;border-radius:8px;
    border:1px solid #6a6052;background-color:#1c1a17;color:#e6ddcb;font-size:.9rem;
    appearance:none;-webkit-appearance:none;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='9'%20viewBox='0%200%2014%209'%3E%3Cpath%20d='M1%201l6%206%206-6'%20stroke='%23E2C48E'%20stroke-width='2'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;
}
@media(max-width:640px){
    .lc-slp-tv{flex-direction:column;align-items:stretch;}
    .lc-slp-tv select{width:100%;}
}

/* ── LC_COVER_PHOTO_V1: foto de PORTADA ──────────────────── */
.lc-spf-thumb{cursor:default;position:relative;transition:border-color .15s;}
/* Big obvious hint above the thumbnails */
.lc-cover-hint{
    display:block;margin:0 0 10px;padding:11px 14px;border-radius:10px;
    background:rgba(226,196,142,.14);border:1px dashed #E2C48E;color:#E2C48E;
    font-weight:800;font-size:.92rem;line-height:1.4;
}
/* Selected cover: thick gold frame + big "★ PORTADA" ribbon */
.lc-spf-thumb.is-cover,
.lc-spf-thumb:has(.lc-spf-thumb-cover input:checked){
    border:3px solid #E2C48E !important;box-shadow:0 0 0 3px rgba(226,196,142,.55);
}
.lc-spf-thumb.is-cover::before,
.lc-spf-thumb:has(.lc-spf-thumb-cover input:checked)::before{
    content:"\2605 PORTADA";position:absolute;top:8px;left:8px;z-index:4;
    background:#E2C48E;color:#1a1f24;font-weight:900;font-size:.78rem;letter-spacing:.5px;
    padding:5px 10px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.45);pointer-events:none;
}
/* Pick button: full-width, big, obvious */
.lc-spf-thumb-cover{
    display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;
    font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;
    background:rgba(0,0,0,.62);color:#E2C48E;border-top:2px solid #E2C48E;
}
.lc-spf-thumb-cover:hover{background:#E2C48E;color:#1a1f24;}
.lc-spf-thumb-cover input{position:absolute;opacity:0;width:0;height:0;}
.lc-spf-thumb-cover span{pointer-events:none;}
.lc-spf-thumb:has(.lc-spf-thumb-cover input:checked) .lc-spf-thumb-cover{background:#E2C48E;color:#1a1f24;}
/* New-upload preview: bigger star + badge */
.lc-spf-prev-star{
    position:absolute;top:5px;left:5px;width:30px;height:30px;border:none;border-radius:50%;
    background:rgba(0,0,0,.7);color:#E2C48E;cursor:pointer;font-size:16px;line-height:1;z-index:3;
}
.lc-spf-prev-star:hover{background:#E2C48E;color:#1a1f24;}
.lc-spf-prev.is-cover{outline:3px solid #E2C48E;border-radius:8px;}
.lc-spf-cover-badge{
    position:absolute;bottom:5px;left:5px;padding:4px 9px;border-radius:8px;z-index:4;
    background:#E2C48E;color:#1a1f24;font-size:.72rem;font-weight:900;letter-spacing:.5px;
    box-shadow:0 2px 8px rgba(0,0,0,.4);
}