.enf-ng {
font-family: Arial, Helvetica, sans-serif;
box-sizing: border-box;
}
.enf-ng * {
box-sizing: border-box;
}
.enf-ng__head {
text-align: center;
margin-bottom: 14px;
}
.enf-ng__title {
font-size: 28px;
font-weight: 700;
margin: 0;
}
.enf-ng__subtitle {
font-size: 14px;
margin-top: 6px;
}
.enf-ng__form {
max-width: 520px;
margin: 0 auto;
}
.enf-ng__input,
.enf-ng__select {
width: 100% !important;
padding: 10px 12px;
margin: 6px 0;
border-radius: 2px;
font-size: 14px;
outline: none;
border: 1px solid #1aa7ff; min-height: 42px;
line-height: 20px;
} .enf-ng__select {
padding-right: 34px; }
.enf-ng__input::placeholder {
opacity: 0.85;
}
.enf-ng__actions {
display: flex;
gap: 10px;
margin-top: 12px;
}
.enf-ng__btn {
padding: 9px 18px;
border-radius: 4px;
border: 1px solid #1aa7ff;
background: #1aa7ff;
color: #fff;
cursor: pointer;
font-size: 14px;
}
.enf-ng__btn--secondary {
background: transparent;
color: #1aa7ff;
}
.enf-ng__check {
display: flex;
gap: 8px;
align-items: flex-start;
margin-top: 10px;
font-size: 12px;
}
.enf-ng__check input {
margin-top: 2px;
}
.enf-ng__alert {
padding: 8px 10px;
border-radius: 4px;
margin-bottom: 10px;
font-size: 13px;
}
.enf-ng__alert--ok {
background: #e8fff1;
border: 1px solid #1f9d55;
color: #0a5;
}
.enf-ng__alert--err {
background: #ffecec;
border: 1px solid #d33;
color: #a00;
} .enf-ng .is-hidden {
display: none !important;
} .enf-ng--light {
background: #ffffff;
color: #111;
padding: 18px;
}
.enf-ng--light .enf-ng__title {
color: #1aa7ff;
}
.enf-ng--light .enf-ng__subtitle {
color: #000;
} .enf-ng--light .enf-ng__input,
.enf-ng--light .enf-ng__select {
color: #111;
background: #fff;
}
.enf-ng--light .enf-ng__input::placeholder {
color: #6b7280;
opacity: 1;
} .enf-ng--light .enf-ng__input::-moz-placeholder {
color: #6b7280;
opacity: 1;
} .enf-ng--dark {
background: #2f2f2f;
color: #ffffff;
padding: 18px;
}
.enf-ng--dark .enf-ng__title {
color: #1aa7ff;
font-size: 20px;
}
.enf-ng--dark .enf-ng__subtitle {
color: #ffffff;
font-size: 13px;
}
.enf-ng--dark .enf-ng__input,
.enf-ng--dark .enf-ng__select {
background: transparent;
color: #ffffff;
border-color: #1aa7ff;
}
.enf-ng--dark .enf-ng__input::placeholder {
color: #d8d8d8;
opacity: 1;
} .enf-ng--dark .enf-ng__select option,
.enf-ng--dark .enf-ng__select optgroup {
background: #ffffff;
color: #111111;
} .enf-ng--dark .enf-ng__select option:checked {
background: #dbeafe;
color: #111;
}
.enf-ng--dark .enf-ng__btn {
width: 100%;
}
.enf-ng--dark .enf-ng__btn--secondary {
display: none;
} @media (max-width: 480px) {
.enf-ng__form {
max-width: 100%;
}
.enf-ng__actions {
flex-direction: column;
}
}:root {
--rev-bg: #f7f7f7;
--rev-card: #ffffff;
--rev-text: #222;
--rev-muted: #6b7280;
--rev-dark: #303030;
--rev-blue: #106098;
--rev-blue-2: #1fa2d6;
--rev-border: #d6dde6;
--rev-input-bg: #fff;
--rev-shadow: 0 6px 20px rgba(0,0,0,.08);
} .revista-checkout {
max-width: 980px;
margin: 0 auto;
padding: 24px 16px 48px;
color: var(--rev-text);
}
.revista-help {
margin: 0 0 18px;
color: var(--rev-muted);
line-height: 1.35;
font-size: 14px;
} .revista-card {
background: var(--rev-card);
border: 1px solid var(--rev-border);
border-radius: 10px;
box-shadow: var(--rev-shadow);
margin: 16px 0;
overflow: hidden;
}
.revista-card-header {
background: #d9ecff; color: var(--rev-blue);
font-weight: 700;
padding: 12px 14px;
border-bottom: 1px solid #c7ddf7;
letter-spacing: .2px;
} .revista-grid {
padding: 14px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px 16px;
}
.revista-col-2 { grid-column: 1 / -1; }
@media (max-width: 720px) {
.revista-grid { grid-template-columns: 1fr; }
} .revista-field label {
display: block;
font-size: 13px;
font-weight: 600;
margin: 0 0 6px;
color: #111;
}
.revista-field input,
.revista-field select,
.revista-field textarea {
width: 100%;
height: 40px;
padding: 10px 12px;
border: 1px solid var(--rev-blue);
border-radius: 4px;
background: var(--rev-input-bg);
color: var(--rev-text);
outline: none;
box-sizing: border-box;
transition: box-shadow .15s ease, border-color .15s ease;
} .revista-field textarea {
min-height: 90px;
height: auto;
resize: vertical;
} .revista-field input::placeholder,
.revista-field textarea::placeholder {
color: #64748b;
opacity: 1;
} .revista-field input:focus,
.revista-field select:focus,
.revista-field textarea:focus {
border-color: var(--rev-blue-2);
box-shadow: 0 0 0 3px rgba(31,162,214,.18);
} .revista-field-phone { grid-column: 1 / -1; }
.revista-phone {
display: grid;
grid-template-columns: 170px 120px 1fr;
gap: 10px;
}
@media (max-width: 720px) {
.revista-phone { grid-template-columns: 1fr; }
} .revista-note {
grid-column: 1 / -1;
font-size: 12px;
color: var(--rev-muted);
margin-top: -4px;
} .revista-edicion {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
@media (max-width: 720px) {
.revista-edicion { grid-template-columns: 1fr; }
} .revista-productos {
padding: 0 14px 14px;
}
.revista-product-btn {
display: inline-block;
background: var(--rev-blue);
color: #fff;
border: 0;
border-radius: 6px;
padding: 12px 16px;
font-weight: 700;
cursor: pointer;
transition: background .15s ease;
margin: 10px 0 14px;
}
.revista-product-btn:hover { background: var(--rev-blue-2); }
.revista-linea {
border: 1px solid var(--rev-border);
border-radius: 8px;
padding: 12px;
margin: 10px 0;
background: #fff;
}
.revista-linea h4 {
margin: 0 0 8px;
font-size: 14px;
color: var(--rev-dark);
}
.revista-linea .revista-meta {
font-size: 13px;
color: var(--rev-muted);
line-height: 1.35;
}
.revista-qty {
display: flex;
gap: 10px;
align-items: center;
margin-top: 10px;
flex-wrap: wrap;
}
.revista-btn-qty {
width: 42px;
height: 36px;
border-radius: 6px;
border: 0;
background: #6b7280;
color: #fff;
font-size: 18px;
cursor: pointer;
}
.revista-btn-qty:hover { filter: brightness(1.05); }
.revista-qty input {
width: 70px;
height: 36px;
text-align: center;
border: 1px solid var(--rev-border);
border-radius: 6px;
}
.revista-btn-danger {
height: 36px;
padding: 0 12px;
border-radius: 6px;
border: 0;
background: #e11d48;
color: #fff;
font-weight: 700;
cursor: pointer;
}
.revista-btn-danger:hover { filter: brightness(1.05); } .revista-totales {
margin: 12px 14px 4px;
padding: 12px;
border: 1px solid var(--rev-border);
border-radius: 10px;
background: #fff;
}
.revista-totales > div {
display: flex;
justify-content: space-between;
font-size: 14px;
padding: 4px 0;
}
.revista-total {
font-size: 18px;
font-weight: 800;
color: var(--rev-blue);
} .revista-actions {
display: flex;
gap: 12px;
align-items: center;
padding: 10px 14px 0;
flex-wrap: wrap;
}
.revista-btn-primary {
background: var(--rev-blue);
color: #fff;
border: 0;
border-radius: 6px;
padding: 12px 18px;
font-weight: 800;
cursor: pointer;
transition: background .15s ease;
}
.revista-btn-primary:hover { background: var(--rev-blue-2); }
.revista-msg {
font-size: 13px;
color: var(--rev-muted);
}
.revista-msg.is-error { color: #b91c1c; }
.revista-footnote {
padding: 10px 14px 14px;
font-size: 12px;
color: var(--rev-muted);
}