﻿body.z0-desktop-view {
    padding-bottom: 0;
}

.z0-desktop-view {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#logo-red-empresa {
    object-fit: contain;
    max-width:50rem;
}

@media screen and (min-width: 425px) {
    #logo-red-empresa {
        max-height: 10vh;
    }
}

    #titulo-alta-cliente {
        width: 100%;
        text-align: center;
        margin: 0;
        padding-bottom: 3%;
        border-bottom: 1px solid lightgray;
        font-size: calc(1.5em + 0.5vw);
    }


    /*= CREACION ALTAC LIENTE =*/

    #cabecera-formulario-alta-clientes {
        display: flex;
        justify-content: center;
        height: 10%;
        width: 100%;
    }

    #banner-taller-actual {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 55%;
        max-width: 55em;
    }

    #seccion-formulario-alta-cliente {
        width: 100%;
        max-width: 100%;
        height: 93.5%;
        background-color: white;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
        padding: 2em;
        transform: translateZ(0);
    }

    .paso-formulario {
        margin-bottom: 5em;
    }

    .titulo-seccion {
        color: #0600c8
    }

    .campos-cliente .z0-input-box-wraper,
    .campos-cliente .z0-radio-group-wrapper {
        margin-top: 2em;
    }

    .z0-input-box-wraper input {
        border-radius: 100em;
    }

    @media screen and (min-width: 1024px) {
        .campos-personales-cliente,
        .campos-identificativos-cliente,
        .campos-direccion-cliente,
        .campos-forma-contacto-cliente {
            display: -webkit-inline-box;
        }

        .campos-cliente .z0-input-box-wraper,
        .campos-cliente .z0-radio-group-wrapper,
        .campos-cliente .z0-dropdown-wrapper {
            margin-right: 3rem;
        }
    }

    #contenedor-enviar-alta-cliente {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        margin: 1em;
    }

    #btn-solicitar-alta-cliente {
        padding-left: 5em;
        padding-right: 5em;
        margin: 1em;
    }

    #footer-alta-cliente {
        display: flex;
        flex-flow: row wrap;
        margin: 3em 0;
        justify-content: space-between;
    }

    .z0-zero-contact-footer {
        font-size: 10%;
    }

    @media screen and (min-width: 425px) {
        .z0-bottom-sheet {
            min-height: 50%;
            height: 45em;
            max-height: 90%;
            min-width: 50%;
            width: 40em;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 1024px) {
        #cabecera-formulario-alta-clientes {
            justify-content: space-around;
        }

        #banner-taller-actual {
            position: relative;
            left: 0;
            transform: none;
            margin: 1em;
            width: 98%;
            font-size: 90%;
        }

        #seccion-formulario-alta-cliente {
            flex: 9;
            min-height: 90%;
        }
    }

    @media screen and (max-width: 425px) {
        body {
            padding: 0;
        }

        .z0-dialog-background {
            height: 105.2%;
        }

        #seccion-formulario-alta-cliente {
            box-shadow: none;
        }

        .titulo-seccion {
            font-size: 150%;
        }

        #btn-solicitar-alta-cliente {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }

        #footer-alta-cliente {
            flex-flow: column-reverse nowrap;
            justify-content: center;
            align-items: center;
            margin-bottom: 1em;
        }

        #texto-conformidad-privacidad {
            font-size: 90%;
            text-align: center;
        }

        .z0-zero-contact-footer {
            font-size: 100%;
        }
    }

    /*= CITA PREVIA ENVIADA =*/

    #seccion-resultado {
        width: 100%;
        height: calc(80 * var(--vh, 1vh));
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 120%;
    }

        #seccion-resultado h2 {
            font-size: 210%;
        }

#seccion-terminos {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: justify;
    align-items: center;
    font-size: 120%;
}

    #seccion-terminos h2 {
        font-size: 210%;
    }
