.elementor-22 .elementor-element.elementor-element-b942999{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-b942999.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}body.elementor-page-22{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-b942999{--width:100.162%;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Safe Trip Brazil">
    <title>Safe Trip Brazil</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        html, body {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .iframe-container {
            position: relative;
            width: 100%;
            height: 100vh;
            background-color: #f5f5f5;
        }
        #responsive-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
            background-color: #fff;
        }
    </style>
</head>
<body>
    <div class="iframe-container">
        <iframe id="responsive-iframe" 
                src="https://safe-native-way.lovable.app" 
                title="Safe Trip Brazil"
                frameborder="0" 
                allowfullscreen>
        </iframe>
    </div>
</body>
</html>/* End custom CSS */