/* =========================================================
   Editar publicador - Base
   ========================================================= */
.editar-publicador {
    font-family: "Nunito Sans", sans-serif;
    color: #333;
}

.editar-publicador .title-definition {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 24px;
}

.editar-publicador .product-image-text {
    font-size: 14px;
    font-weight: 400;
    color: #484847;
}

/* =========================================================
   Formularios
   ========================================================= */
.editar-publicador .form-label {
    font-size: 11px;
    font-weight: 400;
    color: #090909;
    line-height: 16px;
}

.editar-publicador .form-control {
    border-radius: 4px;
    border: 1px solid #9E9E9D;
    padding: 8px;
    margin-bottom: 16px;
}

.editar-publicador .form-control::placeholder{
    font-style: italic;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

/* Readonly */
.editar-publicador .form-control[readonly] {
    background-color: #f1f3f5;
    color: #6c757d;
    cursor: not-allowed;
    opacity: 1;
}
.editar-publicador .form-control[readonly]:focus {
    box-shadow: none;
    outline: 0;
}

/* =========================================================
   Uploads (logo / fondo / galería)
   ========================================================= */
.editar-publicador .custom-upload,
.editar-publicador .custom-upload-gallery {
    border: 2px dashed #ccc;
    padding: 15px;
    border-radius: 8px;
    background-color: #f8f9fa;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}

.editar-publicador .custom-upload:hover,
.editar-publicador .custom-upload-gallery:hover {
    border-color: #CE0E71;
    background-color: rgba(206, 14, 113, 0.1);
    box-shadow: 0px 4px 10px rgba(206, 14, 113, 0.2);
    transform: scale(1.01);
}

.editar-publicador .custom-upload:hover p,
.editar-publicador .custom-upload-gallery:hover p {
    color: #CE0E71;
    transform: rotate(360deg);
    transition: transform 0.5s ease-in-out, color 0.3s ease-in-out;
}

.editar-publicador .custom-upload-gallery:hover img {
    transform: scale(1.1);
}

/* Previews */
.editar-publicador #gallery-upload-preview img,
.editar-publicador #logo-upload-preview img,
.editar-publicador #background-upload-preview img {
    max-width: 100px;
    height: auto;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
    position: relative;
}

.editar-publicador #gallery-upload-preview img:hover,
.editar-publicador #logo-upload-preview img:hover,
.editar-publicador #background-upload-preview img:hover {
    transform: scale(1.1);
}

/* Botones quitar imagen */
.editar-publicador .remove-image-btn,
.editar-publicador .remove-gallery-image {
    border-radius: 100%;
    padding: 13px 9px;
    margin: 0;
    line-height: 0;
    font-size: 12px;
    background: var(--primary-color);
    border: none;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
}

/* Texto ayuda */
.editar-publicador .size-text {
    color: #484847;
    font-family: "Nunito Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px;
}

/* =========================================================
   Cards
   ========================================================= */
.editar-publicador .card {
    border: none;
}

.editar-publicador .text-muted {
    font-family: "Nunito Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.editar-publicador .card-body {
    padding: 0px;
}

.editar-publicador .card-body div {
    padding: 4px !important;
}

/* =========================================================
   Validaciones (rojo)
   ========================================================= */

/* Distinciones required */
.editar-publicador .seg-dist-invalid {
    border-color: #dc3545 !important;
}
.editar-publicador .seg-dist-invalid:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) !important;
}

/* Imágenes obligatorias (logo/fondo) */
.editar-publicador .seg-image-invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.15);
}