@page { size:A4 portrait; margin:1cm 1.2cm; }
    * { margin:0; padding:0; box-sizing:border-box; }
    html { background:#94a3b8; }
    body { font-family:'Inter',sans-serif; font-size:11px; color:#1a1a2e; background:#fff; line-height:1.4; max-width:210mm; margin:20px auto; padding:0 1.2cm 1.2cm; box-shadow:0 4px 28px rgba(0,0,0,.22); }
    .membrete-banner { width:calc(100% + 2.4cm); background:#fff; padding:10px 1.2cm 0; margin:0 -1.2cm; box-sizing:border-box; }
    .inst-header-table { width:100%; border-collapse:collapse; margin:0 auto 4px; }
    .inst-header-table td { vertical-align:middle; padding:0; }
    .inst-left,.inst-right { width:75px; text-align:center; }
    .inst-left img,.inst-right img { width:60px; height:auto; display:block; margin:0 auto; }
    .inst-center { text-align:center; padding:0 14px; }
    .inst-school-name { font-size:14px; font-weight:800; color:#0f172a; letter-spacing:.5px; }
    .inst-school-info { font-size:8.5px; color:#555; line-height:1.5; margin-top:2px; }
    .inst-doc-desc { font-size:10.5px; color:#1a3a6b; font-weight:600; margin-top:5px; }
    .inst-header-line { border:none; border-top:2.5px solid #1a3a6b; margin:6px 0 0; display:block; width:100%; }
    .doc-title { text-align:center; font-size:14px; font-weight:700; color:#1a3a6b; margin:12px 0 8px; letter-spacing:.5px; text-transform:uppercase; }
    .info-table { width:100%; border-collapse:collapse; margin-bottom:10px; font-size:10.5px; }
    .info-table td { border:1px solid #bbb; padding:3px 6px; }
    .info-table .label { background:#eef2f7; font-weight:700; color:#1a3a6b; width:12%; }
    .info-table .label-sm { background:#eef2f7; font-weight:700; color:#1a3a6b; width:8%; }
    .info-table .value { background:white; }
    .info-table .obj-row td { font-size:9.5px; line-height:1.4; }
    .instructions { background:#f8fafd; border:1px solid #d0d8e4; border-radius:6px; padding:8px 12px; margin:8px 0; font-size:10px; color:#333; line-height:1.55; }
    .info-table .write-in { height:8mm; }
    .instructions strong { display:block; }
    .placeholder { font-style:italic; }
    .template-note { padding:10px 0; font-size:11px; color:#444; }
    .footer { border-top:1px solid #777; margin-top:20px; padding-top:5px; display:flex; gap:12px; justify-content:space-between; font-size:8px; }
    .page-number { white-space:nowrap; }
    @media print {
      html { background:#fff!important; }
      body { max-width:100%!important; margin:0!important; padding:0!important; box-shadow:none!important; color:#111; }
      .membrete-banner { margin:0 -1.2cm!important; width:calc(100% + 2.4cm)!important; padding:8px 1.2cm 0!important; }
      .template-note { display:none; }
      .inst-left img,.inst-right img { filter:grayscale(1); }
      .inst-school-name,.inst-school-info,.inst-doc-desc,.doc-title,.info-table .label,.info-table .label-sm { color:#111; }
      .inst-header-line { border-top-color:#111; }
      .info-table .label,.info-table .label-sm,.instructions { background:#fff; }
      .info-table td { border-color:#555; }
      .instructions { break-inside:avoid; border-color:#555; }
    }

/* El membrete, su tipografía y el pie provienen de la plantilla oficial. */
body{margin:0;max-width:none;padding:0;box-shadow:none;background:#eee;color:#111}
.toolbar{text-align:center;padding:14px;font:14px Inter,Arial,sans-serif}.toolbar a,.toolbar button{display:inline-block;padding:10px;margin:4px;border:1px solid #333;background:white;color:#111;font:inherit}
.sheet{width:210mm;min-height:297mm;margin:16px auto;padding:10mm 12mm;background:white;display:flex;flex-direction:column;box-shadow:0 2px 12px #0002}
.sheet .page-content,.sheet .doc-title,.sheet .continuation,.sheet .info-table{font-family:"Times New Roman",Times,serif;font-size:12pt;line-height:1.2}
.page-content h2,.doc-title{font-size:14pt!important;line-height:1.15;margin:0 0 1.5mm}.sheet .doc-title{margin:3mm 0 2mm}
.page-content p{margin:1.2mm 0}.page-content ol,.page-content ul{margin:1mm 0;padding-left:5mm}.page-content li{margin:1.2mm 0}
.info-table td,.info-table .obj-row td{font-size:12pt;line-height:1.15;padding:3px 5px}.info-table .label{width:15%;white-space:nowrap}.info-table .label-sm{width:auto}
.continuation{margin:0 0 2mm}.blank{display:inline-block;vertical-align:bottom;border-bottom:.5pt solid #333;width:88mm;height:8mm}.blank.short{width:17mm}
.box,.question{border:.7pt solid #333;padding:2mm;margin:1.5mm 0;break-inside:avoid}.question p{margin:0 0 1mm}
.instructions{border-radius:0;background:white;font-size:12pt;padding:2mm;margin:1.5mm 0;line-height:1.2}
.record{border:.7pt solid #555;padding:2mm;margin-top:1.5mm}.record p{margin:1mm 0}
.social{border:1px solid #333;margin:1.5mm 0;break-inside:avoid}.platform{display:flex;justify-content:space-between;gap:3mm;padding:1mm 2mm;border-bottom:1px solid #555;font-weight:700}.platform>span{font-weight:400}
.chat-head{display:flex;align-items:center;gap:2mm;padding:1mm 2mm;border-bottom:1px solid #555}.avatar{display:inline-flex;align-items:center;justify-content:center;width:7mm;height:7mm;border:1px solid #555;border-radius:50%}.dots{margin-left:auto}
.chat-area{padding:1.5mm 3mm}.bubble{padding:1.5mm 2mm;border:1px solid #777;border-radius:0 6px 6px 6px}.message-time{text-align:right;margin-bottom:0!important}
.mail-meta{padding:1mm 2mm;border-bottom:1px solid #777}.mail-meta p{margin:.6mm 0}.post-body{padding:1.5mm 2mm}.model-note{margin-top:1mm!important}
.poster{border:1px solid #333;margin:1.5mm 0;text-align:center;padding:1.5mm 2mm}.file-bar{border-bottom:1px solid #777;text-align:left;padding-bottom:1mm}
.poster h2{margin:2mm 0}.answer-lines span{display:block;height:8mm;border-bottom:.5pt solid #555}
.write-field{display:block;border-bottom:.5pt solid #555;height:8mm}.reviewer-field{display:inline-block;width:90mm;height:8mm;border-bottom:.5pt solid #555;vertical-align:bottom}
.mail-writing>p{margin:1.5mm 0}.check{display:inline-block;border:.7pt solid #111;width:3.5mm;height:3.5mm;vertical-align:middle;margin-right:1.5mm}.checklist{list-style:none;padding-left:0!important}
.page-content .case-facts h2{display:none}.page-content .box,.page-content .question{padding:1.5mm;margin:1mm 0}.page-content .social{margin:1mm 0}.page-content .bubble p{margin:.6mm 0}.page-content .mail-meta{padding:.7mm 2mm}
.page-content .question{margin:.8mm 0}.chat-area>.bubble+.bubble{margin-top:1mm}
.sheet .footer{margin-top:auto;padding-top:5px;gap:12px;font-family:Inter,sans-serif;font-size:8px;line-height:1.4}.footer .page-number{font-size:8px}
.case-story{border:.7pt solid #555;padding:2mm;margin:1.5mm 0}.case-story p{margin:1.5mm 0}.mission{border:.7pt solid #333;padding:2mm;margin:1.5mm 0}.fictional-address{overflow-wrap:anywhere}
.compose-guidance{border:.7pt solid #555;padding:2mm;margin:1mm 0 3mm}.compose-guidance p{margin:1mm 0}
.gmail-compose{border:1px solid #555;border-radius:7px 7px 0 0;overflow:hidden;margin-top:2mm}.gmail-title{display:flex;justify-content:space-between;align-items:center;padding:2.5mm 3mm;border-bottom:1px solid #555;font-family:Inter,Arial,sans-serif;font-size:12pt;background:#eee}.gmail-title strong{font-weight:600}
.gmail-fields{padding:0 3mm}.gmail-fields .sender{padding:2mm 0;margin:0;border-bottom:.5pt solid #777}.compose-row{display:flex;gap:3mm;align-items:center;border-bottom:.5pt solid #777}.compose-row>strong{font-weight:400}.compose-row .write-field{flex:1;min-width:0;border:0;height:8mm}.copy-options{white-space:nowrap}
.gmail-body{padding:2mm 3mm 0}.gmail-body .answer-lines span{height:8mm;border-color:#999}.gmail-actions{display:flex;align-items:center;gap:3mm;padding:3mm}.send-button{border:1px solid #333;border-radius:15px;padding:2mm 4mm;font-family:Inter,Arial,sans-serif;font-size:12pt}.mail-icon{display:inline-flex;width:5mm;height:5mm}.mail-icon svg{width:100%;height:100%;fill:none;stroke:#111;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.trash{margin-left:auto}.format-tool{font-weight:700}
@media(max-width:800px){.copy-options{font-size:10pt}.gmail-actions{gap:2mm;padding:2mm}.fictional-address{word-break:break-word}}
.membrete-banner,.membrete-banner *{font-family:Inter,sans-serif}.inst-center{padding:0!important}
@media(max-width:800px){.sheet{width:calc(100% - 20px);min-height:0;padding:14px;margin:10px}.membrete-banner{margin:0;padding:0;width:100%}.inst-header-table{table-layout:fixed}.inst-left,.inst-right{width:28px}.inst-left img,.inst-right img{width:28px}.inst-school-name{font-size:10px}.inst-school-info{font-size:7px;overflow-wrap:anywhere}.inst-doc-desc{font-size:8px}.info-table{table-layout:fixed}.info-table .label,.info-table .label-sm{width:auto;white-space:normal}.info-table td{overflow-wrap:anywhere}.blank{width:50%}.blank.short{width:14%}.platform{flex-wrap:wrap}.reviewer-field{width:90%}.sheet .footer{margin-top:15px;flex-wrap:wrap}}
@media print{@page{size:A4 portrait;margin:10mm 12mm}html,body{background:white}.toolbar,.anota-pestana,.anota-capa,.anota-panel,.anota-toggle{display:none!important}.sheet{width:186mm;height:277mm;min-height:277mm;margin:0;padding:0;box-shadow:none;break-after:page}.sheet:last-child{break-after:auto}.membrete-banner{margin:0 -12mm!important;width:calc(100% + 24mm)!important;padding:8px 12mm 0!important}.inst-header-table{table-layout:auto}.inst-left,.inst-right{width:75px}.inst-left img,.inst-right img{width:60px}.inst-school-name{font-size:14px}.inst-school-info{font-size:8.5px}.inst-doc-desc{font-size:10.5px}.info-table{table-layout:auto}.info-table .label{width:15%;white-space:nowrap}.info-table .label-sm{width:auto}.blank{width:88mm}.blank.short{width:17mm}.platform{flex-wrap:nowrap}.reviewer-field{width:90mm}.sheet .footer{margin-top:auto;flex-wrap:nowrap}}