/* @group @variables */

[class*="m-school-list-detail"] {
--plan-body-grid-template-columns: .75rem 1fr .75rem;
--plan-body-grid-template-rows: .75rem auto 1.125rem auto .75rem auto 1.125rem auto 1.125rem auto 1.125rem auto 1.125rem auto .75rem;

--school-list-detail-header-grid-column: 2;
--school-list-detail-header-grid-row: 4;

--school-list-detail-overview-grid-column: 2;
--school-list-detail-overview-grid-row: 8;

--school-list-detail-media-grid-column: 2;
--school-list-detail-media-grid-row: 2;

--school-list-detail-school-info-grid-column: 2;
--school-list-detail-school-info-grid-row: 6;

--school-list-detail-low-info-grid-column: 2;
--school-list-detail-low-info-grid-row: 10;

--school-list-detail-room-info-grid-column: 2;
--school-list-detail-room-info-grid-row: 12;

--school-list-detail-footer-grid-column: 2;
--school-list-detail-footer-grid-row: 14;

--plan-body-box-shadow: inset 0 0 0 1px hsl(225deg 5% 85%);
}

[class*="m-school-list-detail"]:has([class*="a-school-list-detail-sale-info"]) {
--plan-body-grid-template-rows: .75rem auto 1.125rem auto .75rem auto 1.125rem auto 1.125rem auto 1.125rem auto 1.125rem auto 1.125rem auto .75rem;

--school-list-detail-room-info-grid-column: 2;
--school-list-detail-room-info-grid-row: 14;

--school-list-detail-sale-info-grid-column: 2;
--school-list-detail-sale-info-grid-row: 12;

--school-list-detail-footer-grid-column: 2;
--school-list-detail-footer-grid-row: 16;

}

@media all and (min-width: 48em) {

[class*="m-school-list-detail"] {
--plan-body-grid-template-columns: 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem;
--plan-body-grid-template-rows: 1.5rem auto .375rem auto 1.5rem auto 1.5rem auto 1.5rem 1fr 1.5rem auto 1.5rem;
--school-list-detail-header-grid-column: 2 / span 7;
--school-list-detail-header-grid-row: 2;

--school-list-detail-overview-grid-column: 6 / span 3;
--school-list-detail-overview-grid-row: 6;

--school-list-detail-media-grid-column: 2 / span 3;
--school-list-detail-media-grid-row: 6 / span 5;

--school-list-detail-low-info-grid-column: 2;
--school-list-detail-low-info-grid-row: 12;

--school-list-detail-school-info-grid-column: 2 / span 7;
--school-list-detail-school-info-grid-row: 4;

--school-list-detail-room-info-grid-column:  6 / span 3;
--school-list-detail-room-info-grid-row: 10;

--school-list-detail-footer-grid-column: 2 / span 7;
--school-list-detail-footer-grid-row: 12;

--school-list-detail-low-info-grid-column: 6 / span 3;
--school-list-detail-low-info-grid-row: 8;

}

[class*="m-school-list-detail"]:has([class*="a-school-list-detail-sale-info"]) {
--plan-body-grid-template-rows: 1.5rem auto .375rem auto 1.5rem auto 1.5rem auto 1.5rem auto 1.5rem 1fr 1.5rem auto 1.5rem;

--school-list-detail-media-grid-column: 2 / span 3;
--school-list-detail-media-grid-row: 6 / span 7;

--school-list-detail-sale-info-grid-column: 6 / span 3;
--school-list-detail-sale-info-grid-row: 10;

--school-list-detail-room-info-grid-column:  6 / span 3;
--school-list-detail-room-info-grid-row: 12;

--school-list-detail-footer-grid-column: 2 / span 7;
--school-list-detail-footer-grid-row: 14;

}

}

/* @end @variables */

/* @group @m-school-list-detail */

[class*="m-school-list-detail"] {
overflow: hidden;
display: grid;
align-items: start;
grid-template-columns: var(--plan-body-grid-template-columns);
grid-template-rows: var(--plan-body-grid-template-rows);
background-color: hsl(0deg 0% 100%);
border-radius: .5rem;
box-shadow: var(--plan-body-box-shadow);
}


