.mcr-tool{
  --mcr-accent:#b42318;
  --mcr-accent-soft:#fdecea;
  --mcr-text:inherit;
  --mcr-muted:#6b7280;
  --mcr-border:rgba(127,127,127,.25);
  --mcr-surface:rgba(127,127,127,.06);
  --mcr-heading:inherit;
  font-family:var(--e-global-typography-text-font-family,inherit);
  color:var(--mcr-text);
  width:100%;
}
.mcr-tool *, .mcr-tool *::before, .mcr-tool *::after{box-sizing:border-box}
.mcr-tool h1,.mcr-tool h2,.mcr-tool h3,.mcr-tool h4{font-family:var(--e-global-typography-primary-font-family,inherit);color:var(--mcr-heading)}
.mcr-card{border:1px solid var(--mcr-border);background:var(--mcr-surface);border-radius:14px;padding:22px;margin:0 0 18px}
.mcr-card--primary{border-top:3px solid var(--mcr-accent)}
.mcr-grid{display:grid;gap:16px;min-width:0}
.mcr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mcr-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mcr-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.92em;font-weight:600}
.mcr-field--full{margin-top:16px}
.mcr-tool input,.mcr-tool select,.mcr-tool textarea{width:100%;min-width:0;border:1px solid var(--mcr-border);border-radius:9px;background:transparent;color:inherit;font:inherit;font-weight:400;padding:11px 12px;outline:none}
.mcr-tool select{min-height:44px}
.mcr-tool textarea{resize:vertical}
.mcr-tool input:focus,.mcr-tool select:focus,.mcr-tool textarea:focus{border-color:var(--mcr-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--mcr-accent) 16%,transparent)}
.mcr-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.mcr-btn,.mcr-link-btn,.mcr-segmented button{font-family:var(--e-global-typography-accent-font-family,inherit);font-weight:var(--e-global-typography-accent-font-weight,600);cursor:pointer}
.mcr-btn{border-radius:999px;border:1px solid transparent;padding:11px 18px;min-height:44px;transition:.18s ease}
.mcr-btn--primary{background:var(--mcr-accent);color:#fff}
.mcr-btn--primary:hover{filter:brightness(.92);transform:translateY(-1px)}
.mcr-btn--ghost{background:transparent;border-color:var(--mcr-border);color:inherit}
.mcr-btn:disabled{opacity:.45;cursor:not-allowed}
.mcr-link-btn{border:0;background:transparent;color:var(--mcr-accent);padding:5px 0}
.mcr-section-title{font-size:1.05em;margin:0 0 14px;font-weight:700}
.mcr-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.mcr-section-head .mcr-section-title{margin:0}
.mcr-segmented{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.mcr-segmented button{border:1px solid var(--mcr-border);background:transparent;color:inherit;border-radius:999px;padding:8px 13px}
.mcr-segmented button.is-active{background:var(--mcr-accent);border-color:var(--mcr-accent);color:#fff}
.mcr-result__value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7;word-break:break-word}
.mcr-note{color:var(--mcr-muted);font-size:.88em;margin:10px 0 0}
.mcr-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mcr-table{width:100%;border-collapse:collapse;min-width:660px}
.mcr-table th,.mcr-table td{border-bottom:1px solid var(--mcr-border);padding:9px 7px;text-align:left;vertical-align:top}
.mcr-table th{font-size:.8em;text-transform:uppercase;letter-spacing:.04em;color:var(--mcr-muted)}
.mcr-table input,.mcr-table select{min-height:39px;padding:7px 8px;border-radius:7px}
.mcr-row-remove{border:0;background:transparent;color:var(--mcr-muted);cursor:pointer;font-size:18px;padding:6px}
.mcr-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.mcr-check-grid label{display:flex;align-items:center;gap:8px;font-weight:500}
.mcr-check-grid input{width:auto;min-height:0}
.mcr-stage-editor{align-items:start}
.mcr-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;border:1px dashed var(--mcr-border);border-radius:12px;background:rgba(127,127,127,.035)}
.mcr-stage>div{min-height:96px;border:1px solid var(--mcr-border);border-radius:9px;padding:8px;font-size:.78em;color:var(--mcr-muted);display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;text-align:center}
.mcr-stage-item{display:inline-block;color:inherit;background:var(--mcr-accent-soft);border:1px solid color-mix(in srgb,var(--mcr-accent) 30%,transparent);border-radius:999px;padding:3px 7px;font-size:12px}
.mcr-recommendation h4{margin:16px 0 8px}
.mcr-recommendation ul{margin:0;padding-left:20px}
.mcr-recommendation li{margin:5px 0}
@media(max-width:767px){
 .mcr-card{padding:16px;border-radius:12px}
 .mcr-grid--2,.mcr-grid--3{grid-template-columns:1fr}
 .mcr-check-grid{grid-template-columns:1fr}
 .mcr-stage-editor{grid-template-columns:1fr}
 .mcr-stage>div{min-height:78px}
 .mcr-section-head{align-items:flex-start}
 .mcr-actions .mcr-btn{flex:1 1 auto}
}

/* v0.3.0 planner refinements */
.mcr-planner-top-v3{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.mcr-planner-top-v3>.mcr-card{height:100%}
.mcr-planner-notes-v3{display:flex;flex-direction:column;min-height:0}
.mcr-planner-notes-v3 textarea{
  flex:1 1 0;
  min-height:0;
  height:auto;
  max-height:none;
  overflow-y:auto;
  resize:none;
}
.mcr-planner-main-v3{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,3fr);
  gap:18px;
  align-items:start;
}
.mcr-planner-main-v3>.mcr-card{min-width:0}
.mcr-planner-team-v3 .mcr-table-wrap--compact{overflow:visible}
.mcr-table--team{min-width:0;table-layout:fixed}
.mcr-table--team th:nth-child(1),.mcr-table--team td:nth-child(1){width:43%}
.mcr-table--team th:nth-child(2),.mcr-table--team td:nth-child(2){width:52%}
.mcr-table--team th:nth-child(3),.mcr-table--team td:nth-child(3){width:5%;text-align:center}
.mcr-table--repertoire-v3{width:100%;min-width:560px;table-layout:fixed}
.mcr-table--repertoire-v3 th:nth-child(1),.mcr-table--repertoire-v3 td:nth-child(1){width:5%}
.mcr-table--repertoire-v3 th:nth-child(2),.mcr-table--repertoire-v3 td:nth-child(2){width:30%}
.mcr-table--repertoire-v3 th:nth-child(3),.mcr-table--repertoire-v3 td:nth-child(3){width:10%}
.mcr-table--repertoire-v3 th:nth-child(4),.mcr-table--repertoire-v3 td:nth-child(4){width:10%}
.mcr-table--repertoire-v3 th:nth-child(5),.mcr-table--repertoire-v3 td:nth-child(5){width:27%}
.mcr-table--repertoire-v3 th:nth-child(6),.mcr-table--repertoire-v3 td:nth-child(6){width:13%}
.mcr-table--repertoire-v3 th:nth-child(7),.mcr-table--repertoire-v3 td:nth-child(7){width:5%;text-align:center}
.mcr-planner-final-v3{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(0,1fr);
  gap:24px;
  align-items:center;
}
.mcr-app-promo-v3{min-width:0;display:flex;align-items:center;justify-content:center}
.mcr-app-promo-v3 img{
  display:block;
  width:100%;
  max-width:500px;
  height:auto;
  border-radius:16px;
  border:1px solid var(--mcr-border);
}
.mcr-planner-checklist-v3{min-width:0}
.mcr-check-grid--single{grid-template-columns:1fr}

/* Click & secuencias: consistent vertical alignment. */
.mcr-click-grid{align-items:stretch}
.mcr-click-grid .mcr-field{display:grid;grid-template-rows:minmax(3.2em,auto) 46px;gap:8px}
.mcr-click-grid .mcr-field>span{display:flex;align-items:flex-end;line-height:1.45}
.mcr-click-grid .mcr-field select,
.mcr-click-grid .mcr-field input[type="number"]{
  height:46px;
  min-height:46px;
  margin:0;
  border:1px solid var(--mcr-border) !important;
  border-radius:9px !important;
  background:transparent !important;
  padding:10px 12px !important;
  color:inherit !important;
  box-shadow:none;
}

/* Stage Plot: compact, no horizontal scrolling on desktop, and every row shows position. */
.mcr-table-wrap--stage{overflow:visible;min-width:0}
.mcr-table--stage{width:100%;min-width:0;table-layout:fixed}
.mcr-table--stage th:nth-child(1),.mcr-table--stage td:nth-child(1){width:52%}
.mcr-table--stage th:nth-child(2),.mcr-table--stage td:nth-child(2){width:43%}
.mcr-table--stage th:nth-child(3),.mcr-table--stage td:nth-child(3){width:5%;text-align:center}
.mcr-table--stage input,.mcr-table--stage select{width:100%;max-width:100%;min-width:0}
.mcr-stage-row [data-stage-position]{display:block!important;visibility:visible!important;opacity:1!important}

@media(max-width:1024px){
  .mcr-planner-top-v3,.mcr-planner-main-v3,.mcr-planner-final-v3{grid-template-columns:1fr}
  .mcr-planner-notes-v3 textarea{height:220px;max-height:220px;min-height:220px}
}
@media(max-width:767px){
  .mcr-planner-top-v3,.mcr-planner-main-v3,.mcr-planner-final-v3{grid-template-columns:1fr}
  .mcr-table-wrap--compact,.mcr-table-wrap--stage{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .mcr-table--team{min-width:430px}
  .mcr-table--stage{min-width:430px}
  .mcr-table--repertoire-v3{min-width:650px}
  .mcr-click-grid .mcr-field{grid-template-rows:auto 46px}
}


/* v0.4.0 planner spacing + single-line table headers */
.mcr-planner-top-v3,
.mcr-planner-main-v3{
  margin-bottom:18px;
}
.mcr-planner-top-v3>.mcr-card,
.mcr-planner-main-v3>.mcr-card{
  margin-bottom:0;
}
.mcr-planner-final-v3{margin-bottom:18px}
.mcr-table--team th,
.mcr-table--repertoire-v3 th{
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  letter-spacing:.02em;
}
.mcr-table--team th{font-size:.74em}
.mcr-table--repertoire-v3{min-width:0}
.mcr-table--repertoire-v3 th{font-size:.72em}
.mcr-table--repertoire-v3 th:nth-child(1),.mcr-table--repertoire-v3 td:nth-child(1){width:4%}
.mcr-table--repertoire-v3 th:nth-child(2),.mcr-table--repertoire-v3 td:nth-child(2){width:28%}
.mcr-table--repertoire-v3 th:nth-child(3),.mcr-table--repertoire-v3 td:nth-child(3){width:9%}
.mcr-table--repertoire-v3 th:nth-child(4),.mcr-table--repertoire-v3 td:nth-child(4){width:9%}
.mcr-table--repertoire-v3 th:nth-child(5),.mcr-table--repertoire-v3 td:nth-child(5){width:31%}
.mcr-table--repertoire-v3 th:nth-child(6),.mcr-table--repertoire-v3 td:nth-child(6){width:14%}
.mcr-table--repertoire-v3 th:nth-child(7),.mcr-table--repertoire-v3 td:nth-child(7){width:5%;text-align:center}

@media(max-width:767px){
  .mcr-table--repertoire-v3{min-width:620px}
}

/* v0.5.0 - planner rhythm and no-wrap headers */
.mcr-tool[data-mcr-tool="planner"]{
  display:flex;
  flex-direction:column;
  gap:22px;
}
.mcr-tool[data-mcr-tool="planner"] > .mcr-planner-top-v3,
.mcr-tool[data-mcr-tool="planner"] > .mcr-planner-main-v3,
.mcr-tool[data-mcr-tool="planner"] > .mcr-planner-final-v3{
  margin:0!important;
}
.mcr-planner-top-v3,
.mcr-planner-main-v3{
  gap:22px!important;
}
.mcr-planner-top-v3 > .mcr-card,
.mcr-planner-main-v3 > .mcr-card,
.mcr-planner-final-v3{
  margin:0!important;
}
.mcr-table--team th,
.mcr-table--repertoire-v3 th{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  line-height:1.2!important;
}
.mcr-table--team th{font-size:.70em!important;letter-spacing:.02em!important}
.mcr-table--repertoire-v3 th{font-size:.68em!important;letter-spacing:.01em!important}
.mcr-table--repertoire-v3 th:nth-child(2),.mcr-table--repertoire-v3 td:nth-child(2){width:29%}
.mcr-table--repertoire-v3 th:nth-child(5),.mcr-table--repertoire-v3 td:nth-child(5){width:29%}
.mcr-table--repertoire-v3 th:nth-child(6),.mcr-table--repertoire-v3 td:nth-child(6){width:16%}
@media(max-width:1024px){
  .mcr-tool[data-mcr-tool="planner"]{gap:18px}
}

/* v0.6.0 mobile responsive pass */
@media(max-width:767px){
  .mcr-tool{width:100%;max-width:100%;min-width:0;overflow:visible}
  .mcr-card{width:100%;max-width:100%;min-width:0;margin-bottom:14px;padding:14px}
  .mcr-planner-top-v3,
  .mcr-planner-main-v3,
  .mcr-planner-final-v3{gap:14px;margin-bottom:14px}
  .mcr-planner-top-v3>.mcr-card,
  .mcr-planner-main-v3>.mcr-card{margin-bottom:0}
  .mcr-section-head{gap:8px;align-items:center;flex-wrap:wrap}
  .mcr-section-head .mcr-link-btn{margin-left:auto;font-size:.9em}
  .mcr-planner-notes-v3 textarea{height:160px;min-height:160px;max-height:160px}
  .mcr-tool input,.mcr-tool select,.mcr-tool textarea{font-size:16px}

  /* Planner: turn tables into readable mobile cards instead of horizontal scroll. */
  .mcr-planner-team-v3 .mcr-table-wrap--compact,
  .mcr-planner-repertoire-v3 .mcr-table-wrap{overflow:visible;max-width:100%}
  .mcr-table--team,
  .mcr-table--repertoire-v3{min-width:0!important;width:100%;table-layout:auto}
  .mcr-table--team thead,
  .mcr-table--repertoire-v3 thead{display:none}
  .mcr-table--team tbody,
  .mcr-table--repertoire-v3 tbody{display:grid;gap:10px;width:100%}
  .mcr-table--team tr,
  .mcr-table--repertoire-v3 tr{
    position:relative;
    display:grid;
    width:100%;
    min-width:0;
    border:1px solid var(--mcr-border);
    border-radius:10px;
    background:rgba(127,127,127,.025);
  }
  .mcr-table--team td,
  .mcr-table--repertoire-v3 td{
    width:auto!important;
    min-width:0;
    border:0;
    padding:0;
  }
  .mcr-table--team td::before,
  .mcr-table--repertoire-v3 td::before{
    display:block;
    margin-bottom:4px;
    color:var(--mcr-muted);
    font-size:10px;
    font-weight:700;
    letter-spacing:.06em;
    line-height:1.2;
    text-transform:uppercase;
  }
  .mcr-table--team input,
  .mcr-table--repertoire-v3 input{width:100%;min-width:0}

  .mcr-table--team tr{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
    padding:11px 34px 11px 11px;
  }
  .mcr-table--team td:nth-child(1)::before{content:'Instrumento'}
  .mcr-table--team td:nth-child(2)::before{content:'Nombre'}
  .mcr-table--team td:nth-child(3){position:absolute;top:8px;right:6px}
  .mcr-table--team td:nth-child(3)::before{display:none}

  .mcr-table--repertoire-v3 tr{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px 10px;
    padding:11px;
  }
  .mcr-table--repertoire-v3 td:nth-child(1){grid-column:1/2;font-weight:700;color:var(--mcr-muted)}
  .mcr-table--repertoire-v3 td:nth-child(1)::before{content:'#'}
  .mcr-table--repertoire-v3 td:nth-child(7){grid-column:3/4;grid-row:1;justify-self:end;align-self:start}
  .mcr-table--repertoire-v3 td:nth-child(7)::before{display:none}
  .mcr-table--repertoire-v3 td:nth-child(2){grid-column:1/-1}
  .mcr-table--repertoire-v3 td:nth-child(2)::before{content:'Canción'}
  .mcr-table--repertoire-v3 td:nth-child(3){grid-column:1/2}
  .mcr-table--repertoire-v3 td:nth-child(3)::before{content:'Tono'}
  .mcr-table--repertoire-v3 td:nth-child(4){grid-column:2/3}
  .mcr-table--repertoire-v3 td:nth-child(4)::before{content:'BPM'}
  .mcr-table--repertoire-v3 td:nth-child(6){grid-column:3/4}
  .mcr-table--repertoire-v3 td:nth-child(6)::before{content:'Duración'}
  .mcr-table--repertoire-v3 td:nth-child(5){grid-column:1/-1}
  .mcr-table--repertoire-v3 td:nth-child(5)::before{content:'Líder'}

  .mcr-planner-final-v3{padding:14px}
  .mcr-app-promo-v3 img{max-width:100%;border-radius:12px}
  .mcr-planner-checklist-v3 .mcr-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .mcr-planner-checklist-v3 .mcr-btn{width:100%}

  /* Chords and click tools: keep controls comfortable on narrow screens. */
  .mcr-segmented{gap:5px}
  .mcr-segmented button{flex:1 1 auto;padding:8px 10px}
  .mcr-click-grid{grid-template-columns:1fr!important}
  .mcr-click-grid .mcr-field{grid-template-rows:auto 46px}

  /* Input List: mobile cards instead of a wide scrolling table. */
  .mcr-input-table-wrap{overflow:visible!important}
  .mcr-input-table{min-width:0!important;width:100%;table-layout:auto}
  .mcr-input-table thead{display:none}
  .mcr-input-table tbody{display:grid;gap:10px}
  .mcr-input-table tr{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px 10px;
    padding:11px 34px 11px 11px;
    border:1px solid var(--mcr-border);
    border-radius:10px;
  }
  .mcr-input-table td{width:auto!important;min-width:0;border:0;padding:0}
  .mcr-input-table td::before{display:block;margin-bottom:4px;color:var(--mcr-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
  .mcr-input-table td:nth-child(1)::before{content:'Ch'}
  .mcr-input-table td:nth-child(2)::before{content:'Fuente'}
  .mcr-input-table td:nth-child(3)::before{content:'Mic / DI'}
  .mcr-input-table td:nth-child(4)::before{content:'48V'}
  .mcr-input-table td:nth-child(5)::before{content:'Monitor'}
  .mcr-input-table td:nth-child(6)::before{content:'Notas'}
  .mcr-input-table td:nth-child(2),.mcr-input-table td:nth-child(6){grid-column:1/-1}
  .mcr-input-table td:last-child{position:absolute;top:8px;right:6px}
  .mcr-input-table td:last-child::before{display:none}

  /* Stage Plot editor: rows stay compact and canvas remains understandable. */
  .mcr-table-wrap--stage{overflow:visible}
  .mcr-table--stage{min-width:0!important;width:100%;table-layout:auto}
  .mcr-table--stage thead{display:none}
  .mcr-table--stage tbody{display:grid;gap:10px}
  .mcr-table--stage tr{
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding:11px 34px 11px 11px;
    border:1px solid var(--mcr-border);
    border-radius:10px;
  }
  .mcr-table--stage td{width:auto!important;min-width:0;border:0;padding:0}
  .mcr-table--stage td:nth-child(1)::before,
  .mcr-table--stage td:nth-child(2)::before{display:block;margin-bottom:4px;color:var(--mcr-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
  .mcr-table--stage td:nth-child(1)::before{content:'Elemento'}
  .mcr-table--stage td:nth-child(2)::before{content:'Posición'}
  .mcr-table--stage td:last-child{position:absolute;top:8px;right:6px}
  .mcr-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}
  .mcr-stage>div{min-height:88px;padding:7px}
}

@media(max-width:420px){
  .mcr-card{padding:12px}
  .mcr-section-title{font-size:1em}
  .mcr-link-btn{font-size:.84em}
  .mcr-table--team tr{grid-template-columns:1fr}
  .mcr-table--repertoire-v3 tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mcr-table--repertoire-v3 td:nth-child(7){grid-column:2/3}
  .mcr-table--repertoire-v3 td:nth-child(2),
  .mcr-table--repertoire-v3 td:nth-child(5){grid-column:1/-1}
  .mcr-table--repertoire-v3 td:nth-child(3){grid-column:1/2}
  .mcr-table--repertoire-v3 td:nth-child(4){grid-column:2/3}
  .mcr-table--repertoire-v3 td:nth-child(6){grid-column:1/2}
  .mcr-stage{grid-template-columns:1fr}
}

/* v0.8.0 - Programador de servicios: Banda / Multimedia */
.mcr-tool[data-mcr-tool="planner"] [data-plan-group][hidden]{display:none!important}
.mcr-planner-mode-tabs{
  display:inline-flex;
  align-self:flex-start;
  gap:6px;
  padding:5px;
  border:1px solid var(--mcr-border);
  border-radius:999px;
  background:rgba(127,127,127,.045);
}
.mcr-planner-mode-tab{
  appearance:none;
  border:0;
  border-radius:999px;
  background:transparent;
  color:inherit;
  min-height:42px;
  padding:9px 20px;
  font:inherit;
  font-family:var(--e-global-typography-accent-font-family,inherit);
  font-weight:var(--e-global-typography-accent-font-weight,600);
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.mcr-planner-mode-tab:hover{color:var(--mcr-accent)}
.mcr-planner-mode-tab:focus-visible{outline:2px solid var(--mcr-accent);outline-offset:2px}
.mcr-planner-mode-tab.is-active{
  background:var(--mcr-accent);
  color:#fff;
}
.mcr-planner-mode-tab.is-active:hover{color:#fff}
.mcr-multimedia-main{margin:0!important;min-width:0}
.mcr-table-wrap--media{overflow:visible}
.mcr-table--media{min-width:0;table-layout:fixed}
.mcr-table--media th:nth-child(1),.mcr-table--media td:nth-child(1){width:47%}
.mcr-table--media th:nth-child(2),.mcr-table--media td:nth-child(2){width:48%}
.mcr-table--media th:nth-child(3),.mcr-table--media td:nth-child(3){width:5%;text-align:center}
.mcr-table--media th{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  line-height:1.2!important;
  font-size:.70em!important;
  letter-spacing:.02em!important;
}

@media(max-width:767px){
  .mcr-planner-mode-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    align-self:stretch;
  }
  .mcr-planner-mode-tab{width:100%;padding:9px 12px}
  .mcr-multimedia-main{padding:14px}
  .mcr-multimedia-main .mcr-table-wrap--media{overflow:visible;max-width:100%}
  .mcr-table--media{min-width:0!important;width:100%;table-layout:auto}
  .mcr-table--media thead{display:none}
  .mcr-table--media tbody{display:grid;gap:10px;width:100%}
  .mcr-table--media tr{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
    width:100%;
    min-width:0;
    padding:11px 34px 11px 11px;
    border:1px solid var(--mcr-border);
    border-radius:10px;
    background:rgba(127,127,127,.025);
  }
  .mcr-table--media td{width:auto!important;min-width:0;border:0;padding:0}
  .mcr-table--media td::before{
    display:block;
    margin-bottom:4px;
    color:var(--mcr-muted);
    font-size:10px;
    font-weight:700;
    letter-spacing:.06em;
    line-height:1.2;
    text-transform:uppercase;
  }
  .mcr-table--media td:nth-child(1)::before{content:'Rol'}
  .mcr-table--media td:nth-child(2)::before{content:'Nombre'}
  .mcr-table--media td:nth-child(3){position:absolute;top:8px;right:6px}
  .mcr-table--media td:nth-child(3)::before{display:none}
  .mcr-table--media input{width:100%;min-width:0}
}

@media(max-width:420px){
  .mcr-table--media tr{grid-template-columns:1fr}
}