/*
Theme Name: Amigdala Child
Template: tutorstarter
Description: Tema hijo limpio de Amígdala, basado en Tutor Starter
Version: 1.0
Author: David
*/

/* ===============================================================
   TOKENS
   =============================================================== */

:root{
	--ami-azul:        #3858e9;
	--ami-azul-osc:    #2c46c4;
	--ami-azul-tenue:  #eef2ff;
	--ami-fondo:       #f7f8fc;
	--ami-superficie:  #ffffff;
	--ami-borde:       #ececf3;
	--ami-tinta:       #1f2330;
	--ami-gris:        #6b7180;
	--ami-gris-2:      #9aa0ae;
	--ami-sombra:      0 1px 2px rgba(31,35,48,.04), 0 10px 30px -14px rgba(40,55,120,.22);
	--ami-radio:       16px;
}


/* ===============================================================
   PORTADA — puerta de acceso  (front-page.php)
   =============================================================== */

body.ami-portada{
	margin:0;
	padding:24px;
	min-height:100vh;
	display:grid;
	place-items:center;
	background:var(--ami-fondo);
	color:var(--ami-tinta);
	font-family:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	font-size:17px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
}

/* la barra de admin no debe generar scroll */
body.ami-portada.admin-bar{ min-height:calc(100vh - 32px); }
@media screen and (max-width:782px){
	body.ami-portada.admin-bar{ min-height:calc(100vh - 46px); }
}

.ami-acceso{ width:100%; display:grid; place-items:center; }

.ami-acceso__card{
	width:100%;
	max-width:420px;
	padding:52px 40px 40px;
	background:var(--ami-superficie);
	border:1px solid var(--ami-borde);
	border-radius:var(--ami-radio);
	box-shadow:var(--ami-sombra);
	text-align:center;
}

.ami-acceso__marca{
	margin:0;
	font-size:1.55rem;
	font-weight:600;
	letter-spacing:-.015em;
	line-height:1.2;
	color:var(--ami-azul);
}

.ami-acceso__msg{
	margin:12px auto 0;
	max-width:30ch;
	font-size:1.02rem;
	font-weight:400;
	color:var(--ami-gris);
}

.ami-acceso__boton{
	display:block;
	margin-top:30px;
	padding:15px 24px;
	background:var(--ami-azul);
	color:#fff;
	font-family:inherit;
	font-size:1.02rem;
	font-weight:500;
	text-decoration:none;
	border-radius:999px;
	transition:background-color .16s ease, transform .16s ease;
}
.ami-acceso__boton:hover,
.ami-acceso__boton:focus{ background:var(--ami-azul-osc); color:#fff; text-decoration:none; }
.ami-acceso__boton:active{ transform:translateY(1px); }
.ami-acceso__boton:focus-visible{ outline:2px solid var(--ami-azul); outline-offset:3px; }

.ami-acceso__pie{
	margin:22px 0 0;
	font-size:.92rem;
	color:var(--ami-gris-2);
}

@media (max-width:420px){
	.ami-acceso__card{ padding:36px 26px 30px; }
}

@media (prefers-reduced-motion:reduce){
	.ami-acceso__boton{ transition:none; }
}


/* ===============================================================
   LOGIN DE TUTORLMS — sin cromo del tema
   =============================================================== */

body.ami-login .header-default,
body.ami-login .footer-widgets,
body.ami-login #colophon{
	display:none !important;
}

body.ami-login{
	background:var(--ami-fondo);
}

body.ami-login .site-content{
	min-height:100vh;
	display:grid;
	place-items:center;
	padding:24px;
}
body.ami-login .site-content > *{
	margin-left:auto !important;
	margin-right:auto !important;
	width:100%;
}


/* ===============================================================
   DASHBOARD — logo del sidebar
   Tutor imprime el nombre del sitio dentro de
   <a class="tutor-dashboard-sidebar-logo">. Se sustituye por el
   SVG sin borrar el texto: font-size:0 lo oculta a la vista pero
   lo deja accesible como nombre del enlace.
   =============================================================== */

.tutor-dashboard-sidebar-logo{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:64px;
	padding:16px 56px;
	font-size:0 !important;
	line-height:0 !important;
	background-image:url('logo.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-origin:content-box;     /* clave: hace que el padding cuente */
	background-size:contain;
}

/* ===============================================================
   VISOR RM — contenedor dentro del dashboard
   =============================================================== */

.ami-visor-bloque{ margin-bottom:20px; }


/* ===============================================================
   VISOR RM — look claro del dashboard (kids)
   Prefijado con `body` porque el CSS del visor se imprime
   después de esta hoja en wp_head.
   El área de imagen se queda en negro a propósito.
   =============================================================== */

body .ami-rmv{
	--c-panel:    #f7f8fc;
	--c-surface:  #ffffff;
	--c-border:   #ececf3;
	--c-accent:   #3858e9;
	--c-accent2:  #2c46c4;
	--c-text:     #1f2330;
	--c-text2:    #6b7180;
	--c-text3:    #c9ccd6;
	--c-dot:      #3858e9;
	--radius:     16px;

	font-family:inherit;
	background:#ffffff;
	border-color:#ececf3;
	box-shadow:0 1px 2px rgba(31,35,48,.04), 0 10px 30px -14px rgba(40,55,120,.22);
	margin-bottom:0;
}

/* --- Paneles laterales --- */
body .ami-rmv__panel-title{
	font-size:.82rem;
	font-weight:600;
	text-transform:none;
	letter-spacing:0;
	color:var(--c-text);
}
body .ami-rmv__sel-label{
	font-size:.78rem;
	font-weight:500;
	text-transform:none;
	letter-spacing:0;
	color:var(--c-text2);
}
body .ami-rmv__sel{
	background-color:#f7f8fc;
	border-color:#e2e4ec;
	border-radius:8px;
	font-size:.88rem;
	padding:9px 26px 9px 12px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%236b7180'/%3E%3C/svg%3E");
}
body .ami-rmv__sel option{ background:#ffffff; color:#1f2330; }

body .ami-rmv__panel-toggle{ border-radius:8px; }

body .ami-rmv__study-badge{
	color:#2c46c4;
	background:#eef2ff;
	border-color:#dbe2ff;
	border-radius:8px;
	font-size:.82rem;
}

body .ami-rmv__info-name{
	font-size:.98rem;
	color:var(--c-text);
	border-bottom-color:#ececf3;
}
body .ami-rmv__info-desc{ font-size:.88rem; color:var(--c-text2); }
body .ami-rmv__info-placeholder{ font-size:.86rem; color:var(--c-text2); }

/* --- Textos sobre el fondo negro del escenario --- */
body .ami-rmv__empty{ color:#8b93a3; }
body .ami-rmv__hint{ color:#8b93a3; }

/* --- Puntos y etiquetas --- */
body .ami-rmv__dot-inner{ box-shadow:0 0 0 2px rgba(56,88,233,.28); }

/* --- Píldoras flotantes de la barra inferior, en claro --- */
body .ami-rmv__hud{
	background:linear-gradient(to top, rgba(0,0,0,.45) 0%, transparent 100%);
}
body .ami-rmv__slice-pill,
body .ami-rmv__zoom-bar,
body .ami-rmv__toggle-labels{
	background:rgba(255,255,255,.92);
	border-color:rgba(31,35,48,.10);
}
body .ami-rmv__slice-num{ color:#1f2330; }
body .ami-rmv__slice-sep,
body .ami-rmv__slice-total{ color:#6b7180; }
body .ami-rmv__zoom-btn{ color:#6b7180; }
body .ami-rmv__zoom-btn:hover{ color:#3858e9; }
body .ami-rmv__zoom-slider{ background:rgba(31,35,48,.18); }
body .ami-rmv__zoom-slider::-webkit-slider-thumb{
	background:#3858e9;
	border:2px solid #ffffff;
}
body .ami-rmv__zoom-slider::-moz-range-thumb{
	background:#3858e9;
	border:2px solid #ffffff;
}
body .ami-rmv__toggle-labels{ color:#1f2330; }
body .ami-rmv__toggle-labels:hover{ border-color:#3858e9; color:#3858e9; }
body .ami-rmv__toggle-labels.off{ color:#9aa0ae; }

/* --- Píldora del punto: fondo claro para igualar la barra inferior --- */
body .ami-rmv__dot-pill{
	background:rgba(255,255,255,.95);
	border-color:rgba(31,35,48,.12);
	color:#1f2330;
	font-weight:500;
}
body .ami-rmv__dot-pill::before{
	background:rgba(56,88,233,.55);
	height:1.5px;
}