@font-face {
  font-family: 'Roboto';
  src: url('../src/font/Roboto.ttf') format('truetype');
}

@font-face {
  font-family: 'Oswald';
  src: url('../src/font/Oswald.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto';
  src: url('../src/font//Noto.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  src: url('../src/font//Montserrat.ttf') format('truetype');
}


@font-face {
  font-family: 'Icon';
  src: url('../src/font/Materials.ttf') format('truetype');
}

:root{
	--color:black;
	--title_color:black;
	--link_color:black;
	--header-bg-color:white;
	--footer-bg-color:black;
	--footer-color:white;
	--itsense-gray: #5F5F5F;
	--itsense-orange: #ED7F35;
	--itsense-blue: #35A3ED;
	--itsense-accent: #E1C0A9;
	--c-gray: #5F5F5F;
	--c-orange: #ED7F35;
	--c-blue: #35A3ED;
	--c-accent: #E1C0A9;
	--c-border: #EAEAEA;
	--radius: 14px;
	--shadow: 0 6px 16px rgba(0,0,0,.06);
}

body{
        margin:0px;
        width:100%;
        min-height:100vh;
        border-width:0px;
        display:flex;
        flex-direction:column;
	    font-family:"Noto";
}
header{
	border-bottom: 5px solid;
    border-image: linear-gradient(45deg, #63605B, #e57c35, #4ca3e5) 1;
}
main{
    flex-grow:1;
    display:flex;
    align-items: center;
    justify-content: center;
    padding-inline: 16px;
}
h1,h2,h3,h5,h6{
	font-family:'Roboto';
}
a{
	font-family:'Oswald';
}

.itschool-hero h2{ margin-top: 10px; color: var(--itsense-gray); }

.itschool-cta .wp-block-button__link{
  background: var(--itsense-blue);
  color: #fff;
  border-radius: 12px;
  padding: 12px 22px;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.itschool-cta .wp-block-button__link:hover{
  background: #2D90CF;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(53,163,237,.25);
}
#OCR



/* CTA centrado, sin depender del tema */
.itsense-cta-center {
  text-align: center;
  margin: 18px 0 8px;
}
.itsense-cta-center .wp-block-button__link,
.itsense-cta-center a {
  display: inline-block;
}

/* Primary (naranjo) */
.itsense-btn-primary a{color:#FFFFFF;background-color:#ED7F35;border-radius:10px;padding:12px 24px;font-size:18px;}
.itsense-btn-primary a:hover,
.itsense-btn-primary a:focus {
  background-color: #D86E2E; /* naranjo ligeramente más oscuro */
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(237,127,53,.25);
}

/* Secondary (azul) */
.itsense-btn-secondary a {color:#FFFFFF;background-color:#35A3ED;border:2px solid #35A3ED;border-radius:10px;padding:12px 24px;font-size:18px;}
.itsense-btn-secondary a:hover,
.itsense-btn-secondary a:focus {
  background-color: #2D90CF!important; /* azul ligeramente más oscuro */
  border-color: #2D90CF!important;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(53,163,237,.25)!important;
}

.wp-block-button .wp-block-button__link.is-itschool-login{
  background-color: var(--itsense-blue) !important;
  color: #fff !important;
  border-radius: 10px;
  padding: 10px 20px;
  text-decoration: none;
}
.wp-block-button .wp-block-button__link.is-itschool-login:hover,
.wp-block-button .wp-block-button__link.is-itschool-login:focus{
  filter: brightness(0.92);
  outline: none;
  box-shadow: 0 0 0 3px rgba(53,163,237,.25);
}

/* Tarjetas (comparten estilo GRID y SLIDER) */
.itsense-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 14px 16px 16px;
  box-shadow: var(--shadow);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.itsense-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  border-color: #ddd;
}

/* Centrar grupos de botones Gutenberg cuando el contenedor tenga esa intención */
.wp-block-buttons.is-content-justification-center{ justify-content: center; }

/* Si usas nuestro contenedor utilitario */
.itsense-cta-center{ text-align: center; }
.itsense-cta-center .wp-block-buttons{ justify-content: center; }
.itsense-cta-center .wp-block-button{ display: inline-flex; } /* permite centrado por inline context */

.wp-block-separator.is-style-wide.itsense-divider,
hr.itsense-divider{
  display:block;
  width:100%;
  height:4px;
  background: var(--itsense-orange, #ED7F35);
  border:0;
  margin:0;       /* el gap lo dan los spacers adyacentes */
  opacity:1;
  box-shadow:none;
}




#OCR2
.itsense-card .wp-block-post-title a {
  color: var(--c-gray);
  text-decoration: none;
  font-weight: 700;
  line-height: 1.25;
}
.itsense-card .wp-block-post-title a:hover {
  color: var(--c-orange);
  text-decoration: underline;
}

/* Fecha */
.itsense-card .wp-block-post-date {
  color: var(--c-blue);
  margin: 6px 0 8px;
  font-weight: 600;
}

/* Extracto */
.itsense-card .wp-block-post-excerpt {
  color: var(--c-gray);
  margin-top: 6px;
}
#OCR2

#OCR3
/* Leer más */
.itsense-card .wp-block-post-excerpt .wp-block-post-excerpt__more-link {
  color: #fff;
  background: var(--c-blue);
  border-radius: 8px;
  padding: 6px 10px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  margin-top: 8px;
  transition: background-color .12s ease, transform .12s ease, box-shadow .12s ease;
}
.itsense-card .wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover {
  background: #2D90CF;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(53, 163, 237, .25);
}

/* ====== SLIDER horizontal (scroll-snap) ====== */

.itsense-slider .itsense-card {
  flex: 0 0 320px;
  scroll-snap-align: start;
}
/* Scrollbar opcional */
.itsense-slider .wp-block-post-template::-webkit-scrollbar { height: 8px; }
.itsense-slider .wp-block-post-template::-webkit-scrollbar-track { background: #f0f0f0; }
.itsense-slider .wp-block-post-template::-webkit-scrollbar-thumb { background: var(--c-accent); border-radius: 20px; }


/* ===== Responsivo fino ===== */
@media (max-width: 480px) {
  .itsense-slider .itsense-card { flex-basis: 85%; }
  
}
@media (max-width: 480px){
  .itsense-card .wp-block-post-featured-image img{height:150px;}
}

#OCR3

/* ========== ITSense Accordion (merge desde css2.css, adaptado) ========== */
/* Nota: sin :root aquí. Usamos la paleta del sitio:
   var(--itsense-blue, #35A3ED) y var(--itsense-orange, #ED7F35) */

/* Contenedor */
.its-accordion{ margin-inline:auto; }

/* Item base */
.its-acc{
  border:1px solid rgba(95,95,95,.2); /* era var(--its-border) */
  border-radius:14px;
  background:#fff;
  margin:14px 0;
  overflow:hidden;
  transition: box-shadow .25s ease, border-color .25s ease;
}

/* Cabecera (título del acordeón) */
.its-acc__summary{
  display:flex;
  align-items:center;
  justify-content:space-between; /* [icono izq] [título] [chevron der] */
  gap:14px;
  padding:20px 26px;
  cursor:pointer;
  list-style:none;
  user-select:none;
  font:600 24px/1.3 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color:#2a2a2a;
  outline:none;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.its-acc__summary::-webkit-details-marker{ display:none; }

.its-acc__summary:focus-visible{
  /* halo de foco usando azul ITSense */
  box-shadow:0 0 0 3px color-mix(in srgb, var(--itsense-blue, #35A3ED) 35%, transparent);
  border-radius:12px;
}

/* Icono izquierdo uniforme en todos los títulos */
.its-acc__leadicon{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
.its-acc__leadicon i{ font-size:0.9em; color:#5F5F5F; }

/* Título */
.its-acc__title{ flex:1 1 auto; }

/* Chevron (derecha) */
.its-acc__chev{
  flex:0 0 auto;
  transform:rotate(0deg);
  transition:transform .25s ease, color .25s ease;
  color:currentColor; /* hereda del summary */
}

/* Estado abierto: fondo azul + texto e iconos blancos */
.its-acc[open] .its-acc__summary{
  background-color: var(--itsense-blue, #35A3ED);
  color:#fff;
  border-bottom:1px solid transparent;
}
.its-acc[open] .its-acc__leadicon i{ color:#fff; }
.its-acc[open] .its-acc__chev{ transform:rotate(180deg); }

/* “Borde naranjo” más grueso sin reflow (anillo externo) */
.its-acc[open]{
  border-color: color-mix(in srgb, var(--itsense-orange, #ED7F35) 55%, rgba(95,95,95,.2)); /* línea base */
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--itsense-orange, #ED7F35) 65%, transparent); /* anillo naranjo */
}

/* Contenido */
.its-acc__content{
  padding:16px 26px 22px;
  color:#444;
  font-size:17px;
  line-height:1.6;
  background:#fff;
}
.its-acc__content p{ margin:0 0 10px; }
.its-acc__content ul{ margin:0; padding-left:20px; }

/* Responsivo */
@media (max-width:600px){
  .its-acc__summary{
    font-size:20px;
    padding:18px 20px;
  }
  .its-acc__content{ font-size:16px; }
  /* anillo un poco más sutil en móvil */
  .its-acc[open]{ box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--itsense-orange, #ED7F35) 65%, transparent); }
}
/* ========== /ITSense Accordion (merge) ========== */
/* itsense-consolidated.v2.css – v2.3 (Tooltip con click + tamaño mayor) */
.itsense-tipwrap{ position:relative; display:inline-block; }
.itsense-tip-target{ cursor:pointer; }
.itsense-tip-target:focus{ outline:2px solid #35A3ED; outline-offset:2px; border-radius:.25rem; }





#OCR

figure.itsense-header-line img{ width:100%; height:auto; display:block; }

.menu{
	display: flex;
    gap: 16px;
	list-style: none;
	a{
		text-decoration: none;
		color:var(--link_color);
		font-family:'Oswald';
		font-size:1.5rem;
	}
	a:visited{
		color:var(--link_color);
	}
}

footer{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	background-color:var(--footer-bg-color);
	color:var(--footer-color);
	font-size:1.2rem;
	align-items: center;
	padding-inline:64px
}

.footermenu{
	display: flex;
    gap: 16px;
	list-style: none;
	a{
		text-decoration: none;
		color:white;
		font-family:'Oswald';
		font-size:1.2rem;
	}
	a:visited{
		color:white;
	}
}

@media screen and (min-width: 601px) {
    main{
        padding-inline: 50px;
}


@media screen and (min-width: 1025px) {
    main{
        padding-inline: 200px;
    }
}
	.a\:button{
		background-color:red;
	}