/**
 * Portada de kar-logistics.com.pe (páginas 51 y 263). Medidas de producción.
 */

/* Carrusel de una diapositiva */
.kar-hero { position: relative; height: 500px; overflow: hidden; }
.kar-hero__fondo { position: absolute; inset: 0; background-size: cover; background-position: 50%; }
.kar-hero__fondo::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }
.kar-hero__dentro {
    position: relative;
    height: 100%;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.kar-hero__contenido { max-width: 66%; }
.kar-hero__titulo { font-family: var(--kar-roboto); font-size: 50px; font-weight: 600; line-height: 1; }
@media (max-width: 1024px) { .kar-hero { height: 400px; } }
@media (max-width: 767px) {
    .kar-hero { height: 200px; }
    .kar-hero__dentro { padding: 30px; }
    .kar-hero__titulo { font-size: 35px; margin-bottom: 15px; }
    .kar-servicios { padding: 100px 10px; }
    .kar-servicios > .kar-sec__caja > .kar-col { padding: 0; }
    .kar-iconos .kar-col--cuarto { width: 50%; }
    .kar-tarifario .kar-texto { padding: 0 20px; font-size: 14px; line-height: 1.5; text-align: center; }
}

/* Instalaciones */
.kar-imagen { text-align: center; }
.kar-imagen img { display: inline-block; width: 100%; height: auto; vertical-align: middle; }
.kar-subtitulo { margin: 0; font-family: var(--kar-roboto); font-size: 20px; font-weight: 600; line-height: 1; color: #fff; text-align: center; }
.kar-instalaciones .kar-texto { color: #fff; }

/* Servicios */
.kar-icono-caja { display: flex; flex-direction: column; align-items: center; text-align: center; }
.kar-icono-caja__icono { margin-bottom: 15px; line-height: 1; }
.kar-icono { display: inline-block; font-size: 50px; line-height: 1; color: var(--kar-rojo); }
.kar-icono i { display: block; width: 1em; height: 1em; }
.kar-icono-caja__titulo { font-family: var(--kar-roboto); font-size: 15px; font-weight: 400; color: #000; }

/* Tablas (PowerPack, tipo normal) */
.kar-tabla { width: 100%; overflow-x: auto; }   /* como el contenedor de PowerPack: la tabla se desplaza en celular */
.kar-tabla__tabla { margin: 0; }
.kar-tabla__tabla th, .kar-tabla__tabla td {
    padding: .5em .7em;
    font-family: var(--kar-roboto);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    vertical-align: middle;
    text-align: left;
}
.kar-tabla__tabla th { background: var(--kar-rojo); color: #fff; font-weight: 400; }
.kar-tabla__contenido { display: flex; align-items: center; }
.kar-tabla__tabla th .kar-tabla__contenido { justify-content: center; }

/* Mapa y ubicación */
.kar-mapa { height: 500px; }
.kar-dato { display: flex; flex-direction: column; align-items: stretch; text-align: center; }
.kar-dato__icono { margin-bottom: 20px; line-height: 1; }
.kar-dato .kar-icono {
    padding: .5em;
    border-radius: 50%;
    background: #fff;
    color: var(--kar-rojo);
    font-size: 30px;
}
.kar-dato__titulo { margin: .5rem 0 0; font-family: var(--kar-roboto); font-size: 20px; font-weight: 700; line-height: 1.2; color: #fff; }
.kar-dato__desc { margin: 0; font-family: var(--kar-roboto); font-size: 15px; line-height: 1.5; color: #fff; }

/* Contáctenos */
.kar-lista { margin: 0; padding: 0; list-style: none; }
.kar-lista li { display: flex; align-items: center; font-family: var(--kar-roboto); font-size: 16px; line-height: 1.5; color: #54595f; }
.kar-lista__icono { display: inline-flex; width: 1.25em; color: var(--kar-rojo); font-size: 14px; }
.kar-lista__texto { padding-left: 5px; }

.krc-form__campos { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.krc-form__campo { width: 100%; padding: 0 5px; margin-bottom: 10px; }
.krc-form__etiqueta { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }   /* solo para lectores de pantalla, como en Elementor */
.krc-form__campo input, .krc-form__campo textarea {
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 5px 14px;
    border: 1px solid #69727d;
    border-radius: 3px;
    background: #fff;
    font-family: var(--kar-roboto);
    font-size: 15px;
    line-height: 1.4;
    color: #7a7a7a;
}
.krc-form__campo--enviar { margin-bottom: 0; padding-top: 1px; }
.krc-form__boton {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 0 24px;
    border: 0;
    border-radius: 3px;
    background: var(--kar-rojo);
    color: #fff;
    font-family: var(--kar-roboto);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}
.krc-form__boton:hover, .krc-form__boton:focus { background: var(--kar-rojo); color: #fff; }
.krc-form__aviso { margin-top: 10px; font-family: var(--kar-roboto); font-size: 15px; line-height: 1.5; color: #333; }
.krc-cebo { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }