/* =====================================================
   TUWEBENUNDIA.CL
   CSS BASE DEL INDEX PRINCIPAL
   ===================================================== */


/* =====================================================
   RESET BASE
   ===================================================== */

*,
*::before,
*::after {

    box-sizing: border-box;

}


/* =====================================================
   HTML
   ===================================================== */

html {

    margin: 0;
    padding: 0;

    scroll-behavior: smooth;

}


/* =====================================================
   BODY
   ===================================================== */

body {

    margin: 0;
    padding: 0;

    width: 100%;
    min-height: 100vh;

    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif;

    color: #1f2937;

    background: #ffffff;

}


/* =====================================================
   EVITAR SCROLL HORIZONTAL
   ===================================================== */

html,
body {

    max-width: 100%;

    overflow-x: hidden;

}


/* =====================================================
   IMÁGENES
   ===================================================== */

img {

    max-width: 100%;

    height: auto;

    display: block;

}


/* =====================================================
   LINKS
   ===================================================== */

a {

    text-decoration: none;

    color: inherit;

}


/* =====================================================
   FORMULARIOS
   ===================================================== */

button,
input,
textarea,
select {

    font: inherit;

}


/* =====================================================
   BOTONES
   ===================================================== */

button {

    cursor: pointer;

}


/* =====================================================
   TITULOS
   ===================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {

    margin-top: 0;

}


/* =====================================================
   SECCIONES
   ===================================================== */

section {

    width: 100%;

}


/* =====================================================
   EVITAR DESBORDAMIENTO
   ===================================================== */

* {

    max-width: 100%;

}


/* =====================================================
   ELEMENTOS QUE PUEDEN GENERAR SCROLL
   ===================================================== */

iframe,
video,
canvas,
svg {

    max-width: 100%;

}


/* =====================================================
   TABLAS
   ===================================================== */

table {

    max-width: 100%;

}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {

    img,
    video,
    iframe,
    canvas {

        max-width: 100%;

    }

}