/*
Theme Name: Conagua Theme
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: A custom WordPress theme based on the CONAGUA website.
Version: 1.0
*/
.navbar, .navbar-inverse .navbar-toggle {
    filter: drop-shadow(0px 10px 30px #000000aa);
}
body {
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            background-color: #faf8f8;
        }

        .container-frames {
            width: 100%;
            max-width: 1200px;
            margin: auto;
            padding: 10px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .container-frame>iframe {
            width: 100%;
            min-height: 100vh;
            border: none;
            display: block;
            flex-grow: 1;
        }

        footer {
            text-align: center;
            padding: 20px;
            background: #ccc;
            margin-top: auto;
        }

 #wrapper-carousel {
            position: relative;
            width: 450px;
            height: 150px;
            margin: 0 auto;
            overflow: hidden;
            display:flex;
        }
        #main-carousel {
            position: relative;
            width: 450px;
            height: 150px;
            overflow:hidden;
        }
         #container-carousel {
            position: absolute;
            width: 450px;
            height: 150px;
        }
        .child {
            width: 130px;
            height: 150px;
            padding-top: 35px;
            float: left;
            text-align: center;
            font-size: 60px;
        }
#custom-background {
    position: relative;
    background: url('/wp-content/uploads/2025/03/Fondos_1920x1920_blanco.png');
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    min-height: 100px; /* Ensure it expands with content */
}

#custom-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #691C32;
    z-index: -1;
}

.container-main h2{
  margin-top: 60px!important;
  color:white!important;
  
}

.owl-theme {
        .custom-nav {
            position: absolute;
            top: 20%;
            left: 0;
            right: 0;

            .owl-prev, .owl-next {
                position: absolute;
                height: 100px;
                color: inherit;
                background: none;
                border: none;
                z-index: 100;

                i {
                    font-size: 2.5rem;
                    color: #cecece;
                }
            }

            .owl-prev {
                left: -25px!important;
              opacity:1!important;
            }

            .owl-next {
              right: -25px;
              
              opacity:1!important;
            }
        }
    }