:root {
                --color-animaliere-black: #000000;
                --color-animaliere-verde: #85DDD6;
                --color-animaliere-salmon: #FF6E72;
                --color-animaliere-azul: #9DD7FA;
				--color-animaliere-azul-dark: #0170b9;
                --color-animaliere-gris: #F1F1F1;
                --color-animaliere-gris-dark: #999999;
                --bg-animaliere-primary: #f1f1f1;
                --border-animaliere-primary: #D7D7D7;
                --bg-animaliere-salmon-light: #FFF1F1;
                --bg-animaliere-verde-light: #EAF9F7;
            }

            .animaliere-dashboard-wrapper {
                display: grid;
                grid-template-columns: 1.2fr 0.8fr;
                gap: 40px;
                max-width: 1400px;
                margin: 0 auto;
                font-family: var(--e-global-typography-text-font-family);
				color: var(--color-animaliere-black);
            }
			
			.animaliere-dashboard-wrapper h2,
			.animaliere-dashboard-wrapper h3,
			.animaliere-dashboard-wrapper h4{
				color: var(--color-animaliere-black) !important;
				font-weight: 500;
			}

            /* --- COLUMNA IZQUIERDA --- */
            .acc-section {
                background: #fff;
                border-radius: 12px;
                margin-bottom: 15px;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
                border: 1px solid var(--color-animaliere-gris-dark);
                overflow: hidden;
            }

            .acc-header {
                padding: 15px 20px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                cursor: pointer;
                background: #fff;
                transition: background 0.2s;
            }

            .acc-header:hover {
                background: #fafafa;
            }

            .acc-header h3 {
                margin: 0;
                font-size: 16px;
                font-weight: 600;
                color: #333;
                display: flex;
                align-items: center;
                gap: 10px;
                flex-grow: 1;
            }

            .acc-content {
                display: none;
                padding: 25px;
                border-top: 1px solid var(--color-animaliere-gris-dark);
                background: #fff;
            }

            .acc-arrow {
                color: #ccc;
                transition: transform 0.3s;
            }

            .acc-section.active .acc-arrow {
                transform: rotate(180deg);
                color: #333;
            }

            .icon-header {
                color: var(--color-animaliere-black);
            }

            /* --- COLUMNA DERECHA (Orders Accordion) --- */
            .last-order-card {
                background: #fff;
                border-radius: 12px;
                padding: 0;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
                border: 1px solid var(--color-animaliere-gris-dark);
                position: sticky;
                top: 20px;
            }

            .card-title {
                margin-top: 0;
                font-size: 18px;
                border-bottom: 1px solid var(--color-animaliere-gris-dark);
                padding: 15px 20px;
				margin: 0 !important;
				color: var(--color-animaliere-black) !important;
            }

            .orders-accordion-list {
                padding: 20px;
            }

            /* Estilo Individual del Item de Pedido */
            .order-acc-item {
                background: #f1f1f1;
                padding: 10px 15px;
                border-radius: 10px;
                margin-bottom: 15px;
            }

            .order-acc-item:last-child {
                margin-bottom: 0;
            }

            /* Header del Pedido (Clickable) */
            .order-acc-header {
                padding: 0;
                cursor: pointer;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .order-acc-header:hover .order-num-value {
                color: var(--color-animaliere-black);
            }

            /* Tu HTML Personalizado Estilizado */
            .order-header-info {
                display: flex;
                gap: 20px;
                flex-grow: 1;
                justify-content: space-between;
                padding-right: 15px;
            }

            .order-date {
                display: flex;
                flex-direction: column;
				line-height: 1.2;
            }

            .order-num-label {
                font-size: 12px;
                color: var(--color-animaliere-black);
                font-weight: 700;
                margin-bottom: 0;
            }

            .order-num-value {
                font-size: 12px;
                font-weight: 400;
                color: var(--color-animaliere-black);
                transition: color 0.2s;
            }

            /* Flecha */
            .order-arrow {
                color: #ccc;
                transition: transform 0.3s;
                font-size: 18px;
            }

            .order-acc-item.active .order-arrow {
                transform: rotate(180deg);
                color: #333;
            }

            /* Contenido del Pedido */
            .order-acc-content {
                padding-top: 15px;
            }

            /* Detalles dentro del acordeon */
            .order-status-row {
                margin-bottom: 15px;
            }

            .order-status {
                font-size: 11px;
                padding: 4px 10px;
                border-radius: 12px;
                background: #eee;
                font-weight: 600;
                text-transform: uppercase;
                display: inline-block;
            }

            .status-completed {
                background: #e5faf2;
                color: #008a52;
            }

            .status-processing {
                background: #fff8e1;
                color: #f57f17;
            }

            .status-on-hold {
                background: #ffebee;
                color: #c62828;
            }

            .status-cancelled {
                background: #fde8e8;
                color: #9b1c1c;
            }

            .mini-order-item {
                display: flex;
                gap: 12px;
                margin-bottom: 10px;
                align-items: flex-start;
                padding: 10px;
                border: 1px solid var(--border-animaliere-primary);
                background: #ffffff;
                border-radius: 8px;
            }

            .item-img img {
                width: 40px;
                height: 40px;
                border-radius: 6px;
                object-fit: cover;
            }

            .item-details {
                display: flex;
                flex-direction: column;
				width: 60%;
            }

            .item-name {
                font-size: 13px;
                font-weight: 500;
                color: var(--color-animaliere-black);
                line-height: 1.2;
                width: 60%;
            }

            .item-meta {
                font-size: 11px;
                color: var(--color-animaliere-black);
                margin-top: 2px;
            }
            .item-img {
                min-width: 50px;
                min-height: 50px;
                background: #fff;
                border: 1px solid var(--border-animaliere-primary);
            }

            .item-img img {
                width: 50px;
                height: auto;
            }

            .order-totals {
                margin-top: 0;
                padding-top: 0;
                border-top: 1px dashed #eee;
                margin-bottom: 15px;
            }

            .total-row {
                display: flex;
                justify-content: space-between;
                font-size: 13px;
                margin-bottom: 5px;
                color: #666;
            }

            .total-row.main {
                font-weight: bold;
                font-size: 15px;
                color: var(--color-animaliere-black);
                margin-top: 8px;
            }

            /* Generales */
            .btn-save,
            .btn-full-width {
                background: #222;
                color: #fff;
                border: none;
                padding: 12px;
                width: 100%;
                border-radius: 8px;
                font-size: 13px;
                font-weight: 600;
                cursor: pointer;
                display: block;
                text-align: center;
                text-decoration: none;
                transition: background 0.2s;
            }

            .btn-save:hover,
            .btn-full-width:hover {
                background: var(--color-animaliere-black);
                color: #fff;
            }

            .btn-trigger-edit {
                background: var(--color-animaliere-salmon);
                border: none;
                padding: 5px 12px;
                border-radius: 20px;
                font-size: 12px;
                cursor: pointer;
                margin-right: 15px;
                font-weight: 600;
                color: #ffffff;
            }

            .btn-trigger-edit:hover {
                background: var(--color-animaliere-black);
            }

            .btn-cancel-edit {
                background: transparent;
                border: none;
                color: #d63638;
                text-decoration: underline;
                cursor: pointer;
                margin-left: 10px;
            }

            .btn-primary-outline {
                background: transparent;
                border: 1px dashed #aaa;
                color: #555;
                width: 100%;
                padding: 10px;
                border-radius: 8px;
                cursor: pointer;
            }

            .item-price {
                font-weight: bold;
                font-size: 15px;
                color: var(--color-animaliere-black);
            }

            /* Forms */
            .view-mode .data-row {
                margin-bottom: 8px;
                font-size: 14px;
                color: #444;
            }

            .form-grid-ani {
                display: grid;
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .form-group-animaliere label {
                display: block;
                font-size: 16px;
                font-weight: bold;
                margin-bottom: 10px;
                color: var(--color-animaliere-black);
            }

            .form-group-animaliere input.input-field {
                width: 100%;
                padding: 10px;
                border: 1px solid #ddd;
                border-radius: 6px;
                box-sizing: border-box;
            }

            .form-group-animaliere .input-field {
                border: 1px solid var(--border-animaliere-primary) !important;
                border-radius: 50px !important;
                width: 100%;
                padding: 10px 20px !important;
                background-color: #fff !important;
                color: var(--color-animaliere-black) !important;
            }
            .form-group-animaliere textarea.input-field {
                resize: vertical;
                border-radius: 10px !important;
            }

            .flex-row-animaliere {
                display: flex;
                gap: 50px;
                padding: 20px 30px;
            }

            /* Pets */
            .pets-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 10px;
            }

            .pet-card {
                background: #f9f9f9;
                padding: 10px;
                border-radius: 8px;
                display: flex;
                align-items: center;
                gap: 10px;
                border: 1px solid #eee;
            }

            .pet-icon {
                font-size: 20px;
                background: #fff;
                width: 35px;
                height: 35px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
            }

            .pet-info {
                flex-grow: 1;
                display: flex;
                flex-direction: column;
            }

            .pet-actions-mini a {
                color: #999;
                margin-left: 5px;
            }

            /* Modal */
            .animaliere-modal {
                display: none;
                position: fixed;
                z-index: 99999;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.4);
                backdrop-filter: blur(2px);
            }

            .modal-content {
                background-color: #fff;
                margin: 10% auto;
                padding: 30px;
                width: 90%;
                max-width: 450px;
                border-radius: 12px;
                position: relative;
                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            }

            .close-modal {
                position: absolute;
                right: 20px;
                top: 15px;
                font-size: 24px;
                cursor: pointer;
                color: #aaa;
            }

            .data-row strong {
                display: block;
            }

            .btn-group {
                margin-top: 25px;
                gap: 15px;
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;
            }

            .btn-group button,
            .btn-animaliere {
                background-color: var(--color-animaliere-salmon);
                border-radius: 50px;
                text-decoration: none !important;
                padding: .8em 2em;
                line-height: 1.2;
                border: none;
                color: #fff;
                font-size: 16px;
                cursor: pointer;
                border: 1px solid var(--color-animaliere-salmon);
                transition: background-color 0.2s;
                display: inline-block;
				width: auto;
            }

            .btn-group button.secondary,
            .btn-animaliere.secondary {
                background-color: transparent;
                border-color: var(--color-animaliere-black);
                color: var(--color-animaliere-black);
                border-color: var(--color-animaliere-black);
            }

            .btn-group button:hover,
            .btn-animaliere:hover {
                background-color: var(--color-animaliere-black);
                color: #fff;
            }

            .btn-animaliere.green_btn {
                background-color: var(--color-animaliere-verde);
                color: var(--color-animaliere-black);
                border-color: var(--color-animaliere-verde);
            }

            .footer-links-wrapper {
                margin-bottom: 10px;
                display: flex;
                justify-content: space-between;
                gap: 10px;
            }

            a.btn__link {
                color: var(--color-animaliere-salmon);
                font-size: 12px;
            }

            a.btn__link:hover {
                color: var(--color-animaliere-black);
            }


            /* table */
            .acc-section table.wp-list-table.widefat th {
                background: transparent;
                border: none !important;
                text-align: left;
                padding: 10px 0;
            }

            tbody#lista-direcciones-body td {
                padding: 10px 0;
				border: none;
				background: transparent;
				border-top: 1px solid var(--color-animaliere-gris);
				font-size: 14px;
				text-align: left;
				font-weight: 500;
            }

            tbody#lista-direcciones-body a {
                color: var(--color-animaliere-salmon);
            }

            tbody#lista-direcciones-body a:hover {
                color: var(--color-animaliere-black);
            }

            tbody#lista-direcciones-body a.del-addr {
