form {
    width: 100%;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin: 0;
}
.contenedorImportante {
    padding: 0;
    margin-top: 0;
    color:var(--color-de-texto-03);
}
.contenedoorTituloDeLaSeccion {
    width: 100%;
    min-height: 50px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}
.contenedorTituloDeLaSeccion p {
    width: 100%;
}
.contenedorCaja {
    width: 100%;
    padding-bottom: 50px;
    min-height: calc(100vh - 473px);
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
}
.contenedorCaja .caja {
    width: 295px;
    padding: 10px;
}
@media (max-width: 950px) {
    .contenedorCaja .caja {
        width: calc(50% - 20px);
    }
}
@media (max-width: 630px) {
    .contenedorCaja .caja {
        width: calc(100% - 20px);
    }
}
.contenedorCaja .caja .cajaTitulo {
    width: 250px;
    height: 50px;
    background-color: var(--color-de-fondo-04);
    text-align: center;
    line-height: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0;
    margin: 0;
}
.contenedorCaja .caja .contenedorDatos  {
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--color-de-fondo-04);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    vertical-align: middle; 
}
.contenedorCaja .caja .contenedorDatos p {
    padding-top: 10px;
    padding-bottom: 10px;
}
.contenedorCaja .caja .contenedorDatos p:first-child {
    margin-bottom: 0;
}
.contenedorCaja .SelectOculto {
    display: none;
}
.contenedorCaja .SelectMostrar {
    display: block;
}
.contenedorCaja input {
    width: calc(100% - 20px);
    height: 40px;
    border: 0;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: var(--color-de-texto-02);
}
.contenedorCaja input::placeholder {
    color:var(--color-de-texto-04);
}
.contenedorCaja select {
    width: 100%;
    background-color: var(--color-de-fondo-00);
    color: var(--color-de-texto-02);
    min-height: 40px;
    border: 0;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.contenedorCaja select option {
    background-color: var(--color-de-fondo-00);
    color: var(--color-de-texto-02);
}
.ChequearNombreImagen {
    float: right;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;

}

/* Input  Modificados */
.contenedorCaja .inputNombre {
    width: calc(100% - 60px);
 }
 .contenedorCaja .inputNombre::placeholder {
     color:var(--color-de-texto-04);
 }
.contenedorCaja .caja .contenedorDatos input[type="number"] {
    width: 100px;
}

/* posicion boton + input superior */
.contenedorCaja .caja .contenedorDatos .contenedorSwithch.espacio {
    margin-top: 15px;
}

/**
    Botones de selección [abierto | fulltime | cerrado] 
**/
.contenedorCaja .caja .contenedorDatos .contenedorSwithch3 {
    width: 100%;
    height: 50px;
    position: relative;
}

.contenedorCaja .caja .contenedorDatos .contenedorSwithch3 .switch3 {
    float: left;
    position: relative;
    height: 40px;
    width: 100%;
    margin-top: 5px;
    background: rgba(81, 80, 80, 0.25);
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

/* Oculta los input radio */
.contenedorCaja .caja .contenedorDatos .switch3 .switch-input {
    display: none;
}

/* Estilos de las etiquetas de las opciones */
.contenedorCaja .caja .contenedorDatos .switch3 .switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: calc(33.33% - 2px);
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 1px rgba(81, 80, 80, 1);
    cursor: pointer;
}

/* Estilo específico para cada opción */
.contenedorCaja .caja .contenedorDatos .switch3 .switch-label-abierto {
    padding-left: 2px;
}

.contenedorCaja .caja .contenedorDatos .switch3 .switch-label-fulltime {
    padding-left: 2px;
}

.contenedorCaja .caja .contenedorDatos .switch3 .switch-label-cerrado {
    padding-right: 2px;
}

/* Estilos para la opción seleccionada */
.contenedorCaja .caja .contenedorDatos .switch3 .switch-input:checked + .switch-label {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 1px rgba(255, 255, 255, 0.25);
    transition: color 0.15s ease-out, text-shadow 0.15s ease-out;
}

/* Fondo de selección que se mueve entre opciones */
.contenedorCaja .caja .contenedorDatos .switch3 .switch-selection {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    display: block;
    width: calc(33.33% - 2px);
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    background-color: var(--color-de-fondo-03);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    transition: left 0.15s ease-out;
}
.contenedorCaja .caja .contenedorDatos .switch3 .switch-input:checked + .switch-label-abierto ~ .switch-selection {
    left: 0;
    background-color: var(--color-de-fondo-10);
}
.contenedorCaja .caja .contenedorDatos .switch3 .switch-input:checked + .switch-label-fulltime ~ .switch-selection {
    left: calc(33.33% + 2px);
    background-color: var(--color-de-fondo-09);
}
.contenedorCaja .caja .contenedorDatos .switch3 .switch-input:checked + .switch-label-cerrado ~ .switch-selection {
    left: calc(66.66% + 4px);
    background-color: var(--color-de-fondo-03);
}

/**
    Botones de selección [Si | No] 
**/
.contenedorCaja .caja .contenedorDatos .contenedorSwithch {
    width: 100%;
    height: 50px;
    position: relative;
}
.contenedorCaja .caja .contenedorDatos .contenedorSwithch p {
    float: left;
}
.contenedorCaja .caja .contenedorDatos .contenedorSwithch .switch {
    float: right;
    position: relative;
    height: 30px;
    width: 125px;
    margin-top: 5px;
    background: rgba(81, 80, 80, 0.25);
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.contenedorCaja .caja .contenedorDatos .switch .switch-input {
    display: none;
}
.contenedorCaja .caja .contenedorDatos .switch .switch-label-off {
    padding-left: 2px;
}
.contenedorCaja .caja .contenedorDatos .switch .switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: calc(50% - 2px);
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 1px rgba(81, 80, 80, 1);
    cursor: pointer;
}
.contenedorCaja .caja .contenedorDatos .switch .switch-input:checked + .switch-label {
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 1px rgba(255, 255, 255, 0.25);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: color, text-shadow;
    -moz-transition-property: color, text-shadow;
    -ms-transition-property: color, text-shadow;
    -o-transition-property: color, text-shadow;
    transition-property: color, text-shadow;
}
.contenedorCaja .caja .contenedorDatos .switch .switch-label-on {
    padding-right: 2px;
}
.contenedorCaja .caja .contenedorDatos .switch .switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 50%;
    background-color: var(--color-de-fondo-10)
}
.contenedorCaja .caja .contenedorDatos .switch .switch-selection {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    display: block;
    width: calc(50% - 2px);
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    background-color: #ff0000;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
.socialIcon {
    background-repeat: no-repeat;   
    background-position: 0 center;
    background-size: 25px 25px;
    padding-left: 30px;
    padding-right: 10px;
}

.socialIcon.telefono {
    background-image: url('../images/icons/publication/phone.png'); 
}
.socialIcon.whatsapp {
    background-image: url('../images/icons/publication/whatsapp.png'); 
}
.socialIcon.telegram {
    background-image: url('../images/icons/publication/telegram.png'); 
}
.socialIcon.facebook {
    background-image: url('../images/icons/publication/facebook.png'); 
}
.socialIcon.instagram {
    background-image: url('../images/icons/publication/instagram.png'); 
}
.socialIcon.linkedin {
    background-image: url('../images/icons/publication/linkedin.png'); 
}
.socialIcon.youtube {
    background-image: url('../images/icons/publication/youtube.png'); 
}
.socialIcon.twitter {
    background-image: url('../images/icons/publication/twitter.png'); 
}
.socialIcon.onlyfans {
    background-image: url('../images/icons/publication/onlyfans.png'); 
}
.socialIcon.snapchat {
    background-image: url('../images/icons/publication/snapchat.png'); 
}
.socialIcon.tiktok {
    background-image: url('../images/icons/publication/tiktok.png'); 
}
.socialIcon.patreon {
    background-image: url('../images/icons/publication/patreon.png'); 
}
.socialIcon.manyvids {
    background-image: url('../images/icons/publication/manyvids.png'); 
}
.socialIcon.mi_web {
    background-image: url('../images/icons/publication/www.png'); 
}
.socialIcon.compartir {
    background-image: url('../images/icons/publication/share.png'); 
}
.contenedorBotonEnviar {
    width: 100%;
    text-align: center;
}
.contenedorBotonEnviar button {
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: var(--color-de-fondo-03);
    border: 0;
    border-radius: 5px;
    margin-top: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.contenedorBotonEnviar button:hover {
    background-color: var(--color-de-fondo-05);
}
.contenedorBotonEnviar p {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Servicios y Tecnicas */
.contenedorListado {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.contenedorListado input {
    position: absolute;
    left: -9999px;
}
.contenedorListado > label {
    display: inline-flex;
    position: relative;
    padding: 10px;
    border: 3px solid #fff;
    border-radius: 100px;
    color: #fff;
    background-color: var(--color-de-fondo-04);
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s, box-shadow .2s;
}
.contenedorListado > label:hover {
    background-color: var(--color-de-fondo-04);
}
.contenedorListado > input:checked + label {
    background-color: var(--color-de-fondo-03);
}
.contenedorHorarios {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px;
}
.contenedorHorarios .AnchoContenedorSelect {
    width: calc(50% - 15px) !important ;
}
.contenedorHorarios .separadorHorarios {
    width: 10px;
    text-align: center;
}

/* Mi cuenta */
.botonVerificadar {
    width: 130px;
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--color-de-fondo-00);
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.botonVerificadoSi {
    background-color: var(--color-de-fondo-10);
}
.botonVerificadoNo {
    background-color: var(--color-de-fondo-03);
    cursor: pointer;
}
.botonVerificadoNo:hover {
    background-color: var(--color-de-fondo-05);
}

/* Modificar clave */
form section .clave {
    position: relative;
    width: 100%;
}
form section .clave input {
    height: 40px;
    }
form section .clave img {
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-left: calc(100% - 40px);
    cursor: pointer;
}
form section .clave #mostrarClaveActual,
form section .clave #mostrarClaveNueva,
form section .clave #mostrarClaveRepetida {
    display: block;
}
form section .clave #ocultarClaveActual,
form section .clave #ocultarClaveNueva,
form section .clave #ocultarClaveRepetida {
    display: none;
}

.hackUnaCaja {
    align-items: center;
    justify-content:center;
    padding-bottom: 0;
}
.contenedorAlertas {
    width: 100%;
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 25px;
}
.contenedorAlertas span {
    color: var(--color-de-texto-05);
}
.errores {
    width: 285px;
    background-color: var(--color-de-fondo-04);
    color: var(--color-de-texto-05);
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    margin: 0 auto;
}

.mostrarError {
    display: block;
}
.ocultarError {
    display: none;
}

/* Galería */
.contenedorBotonesGaleria {
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;

}
.contenedorBotonesGaleria .contenedorBoton {
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: var(--color-de-fondo-03);
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.contenedorBotonesGaleria .contenedorBoton:hover {
    background-color: var(--color-de-fondo-05);
}
.contenedorBotonesGaleria .contenedorBoton p {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}