.oggi-envios {
margin: 18px 0 0;
padding: 16px;
border: 1px solid var(--oggi-line, #E5E7EB);
border-radius: var(--oggi-r-lg, 16px);
background: var(--oggi-white, #fff);
font-family: var(--oggi-font-display, inherit);
}
.oggi-envios--suelto {
max-width: 560px;
box-shadow: var(--oggi-sh-2, 0 6px 16px rgba(15, 40, 71, .08));
}
.oggi-envios__titulo {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 12px;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
color: var(--oggi-navy, #1b3a77);
text-transform: none;
letter-spacing: 0;
}
.oggi-envios__titulo svg {
flex: 0 0 auto;
color: var(--oggi-navy, #1b3a77);
}
.oggi-envios__form {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 8px;
margin: 0;
}
.oggi-envios__campo {
flex: 1 1 200px;
min-width: 0;
}
.oggi-envios__label {
display: block;
margin-bottom: 5px;
font-size: 12px;
font-weight: 600;
color: var(--oggi-muted, #6B7280);
}
.oggi-envios__input-wrap {
position: relative;
}
.oggi-envios__input-icono {
position: absolute;
top: 50%;
left: 11px;
display: flex;
transform: translateY(-50%);
color: var(--oggi-muted, #6B7280);
pointer-events: none;
}
.oggi-envios__input-wrap input.oggi-envios__input,
.oggi-envios__input {
width: 100%;
margin: 0;
padding: 11px 12px 11px 34px;
border: 1px solid var(--oggi-line, #E5E7EB);
border-radius: var(--oggi-r, 10px);
background: var(--oggi-white, #fff);
box-shadow: none;
color: var(--oggi-ink, #0F172A);
font-size: 16px;
font-family: inherit;
line-height: 1.3;
}
.oggi-envios__input::placeholder {
color: #9CA3AF;
}
.oggi-envios__input:focus {
border-color: var(--oggi-navy-500, #2B4A88);
outline: 2px solid rgba(27, 58, 119, .18);
outline-offset: 1px;
}
.oggi-envios__boton {
flex: 1 1 100%;
padding: 11px 20px;
border: 0;
border-radius: var(--oggi-r, 10px);
background: var(--oggi-navy, #1b3a77);
color: var(--oggi-white, #fff);
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
cursor: pointer;
transition: background var(--oggi-t-fast, .15s ease);
}
.oggi-envios__boton:hover,
.oggi-envios__boton:focus {
background: var(--oggi-navy-700, #14305F);
color: var(--oggi-white, #fff);
}
.oggi-envios__boton[disabled] {
opacity: .6;
cursor: default;
}
.oggi-envios__sugerencias {
position: absolute;
z-index: 30;
top: calc(100% + 4px);
right: 0;
left: 0;
max-height: 264px;
margin: 0;
padding: 4px;
overflow-y: auto;
list-style: none;
border: 1px solid var(--oggi-line, #E5E7EB);
border-radius: var(--oggi-r, 10px);
background: var(--oggi-white, #fff);
box-shadow: var(--oggi-sh-3, 0 14px 40px rgba(15, 40, 71, .14));
}
.oggi-envios__sugerencias[hidden] {
display: none;
}
.oggi-envios__sug {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
padding: 9px 10px;
border-radius: var(--oggi-r-sm, 6px);
color: var(--oggi-ink, #0F172A);
font-size: 14px;
line-height: 1.25;
cursor: pointer;
}
.oggi-envios__sug:hover,
.oggi-envios__sug[aria-selected="true"] {
background: var(--oggi-navy-50, #E6EDF7);
}
.oggi-envios__sug-sub {
flex: 0 0 auto;
color: var(--oggi-muted, #6B7280);
font-size: 12px;
}
.oggi-envios__resultado:empty {
display: none;
}
.oggi-envios__ok {
margin-top: 14px;
padding: 12px 14px;
border-radius: var(--oggi-r, 10px);
background: var(--oggi-navy-50, #E6EDF7);
}
.oggi-envios__ok-linea {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
}
.oggi-envios__ok-donde {
min-width: 0;
font-size: 15px;
font-weight: 600;
line-height: 1.25;
color: var(--oggi-navy, #1b3a77);
}
.oggi-envios__ok-precio {
flex: 0 0 auto;
font-size: 20px;
font-weight: 800;
line-height: 1.1;
color: var(--oggi-navy, #1b3a77);
white-space: nowrap;
}
.oggi-envios__ok-precio .woocommerce-Price-amount {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
.oggi-envios__ok-detalle {
margin: 4px 0 0;
font-size: 12.5px;
color: var(--oggi-ink-2, #1F2937);
}
.oggi-envios__aviso {
margin: 8px 0 0;
padding-top: 8px;
border-top: 1px solid rgba(27, 58, 119, .14);
font-size: 12.5px;
color: var(--oggi-ink-2, #1F2937);
}
.oggi-envios__nota {
margin-top: 14px;
padding: 12px 14px;
border-radius: var(--oggi-r, 10px);
background: var(--oggi-bg, #F7F9FB);
border-left: 3px solid var(--oggi-muted, #6B7280);
}
.oggi-envios__nota p {
margin: 0;
font-size: 13.5px;
line-height: 1.45;
color: var(--oggi-ink-2, #1F2937);
}
.oggi-envios__nota--fuera {
background: #FFF7ED;
border-left-color: #C2620A;
}
.oggi-envios__nota--pregunta {
background: var(--oggi-bg-sky, #F0F9FF);
border-left-color: var(--oggi-navy-500, #2B4A88);
}
.oggi-envios__link {
display: inline-block;
margin-top: 8px;
color: var(--oggi-navy, #1b3a77);
font-size: 13.5px;
font-weight: 700;
text-decoration: underline;
}
.oggi-envios__link:hover {
color: var(--oggi-navy-700, #14305F);
}
.oggi-envios__pie {
margin: 10px 0 0;
font-size: 12px;
line-height: 1.4;
color: var(--oggi-muted, #6B7280);
}
.oggi-envios__pie .woocommerce-Price-amount {
color: inherit;
font-size: inherit;
font-weight: 700;
}
.oggi-envios.is-cargando .oggi-envios__resultado {
opacity: .5;
}
.oggi-envios-aviso-checkout {
margin: 8px 0 0;
padding: 9px 11px;
border-radius: var(--oggi-r-sm, 6px);
background: #FFF7ED;
border-left: 3px solid #C2620A;
font-size: 12.5px;
line-height: 1.45;
color: var(--oggi-ink-2, #1F2937);
text-align: left;
font-weight: 400;
}
@media (min-width: 600px) {
.oggi-envios {
padding: 18px 20px;
}
.oggi-envios__form {
flex-wrap: nowrap;
}
.oggi-envios__boton {
flex: 0 0 auto;
}
.oggi-envios__ok-precio {
font-size: 22px;
}
}
.oggi-envios__demora {
display: flex;
gap: 6px;
margin: 6px 0 0;
font-size: 12px;
line-height: 1.45;
color: var(--oggi-muted, #6B7280);
}
.oggi-envios__demora::before {
content: "⏱";
flex: none;
font-size: 12px;
line-height: 1.45;
}
.oggi-envios-demora {
box-sizing: border-box;
min-width: 0;
margin: 2px 0 0;
font-size: 12px;
line-height: 1.4;
color: var(--oggi-muted, #6B7280);
}