.component.directory-iframes{background:var(--black);padding:0 var(--normal-padding) 85px;justify-content:center}.component.directory-iframes .inner-directory{width:100%;max-width:1040px;position:relative;gap:30px}.component.directory-iframes .inner-directory>*{width:100%;position:relative}.iframes-viewer{width:100%}.iframes-viewer:after{display:none}.iframes-viewer .camera-block{display:none;position:relative;width:100%;height:auto}.iframes-viewer .camera-block.active{display:flex;flex-direction:column;gap:16px}.iframes-viewer .iframe-holder{position:relative;width:100%;height:auto;aspect-ratio:16/9}.iframes-viewer .iframe-holder iframe,.iframes-togglers .iframe-toggler img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.iframes-togglers{gap:20px;flex-wrap:wrap;margin-top:20px}.iframes-togglers .iframe-toggler{width:calc(20% - 16.66px);position:relative;cursor:pointer;display:flex;flex-direction:column;gap:5px}.iframes-togglers .iframe-toggler.active{pointer-events:none}.iframes-togglers .iframe-toggler>span{color:var(--white)}.iframes-togglers .iframe-toggler .image{position:relative;width:100%}.iframes-togglers .iframe-toggler .image:after{content:"";width:100%;display:block;position:relative;pointer-events:none;padding-bottom:56%}.iframes-togglers .iframe-toggler span.iframe-play{width:50px;height:50px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);background:url(//canalmarmenor.carm.es/wp-content/themes/mar/css/components/../../images/play.svg) center center/contain no-repeat;transition:transform .25s ease,opacity .25s ease}.iframes-togglers .iframe-toggler:hover span.iframe-play,.iframes-togglers .iframe-toggler:focus span.iframe-play{transform:translate3d(-50%,-50%,0) scale(1.1)}.iframes-togglers .iframe-toggler.active span.iframe-play{opacity:0}.data-table,.data-table-empty{position:relative;left:auto;bottom:auto;width:100%}.weather-strip{display:grid;grid-template-columns:170px repeat(6,1fr);grid-template-rows:repeat(2,minmax(74px, auto));align-items:stretch;background:rgba(22,24,28,.92);border:1px solid rgba(255,255,255,.36);color:var(--white);overflow:hidden}.weather-main{grid-row:1/3;display:grid;grid-template-rows:1fr 1fr;min-width:170px}.weather-station{background:#2a4f86;color:#fff;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-weight:700;font-size:18px;border-right:1px solid rgba(255,255,255,.36);border-bottom:1px solid rgba(255,255,255,.36)}.weather-date{background:#329ae6;color:#fff;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-size:14px;border-right:1px solid rgba(255,255,255,.36)}.js-temp-actual,.js-hume,.js-pres,.js-sunrise,.js-wind,.js-wind-dir,.js-rain-hour,.js-rain-24h,.js-sunset{display:flex;justify-content:center;align-items:center;min-height:36px}.weather-item{min-width:0;display:flex;flex-direction:column;align-items:center;padding:10px 8px;text-align:center;background:rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.36);border-bottom:1px solid rgba(255,255,255,.36);box-sizing:border-box}.weather-item span{color:rgba(255,255,255,.82);font-size:12px;line-height:1.25;margin-bottom:6px}.weather-value-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.weather-value{color:#8ec5ff;font-size:14px;line-height:1.25;font-weight:600}.weather-subvalue{color:#8ec5ff;font-size:12px;line-height:1.2;opacity:.9}.mm-divider{width:70%;border-bottom:1px dotted #355a9e;margin:3px 0}.data-table-empty{min-height:88px;border:1px solid rgba(255,255,255,.65);color:var(--white);background:rgba(22,24,28,.92);display:flex;align-items:center;justify-content:center;text-align:center}.weather-item:nth-child(7),.weather-item:nth-child(13){border-right:0}.weather-item:nth-child(n+8){border-bottom:0}@media only screen and (max-width:1024px){.component.directory-iframes{padding-bottom:65px}.iframes-viewer .iframe-holder{aspect-ratio:16/9}.weather-strip{grid-template-columns:170px repeat(4,1fr);grid-template-rows:repeat(3,minmax(68px, auto))}.weather-main{grid-row:1/4}.weather-item{border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.weather-item:nth-child(6),.weather-item:nth-child(12){border-right:1px solid rgba(255,255,255,.18)}.weather-item:nth-child(n+7){border-bottom:1px solid rgba(255,255,255,.18)}.weather-item:nth-child(5),.weather-item:nth-child(9),.weather-item:nth-child(7),.weather-item:nth-child(13){border-right:0}.weather-item:nth-child(7){border-right:1px solid rgba(255,255,255,.18)}.weather-item:nth-child(n+10){border-bottom:0}.iframes-togglers .iframe-toggler{width:calc(33.33% - 14px)}}@media only screen and (max-width:550px){.iframes-viewer .camera-block{display:none;position:static;width:100%;height:auto}.iframes-viewer .camera-block.active{display:block;position:relative}.iframes-viewer .iframe-holder{position:relative;width:100%;height:auto !important;aspect-ratio:16/9}.iframes-viewer .iframe-holder iframe{position:absolute;inset:0;width:100%;height:100%}.data-table,.data-table-empty{margin-top:12px}.weather-strip{grid-template-columns:1fr 1fr;grid-template-rows:auto}.weather-main{grid-column:1/3;grid-row:auto;min-width:100%;display:grid;grid-template-rows:1fr 1fr}.weather-station,.weather-date{width:100%;min-height:52px;font-size:14px;border-right:0}.weather-item{min-width:0;padding:10px 6px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.weather-item:nth-child(4),.weather-item:nth-child(8),.weather-item:nth-child(12){border-right:1px solid rgba(255,255,255,.18)}.weather-item:nth-child(n+9){border-bottom:1px solid rgba(255,255,255,.18)}.weather-item:nth-child(odd){border-right:0}.weather-item:nth-child(12),.weather-item:nth-child(13){border-bottom:0}.weather-item span{font-size:11px}.weather-value{font-size:13px}.weather-subvalue{font-size:11px}.iframes-togglers{margin-top:20px;gap:20px}.iframes-togglers .iframe-toggler{width:calc(50% - 10px)}}