/*
 * REDISEÑO (2026-10) · Aspecto nuevo del panel (/adsoc-admin). Entrega 2.
 *
 * Solo lo carga views/adsoc-admin.php. Todo va acotado a .ads-panel (la caja del panel) o a
 * .ads-panel-pagina (clase que js/ads/ads-panel.js pone en <body>, para las ventanas de jQuery UI,
 * que se cuelgan del body). Las vistas de Andbank y las incrustables no lo ven.
 * Lo específico del móvil está en css/ads-movil.css, que se carga después.
 *
 * Colores: petróleo #224f56 · teal #57b7b2 · teal claro #e3f3f2 · texto #333 · gris #6f6f6f
 *          · bordes #e4e4e4 · fondo #fafafa
 */

.ads-panel,
.ads-panel-pagina .ui-dialog {
	font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	color: #333;
}
.ads-panel { min-height: 0 !important; margin-bottom: 40px; }
.ads-panel #tab-f { display: none; }

/* ===== Armazón: menú lateral, cuenta arriba, contenido ===== */

.ads-panel #tabs {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	grid-template-areas: "nav cuenta" "nav panel";
	grid-template-rows: auto 1fr;
	min-height: 640px;
	padding: 0 !important;
	background: #fafafa;
	border: 1px solid #e4e4e4 !important;
	border-radius: 12px !important;
	overflow: hidden;
}

.ads-panel #tabs > .ui-tabs-nav {
	grid-area: nav;
	position: static !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0;
	padding: 20px 0 !important;
	background: #fff !important;
	border: 0 !important;
	border-right: 1px solid #e4e4e4 !important;
	border-radius: 0 !important;
}
.ads-panel #tabs > .ui-tabs-nav > li {
	box-shadow: none !important;
	float: none !important;
	width: auto !important;
	background: transparent !important;
	white-space: normal;
}
.ads-panel #tabs > .ui-tabs-nav > li > a,
.ads-panel #tabs > .ui-tabs-nav > li.ui-state-hover > a,
.ads-panel #tabs > .ui-tabs-nav > li.ui-state-active > a {
	display: block;
	width: auto !important;
	height: auto !important;
	padding: 13px 22px !important;
	background: none !important;
	border: 0 !important;
	border-left: 3px solid transparent !important;
	color: #555;
	font: 500 14px/1.3 "Montserrat", "Helvetica Neue", Arial, sans-serif;
	text-align: left;
	text-decoration: none;
}
.ads-panel #tabs > .ui-tabs-nav > li.ui-state-hover > a { color: #224f56; background: #f4f8f8 !important; }
.ads-panel #tabs > .ui-tabs-nav > li.ui-tabs-active > a {
	color: #224f56;
	font-weight: 600;
	background: #e3f3f2 !important;
	border-left-color: #57b7b2 !important;
}
.ads-panel #tabs > .ui-tabs-nav > li.ui-state-disabled > a { color: #bbb; opacity: 1; }
.ads-panel .ads-pestana-texto { display: inline; }

/* Cuenta: usuario, sociedad y cambio de cuenta */
.ads-panel #donde_estoy {
	grid-area: cuenta;
	height: auto;
	margin: 0;
	padding: 18px 28px 0;
	position: relative;
}
.ads-panel #donde_estoy #combo {
	float: none;
	width: auto !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 6px 14px;
	text-align: right !important;
	line-height: 1.4 !important;
	font-size: 12px;
	color: #6f6f6f;
}
.ads-panel .ads-cuenta-sociedad { color: #6f6f6f; }
.ads-panel .ads-cuenta-sociedad b { color: #224f56 !important; font-weight: 600; }
.ads-panel #lista-empresas {
	width: auto !important;
	min-width: 180px;
	height: 34px;
	padding: 0 12px;
	border: 1px solid #dcdcdc;
	border-radius: 100px;
	background: #fff;
	color: #224f56;
	font: 500 13px "Montserrat", "Helvetica Neue", Arial, sans-serif;
}
.ads-panel .ads-aviso-pago {
	position: static !important;
	margin-top: 8px;
	text-align: right;
}
.ads-panel .ads-aviso-pago br { display: none; }

/* Contenido de cada pestaña */
.ads-panel #tabs > .ui-tabs-panel {
	grid-area: panel;
	float: none !important;
	width: auto !important;
	min-height: 0 !important;
	padding: 4px 28px 28px !important;
	position: relative;
	font-family: inherit !important;
	font-size: 13px;
	background: transparent;
}
.ads-panel h3.title_tab {
	display: block;
	position: static;
	height: auto;
	margin: 0 0 18px;
	padding-right: 60px;
	color: #224f56;
	font: 600 21px/1.25 "Montserrat", "Helvetica Neue", Arial, sans-serif;
	text-transform: lowercase;
	letter-spacing: 0;
}
.ads-panel h3.title_tab::first-letter { text-transform: uppercase; }
.ads-panel .btn_ayuda {
	position: absolute;
	top: 0;
	right: 28px;
	margin: 0;
	float: none;
}
.ads-panel .btn_ayuda img { height: 26px; width: auto; border-radius: 4px; }