[class*="a-school-list-detail-header"] {
grid-column: var(--school-list-detail-header-grid-column);
grid-row: var(--school-list-detail-header-grid-row);
}

[class*="a-school-list-detail-overview"] {
grid-column: var(--school-list-detail-overview-grid-column);
grid-row: var(--school-list-detail-overview-grid-row);
}

[class*="a-school-list-detail-media"] {
grid-column: var(--school-list-detail-media-grid-column);
grid-row: var(--school-list-detail-media-grid-row);
}

[class*="a-school-list-detail-school-info"] {
grid-column: var(--school-list-detail-school-info-grid-column);
grid-row: var(--school-list-detail-school-info-grid-row);
}

[class*="a-school-list-detail-address"] {
grid-column: var(--school-list-detail-address-grid-column);
grid-row: var(--school-list-detail-address-grid-row);
}

[class*="a-school-list-detail-room-info"] {
grid-column: var(--school-list-detail-room-info-grid-column);
grid-row: var(--school-list-detail-room-info-grid-row);
}

[class*="a-school-list-detail-low-info"] {
grid-column: var(--school-list-detail-low-info-grid-column);
grid-row: var(--school-list-detail-low-info-grid-row);
}

[class*="a-school-list-detail-footer"] {
grid-column: var(--school-list-detail-footer-grid-column);
grid-row: var(--school-list-detail-footer-grid-row);
}

[class*="a-school-list-detail-sale-info"] {
grid-column: var(--school-list-detail-sale-info-grid-column);
grid-row: var(--school-list-detail-sale-info-grid-row);
}

[class*="m-school-list-detail"] :where(h3, h4, h5, p, ul, ol, dl ,table) {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}

[class*="m-school-list-detail"] :where(a) {
text-decoration: none;
}

/* @end @m-school-list-detail */

/* @group @a-school-list-detail-header */

[class*="a-school-list-detail-header"] {
display: grid;
justify-content: start;
grid-auto-flow: column;
gap: .75rem;
}

/* @end @a-school-list-detail-header */

/* @group @variables */

[class*="a-school-list-detail-title"] {
--search-result-title-font-size: 1.125rem;
--search-result-title-line-height: 1.66666667;
}

@media all and (min-width: 48em) {

[class*="a-school-list-detail-title"] {
--search-result-title-font-size: 1.5rem;
--search-result-title-line-height: 1.5;
}

}

/* @end @variables */

/* @group @a-school-list-detail-title */

[class*="a-school-list-detail-title"] {
position: relative;
/*display: grid;
grid-template-columns: 1.5rem auto 1fr;*/
font-size: var(--search-result-title-font-size);
line-height: var(--search-result-title-line-height);
}

[class*="a-school-list-detail-title"] a {
border-bottom: 1px solid transparent;
color: inherit;
text-decoration: none;
transition: var(--link-primero-transition);
}

[class*="a-school-list-detail-title"] a:hover,
[class*="a-school-list-detail-title"] a:focus {
border-bottom-color: hsl(0deg 0% 20%);
color: hsl(0deg 0% 27%);
}

[class*="a-school-list-detail-title"] span:nth-of-type(1) {
display: grid;
align-items: center;
}

[class*="a-school-list-detail-title"] svg {
width: .75rem;
height: auto;
}

/* @end @a-school-list-detail-title */

/* @group @variables */

[class*="a-school-list-detail-pref"] {
--school-list-detail-pref-margin-top: .25rem;
--school-list-detail-pref-font-size: .875rem;
}

@media all and (min-width: 48em) {

[class*="a-school-list-detail-pref"] {
--school-list-detail-pref-margin-top: .4375rem;
--school-list-detail-pref-font-size: 1rem;
}

}

/* @end @variables */

/* @group @a-school-list-detail-pref */

