.canales { width: 100%; max-width: 1100px; margin: 20px auto; padding: 0 20px; box-sizing: border-box; display: flex; justify-content: center; gap: 18px; } .canales a { width: 210px; height: 160px; flex: 0 0 210px; display: flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 16px; overflow: hidden; } .canales img { width: 75%; height: 75%; object-fit: contain; display: block; } @media (max-width: 900px) { .canales { gap: 12px; } .canales a { width: 180px; height: 150px; flex: 0 0 180px; } } @media (max-width: 700px) { .canales { flex-wrap: wrap; } .canales a { width: calc(50% - 8px); flex: 0 0 calc(50% - 8px); } }
    
        html,
        body {
            margin: 0;
            padding: 0;
            min-height: 100%;
        }

        body {
            background: #142239;
        }

        header {
            width: 100%;
            text-align: center;
        }

        header img {
            display: block;
            width: 240px;
            height: auto;
            margin: 0 auto;
        }
        
        
        .agenda-frame-wrapper{
    max-width:1100px;
    margin:20px auto;
    padding:0 20px;
}

.agenda-frame-wrapper iframe{
    width:100%;
    height:500px;
    border:none;
}

.sitio {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    padding: 15px 0;
    color: #d8dee6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.boton-mas { display: flex; justify-content: center; margin: 15px auto; } .boton-mas a { width: 38px; /* TAMANO DEL CIRCULO */ height: 38px; /* TAMANO DEL CIRCULO */ background: #214cbe; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: transform 0.15s ease; } .boton-mas a:hover { transform: scale(0.80); } .boton-mas span { color: #142239; font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; line-height: 1; }
.boton-mas span {
    color: #142239;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.65);
}