.elementor-kit-5{--e-global-color-primary:#ED6724;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#07733F;--e-global-color-1b58914:#FFFFFF;--e-global-color-dcd0c23:#1A1A1A;--e-global-typography-primary-font-family:"Acumin";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cascadia";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Acumin";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   ORANGE KING — PPOM PHOTO CARDS (CÓDIGO LIMPIO FINAL)
   DOM:
   .form-group (grid)
     .form-check
       label.form-check-label
         input
         span.ppom-input-option-label
========================================================= */

:root{
  --ok-accent:#ED6724;
  --ok-border:#e7e7e7;
  --ok-shadow:0 12px 28px rgba(0,0,0,.14);
  --ok-radius:26px;
}

/* ---------- TITULOS (NO CARD) ---------- */
.ppom-field-wrapper .form-group > .form-control-label{
  grid-column:1 / -1 !important;
  margin:28px 0 14px !important;
  font-size:18px !important;
  font-weight:900 !important;
  color:#111 !important;
  background:none !important;
  border:0 !important;
}

/* ---------- GRID ---------- */
.ppom-field-wrapper .form-group{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:18px !important;
}

/* ---------- ITEM ---------- */
.ppom-field-wrapper .form-check{
  margin:0 !important;
  padding:0 !important;
}

/* ---------- CARD ---------- */
.ppom-field-wrapper label.form-check-label{
  position:relative !important;
  width:100% !important;
  height:100% !important;

  background-image:url('https://orangeking.mx/wp-content/uploads/2026/01/gemini-2.5-flash-image_Place_this_dish_on_a_clean_warm-toned_wooden_board_with_a_medium_wood_color_clos-0-3.jpg') !important;
  background-size:cover !important;
  background-position:center !important;

  border-radius:var(--ok-radius) !important;
  border:3px solid var(--ok-border) !important;
  overflow:hidden !important;

  min-height:240px !important;
  cursor:pointer !important;
  transition:all .22s ease !important;
}

/* input invisible (NO interfiere) */
.ppom-field-wrapper label.form-check-label > input{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* ---------- OVERLAY TEXTO ---------- */
.ppom-field-wrapper label.form-check-label::before{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:40%;
  background:linear-gradient(to top,
    rgba(0,0,0,.65),
    rgba(0,0,0,.25),
    rgba(0,0,0,0)
  );
  z-index:1;
}

/* ---------- TEXTO ---------- */
.ppom-field-wrapper .ppom-input-option-label{
  position:absolute !important;
  bottom:0;
  left:0;
  right:0;

  padding:16px 18px !important;
  font-size:22px !important;
  font-weight:900 !important;
  color:#fff !important;
  text-align:center !important;

  z-index:2 !important;
  pointer-events:none !important;
}

/* ---------- HOVER ---------- */
.ppom-field-wrapper .form-check:hover > label.form-check-label{
  transform:translateY(-2px);
  box-shadow:var(--ok-shadow) !important;
  border-color:var(--ok-accent) !important;
}

/* ---------- SELECCIONADO (SIN TAPAR FOTO) ---------- */
.ppom-field-wrapper label.form-check-label.checked,
.ppom-field-wrapper label.form-check-label:has(> input:checked){
  border-color:var(--ok-accent) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.18) !important;
}

/* ---------- CIRCULO + PALOMITA (MÉTODO ORIGINAL) ---------- */
.ppom-field-wrapper label.form-check-label.checked::after,
.ppom-field-wrapper label.form-check-label:has(> input:checked)::after{
  content:"✓";
  position:absolute;
  top:16px;
  right:16px;

  width:44px;
  height:44px;
  border-radius:999px;

  background:var(--ok-accent);
  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:20px;
  font-weight:900;

  z-index:5;
  pointer-events:none;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1024px){
  .ppom-field-wrapper .form-group{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .ppom-field-wrapper label.form-check-label{
    min-height:210px !important;
  }
  .ppom-field-wrapper .ppom-input-option-label{
    font-size:20px !important;
  }
}

@media (max-width:520px){
  .ppom-field-wrapper label.form-check-label{
    min-height:170px !important;
    border-radius:20px !important;
  }
  .ppom-field-wrapper .ppom-input-option-label{
    font-size:16px !important;
  }
}

a {
    text-decoration: none!important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Acumin';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://orangeking.mx/wp-content/uploads/2026/01/Acumin-RPro.woff2') format('woff2');
}
@font-face {
	font-family: 'Acumin';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://orangeking.mx/wp-content/uploads/2026/01/Acumin-BdPro.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cascadia';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://orangeking.mx/wp-content/uploads/2026/01/CascadiaCode-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Cascadia';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://orangeking.mx/wp-content/uploads/2026/01/CascadiaCode-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Cascadia';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://orangeking.mx/wp-content/uploads/2026/01/CascadiaCode-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */