/* Acciones secundarias de la ficha y calculadora compartida de pliegos. */
.btn-plantilla, #btn_dtf {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    max-width: 100%;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid #d0e5f2;
    border-radius: 7px;
    background: #f1f8fc;
    color: #315d77;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: normal;
    box-shadow: none;
    cursor: pointer;
}
.btn-plantilla::before {
    content: '';
    display: inline-block;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    background: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-4-4 4 4 4-4M4 16v4a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4"/></svg>') center / contain no-repeat;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-4-4 4 4 4-4M4 16v4a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4"/></svg>') center / contain no-repeat;
}
#btn_dtf::before {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2"/><path d="M8 6h8M8 10h1m3 0h1m3 0h0M8 14h1m3 0h1m3 0h0M8 18h1m3 0h1m3 0h0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2"/><path d="M8 6h8M8 10h1m3 0h1m3 0h0M8 14h1m3 0h1m3 0h0M8 18h1m3 0h1m3 0h0"/></svg>');
}
.btn-plantilla > i { display: none; }
.btn-plantilla:hover, #btn_dtf:hover { border-color: #afd4ec; background: #e5f3fc; color: #205c7d; text-decoration: none; box-shadow: none; }
.btn-plantilla:focus-visible, #btn_dtf:focus-visible { outline: 2px solid #428ebc; outline-offset: 3px; }
#calculadoraDTFModal .modal-dialog { max-width: 620px; margin: 24px auto; min-height: calc(100% - 48px); }
#calculadoraDTFModal .modal-content { position: relative; padding: 32px; border: 1px solid #e0e7ee; border-radius: 22px; background: #fff; box-shadow: 0 24px 80px #12263b33; color: #212529; text-align: left; }
#calculadoraDTFModal .pliegos-cerrar { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: #f1f5f8; color: #536272; font: 28px/1 sans-serif; cursor: pointer; }
#calculadoraDTFModal .pliegos-cerrar:hover { background: #e8f6ff; color: #007fcb; }
#calculadoraDTFModal .pliegos-cabecera { padding-right: 24px; }
#calculadoraDTFModal .pliegos-icono { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 16px; border-radius: 14px; background: #eaf7ff; color: #0099ff; }
#calculadoraDTFModal .pliegos-icono svg { width: 30px; height: 30px; }
#calculadoraDTFModal .tituloCalculadora { margin: 0 0 10px; font-family: Manrope, sans-serif; font-size: 27px; font-weight: 750; line-height: 1.25; letter-spacing: -.7px; color: #212529; text-align: left; text-transform: none; }
#calculadoraDTFModal .explicativo { margin: 0; color: #5b6876; font-size: 15px; line-height: 1.6; text-align: left; }
#calculadoraDTFModal .pliegos-formato { margin: 24px 0; padding: 15px 18px; border: 1px solid #cfeaff; border-radius: 12px; background: #f0f9ff; }
#calculadoraDTFModal #tituloDTFModal { margin: 0; color: #235370; font-size: 14px; font-weight: 600; line-height: 1.6; font-style: normal; text-align: left; }
#calculadoraDTFModal .pliegos-seccion { margin: 0 0 14px; font-size: 15px; font-weight: 700; color: #212529; }
#calculadoraDTFModal .pliegos-campos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
#calculadoraDTFModal .columna { display: block; width: auto; min-width: 0; margin: 0; padding: 0; text-align: left; }
#calculadoraDTFModal label { display: block; margin: 0 0 8px; font-size: 14px; font-weight: 500; color: #384452; }
#calculadoraDTFModal .pliegos-input { position: relative; }
#calculadoraDTFModal .pliegos-input input { width: 100%; height: 50px; margin: 0; padding: 12px 52px 12px 14px; border: 1px solid #cbd6e0; border-radius: 9px; background: #fff; color: #212529; font-size: 17px; line-height: 24px; box-shadow: none; }
#calculadoraDTFModal .pliegos-input input:focus { border-color: #0099ff; outline: 3px solid #0099ff22; outline-offset: 0; }
#calculadoraDTFModal .pliegos-input input[aria-invalid=true] { border-color: #cf8b2f; }
#calculadoraDTFModal .pliegos-input input::placeholder { color: #94a1ae; font-size: 17px; }
#calculadoraDTFModal .pliegos-input span { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); padding: 0; color: #6b7785; font-size: 13px; pointer-events: none; }
#calculadoraDTFModal input[type=number] { appearance: textfield; -moz-appearance: textfield; }
#calculadoraDTFModal input::-webkit-inner-spin-button, #calculadoraDTFModal input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
#calculadoraDTFModal .pliegos-ayuda { margin: 13px 0 22px; color: #687482; font-size: 13px; line-height: 1.6; }
#calculadoraDTFModal #errorCalculadoraDTFModal { margin: 0 0 16px; padding: 12px 14px; border: 1px solid #f2df9b; border-radius: 9px; background: #fff8df; color: #665018; font-size: 14px; font-weight: 400; line-height: 1.5; }
#calculadoraDTFModal #errorCalculadoraDTFModal:empty, #calculadoraDTFModal #avisoscalculadoraDTF:empty { display: none; }
#calculadoraDTFModal #btn_calculadoraDTFModal { display: block; width: 100% !important; min-height: 50px; margin: 0; padding: 13px 18px; border: 1px solid #0099ff; border-radius: 10px; background: #0099ff; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.4; white-space: normal; cursor: pointer; }
#calculadoraDTFModal #btn_calculadoraDTFModal:hover { border-color: #0087e0; background: #0087e0; }
#calculadoraDTFModal #avisoscalculadoraDTF { margin: 20px 0 0; padding: 18px; border: 1px solid #cfeaff; border-radius: 12px; background: #f0f9ff; color: #235370; font-size: 17px; line-height: 1.6; text-align: center; }
#calculadoraDTFModal #avisoscalculadoraDTF strong { color: #212529; font-size: 23px; font-weight: 700; }
#calculadoraDTFModal .pliegos-pie { margin: 14px 0 0; color: #687482; font-size: 12px; line-height: 1.5; text-align: center; }
#calculadoraDTFModal button:focus-visible { outline: 3px solid #0067aa; outline-offset: 3px; }
@media (max-width: 640px) {
    #calculadoraDTFModal .modal-dialog { width: auto; margin: 12px; min-height: calc(100% - 24px); }
    #calculadoraDTFModal .modal-content { padding: 24px 20px; border-radius: 18px; }
    #calculadoraDTFModal .tituloCalculadora { font-size: 24px; }
    #calculadoraDTFModal .explicativo { font-size: 14px; }
    #calculadoraDTFModal .pliegos-campos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
    #calculadoraDTFModal .columna-cantidad { grid-column: 1 / -1; }
    #calculadoraDTFModal .pliegos-formato { margin: 20px 0; padding: 12px 14px; }
}