/*                 margin-left: 10px; */
            }
			tbody#lista-direcciones-body a.set-default-addr {
				color: var(--color-animaliere-azul-dark) !important;
			}

            /* NEWSLETTER */
            label.checkbox-row {
                display: flex;
                gap: 10px;
                align-items: flex-start;
                margin-bottom: 20px;
                font-weight: 400;
            }
            label.checkbox-row small {
                margin-top: 5px;
                display: block;
                color: var(--color-animaliere-gris-dark);
                font-size: 14px;
                line-height: 1.4;
            }
            label.checkbox-row strong {
                display: block;
                line-height: 1;
            }
            label.checkbox-row input {
                margin-top: 5px;
            }

            .pet-full-form .radio-group {
                display: flex;
                width: 100%;
                flex-wrap: wrap;
                gap: 10px;
            }

            .pet-full-form .radio-group label {
                display: flex;
                gap: 5px;
                font-weight: 400;
            }
            .col-fields-new-pet .btn-group {
                    margin-top: 0;
                }
            .form-group-animaliere bbr {
                color: red;
            }
            .mt-space {
                margin-top: 20px;
            }
            .header-animaliere {
                font-size: 26px !important;
                font-weight: bold !important;
                margin-bottom: 10px;
                color: var(--color-animaliere-black) !important;
            }

            /* --- ESTILOS PÁGINA MASCOTA (NUEVO) --- */
            .pet-management-container { 
                max-width: 1000px; margin: 0 auto; background: #fff; padding: 0px; border-radius: 12px; border: 1px solid #eee; 
                background-color: var(--color-animaliere-gris);
        }
            .pet-management-container.edit-pet-form{
                max-width: 800px;
            }
            .back-link { display: inline-block; margin-bottom: 20px; color: #666; text-decoration: none; font-size: 14px; }
            .pet-avatar-upload { text-align: center; margin-bottom: 25px; }
            .pet-avatar-upload {
                text-align: center;
                margin-bottom: 25px;
                background: #ffffff;
                padding: 20px 20px;
                padding-bottom: 40px;
                border-radius: 20px;
                box-shadow: 0 0 10px 0 #00000030;
            }
            .avatar-preview { width: 170px; height: 170px; border-radius: 50%; background-color: #f0f0f0; background-size: cover; background-position: center; margin: 0 auto 15px; border: 3px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
            .btn-upload { background: var(--color-animaliere-verde); padding: 8px 15px; border-radius: 20px; font-size: 12px; cursor: pointer; font-weight: 600; color: #333; }
            .info-box { background: #e3f2fd; color: #0d47a1; padding: 15px; border-radius: 6px; font-size: 13px; margin-top: 15px; }
            .btn-action-link { font-size: 13px; text-decoration: none; color: var(--color-animaliere-azul-dark); margin-right: 10px; font-weight: 500; }
            .btn-action-link.btn-action-delete { color: var(--color-animaliere-salmon); font-weight: 600; margin-right: 0; }
            .btn-primary-outline { background: transparent; border: 1px dashed #aaa; color: #555; width: 100%; padding: 10px; border-radius: 8px; cursor: pointer; text-decoration:none; }

            .pet-cat-icon { display: inline-flex; vertical-align: -3px; }

            .btn-add-pet {
                display: block;
                width: 100%;
                margin-top: 15px;
                padding: 12px;
                border: 1px solid var(--color-animaliere-salmon);
                border-radius: 50px;
                background: #fff;
                color: var(--color-animaliere-salmon);
                font-size: 14px;
                font-weight: 600;
                text-align: center;
                text-decoration: none;
                cursor: pointer;
                transition: background 0.2s, color 0.2s;
                box-sizing: border-box;
            }

            .btn-add-pet:hover {
                background: var(--color-animaliere-salmon);
                color: #fff;
            }

            table.wp-list-table.widefat.fixed.striped td {
                text-align: left;
                padding: 10px 0;
            }

            .form-new-pet {
                display: flex;
                border-radius: 8px;
                overflow: hidden;
            }
            .col-img-new-pet {
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                padding: 20px 35px;
                padding-top: 45px;
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
            .content-info-new-pet{
                color: var(--color-animaliere-black);
            }
            .col-fields-new-pet {
                padding: 50px 50px;
            }
            .has-error .input-field {
                border-color: red !important;
                background: #ffe3e3;
            }
            form span.error-text {
                color: red;
                display: block;
                font-size: 12px;
                padding-left: 15px;
            }
            label.checkbox-row a {
                color: var(--color-animaliere-salmon);
            }
			.name__pet {
				font-weight: bold;
				color: var(--color-animaliere-black);
				margin-bottom: 1rem;
				font-size: 16px;
			}
			
			.password-wrapper {
				position: relative;
				display: block;
				width: 100%;
			}

			.password-wrapper input {
				padding-right: 40px !important; /* Espacio para que el texto no pise el ojo */
				width: 100%;
			}

			.toggle-password {
				position: absolute;
				right: 12px;
				top: 50%;
				transform: translateY(-50%);
				cursor: pointer;
				color: #888;
				font-size: 20px;
				z-index: 2;
				transition: color 0.2s;
			}

			.toggle-password:hover {
				color: #222;
			}

			.reset-pass-link {
				display: inline-block;
				margin-top: 8px;
				font-size: 12px;
				color: var(--color-animaliere-salmon);
				text-decoration: none;
			}

			.reset-pass-link:hover {
				color: var(--color-animaliere-black);
				text-decoration: underline;
			}

			.pref-bell-icon {
				display: inline-flex;
				vertical-align: -3px;
			}

			.pref-form .pref-group-title {
				font-size: 15px;
				font-weight: 700;
				color: var(--color-animaliere-black);
				margin: 20px 0 10px;
			}

			.pref-form .pref-group-title:first-of-type {
				margin-top: 0;
			}

			.pref-status-badge {
				display: inline-block;
				background: var(--color-animaliere-verde);
				color: var(--color-animaliere-black);
				padding: 3px 10px;
				border-radius: 12px;
				font-size: 11px;
				font-weight: 600;
				margin-bottom: 8px;
			}

			.pref-static-note {
				margin: 0 0 12px;
				font-size: 13px;
				color: var(--color-animaliere-gris-dark);
				line-height: 1.4;
			}

			.pref-privacy-link {
				display: inline-block;
				margin-top: 5px;
				font-size: 13px;
				color: var(--color-animaliere-salmon);
				text-decoration: none;
			}

			.pref-privacy-link:hover {
				color: var(--color-animaliere-black);
				text-decoration: underline;
			}

			.club-badge-icon {
				display: inline-flex;
				vertical-align: -3px;
			}

			.badge-soon {
				display: inline-block;
				background: var(--bg-animaliere-salmon-light);
				color: var(--color-animaliere-salmon);
				padding: 3px 10px;
				border-radius: 12px;
				font-size: 11px;
				font-weight: 600;
			}

			.club-title {
				font-size: 20px;
				font-weight: 700;
				color: var(--color-animaliere-black);
				margin: 0 0 10px;
			}

			.club-desc {
				font-size: 14px;
				color: var(--color-animaliere-gris-dark);
				line-height: 1.5;
				margin: 0 0 20px;
			}

			.club-question {
				font-size: 15px;
				font-weight: 700;
				color: var(--color-animaliere-black);
				margin: 0 0 10px;
			}

			.club-form .club-checkbox {
				margin-bottom: 12px;
				font-weight: 400;
			}

			.club-note {
				margin: 12px 0 0;
				font-size: 12px;
				color: var(--color-animaliere-gris-dark);
			}

			.direccion-form-title {
				color: var(--color-animaliere-verde) !important;
				font-size: 20px !important;
				font-weight: 700 !important;
				margin: 0 0 20px !important;
			}
            /* --- ESTILOS PÁGINA MASCOTA (REDISEÑO GATOS, VISTA ÚNICA) --- */
            .pet-management-container.pet-form-view {
                padding: 30px;
                max-width: 900px;
            }

            .pet-form-layout {
                display: flex;
                align-items: flex-start;
                gap: 40px;
            }

            .pet-photo-col {
                width: 280px;
                flex-shrink: 0;
            }

            .pet-fields-col {
                flex-grow: 1;
                min-width: 0;
            }

            /* Panel de foto */
            .pet-photo-panel {
                border-radius: 16px;
                padding: 20px;
                text-align: center;
            }

            .pet-photo-panel.is-empty {
                background-image: url('../images/bg-huellas.jpg');
                background-size: cover;
                background-position: center;
            }

            .pet-photo-title {
                font-size: 16px !important;
                font-weight: 700 !important;
                margin: 0 0 15px !important;
                color: var(--color-animaliere-black) !important;
            }

            .pet-photo-dropzone {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                aspect-ratio: 1 / 1;
                border-radius: 16px;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }

            .pet-photo-panel.is-empty .pet-photo-dropzone {
                background-color: #fff;
                border: 2px dashed var(--color-animaliere-salmon);
                cursor: pointer;
                gap: 10px;
            }

            .pet-photo-panel.has-photo .pet-photo-dropzone {
                background-color: var(--bg-animaliere-primary);
                border: 3px solid #fff;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            }

            .pet-photo-icon {
                color: var(--color-animaliere-salmon);
                line-height: 0;
            }

            .pet-photo-cta {
                color: var(--color-animaliere-salmon);
                font-weight: 700;
                font-size: 14px;
            }

            .btn-change-photo {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                margin-top: 15px;
                padding: 10px 18px;
                border-radius: 50px;
                border: 1px solid var(--border-animaliere-primary);
                background: #fff;
                color: var(--color-animaliere-black);
                font-size: 13px;
                font-weight: 600;
                cursor: pointer;
            }

            .btn-change-photo:hover {
                border-color: var(--color-animaliere-black);
            }

            .pet-photo-caption {
                margin: 15px 0 0;
                font-size: 12px;
                color: var(--color-animaliere-gris-dark);
                line-height: 1.4;
            }

            .pet-photo-optional-tag {
                color: var(--color-animaliere-gris-dark);
            }

            /* Visibilidad según el estado del panel: vacío (sin foto) vs. con foto.
               Controlado por clase para que el preview de JS funcione con solo
               alternar is-empty/has-photo, sin tener que tocar el DOM interno. */
            .pet-photo-panel.is-empty .btn-change-photo {
                display: none;
            }

            .pet-photo-panel.has-photo .pet-photo-icon,
            .pet-photo-panel.has-photo .pet-photo-cta,
            .pet-photo-panel.has-photo .pet-photo-optional-tag {
                display: none;
            }

            /* Header de la ficha en modo edición: nombre centrado respecto a
               toda la ficha, con "Volver a Mi Cuenta" fijo en la esquina
               superior derecha. */
            .pet-form-header-bar {
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                align-items: center;
                gap: 15px;
                margin-bottom: 25px;
            }

            .pet-form-header-spacer {
                display: block;
            }

            .pet-form-title-main {
                grid-column: 2;
                justify-self: center;
                text-align: center;
                font-size: 32px !important;
                font-weight: 800 !important;
                margin: 0 !important;
                color: var(--color-animaliere-black) !important;
            }

            .pet-form-header-bar .back-link {
                grid-column: 3;
                justify-self: end;
                margin-bottom: 0;
                white-space: nowrap;
            }

            /* Header con título + volver en la misma fila */
            .pet-form-top-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 15px;
                margin-bottom: 20px;
            }

            .pet-form-top-header .header-animaliere {
                margin-bottom: 0 !important;
            }

            .pet-form-top-header .back-link {
                margin-bottom: 0;
                white-space: nowrap;
            }

            /* Grupos de opciones tipo "pill" (Etapa de vida, Sexo, Esterilizado) */
            .pet-toggle-group {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
            }

            .pet-toggle-group--2 .pet-toggle-option,
            .pet-toggle-group--3 .pet-toggle-option {
                flex: 1 1 0;
                min-width: 110px;
            }

            .pet-toggle-option {
                display: block;
                cursor: pointer;
            }

            .pet-toggle-option input {
                display: none;
            }

            .pet-toggle-content {
                display: block;
                text-align: center;
                padding: 10px 12px;
                border: 1px solid var(--border-animaliere-primary);
                border-radius: 10px;
                background: #fff;
                color: var(--color-animaliere-black);
                transition: border-color 0.2s, background 0.2s;
            }

            .has-desc .pet-toggle-content {
                padding: 12px;
            }

            .pet-toggle-content strong {
                display: block;
                font-size: 14px;
                font-weight: 700;
            }

            .pet-toggle-content small {
                display: block;
                margin-top: 3px;
                font-size: 12px;
                font-weight: 400;
                color: var(--color-animaliere-gris-dark);
            }

            .pet-toggle-option input:checked ~ .pet-toggle-content {
                border-color: var(--color-animaliere-salmon);
                background: var(--bg-animaliere-salmon-light);
            }

            .pet-toggle-option input:focus-visible ~ .pet-toggle-content {
                outline: 2px solid var(--color-animaliere-azul-dark);
                outline-offset: 2px;
            }

            /* Peso con sufijo "kg" */
            .input-with-suffix {
                position: relative;
            }

            .input-with-suffix .input-field {
                padding-right: 45px !important;
            }

            .input-with-suffix .input-suffix {
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
                color: var(--color-animaliere-gris-dark);
                font-size: 14px;
                pointer-events: none;
            }

            .field-hint {
                display: block;
                margin-top: 8px;
                font-size: 12px;
                color: var(--color-animaliere-gris-dark);
            }

            /* Selector de raza */
            #pet_breed:invalid {
                color: var(--color-animaliere-gris-dark);
            }

            .breed-help-link {
                display: inline-block;
                margin-top: 8px;
                font-size: 13px;
                color: var(--color-animaliere-salmon);
                text-decoration: underline;
            }

            .breed-help-link:hover {
                color: var(--color-animaliere-black);
            }

            @media (min-width: 768px) {
                .column-form-animaliere {
                    padding-right: 30px;
                    padding-bottom: 50px;
                }
            }
            @media (max-width: 768px) {
                .animaliere-dashboard-wrapper {
                    grid-template-columns: 1fr;
                    gap: 20px;
                }

                .last-order-card {
                    order: -1;
                    position: static;
                }

                .form-grid-ani,
                .pets-grid {
                    grid-template-columns: 1fr;
                }
                .form-new-pet {
                    flex-direction: column;
                }
                .col-fields-new-pet {
                    padding: 30px 20px;
                }
                .flex-row-animaliere {
                    flex-direction: column;
                    gap: 30px;
                }
                .pet-management-container.pet-form-view {
                    padding: 20px;
                }
                .pet-form-layout {
                    flex-direction: column;
                    gap: 25px;
                }
                .pet-photo-col {
                    width: 100%;
                    max-width: 280px;
                    margin: 0 auto;
                }
                .pet-form-top-header {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 8px;
                }
                .pet-form-header-bar {
                    grid-template-columns: 1fr;
                    justify-items: center;
                    text-align: center;
                    gap: 10px;
                }
                .pet-form-header-spacer {
                    display: none;
                }
                .pet-form-title-main {
                    grid-column: 1;
                    font-size: 26px !important;
                }
                .pet-form-header-bar .back-link {
                    grid-column: 1;
                    justify-self: center;
                }
            }