/* ===== Subpestañas (Publicados / Borradores; Usuarios / Mi sociedad / ...) ===== */

.ads-panel .ui-tabs-panel .ui-tabs {
	padding: 0;
	background: transparent;
	border: 0;
}
.ads-panel .ui-tabs-panel .ui-tabs-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	margin: 0 0 20px;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	border-bottom: 1px solid #e4e4e4 !important;
	border-radius: 0 !important;
}
.ads-panel .ui-tabs-panel .ui-tabs-nav li {
	box-shadow: none !important;
	float: none !important;
	margin: 0 0 -1px !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
}
.ads-panel .ui-tabs-panel .ui-tabs-nav li a {
	float: none;
	padding: 10px 16px 9px !important;
	color: #6f6f6f !important;
	font: 600 13px/1.2 "Montserrat", "Helvetica Neue", Arial, sans-serif;
	border-bottom: 3px solid transparent;
	text-decoration: none;
}
.ads-panel .ui-tabs-panel .ui-tabs-nav li.ui-state-hover a { color: #224f56 !important; }
.ads-panel .ui-tabs-panel .ui-tabs-nav li.ui-tabs-active a {
	color: #224f56 !important;
	border-bottom-color: #57b7b2;
}
.ads-panel .ui-tabs-panel .ui-tabs-panel {
	padding: 0 !important;
	background: transparent;
	border: 0;
}

/* ===== Formularios y buscadores ===== */

.ads-panel h2,
.ads-panel .inner2_top_box h2 {
	color: #6f6f6f !important;
	font: 600 11px/1.3 "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: 6px;
}
.ads-panel input[type="text"],
.ads-panel input[type="email"],
.ads-panel input[type="password"],
.ads-panel select,
.ads-panel textarea,
.ads-panel-pagina .ui-dialog input[type="text"],
.ads-panel-pagina .ui-dialog input[type="email"],
.ads-panel-pagina .ui-dialog input[type="password"],
.ads-panel-pagina .ui-dialog select,
.ads-panel-pagina .ui-dialog textarea {
	min-height: 36px;
	padding: 6px 10px !important;
	border: 1px solid #dcdcdc !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #333;
	font: 400 13px "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
	box-shadow: none !important;
	box-sizing: border-box;
	max-width: 100%;
}
.ads-panel input[type="text"]:focus,
.ads-panel select:focus,
.ads-panel textarea:focus,
.ads-panel-pagina .ui-dialog input:focus,
.ads-panel-pagina .ui-dialog select:focus,
.ads-panel-pagina .ui-dialog textarea:focus {
	border-color: #57b7b2 !important;
	outline: 2px solid #e3f3f2;
}
.ads-panel .ui-datepicker-trigger { vertical-align: middle; opacity: .7; }

/* Botones */
.ads-panel input.bt-acceso,
.ads-panel input[type="button"].bt-acceso,
.ads-panel-pagina .ui-dialog input.bt-acceso {
	width: auto !important;
	height: auto !important;
	min-height: 36px;
	padding: 8px 18px !important;
	background: #224f56 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 100px !important;
	box-shadow: none !important;
	font: 600 13px/1.2 "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
	text-transform: none;
	cursor: pointer;
}
.ads-panel-pagina .ui-dialog input.bt-acceso { min-width: max-content; }
.ads-panel input.bt-acceso:hover,
.ads-panel-pagina .ui-dialog input.bt-acceso:hover { background: #193b40 !important; }

/* ===== Tablas ===== */

.ads-panel .ui-tabs-panel table {
	border-collapse: separate !important;
	border-spacing: 0;
	background: #fff;
	border: 1px solid #e4e4e4 !important;
	border-radius: 10px;
	overflow: hidden;
	font-size: 13px;
}
.ads-panel .ui-tabs-panel table thead td,
.ads-panel .ui-tabs-panel table thead th,
.ads-panel .ui-tabs-panel table thead td span {
	background: #f3f6f6 !important;
	color: #6f6f6f !important;
	font: 600 11px/1.3 "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
	text-transform: uppercase;
	letter-spacing: .05em;
	text-align: left;
}
.ads-panel .ui-tabs-panel table thead td,
.ads-panel .ui-tabs-panel table thead th {
	padding: 11px 12px !important;
	border: 0 !important;
	border-bottom: 1px solid #e4e4e4 !important;
	height: auto !important;
}
.ads-panel .ui-tabs-panel table tr > td {
	font-size: 13px !important;
	padding: 11px 12px !important;
	border: 0 !important;
	border-bottom: 1px solid #eee !important;
	background: #fff !important;
	color: #333;
	line-height: 1.4 !important;
	vertical-align: middle;
	height: auto !important;
}
.ads-panel .ui-tabs-panel table tr:last-child > td { border-bottom: 0 !important; }
.ads-panel .ui-tabs-panel table.ads-tabla-datos tr:hover > td { background: #f6fafa !important; }
.ads-panel .ui-tabs-panel table td b,
.ads-panel .ui-tabs-panel table td strong { color: #224f56; font-weight: 600; }

/* Etiquetas de ámbito y estado (las pone js/ads/ads-panel.js) */
.ads-panel .ads-chip {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 100px;
	background: #eef2f2;
	color: #4a5a5c;
	font: 600 10.5px/1.3 "Montserrat", "Helvetica Neue", Arial, sans-serif;
	letter-spacing: .03em;
	text-transform: uppercase;
	white-space: nowrap;
}
.ads-panel .ads-chip-publico { background: #e3f3f2; color: #1f6d69; }
.ads-panel .ads-chip-restringido { background: #fbeee4; color: #9a4a17; }

/* Descargas como botones */
.ads-panel td.Descargas a,
.ads-panel td.Simple a {
	display: inline-block;
	padding: 4px 11px !important;
	border: 1px solid #57b7b2;
	border-radius: 100px;
	background: #fff none !important;
	color: #224f56 !important;
	font: 600 11px/1.3 "Montserrat", "Helvetica Neue", Arial, sans-serif;
	text-decoration: none;
	white-space: nowrap;
}
.ads-panel td.Descargas a:hover,
.ads-panel td.Simple a:hover { background: #e3f3f2 !important; }
.ads-panel td.Descargas img,
.ads-panel td.Simple img { display: none; }

/* Paginador */
.ads-panel ul.ads_paginador li span { border-radius: 8px; }
.ads-panel ul.ads_paginador li.ads_pag_actual span { background: #224f56 !important; color: #fff !important; border-color: #224f56 !important; }

/* ===== Ventanas emergentes (jQuery UI) ===== */

.ads-panel-pagina .ui-dialog {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 40px rgba(17, 30, 32, .25) !important;
	overflow: hidden;
	max-width: calc(100vw - 16px);
	box-sizing: border-box;
}
.ads-panel-pagina .ui-dialog .ui-dialog-titlebar {
	padding: 16px 20px !important;
	background: #fff !important;
	border: 0 !important;
	border-bottom: 1px solid #e4e4e4 !important;
	border-radius: 0 !important;
	color: #224f56 !important;
}
.ads-panel-pagina .ui-dialog .ui-dialog-title {
	font: 600 16px/1.3 "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
	text-transform: none;
}
.ads-panel-pagina .ui-dialog .ui-dialog-content {
	padding: 18px 20px !important;
	font-size: 13px;
	box-sizing: border-box;
	max-width: 100%;
}
.ads-panel-pagina .ui-dialog .ui-dialog-buttonpane {
	margin: 0 !important;
	padding: 12px 20px !important;
	background: #fafafa !important;
	border: 0 !important;
	border-top: 1px solid #e4e4e4 !important;
}
.ads-panel-pagina .ui-dialog .ui-dialog-buttonpane button {
	margin: 0 0 0 8px !important;
	padding: 0 !important;
	border: 1px solid #dcdcdc !important;
	border-radius: 100px !important;
	background: #fff !important;
	color: #333 !important;
	font: 600 13px/1.2 "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
	box-shadow: none !important;
}
.ads-panel-pagina .ui-dialog .ui-dialog-buttonpane button { height: auto !important; min-height: 38px; }
.ads-panel-pagina .ui-dialog .ui-dialog-buttonpane button .ui-button-text { padding: 9px 18px !important; line-height: 1.2 !important; }
.ads-panel-pagina .ui-dialog .ui-dialog-titlebar-close {
	right: 14px !important;
	width: 30px !important;
	height: 30px !important;
	margin-top: -15px !important;
	background: #f3f6f6 !important;
	border: 0 !important;
	border-radius: 100px !important;
}
.ads-panel-pagina .ui-dialog .ui-dialog-buttonpane button:first-child {
	background: #224f56 !important;
	border-color: #224f56 !important;
	color: #fff !important;
}
.ads-panel-pagina .ui-dialog fieldset {
	border: 1px solid #e4e4e4 !important;
	border-radius: 10px;
	padding: 10px 14px !important;
}
.ads-panel-pagina .ui-dialog legend {
	padding: 0 6px;
	color: #6f6f6f;
	font: 600 11px "Montserrat", "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.ads-panel-pagina .ui-widget-overlay { background: rgba(17, 30, 32, .45) !important; opacity: 1 !important; }

/* Estado de los borradores (Borrador → Enviado → Autorizado → Publicado) como pasos */
.ads-panel .capa_migas {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
}
.ads-panel .capa_migas > div,
.ads-panel-pagina #migas_modal .capa_migas > div {
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 3px 9px !important;
	min-width: 0 !important;
	line-height: 1.3 !important;
	position: static !important;
	border-radius: 100px;
	background: #eef2f2 none !important;
	color: #8a9799 !important;
	font: 600 10.5px/1.3 "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
	white-space: nowrap;
}
.ads-panel .capa_migas > .migas_ini_turquesa,
.ads-panel .capa_migas > .migas_turquesa,
.ads-panel-pagina #migas_modal .capa_migas > .migas_ini_turquesa,
.ads-panel-pagina #migas_modal .capa_migas > .migas_turquesa {
	background: #e3f3f2 none !important;
	color: #1f6d69 !important;
}
.ads-panel-pagina #migas_modal .capa_migas { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; }

/* Las tablas ocupan el ancho del contenido; si no caben, se desplazan dentro */
.ads-panel .ui-tabs-panel table { width: 100% !important; max-width: 100%; }
.ads-panel .ui-tabs-panel table thead tr:not(:last-child) td {
	background: #fff !important;
	color: #224f56 !important;
	font-size: 12px !important;
}
.ads-panel .ui-tabs-panel .ui-tabs-panel { overflow-x: auto; }
.ads-panel .ui-tabs-panel table tr > td { overflow-wrap: break-word; }

/* Títulos de sección (Mis datos, Datos de la sociedad...) y etiquetas de formulario */
.ads-panel tr.titulo_seccion td,
.ads-panel tr.titulo_seccion td span {
	border: 0 !important;
	box-shadow: none !important;
	background: #f3f6f6 none !important;
}
.ads-panel tr.titulo_seccion td span { padding: 0 !important; }
.ads-panel label,
.ads-panel-pagina .ui-dialog label {
	color: #555;
	font: 600 12px/1.4 "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
}

/* Desplegables: jquery.dd (msDropDown) esconde el <select> y dibuja uno propio con imágenes. En el
   panel se enseña el <select> del navegador (mismo valor, el plugin lo deja en su sitio) y se oculta
   el dibujado. En el móvil abre el selector del teléfono. */
.ads-panel .ddOutOfVision {
	position: static !important;
	height: auto !important;
	width: auto !important;
	overflow: visible !important;
	clip: auto !important;
}
.ads-panel .ddOutOfVision > select { display: inline-block !important; }
.ads-panel .dd { display: none !important; }
.ads-panel select {
	-webkit-appearance: none;
	appearance: none;
	padding-right: 30px !important;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23224f56' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center !important;
	height: 36px !important;
	cursor: pointer;
}

/* En esta página el contenido usa más ancho de pantalla (Avada lo limita al 85 %) */
.ads-panel-pagina #main .avada-row { max-width: 94%; }
@media (min-width: 1500px) { .ads-panel-pagina #main .avada-row { max-width: 1420px; } }

/* Que la tabla quepa en pantallas de portátil: cabeceras y descargas pueden partirse */
.ads-panel .ui-tabs-panel table thead td,
.ads-panel .ui-tabs-panel table thead td span { white-space: normal !important; }
.ads-panel td.Descargas,
.ads-panel td.Simple { white-space: normal !important; padding-left: 4px !important; padding-right: 4px !important; }

/* Botón «Filtros» de los buscadores: solo en el móvil (css/ads-movil.css) */
.ads-panel .ads-boton-filtros { display: none; }

/* Las ventanas por encima de la cabecera fija de Avada 7 */
.ads-panel-pagina .ui-widget-overlay { z-index: 100000 !important; }
.ads-panel-pagina .ui-dialog { z-index: 100001 !important; }