/* Robótica Arduino con Blockly CPLP v20260620.38 */
:root{
    --rb-navy:#052c5c;
    --rb-blue:#0a61a8;
    --rb-blue-soft:#eef7ff;
    --rb-line:#cfe0f1;
    --rb-text:#123c69;
    --rb-muted:#5b7698;
    --rb-bg:#f1f8ff;
    --rb-orange:#ff7a00;
    --rb-green:#14845d;
    --rb-code:#061d34;
}
.robotica-simple-body{background:var(--rb-bg);color:var(--rb-text);}
.robotica-simple{padding:14px 18px 18px;background:linear-gradient(180deg,#f5fbff 0%,#edf6ff 100%);}
.robotica-simple-shell{width:min(100%,1840px);margin:0 auto;display:grid;gap:10px;}
.robotica-simple-toolbar,.exercise-description-card,.robotica-editor-card,.robotica-status-bar{border:1px solid var(--rb-line);background:#fff;border-radius:15px;box-shadow:0 7px 20px rgba(3,45,88,.06);}
.robotica-simple-toolbar{min-height:82px;padding:11px 13px;display:grid;grid-template-columns:minmax(270px,1.1fr) minmax(300px,.9fr) auto;gap:14px;align-items:center;}
.robotica-simple-project{display:flex;align-items:center;gap:10px;min-width:0;}
.robotica-project-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#0b5d9e,#07386a);color:#fff;box-shadow:0 6px 13px rgba(7,61,112,.18);}
.robotica-project-icon svg{width:23px;height:23px;}
.robotica-eyebrow,.editor-kicker,.exercise-card-kicker{display:block;color:#0b68ad;text-transform:uppercase;font-size:.66rem;line-height:1.1;font-weight:900;letter-spacing:.06em;}
.robotica-title-row{display:flex;gap:8px;align-items:center;min-width:0;}
.robotica-title-row h1{margin:3px 0 0;color:#063769;font-size:1.24rem;line-height:1.1;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.robotica-simple-project p{margin:3px 0 0;color:var(--rb-muted);font-size:.77rem;line-height:1.25;font-weight:700;}
.robotica-code-badge,.robotica-level-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;background:#eaf4ff;color:#075092;font-size:.68rem;font-weight:900;white-space:nowrap;}
.robotica-selects{display:grid;grid-template-columns:132px minmax(170px,1fr);gap:9px;align-items:end;min-width:0;}
.robotica-selects label{display:grid;gap:4px;min-width:0;}
.robotica-selects label>span{font-size:.68rem;line-height:1;color:#294d73;font-weight:900;}
.robotica-selects select{height:38px;min-width:0;border:1px solid #bcd4ec;border-radius:10px;background:#fff;color:#0a3f72;padding:0 31px 0 11px;font:800 .79rem/1 inherit;outline:0;}
.robotica-selects select:focus{border-color:#3a8ece;box-shadow:0 0 0 3px rgba(45,131,207,.15);}
.robotica-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
.robotica-action,.editor-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:10px;min-height:38px;padding:0 12px;text-decoration:none;font:900 .76rem/1 inherit;cursor:pointer;white-space:nowrap;transition:.18s ease;}
.robotica-action svg,.editor-action svg{width:16px;height:16px;}
.robotica-action:hover,.editor-action:hover{transform:translateY(-1px);}
.robotica-action-light,.editor-action-light{background:#fff;color:#164f84;border-color:#c5dcec;}
.robotica-action-primary{background:linear-gradient(135deg,#084b83,#0d70ba);color:#fff;box-shadow:0 5px 12px rgba(7,75,130,.17);}
.exercise-description-card{display:grid;grid-template-columns:1.1fr 1.65fr 1fr;overflow:hidden;}
.exercise-description-section{padding:11px 15px;min-width:0;}
.exercise-description-section+.exercise-description-section{border-left:1px solid #dbe9f5;}
.exercise-description-section h2{margin:3px 0 4px;color:#083d70;font-size:.79rem;font-weight:900;}
.exercise-description-section p,.exercise-description-section li{margin:0;color:#34597f;font-size:.75rem;line-height:1.38;font-weight:700;}
.exercise-description-section ol,.exercise-description-section ul{margin:0;padding-left:17px;display:grid;gap:2px;}
.exercise-description-section li::marker{color:#0c65aa;font-weight:900;}
.exercise-materials-section ul{padding-left:15px;}
.robotica-editor-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(350px,.92fr);gap:10px;min-height:clamp(470px,calc(100dvh - 345px),690px);}
.robotica-editor-card{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
.editor-card-header{min-height:72px;padding:11px 13px;border-bottom:1px solid #d6e6f4;display:flex;gap:12px;align-items:center;justify-content:space-between;}
.editor-card-header h2{margin:2px 0 0;color:#063b6c;font-size:1rem;line-height:1.15;font-weight:900;}
.editor-card-header p{margin:3px 0 0;color:var(--rb-muted);font-size:.71rem;line-height:1.28;font-weight:700;}
.editor-action{flex:0 0 auto;min-height:34px;padding:0 10px;font-size:.71rem;}
.editor-action-copy{background:#fff;color:#063f73;border-color:#b9d5ec;}
.robotica-blockly{position:relative;flex:1;min-height:0;background:#fff;}
.robotica-blockly .blocklySvg{background:#fff!important;}
.robotica-code-card{background:var(--rb-code);border-color:#103d68;}
.editor-code-header{background:#fff;}
.robotica-code{flex:1;min-height:0;margin:0;padding:17px 18px;overflow:auto;background:var(--rb-code);color:#f0f6ff;font:700 .78rem/1.7 "Courier New",Consolas,monospace;white-space:pre;tab-size:2;}
.robotica-status-bar{min-height:51px;padding:8px 13px;display:flex;align-items:center;gap:9px;}
.robotica-status-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e7f3ff;color:#075da5;}
.robotica-status-icon svg{width:17px;height:17px;}
.robotica-status-bar>div{display:grid;gap:2px;min-width:0;}
.robotica-status-bar strong{color:#113d6c;font-size:.74rem;line-height:1;font-weight:900;}
.robotica-status{color:#436788;font-size:.74rem;line-height:1.25;font-weight:800;}
.robotica-status.ok{color:#087249;}.robotica-status.warning{color:#a86000;}.robotica-status.error{color:#b42d31;}
.robotica-level-badge{margin-left:auto;background:#eaf4ff;color:#0a5798;padding:7px 10px;}
.blocklyToolboxDiv{background:#f4f8fc!important;border-right:1px solid #d6e4f0!important;}
.blocklyTreeLabel{color:#153f6c!important;font-weight:800!important;font-size:13px!important;}
.blocklyTreeRow{height:34px!important;margin:1px 4px!important;border-radius:0 7px 7px 0!important;}
.blocklyFlyoutBackground{fill:#f8fbff!important;fill-opacity:1!important;}
.blocklyMainBackground{stroke:none!important;}
.blocklyTrash{opacity:.5!important;}
@media (max-width:1280px){
    .robotica-simple-toolbar{grid-template-columns:minmax(250px,1fr) minmax(250px,.95fr);}.robotica-toolbar-actions{grid-column:1/-1;justify-content:flex-end;}
    .robotica-editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);min-height:clamp(450px,calc(100dvh - 385px),620px);}
}
@media (max-width:960px){
    .robotica-simple{padding:10px;}.robotica-simple-toolbar{grid-template-columns:1fr;gap:10px;}.robotica-toolbar-actions{grid-column:auto;justify-content:flex-start;}.robotica-selects{grid-template-columns:150px minmax(0,1fr);}
    .exercise-description-card{grid-template-columns:1fr;}.exercise-description-section+.exercise-description-section{border-left:0;border-top:1px solid #dbe9f5;}.robotica-editor-grid{grid-template-columns:1fr;min-height:auto;}.robotica-blockly-card,.robotica-code-card{min-height:500px;}.robotica-code-card{min-height:380px;}
}
@media (max-width:620px){
    .robotica-simple{padding:7px;}.robotica-simple-toolbar,.exercise-description-card,.robotica-editor-card,.robotica-status-bar{border-radius:12px;}.robotica-title-row h1{font-size:1.05rem;}.robotica-selects{grid-template-columns:1fr;}.robotica-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;}.robotica-action:last-child{grid-column:1/-1;}.robotica-action{padding:0 8px;}.editor-card-header{align-items:flex-start;flex-direction:column;}.editor-action{width:100%;}.robotica-blockly-card{min-height:465px;}.robotica-code-card{min-height:330px;}.robotica-code{font-size:.7rem;padding:13px;}.robotica-status-bar{align-items:flex-start;}.robotica-level-badge{margin-left:auto;}}

/* v20260620.38 — bloques por nivel y librerías Arduino */
.exercise-materials-section h2{font-size:.78rem;}
@media (max-width:1180px){.exercise-materials-section h2{font-size:.72rem;}}

/* v20260620.38 — acciones de código */
.editor-code-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;}
.editor-action-download{background:#0b6b9e;color:#fff;border-color:#0b6b9e;box-shadow:0 4px 10px rgba(7,82,138,.16);}
.editor-action-download:hover{background:#085d8a;}
@media (max-width:620px){.editor-code-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;}.editor-code-actions .editor-action{width:100%;}}