/* Fase 5G-F: componente aislado; sin estilos globales ni superposición con elementos previos. */
.pro-live[hidden],.pro-live [hidden]{display:none!important}
.pro-live{width:100%;min-width:0;color:#244b3d}
/* Sistema visual de tres acciones: misma distribución base que Noticias/Tienda. */
.pro-live .pro-section-head{margin:0 0 2px;text-align:start}
.pro-live .pro-section-head h2{margin:0;font:700 28px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#102820}
.pro-live .pro-section-head p{margin:6px 0 0;font:400 16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#607069}
.pro-live .pro-accesses{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:100%;margin:22px auto 0;padding:15px;background:#eef6f1;border:1px solid #dcebe3;border-radius:15px}
.pro-live .pro-access{box-sizing:border-box;min-width:0;min-height:100px;padding:15px 18px;display:flex;align-items:center;gap:13px;border:1px solid transparent;border-radius:14px;text-align:start;box-shadow:0 3px 10px rgba(24,45,39,.08);font:inherit;cursor:pointer}
.pro-live .pro-access[data-pro-panel="buscar"]{background:#087e66;color:#fff}
.pro-live .pro-access[data-pro-panel="publicar"]{background:#ffbe45;color:#143a31}
.pro-live .pro-access[data-pro-panel="mis"]{background:#642996;color:#fff}
.pro-live .pro-access.is-active{border-color:#fff;outline:2px solid #174f43;box-shadow:0 6px 18px rgba(12,54,39,.2)}
.pro-live .pro-access[data-pro-panel="publicar"].is-active{outline-color:#b4780b}
.pro-live .pro-access[data-pro-panel="mis"].is-active{outline-color:#682c94}
.pro-live .pro-access:focus-visible{outline:3px solid #b7474e;outline-offset:2px}
.pro-live .pro-access-icon{flex:0 0 50px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);font-size:25px;line-height:1;color:#065846}
.pro-live .pro-access[data-pro-panel="publicar"] .pro-access-icon{color:#9a5c00}
.pro-live .pro-access[data-pro-panel="mis"] .pro-access-icon{color:#642996}
.pro-live .pro-access>span:nth-child(2){box-sizing:border-box;min-width:0;flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;overflow-wrap:normal}
.pro-live .pro-access strong{font:800 17px/1.25 "Segoe UI",Arial,sans-serif;color:inherit}
.pro-live .pro-access small{font:650 12.5px/1.4 "Segoe UI",Arial,sans-serif;color:inherit;opacity:.95}
.pro-live .pro-accesses,.pro-live .pro-panel{overflow-anchor:none}
.pro-live .pro-panel{padding:20px 16px;border:1px solid #e1e9e3;border-radius:17px;background:#fff;min-width:0}
.pro-live .pro-panel>header h2{margin:0 0 8px;font-size:23px;color:#16503d}
.pro-live .pro-panel>header p{margin:0 0 18px;color:#4e685f}
.pro-live .pro-feedback{height:24px;line-height:24px;overflow:auto;margin:8px 0 12px;font-weight:700;color:#155340}
.pro-live .pro-feedback:empty{display:none;height:0;margin:0;padding:0;border:0}
.pro-live .pro-feedback[data-error="true"]{color:#9c352d}
.pro-live #pro-filter{display:grid;grid-template-columns:1fr 1fr auto auto;align-items:end;gap:12px;margin-bottom:18px}
.pro-live label{display:grid;gap:5px;min-width:0;font-weight:700}
.pro-live input[type="search"],.pro-live input:not([type="checkbox"]),.pro-live textarea,.pro-live select{display:block;box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;border:1px solid #bcd1c5;border-radius:9px;color:#204c3d;font:inherit;background:white}
.pro-live button{font:inherit;cursor:pointer}
.pro-live button:disabled{opacity:.55;cursor:not-allowed}
.pro-live #pro-filter button,.pro-live .pro-form button[type="submit"],.pro-live .pro-contact,.pro-live .pro-edit{padding:10px 14px;background:#17614f;color:#fff;border:1px solid #17614f;border-radius:9px;font-weight:800}
.pro-live #pro-filter .pro-secondary{background:white;color:#17614f}
.pro-live .pro-count{color:#49685b;margin:0 0 12px}
.pro-live .pro-photo img{width:100%;height:100%;object-fit:contain;display:block}
.pro-live .pro-fallback{font-size:41px}
.pro-live .pro-label{font-weight:800;font-size:12px;color:#1b7151;margin-bottom:8px}
.pro-live .pro-chip{font-size:11px;color:#785714;margin-bottom:7px}
.pro-live .pro-card h2{margin:0 0 9px;font-size:18px;line-height:1.35;overflow-wrap:anywhere}
.pro-live .pro-summary{font-size:14px;line-height:1.5;overflow-wrap:anywhere;flex:1}
.pro-live .pro-summary button{display:inline;border:0;background:transparent;color:#126145;text-decoration:underline;font-weight:800;padding:3px}
.pro-live .pro-meta{font-size:12px;line-height:1.4;color:#53695f;margin:6px 0}
.pro-live .pro-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}
.pro-live .pro-social button{border:1px solid #bfdac8;border-radius:9px;background:#e5f4e9;color:#126345;min-width:0;padding:8px 5px;font-weight:700;line-height:1.2;font-size:12px}
.pro-live .pro-social button[aria-pressed="true"]{background:#bfe5ca;border-color:#27894d}
.pro-live .pro-heart{font-size:19px;color:#16814d;line-height:1;vertical-align:middle}
.pro-live .pro-contact,.pro-live .pro-edit{width:100%;margin-top:2px}
.pro-live .pro-empty{padding:20px 12px;color:#5a6d61}
.pro-live .pro-info{margin:13px 0;padding:16px 18px;background:#fff7df;color:#664e20;border:1px solid #e8d7a7;border-radius:12px;line-height:1.6}
.pro-live .pro-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.pro-live .pro-plans>div{border:1px solid #decba4;border-radius:11px;background:#fffdf7;padding:17px;display:grid;gap:10px;text-align:center}
.pro-live .pro-plans strong{color:#60481c}.pro-live .pro-plans b{font-size:25px;color:#966f19}
.pro-live .pro-dialog:not([hidden]){position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(8,28,19,.63);padding:18px}
.pro-live .pro-dialog-card{width:min(700px,100%);max-height:90vh;overflow:auto;padding:20px;background:#fff;border-radius:15px;color:#254e3e}
.pro-live .pro-dialog-card>header{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #dde7e1;margin-bottom:12px}
.pro-live .pro-dialog-card>header h2{font-size:22px;margin:0 0 12px}
.pro-live #pro-dialog-close{font-size:27px;color:#19503b;border:0;background:transparent}
.pro-live .pro-full{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}
.pro-live .pro-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:12px;margin:13px 0}
.pro-live .pro-gallery img,.pro-live .pro-gallery video{display:block;max-width:100%;max-height:330px;object-fit:contain;border-radius:9px;background:#f4f6f3}
.pro-live .pro-form{display:grid;gap:13px}.pro-live .pro-checkbox{display:flex;align-items:center;gap:9px}.pro-live .pro-checkbox input{width:auto}
html[lang="ar"] .pro-live .pro-access{text-align:right}
@media(max-width:850px){.pro-live #pro-filter{grid-template-columns:1fr 1fr}.pro-live .pro-accesses{gap:8px}}
@media(max-width:640px){.pro-live .pro-accesses,.pro-live #pro-filter,.pro-live .pro-plans{grid-template-columns:1fr}.pro-live .pro-access{min-height:65px}.pro-live .pro-panel{padding:14px 11px}}
.pro-live .pro-draft-section{border:1px solid #e2e9e4;border-radius:12px;padding:18px;margin:18px 0;background:#f9fbf8}
.pro-live .pro-draft-section h3{margin:0 0 9px}.pro-live .pro-draft-section>p{color:#53695f;margin:0 0 18px;line-height:1.6}
.pro-live .pro-draft{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;color:#12251e;font-size:14px;font-weight:700}
.pro-live .pro-draft label:has(textarea),.pro-live .pro-draft label:has(input[type="file"]),.pro-live .pro-draft .pro-checkbox,.pro-live .pro-draft button,.pro-live .pro-draft .pro-draft-status{grid-column:1/-1}
.pro-live .pro-draft input[type="file"]{padding:8px;background:white}
.pro-live .pro-draft button{padding:12px 14px;background:#17614f;color:white;border:0;border-radius:9px;font-weight:800}
.pro-live .pro-draft-status{min-height:1em;font-weight:700;color:#9b3a35}
@media(max-width:640px){.pro-live .pro-draft{grid-template-columns:1fr}}

/* Etiquetas de campos obligatorios: mismo criterio visual que Vivienda y Empleo. */
.pro-live .pro-required-indicator{color:#b5252d;font-size:.75em;font-weight:800;white-space:nowrap;letter-spacing:.01em}

/* Formulario: mismo patrón de medidas y tipografía que Noticias/Tienda; tarjetas públicas fuera de alcance. */
.pro-live .pro-panel{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:16px;border:1px solid #e1e9e3;border-radius:15px;background:#fff}
.pro-live .pro-panel>header h2{margin:0 0 7px;font:700 27px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#102820}
.pro-live .pro-panel>header p{margin:0 0 18px;font:400 16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#607069}
.pro-live .pro-draft{box-sizing:border-box;max-width:100%;width:100%;column-gap:14px;row-gap:18px}
.pro-live .pro-draft label{font:800 14px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#102820}
.pro-live .pro-draft input:not([type=file]),.pro-live .pro-draft textarea{box-sizing:border-box;min-width:0;width:100%;min-height:48px;border:1px solid #bfcfc7;border-radius:10px;background:#fff;color:#17382d;font:400 15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;padding:12px 13px}
.pro-live .pro-draft textarea{min-height:180px;resize:vertical}
.pro-live .pro-required-indicator{font:900 11px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#8b2d35}
html[lang="ar"] .pro-live .pro-section-head{text-align:right}
html[lang="ar"] .pro-live .pro-section-head h2{line-height:1.55}
html[lang="ar"] .pro-live .pro-section-head p{line-height:1.55}
html[lang="ar"] .pro-live .pro-access{text-align:right;direction:rtl}
@media(max-width:850px){.pro-live .pro-accesses{gap:12px;padding:15px}.pro-live .pro-access{padding:11px;min-height:92px;gap:8px}.pro-live .pro-access-icon{flex-basis:39px;width:39px;height:39px}.pro-live .pro-access strong{font-size:14px}.pro-live .pro-access small{font-size:11px}}
@media(max-width:560px){.pro-live .pro-accesses{grid-template-columns:1fr;gap:9px}.pro-live .pro-access{min-height:72px;padding:12px 15px}.pro-live .pro-access strong{font-size:16px}.pro-live .pro-access small{font-size:12px}.pro-live .pro-panel{padding:16px}}

/* ES: los titulos y descripciones se apilan sin mezclarse con la flecha; mismas cajas que Anuncios. */
html[lang="es"] .pro-live .pro-access>span:nth-child(2)>strong,html[lang="es"] .pro-live .pro-access>span:nth-child(2)>small{display:block;position:static;max-width:100%;width:100%;min-width:0;white-space:normal;word-break:normal;overflow-wrap:break-word;margin:0;padding:0;flex:none}
html[lang="es"] .pro-live .pro-access>span:nth-child(2)>strong{font-size:15.5px;line-height:1.22}
html[lang="es"] .pro-live .pro-access>span:nth-child(2)>small{font-size:11.5px;line-height:1.3}
html[lang="es"] .pro-live .pro-access>.cme-access-arrow-unified{display:block;flex:0 0 12px;min-width:12px;width:12px;margin-left:auto;margin-right:0;text-align:center}

/* AR: espejo RTL del patrón español aprobado; solo afecta a los tres botones de Profesionales. */
html[lang="ar"] .pro-live .pro-access>span:nth-child(2){min-width:0;flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:right;direction:rtl}
html[lang="ar"] .pro-live .pro-access>span:nth-child(2)>strong,
html[lang="ar"] .pro-live .pro-access>span:nth-child(2)>small{display:block;position:static;max-width:100%;width:100%;min-width:0;white-space:normal;word-break:normal;overflow-wrap:break-word;margin:0;padding:0;flex:none;text-align:right}
html[lang="ar"] .pro-live .pro-access>span:nth-child(2)>strong{font-size:15.5px;line-height:1.3}
html[lang="ar"] .pro-live .pro-access>span:nth-child(2)>small{font-size:11.5px;line-height:1.45}
html[lang="ar"] .pro-live .pro-access>.cme-access-arrow-unified{display:block;flex:0 0 12px;min-width:12px;width:12px;margin-inline-start:auto;margin-left:0;margin-right:auto;text-align:center;direction:ltr;line-height:1}
html[lang="ar"] .pro-live .pro-access-icon{flex-shrink:0}