[class*="a-school-list-detail-pref"] {
display: grid;
justify-content: center;
align-items: center;
margin-top: var(--school-list-detail-pref-margin-top);
margin-right: auto;
height: 1.5rem;
padding: 0 .5rem;
background-color: hsl(198deg 59% 60%);
border-radius: .25rem;
font-size: var(--school-list-detail-pref-font-size);
font-weight: 600;
font-variation-settings-strong: "wght" 600;
color: var(--color-white);
}

/* @end @a-school-list-detail-pref */

/* @group @a-school-list-detail-overview */

[class*="a-school-list-detail-overview"] {
font-size: .875rem;
line-height: 1.71428571;
}

/* @end @a-school-list-detail-overview */

/* @group @a-school-list-detail-school-info */

[class*="a-school-list-detail-school-info"] {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: .75rem;
}

/* @end @a-school-list-detail-school-info */

/* @group @a-school-list-info-list */

[class*="a-school-list-info-list"] {
display: grid;
justify-content: start;
grid-auto-flow: column;
gap: .75rem;
}

/* @end @a-school-list-info-list */

/* @group @a-school-list-detail-model */

[class*="a-school-list-detail-model"] {
display: flex;
align-items: center;
align-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: .375rem;
}

[class*="a-school-list-detail-model"] li {
display: grid;
justify-content: center;
align-items: center;
height: 2.25rem;
padding: 0 .75rem;
background-color: hsl(220deg 100% 95%);
border-radius: .25rem;
color: hsl(220deg 100% 20%);
}

[class*="a-school-list-detail-model"] a {
display: grid;
justify-content: center;
align-items: center;
height: 2.25rem;
padding: 0 .75rem;
background-color: hsl(220deg 100% 95%);
border-radius: .25rem;
color: hsl(220deg 100% 20%);
transition: var(--link-primary-transition);
}

[class*="a-school-list-detail-model"] a:hover,
[class*="a-school-list-detail-model"] a:focus {
background-color: hsl(220deg 100% 92.5%);
color: hsl(220deg 100% 25%);
}

/* @end @a-school-list-detail-model */

/* @group @a-search-school-list-genre-list */

[class*="a-search-school-list-genre-list"] {
display: flex;
align-items: center;
align-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: .375rem;
}

[class*="a-search-school-list-genre-list"] li {
display: contents;
}

[class*="a-search-school-list-genre-list"] li:not(:has(a)) {
display: grid;
justify-content: center;
align-items: center;
height: 1.875rem;
padding: 0 .5rem;
background-color: hsl(220deg 5% 95%);
border-radius: .25rem;
font-size: .75rem;
}


[class*="a-search-school-list-genre-list"] a {
display: grid;
justify-content: center;
align-items: center;
height: 2.25rem;
padding: 0 .75rem;
background-color: hsl(220deg 100% 95%);
border-radius: .25rem;
color: hsl(220deg 100% 20%);
transition: var(--link-primary-transition);
}

[class*="a-search-school-list-genre-list"] a:hover,
[class*="a-search-school-list-genre-list"] a:focus {
background-color: hsl(220deg 100% 92.5%);
color: hsl(220deg 100% 25%);
}

/* @end @a-search-school-list-genre-list */

/* @group @a-school-list-sale-list */

[class*="a-school-list-sale-list"] {
display: grid;
grid-auto-flow: row;
}

/* @end @a-school-list-sale-list */

/* @group @a-school-list-sale-detail */

[class*="a-school-list-sale-detail"] {
display: grid;
justify-content: start;
grid-auto-flow: column;
gap: .75rem;
padding-block: .75rem;
box-shadow: 0 1px 0 0 hsl(225deg 5% 85%), inset 0 1px 0 0 hsl(225deg 5% 85%);
font-size: .875rem;
line-height: 1.71428571;
}

[class*="a-school-list-sale-detail"] time {
display: grid;
padding-top: .25rem;
font-size: .75rem;
line-height: 1.5;
color: hsl(198deg 59% 60%);
font-weight: 600;
font-variation-settings-strong: "wght" 600;
}

/* @end @a-school-list-sale-detail */

/* @group @a-school-list-sale-info-detail-footer */

[class*="a-school-list-sale-info-detail-footer"] {
font-size: .75rem;
text-align: right;
}

/* @end @a-school-list-sale-info-detail-footer */

/* @group @a-school-list-detail-low-info */

[class*="a-school-list-detail-low-info"] {
display: grid;
grid-auto-flow: row;
gap: .375rem;
padding: .75rem;
background-color: hsl(220deg 5% 97.5%);
}

[class*="a-school-list-detail-low-info"] dl {
display: grid;
justify-content: center;
align-items: center;
grid-auto-flow: column;
gap: .5rem;
text-align: center;
}

[class*="a-school-list-detail-low-info"] dt {
font-weight: inherit;
}

[class*="a-school-list-detail-low-info"] dd em {
margin-right: .25rem;
font-size: 1.25rem;
line-height: 1.2;
color: hsl(198deg 80% 54%);
font-weight: 600;
font-variation-settings-strong: "wght" 600;
}

[class*="a-school-list-detail-low-info"] dd span {
font-size: .75rem;
line-height: 2;
}

[class*="a-school-list-detail-low-info"] p {
font-size: .75rem;
line-height: 1.5;
text-align: center;
}

/* @end @a-school-list-detail-low-info */

/* @group @a-school-list-detail-point */

[class*="a-school-list-detail-point"] {
display: grid;
grid-auto-flow: row;
gap: .75rem;
counter-reset: li-entry;
padding-left: 0;
}

[class*="a-school-list-detail-point"]>li {
display: grid;
justify-content: start;
align-items: center;
grid-auto-flow: column;
gap: .375rem;
counter-increment: li-entry;
}

[class*="a-school-list-detail-point"]>li:before {
box-sizing: border-box;
content: 'Point ' counter(li-entry);
display: grid;
align-items: center;
align-content: center;
place-items: var(--counter-list-place-items);
height: 1.875rem;
padding: 0 .5rem;
background-color: hsl(65deg 83% 50%);
border-radius: .25rem;
font-size: .75rem;
color: inherit;
text-transform: uppercase;
letter-spacing: .1ch;
}

/* @end @a-point-detail */

/* @group @a-school-list-detail-copy */

[class*="a-school-list-detail-copy"] {
margin-bottom: 0;
font-size: 1.25rem;
line-height: 1.5;
color: hsl(347deg 85% 64%);
font-weight: 600;
font-variation-settings-strong: "wght" 600;
direction: ltr;
}

/* @end @a-school-list-detail-copy */

/* @group @a-school-list-detail-catch */

[class*="a-school-list-detail-catch"] {
display: grid;
justify-content: start;
align-items: start;
grid-auto-flow: column;
gap: .5rem;
}

[class*="a-school-list-detail-catch"] img {
width: 1.8875rem;
}

[class*="a-school-list-detail-catch"] h4 {
margin-bottom: 0;
font-size: 1.125rem;
line-height: 1.66666667;
font-weight: 600;
font-variation-settings-strong: "wght" 600;
direction: ltr;
}

/* @end @a-school-list-detail-catch */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-school-list-detail-footer"] {
--school-list-detail-footer-grid-template-columns: repeat(2, 1fr);
}

/*@media all and (min-width: 48em) {

[class*="a-school-list-detail-footer"] {
--school-list-detail-footer-grid-template-columns: repeat(2, 1fr);
}

}*/

/* @end @variables */

/* @group @a-school-list-detail-footer */

[class*="a-school-list-detail-footer"] {
display: grid;
justify-content: center;
grid-template-columns: var(--school-list-detail-footer-grid-template-columns);
gap: 1.125rem;
padding: .75rem;
background-color: hsl(220deg 53% 97%);
}

[class*="a-school-list-detail-footer"] a,
[class*="a-school-list-detail-footer"] label {
width: 100%;
}

/* @end @a-school-list-detail-footer */